.draft{background:var(--yellow);color:var(--ink);font-size:14px;font-weight:600;text-align:center;padding:10px var(--pad);margin-top:calc(var(--nav-h) + env(safe-area-inset-top,0px))}
.draft + .page-head{padding-top:clamp(56px,8vw,112px)}
.jump{display:grid;grid-template-columns:1fr;gap:8px;margin-top:clamp(28px,3.4vw,44px);max-width:980px}
@media (min-width:700px){.jump{grid-template-columns:repeat(3,1fr)}}
.jump a{padding:12px 18px;border:1px solid var(--line);border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.jump a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.case-ch{padding-block:var(--chapter)}
.case-row{display:grid;gap:clamp(40px,5vw,72px)}
.case-num{font-size:clamp(56px,7vw,104px);font-weight:300;letter-spacing:-.03em;line-height:1;color:var(--muted)}
.case-text .eyebrow{margin-top:18px}
.chapter[data-theme="light"] .case-text .eyebrow{color:var(--cobalt)}
.case-text h2{margin-top:14px;max-width:14ch}
.bucket{margin-top:clamp(28px,3vw,40px);padding-top:clamp(20px,2.2vw,28px);border-top:1px solid var(--line)}
.bucket h3{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);margin-bottom:12px}
.chapter[data-theme="dark"] .bucket h3{color:var(--yellow)}
.bucket p{color:var(--muted);max-width:34em}
.bucket p + p{margin-top:14px}
.results{display:grid;gap:0}
.results li{padding:14px 0 14px 34px;border-top:1px solid var(--line);font-weight:600;line-height:1.4;background:no-repeat 0 19px/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%232646FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9h14M11 4l5 5-5 5'/%3E%3C/svg%3E")}
.results li:first-child{border-top:0}
.case-media{--g:clamp(10px,1.2vw,16px)}
.mosaic{display:grid;gap:var(--g)}
.mrow{display:grid;gap:var(--g)}
.mrow .m{border-radius:var(--r-md);min-height:0}
.mrow.full{grid-template-columns:1fr}
.mrow.full .m{aspect-ratio:16/9}
.mrow.square{grid-template-columns:1fr}
.mrow.square .m{aspect-ratio:1/1}
.mrow.halves-v{grid-template-columns:1fr 1fr}
.mrow.halves-v .m{aspect-ratio:16/9}
.mrow.halves{grid-template-columns:1fr 1fr}
.mrow.halves .m{aspect-ratio:4/3}
.mrow.sq-rect{grid-template-columns:1fr 2fr}
.mrow.rect-sq{grid-template-columns:2fr 1fr}
.mrow .lead{aspect-ratio:1/1}
.mrow.sq-rect .m:not(.lead),.mrow.rect-sq .m:not(.lead){height:100%}
@media (min-width:1024px){
  .case-row{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}
  .case-row.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .case-row.flip .case-text{order:2}
  .case-sticky{position:sticky;top:calc(var(--nav-h) + 40px)}
}