.detail-hero{padding:1rem 0 3rem}.detail-hero__meta{display:flex;flex-wrap:wrap;gap:.8rem}.detail-hero__title{margin:1.5rem 0 1rem;font-family:var(--font-display);font-size:clamp(3rem,8.8vw,7rem);line-height:.9;text-transform:uppercase;letter-spacing:-.03em;text-shadow:4px 0 0 var(--accent)}.detail-hero__lead{max-width:50rem;background:var(--paper);border:3px solid var(--frame);box-shadow:8px 8px 0 var(--paper-shadow);padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:1.02rem;line-height:1.7}.detail-hero__lead p{margin:0}.detail-hero__mobile-photo{display:none}.detail-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:2rem;align-items:start}.detail-body__main{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,28rem),1fr));gap:1.4rem;align-content:start}.detail-body__aside{display:grid;gap:1.4rem}.detail-body__main>.detail-section--wide,.detail-body__main>.paper-block.detail-section--wide,.detail-body__main>.detail-body__mobile-flow.detail-section--wide{grid-column:1 / -1}.detail-body__mobile-flow{display:none}.detail-section{display:grid;gap:1rem}.detail-section--expert{margin-top:.35rem}.jump-nav{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.jump-nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem .85rem;background:#f6f1e6e0;border:2px solid var(--frame);box-shadow:4px 4px 0 var(--paper-shadow-soft);font-family:var(--font-mono);font-size:.76rem;line-height:1.2;text-decoration:none;text-transform:uppercase}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-top:2rem}.fact-card{background:var(--paper);border:2px solid var(--frame);box-shadow:6px 6px 0 var(--paper-shadow);padding:1rem}.fact-card span{display:block;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;color:var(--muted)}.fact-card strong{display:block;margin-top:.45rem;font-family:var(--font-display);font-size:1.3rem;line-height:1;text-transform:uppercase}.fact-card p{margin:.75rem 0 0;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.fact-card--overview{min-height:100%}.paper-block,.paper-note{background:var(--paper);border:2px solid var(--frame);box-shadow:8px 8px 0 var(--paper-shadow);padding:1.2rem 1.35rem}.paper-block p,.paper-note li,.paper-note ol{margin:0;font-family:var(--font-mono);line-height:1.8}.paper-block p+p{margin-top:1rem}.paper-block__kicker{margin-bottom:.9rem;color:var(--accent-red);font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.paper-block--lead{box-shadow:10px 10px 0 var(--accent)}.paper-note h2{margin:0 0 .9rem;font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase}.paper-note ul,.paper-note ol{padding-left:1.1rem}.paper-note--recipe{align-self:center}.paper-note--internal{background:#f5e68b;border-style:dashed;box-shadow:10px 10px #2f251e2e;transform:rotate(-.6deg)}.paper-note--internal .paper-block__kicker{color:#6b5414}.paper-block--annotated{transform:rotate(-1deg);box-shadow:10px 10px 0 var(--accent-red)}.expert-tip{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}.expert-tip__photo{width:clamp(140px,18vw,220px)}.expert-tip__photo .photo-frame img{aspect-ratio:auto}.expert-tip__quote{margin:0;font-family:var(--font-body);font-weight:600;font-style:italic;font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.35;text-transform:none}.expert-tip__byline{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.45rem;font-family:var(--font-mono)}.expert-tip__byline span{color:var(--muted)}.crumb-chip{padding:.5rem .8rem;background:#f6f1e6d1;border:2px solid var(--frame);box-shadow:4px 4px 0 var(--paper-shadow-soft);font-family:var(--font-mono);text-transform:uppercase;font-size:.78rem}.crumb-chip--dark{background:var(--frame);color:var(--paper);box-shadow:4px 4px 0 var(--accent)}.recipe-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:2rem;align-items:start}@media(max-width:720px){.detail-body,.detail-body__main,.expert-tip{grid-template-columns:1fr}.expert-tip__photo{width:auto}.detail-hero__title{text-shadow:3px 0 0 var(--accent)}.detail-hero__lead{font-size:.95rem}.detail-body__mobile-flow{display:block}.detail-body__aside{display:none}.detail-hero__mobile-photo{display:block;margin-top:1.25rem}}