/* Opt-in, normalized recipes. Apply ds-* classes to new components. */
.ds-rail {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;border-bottom:1px solid var(--ink);padding-bottom:20px;margin-bottom:40px;color:var(--muted);font:500 12px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;}
.ds-button {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 20px;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:var(--white);font:500 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s;}
.ds-button:hover {background:var(--accent-hover);border-color:var(--accent-hover);}
.ds-button--secondary {background:transparent;border-color:var(--ink);color:var(--ink);}
.ds-button--secondary:hover {background:var(--ink);border-color:var(--ink);color:var(--white);}
.ds-link {display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:500 12px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;}
.ds-link:hover {text-decoration:underline;text-underline-offset:4px;}
.ds-button:focus-visible,.ds-link:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
.ds-card {padding:24px;border:1px solid var(--hair-strong);border-radius:0;background:var(--white);color:var(--ink-2);}
.ds-card__title {margin:8px 0 12px;font:700 clamp(20px,2.2vw,24px)/1.08 var(--display);letter-spacing:-.018em;}
.ds-tags {display:flex;flex-wrap:wrap;gap:8px;}
.ds-tag {padding:5px 8px;border:1px solid var(--hair-strong);border-radius:0;background:var(--white);color:var(--muted);font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;}
.ds-metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));background:var(--white);border-top:1px solid var(--hair);}
.ds-metric {padding:16px;min-width:0;border-right:1px solid var(--hair);}
.ds-metric:last-child {border-right:0;}
.ds-metric__value {display:block;color:var(--ink);font:500 30px/1 var(--mono);letter-spacing:-.04em;}
.ds-metric__label {display:block;margin-top:6px;color:var(--muted);font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;}
.ds-media-plate {display:flex;justify-content:center;align-items:flex-start;background:var(--panel);padding:clamp(16px,2.5vw,32px);}
.ds-phone {display:block;width:100%;max-width:300px;height:auto;border:2px solid var(--ink);border-radius:16px;object-fit:contain;}
@media(max-width:720px) {
 .ds-rail {padding-bottom:14px;margin-bottom:20px;font-size:11px;}
 .ds-button {display:flex;width:100%;}
 .ds-phone {border-radius:12px;}
 .ds-metric__value {font-size:22px;}
 .ds-metric__label,.ds-tag {font-size:10px;}
}
@media(prefers-reduced-motion:reduce) {.ds-button {transition:none;}}