.art{padding-block:clamp(2rem,5vw,4rem) clamp(3rem,7vw,6rem)}
.crumbs{font-size:.875rem;color:var(--muted);margin-bottom:1.5rem}
.crumbs a{color:var(--ink-2)}
.art h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;letter-spacing:-.03em;margin-top:1rem;max-width:16em}
.art .lead{max-width:40em}
.art-meta{margin-top:1.25rem;font-size:.875rem;color:var(--muted)}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,4.5rem);margin-top:clamp(2rem,4vw,3rem);align-items:start}
.art-body{max-width:42em;display:grid;gap:1rem}
.art-body h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-top:1.5rem}
.art-body p,.art-body li{line-height:1.65}
.art-side{position:sticky;top:96px;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}
.art-video{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;min-width:0}
.art-video video{width:100%;max-width:100%;height:auto;aspect-ratio:9/16;border-radius:18px;background:var(--ink);display:block}
.art-video figcaption{font-size:.8125rem;color:var(--muted)}
.art-cta{background:var(--ink);color:var(--on-ink);border-radius:20px;padding:1.25rem;display:grid;gap:.6rem}
.art-cta h3{color:var(--on-ink);font-size:1.15rem}
.art-cta p{color:var(--on-ink-muted);font-size:.9375rem}
.art-cta .btn{justify-self:start}
.exs{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.ex{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.2rem}
.ex-n{width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;font-weight:700}
.ex h3{font-size:1.125rem}
.ex-dose{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-text);margin:.2rem 0 .35rem}
.ex-tip{margin-top:.4rem;font-size:.9375rem;color:var(--muted)}
.art-sources{margin-top:clamp(2rem,5vw,3rem);max-width:42em;font-size:.875rem;color:var(--muted)}
.art-sources h2{font-size:1rem;margin-bottom:.5rem}
.art-sources ul{padding-left:1.1rem;display:grid;gap:.3rem}
.art-note{margin-top:1rem;max-width:42em;font-size:.875rem;color:var(--muted)}
.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem;margin-top:2rem}
.cs-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:1rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:.9rem;text-decoration:none;color:inherit;transition:transform .2s}
.cs-card:hover{transform:translateY(-2px)}
.cs-card img{width:96px;height:120px;object-fit:cover;object-position:top;border-radius:12px;background:var(--ink)}
.cs-card .t{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-text)}
.cs-card h3{font-size:1.1rem;margin-top:.25rem;line-height:1.25}
@media (max-width:900px){.art-grid{grid-template-columns:1fr}.art-side{position:static;max-width:360px}}