/* Recipe-first browsing and complete story companions, 2026-10-28. */
:root{--line:#ced5c8;--ink:#243c35;--rust:#91462d;--muted:#53645a}
.top nav div{flex-wrap:wrap;gap:12px 22px}.top nav a{min-height:32px;display:inline-flex;align-items:center}.book-panel{gap:45px}.book-panel h1{font-size:clamp(42px,5.8vw,72px)}.collection-hero-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.text-link{font-size:15px}
.collection-recipes,.story-list{scroll-margin-top:24px;padding:35px 0 60px;border-top:1px solid var(--line)}.collection-section-head{margin-bottom:28px}.collection-section-head h2{font-size:clamp(30px,4vw,44px)}.collection-section-head p{font-size:16px;color:var(--muted);max-width:720px;margin-bottom:0}
.recipe-filters{display:grid;grid-template-columns:1.7fr 1fr auto;gap:18px;align-items:end;padding:22px;background:#f0eadc;border:1px solid var(--line);border-radius:4px}.recipe-filters label{display:block;font-size:13px;font-weight:700}.recipe-filters input,.recipe-filters select{display:block;margin-top:7px;width:100%;min-height:46px;border:1px solid #9ba99b;border-radius:3px;background:#fffdf8;color:var(--ink);font:16px/1.5 system-ui,sans-serif;padding:10px 12px}.recipe-filters button{min-height:46px;border:1px solid #9ba99b;border-radius:3px;background:#fffdf8;color:var(--ink);font:700 14px/1.5 system-ui,sans-serif;padding:10px 16px;cursor:pointer}.recipe-results{font-size:13px;color:var(--muted);margin:16px 0 24px}.recipe-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recipe-card{min-width:0;display:flex;flex-direction:column;background:#fffdf8;border:1px solid var(--line);border-radius:5px;overflow:hidden}.recipe-card[hidden]{display:none}.recipe-card-art{background:#f1ecdf;display:block;border-bottom:1px solid var(--line)}.recipe-card-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.recipe-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.recipe-card .kicker{font-size:10px;margin-bottom:10px}.recipe-card h3{font-size:25px;line-height:1.2;margin-bottom:16px;overflow-wrap:break-word}.recipe-card h3 a{text-decoration:none}.recipe-card h3 a:hover{text-decoration:underline}.recipe-card-story{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:15px}.recipe-card-facts{font-size:12px;line-height:1.6;border-top:1px solid var(--line);padding-top:12px;margin-bottom:17px}.recipe-card-open{font-size:14px;font-weight:700;margin-top:auto}.recipe-empty{padding:25px;background:#f0eadc}
.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.story-list>.collection-section-head{grid-column:1/-1;margin-bottom:0}.story-teaser{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);padding:0;background:#fffdf8;border-radius:4px;overflow:hidden;align-items:stretch}.story-teaser:nth-child(even) .teaser-art{order:0}.story-teaser .teaser-art{background:#f1ecdf}.story-teaser .teaser-art img{aspect-ratio:3/2;object-fit:contain}.teaser-copy{padding:25px;display:flex;flex-direction:column;flex:1}.story-teaser h2{font-size:30px;line-height:1.2}.teaser-copy .kicker{font-size:10px}.teaser-copy>p:not(.kicker){font-size:15px}.teaser-copy .button{align-self:start;margin-top:auto}
.recipe-jumps{display:flex;gap:12px 24px;flex-wrap:wrap;margin:18px 0 28px;font-size:14px}.recipe-jumps a{min-height:32px;display:inline-flex;align-items:center}.dish-story-context{max-width:850px;padding:24px 28px;border-left:4px solid #a35632;background:#f0eadc;margin:24px 0 30px}.dish-story-context h2{font:700 11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.dish-story-context .context-title{font:700 23px/1.25 Georgia,serif;margin-bottom:14px}.dish-story-context p{font-size:15px;line-height:1.7;margin-bottom:15px}.dish-story-context>a{font-size:14px}.recipe-neighbours{display:flex;justify-content:space-between;gap:30px;margin:35px 0;padding:25px 0;border-top:1px solid var(--line);font-size:14px}.recipe-neighbours a{max-width:48%}.recipe-neighbours a:last-child{text-align:right}
.story-recipe-collection{margin:50px 0!important;padding-top:35px;border-top:2px solid var(--ink)}.inline-companion{padding:30px 0 35px;border-bottom:1px solid var(--line)}.inline-companion .recipe-head{padding-top:0}.inline-companion .recipe-head h3{font-size:clamp(29px,4vw,39px);line-height:1.15}.inline-companion .recipe-head h3 a{text-decoration:none}.inline-companion .recipe-head>p{font-size:16px}.inline-companion .recipe-figure,.inline-companion>figure{max-width:650px;margin:25px auto}.inline-companion img{max-height:430px;object-fit:contain}.inline-companion .reader{max-width:none}.inline-companion .reader h4{font:700 24px/1.25 Georgia,serif;margin:0 0 15px}.inline-companion .recipe-grid{gap:30px}.inline-companion h4{font:700 27px/1.2 Georgia,serif;margin:0 0 16px}.inline-companion h5{font:700 19px/1.3 Georgia,serif;margin:24px 0 10px}.inline-companion .recipe-note h4{font-size:23px}.inline-companion .recipe-note p,.inline-companion .notes{font-size:15px}.inline-companion .facts{font-size:13px}.inline-companion .recipe-grid li{font-size:15px;line-height:1.7}.inline-companion .print{display:none}.story-heading .recipe-jumps{margin-top:28px}.recipe-grid #ingredients,.recipe-grid #method,#recipes,#story,#sources{scroll-margin-top:25px}
@media(max-width:950px){.recipe-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-panel{gap:30px}.recipe-filters{grid-template-columns:1fr 1fr}.recipe-filters button{grid-column:1/-1;justify-self:start}.story-list{gap:20px}}
@media(max-width:650px){.wrap{padding-inline:20px}.book-panel{padding-top:35px}.book-panel .book-cover{max-width:210px}.book-panel .book-cover figcaption{text-align:center}.book-panel .deck{font-size:20px}.book-panel .edition{margin-top:22px}.recipe-card-grid,.story-list{grid-template-columns:1fr}.recipe-filters{grid-template-columns:1fr;gap:16px;padding:18px}.recipe-filters button{width:100%}.recipe-card-copy{padding:22px}.recipe-card h3{font-size:28px}.recipe-card-art img{max-height:300px}.story-teaser h2{font-size:29px}.dish-story-context{padding:20px}.dish-story-context .context-title{font-size:23px}.recipe-neighbours{gap:20px}.inline-companion .recipe-grid{display:block}.inline-companion .method{margin-top:35px}.inline-companion .recipe-head h3{font-size:31px}.top nav div{font-size:13px}.collection-hero-links{gap:14px 20px}}
@media print{.recipe-jumps,.recipe-neighbours,.recipe-filters,.collection-hero-links{display:none!important}.dish-story-context{font-size:10pt;padding:8pt 12pt;break-inside:avoid}.recipe-card-grid{display:block}.recipe-card{break-inside:avoid;margin-bottom:15pt}.recipe-card-art{display:none}.inline-companion .recipe-grid{display:grid}.story-recipe-collection{break-before:page}.inline-companion{break-before:page}.inline-companion:first-of-type{break-before:auto}.inline-companion>figure,.inline-companion .recipe-figure{display:none!important}}

/* Bounded 23-story successor: readable wrap and two-way story navigation. */
.story-heading h1,.recipe-head h1{overflow-wrap:break-word}.story-neighbours{display:flex;justify-content:space-between;gap:28px}.story-neighbours a{font-size:15px!important;line-height:1.55;max-width:48%}.story-neighbours a:last-child{text-align:right}.recipe-safety-sources{font-size:14px}.historical-sidebar{margin:30px 0;padding:22px 26px;border-left:3px solid #a35632;background:#f0eadc}.historical-sidebar h2{font-size:23px}.historical-sidebar p{font-size:15px;line-height:1.75}@media(max-width:650px){.story-neighbours{display:block}.story-neighbours a{display:block;max-width:none;margin:16px 0}.story-neighbours a:last-child{text-align:left}.historical-sidebar{padding:20px}}
