/* V15: supplementary reading, after the complete recipe. No layout changes above it. */
.recipe-story{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);display:grid;gap:18px;scroll-margin-top:calc(var(--header-height) + 78px)}
.story-aside{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.story-aside .eyebrow{margin:0;color:var(--brand);font-size:10px;line-height:1.6;letter-spacing:.14em}
.story-index{display:none}
.story-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.4;color:var(--brand);text-decoration:underline;text-underline-offset:4px}
.story-reading{min-width:0;max-width:720px}
.story-reading>h2{font-family:var(--serif);font-size:clamp(27px,3.2vw,35px);line-height:1.16;letter-spacing:-.025em;margin:0 0 19px;color:var(--ink);text-wrap:pretty}
.story-reading p{font-size:16px;line-height:1.8;margin:0 0 18px;color:var(--ink);text-wrap:pretty}
.story-reading .story-intro{font-size:17px;line-height:1.75;color:#4f5b48;margin-bottom:26px}
.story-topic{margin-top:25px}
.story-topic h3{font-family:var(--sans);font-size:17px;font-weight:700;line-height:1.45;letter-spacing:0;margin:0 0 9px;color:var(--brand-dark);scroll-margin-top:calc(var(--header-height) + 82px);text-wrap:pretty}
.story-reading a{color:var(--brand-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.story-reading a:hover,.story-back:hover,.story-index a:hover{color:var(--accent-ink)}
.story-reading .story-citation{font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;vertical-align:baseline;text-decoration:none;font-weight:650;background:var(--sage);border-radius:3px;margin-inline:2px}
.story-sources{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
.story-sources h3{font-family:var(--sans);font-size:12px;font-weight:650;letter-spacing:0;line-height:1.5;color:var(--muted);margin:0 0 8px}
.story-sources ol{padding-left:20px;margin:0;color:var(--muted)}
.story-sources li{font-size:12px;line-height:1.7;scroll-margin-top:calc(var(--header-height) + 82px)}
.story-sources li a{display:inline-block;padding-block:6px;overflow-wrap:anywhere}
.recipe-jump a{line-height:1.4;text-align:center}
@media(min-width:860px){.recipe-story{grid-template-columns:310px minmax(0,1fr);column-gap:48px;margin-top:56px;padding-top:37px}.story-aside{display:block;align-self:start;padding-right:25px}.story-aside .eyebrow{margin-bottom:20px}.story-index{display:block}.story-index ol{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--line)}.story-index li{border-bottom:1px solid var(--line)}.story-index a{display:block;padding:12px 0;min-height:44px;font-size:13px;line-height:1.6;text-decoration:none;color:var(--muted)}.story-reading p{font-size:17px}.story-reading .story-intro{font-size:18px}.story-topic h3{font-size:18px}}
@media(max-width:599px){.recipe-jump{gap:0}.recipe-jump a{font-size:12px;min-width:0;padding-inline:3px}.story-aside{gap:10px}.story-aside .eyebrow{font-size:9px}.story-back{font-size:11px}.story-reading>h2{font-size:27px}}
@media print{.recipe-story{display:none!important}}