/* Readable kitchen pages, with discoveries at the edges. */
:root{--muted:#525c4c;--faint:#5f6857;--accent:#765235}
body{font-size:17px;line-height:1.8}
#masthead{position:relative;height:auto;min-height:108px;padding:18px 5vw;gap:25px;background:#f4f0e7;border-bottom:1px solid #c9c9b7;align-items:center}
#masthead .brand{display:flex;align-items:center;gap:17px;flex:none;font-size:31px;line-height:1}
#masthead .front-wheel{display:block;width:93px;height:65px;object-fit:contain;opacity:.68;mix-blend-mode:multiply}
#masthead .brand-words{font:inherit;letter-spacing:inherit;text-align:left}
#masthead .brand-words>span{font:600 12px/1.4 var(--sans);letter-spacing:.18em;margin-top:6px}
#masthead>p{font-size:12px;letter-spacing:.09em;max-width:190px;line-height:1.7;color:#46513f}
#masthead nav{gap:25px;align-items:center;margin-left:auto;flex-wrap:wrap}
#masthead nav a,#masthead nav button,#masthead .ingredients-nav{font-size:16px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;gap:9px;text-align:left;color:#354034}
#masthead .brand:hover>span{transform:none}
.opening{min-height:730px;height:calc(100svh - 108px)}
.opening-kicker{font-size:13px;letter-spacing:.1em}
.opening-invitation>p{font-size:18px;line-height:1.7}
.opening-invitation>a{font-size:16px;min-height:44px}
.opening-caption{font-size:13px;line-height:1.6;color:#46513f}

/* Body copy gets a comfortable reading size; labels and references have their own floor. */
.method,.intro-body,.cupboard-copy>p:not(.small-label),.cupboard-copy .marginal-note p,.marginal-note>div,.marginal-note>div p,.mince-copy p,.texture-inline-reading p,.seasoning-copy>p,.serving-notes p:not(.small-label),.table-conversation p:not(.small-label),.table-story p,.other-tables header>p:not(.small-label),.cutting-copy>p:not(.small-label),.cutting-steps li,.pie-size-note p:not(.small-label),.history-answer p,.history-studies-heading>p,.study-moments p,.study-family p,#roots .history-chapter>p,#roots .origin-thread p,#roots .origin-limit,#roots .kitchen-return p,.kitchen-downloads .download-intro>p:not(.small-label){font-size:17px;line-height:1.85}
.cutting-copy .table-detail p{font-size:17px!important}
.small-label,.moment-text>.small-label,.recipe-prelude .small-label,.afterword .small-label,.study-family .small-label,.table-story .small-label{font-size:12px;letter-spacing:.1em;line-height:1.7}
.source-mark,.fine-link,.companion,.source-reference,.study-citations a,.study-family button,.pairing-sources a,.texture-citations a,.texture-expand,.texture-guide .texture-citations a,.atlas-record-links a,.family-submission-link{font-size:14px;line-height:1.7}
.fine-link,.source-mark,.study-family button{min-height:44px;display:inline-flex;align-items:center;white-space:normal;text-align:left}
.marginal-note summary,.texture-options button,.mince-options button,.pepper-options button,.at-table .table-choices button,.at-table .drink-choices button,.portion-choices button,.history-studies-tools button,.atlas-places button,#roots .atlas-travel button{font-size:16px;min-height:44px;line-height:1.6}
.cupboard-menu>p,.ingredients-arrival>header>p:last-child,.family-voices .family-contributors button[data-voice] small,.shared-invitation,.study-family .study-limit,.history-reading-note p,.history-directory-heading>p,.history-studies-tools>p,.texture-card-note,.texture-guide .texture-drawing-note{font-size:15px;line-height:1.8}
.study-moments .study-date,#roots .history-chapter .history-date{font-size:12px!important;line-height:1.75;letter-spacing:.055em}
.ingredient-study>summary p{font-size:15px}
.history-periods button{font-size:14px;padding:16px 10px}
.history-periods button>span{font-size:12px;letter-spacing:0}
#roots #atlas-chapter-context,#roots .atlas-heading .small-label,#roots .atlas-caption,#roots .atlas-credit,.table-still .selection-kicker{font-size:13px;line-height:1.7}
#roots .atlas-note .atlas-record-type{font-size:12px!important}
#roots .atlas-note h5,#roots .atlas-note>p:not(.atlas-record-type){font-size:16px;line-height:1.8}
#roots .atlas-study-link{font-size:14px}
.cutting-scene figcaption,.regional-still figcaption,.table-still figcaption,.living-gallery figcaption,.scene-caption,.voice-paper p,.download-sheets small,.download-sheets>p,.texture-inline-art span,.table-conversation .table-footnote{font-size:14px!important;line-height:1.7;color:var(--muted)}
.download-sheets>a>span{font-size:12px}
.download-sheets .duplex-download{font-size:16px;padding:15px 20px}
#roots .history-opening-image figcaption{font-size:14px;color:#e4e7dc}
.cupboard-picture{height:auto;overflow:visible;mask-image:none}
.cupboard-picture img{height:clamp(300px,42vw,620px);mask-image:linear-gradient(0deg,transparent,black 16%,black 90%,transparent)}
.cupboard-picture figcaption{position:static;padding:10px 8vw;background:none;font-size:14px;color:var(--muted)}
#roots .history-return-image>p{max-width:510px;text-shadow:none}
.panel p,.panel li,.panel .ingredient-lines div{font-size:16px;line-height:1.8}
.panel .fine-link,.panel summary,.panel .actions button{font-size:15px}
.panel .lead{font-size:23px}
.texture-card-state{font-size:12px}
.texture-card-note{font-size:14px}
footer nav button,footer>p{font-size:14px;line-height:1.8}
footer nav button{min-height:44px}

/* The new art sits in reserved margins, never over recipe text or original pages. */
.margin-art{opacity:.76;mix-blend-mode:multiply}
.margin-discovery{pointer-events:none;user-select:none}
.margin-discovery--jar{justify-content:flex-end;margin:18px -24px -3px 0}
.margin-discovery--jar .margin-art{width:124px}
.margin-discovery--crimp{justify-content:flex-end;margin:25px -32px -8px 0;border-bottom:1px solid var(--line)}
.margin-discovery--crimp .margin-art{width:155px;margin-bottom:-2px}
.margin-discovery--chimney{float:right;display:block;margin:0 -22px 12px 16px}
.margin-discovery--chimney .margin-art{width:86px}
#chimney .method{display:flow-root}
.drink-copy{position:relative}
.margin-discovery--tea{justify-content:flex-end;margin:0 -27px -8px 0}
.margin-discovery--tea .margin-art{width:123px}
.margin-discovery--mustard{float:right;display:block;margin:18px -26px 5px 14px}
.margin-discovery--mustard .margin-art{width:105px}
.condiment-note{display:flow-root}
.study-family{position:relative;display:flow-root}
.margin-discovery--flour{float:right;display:block;margin:-12px -19px 10px 14px}
.margin-discovery--flour .margin-art{width:86px}
.margin-discovery--pepper{justify-content:flex-end;margin:-51px -23px 12px 0}
.margin-discovery--pepper .margin-art{width:155px}
#history-pepper .study-family{margin-top:42px}
.margin-discovery--map{position:absolute;right:-48px;top:38px;margin:0;z-index:2}
.margin-discovery--map .margin-art{width:79px}

/* More textile, still kept away from reading surfaces. */
#ingredients,#table,.history-prologue,.recipe-prelude,.other-tables{position:relative;isolation:isolate}
.quiet-lace{width:clamp(150px,19vw,265px);opacity:.27;right:0;top:0;z-index:-1;filter:brightness(.7)}
#living-tradition>.quiet-lace{width:clamp(170px,21vw,290px);top:15px}
#ingredients>.quiet-lace{width:180px;right:-2vw;top:35px;transform:rotate(90deg);opacity:.25}
#table>.quiet-lace{top:30px;right:0;width:220px;opacity:.25}
.history-prologue>.quiet-lace{top:auto;bottom:0;left:0;right:auto;width:230px;opacity:.16;filter:none;mix-blend-mode:screen}
#downloads>.quiet-lace{width:230px;right:auto;left:0;top:auto;bottom:0;opacity:.3;transform:rotate(180deg)}
.stitched-pause{gap:13px;opacity:.4;color:#718064}
.stitched-pause>i{width:9px;height:9px}
.stitched-pause>i::before,.stitched-pause>i::after{left:4px;height:11px;width:1.3px}
.recipe-prelude>.stitched-pause{margin:0 auto 32px}
.history-studies>.stitched-pause{opacity:.35;margin:-32px 0 29px auto}
.other-tables>.stitched-pause{position:absolute;top:-5px;left:43%;background:var(--paper);padding:0 18px;transform:translateX(-50%)}
.kitchen-signoff{margin-top:28px}
.wheel-emblem{width:95px;opacity:.27}

@media(min-width:701px){
 .moment-text{width:35vw;max-width:500px}
 .moment{padding-top:90px;padding-bottom:90px;min-height:100svh}
 .scene-stack{left:44vw}
 .history-periods{grid-template-columns:repeat(4,minmax(0,1fr))}
 .history-periods button{border-bottom:1px solid var(--line)}
}
@media(max-width:1100px){#masthead>p{display:none}#masthead nav{gap:20px}.margin-discovery--map{right:-30px}.margin-discovery--map .margin-art{width:62px}.study-body{grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);gap:35px}}
@media(max-width:760px){
 #masthead{padding:15px 6vw;flex-wrap:wrap;gap:10px;justify-content:center;min-height:150px}
 #masthead .brand{font-size:28px;gap:12px}#masthead .front-wheel{width:74px;height:55px}
 #masthead nav{flex-basis:100%;justify-content:center;gap:4px 21px;margin:0}
 #masthead nav a,#masthead nav button,#masthead .ingredients-nav{font-size:15px}
 .opening{height:calc(100svh - 150px);min-height:690px}
 .opening-kicker{font-size:12px;top:10%}.opening h1{top:19%}
 .opening-caption{font-size:12px;max-width:85%;bottom:12px}
 .opening-invitation{bottom:13%}.opening-invitation>p{font-size:16px}
 .study-body{display:block}
 .moment-text{width:auto;max-width:none}.method{font-size:17px}
 .margin-discovery--chimney{margin-right:0}.margin-discovery--jar{margin-right:0}
 .margin-discovery--crimp{margin-right:-10px}.margin-discovery--crimp .margin-art{width:135px}
 .margin-discovery--tea{margin-right:0}.margin-discovery--tea .margin-art{width:112px}
 .margin-discovery--mustard{margin-right:0}.margin-discovery--flour{margin-right:0}
 .margin-discovery--pepper{margin-right:0}
 .margin-discovery--map{right:-19px;top:56px}.margin-discovery--map .margin-art{width:57px}
 .quiet-lace,#living-tradition>.quiet-lace,#ingredients>.quiet-lace,#table>.quiet-lace,#downloads>.quiet-lace{width:110px;opacity:.25}
 .history-prologue>.quiet-lace{width:150px}
 .history-periods{grid-template-columns:repeat(2,minmax(0,1fr))}
 .history-studies-tools{flex-wrap:wrap}.history-studies-tools>p{max-width:none}
 .download-sheets{grid-template-columns:1fr}.download-sheets>a{display:block}
 .download-sheets>a>img{height:auto;width:100%;margin-bottom:15px}
 .download-sheets strong{display:block}
 .original-toolbar{flex-wrap:wrap}
}
@media print{#masthead,.margin-discovery,.textile-art{display:none!important}}

/* Keep the opening's words in normal flow at wide windows and larger text sizes. */
main{overflow-x:clip}
#masthead>p{width:auto;flex:0 0 205px;max-width:205px;margin:0;padding:0;line-height:1.6}
.opening{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:auto;min-height:730px;padding:80px 7vw 95px}
.opening-kicker{position:relative;top:auto;left:auto;margin:0 0 24px}
.opening h1{position:relative;top:auto;left:auto;max-width:56vw;font-size:clamp(100px,10.8vw,165px);line-height:1;margin:0}
.opening h1>em{transform:none;margin-left:25px}
.opening-invitation{position:relative;left:auto;bottom:auto;margin:30px 0 0 25px}
.opening-invitation>p{margin-bottom:16px}
.opening-caption{bottom:22px}
.small-label,.study-moments .study-date,#roots .history-chapter .history-date{font-size:13px!important;line-height:1.7;letter-spacing:.055em}
.fine-link,.source-mark,.source-reference,.companion,.submission-link,.submission-link button,.study-citations a,.study-family button,.pairing-sources a,.texture-citations a,.atlas-record-links a{font-size:14px!important;line-height:1.7}
.recipe-prelude>p:not(.small-label),.table-copy>p:not(.small-label):not(.table-family-note),.pastry-reserve>p,.table-detail>div p,.family-entry>p{font-size:17px!important;line-height:1.85}
.gallery-note,.pork-fat-note>p,.cut-plan p,.history-chapter .source-period,.serving-figure figcaption,.scene-progress,.scene-caption,.kitchen-return .footnote{font-size:14px!important;line-height:1.75}
.recipe-jumps a,.seasoning-options button,.bake-options button,.oven-units button,.table-detail summary,#voice-pages button{font-size:16px!important;min-height:44px}
.reading-position{font-size:12px;pointer-events:none}
.reading-position button{font-size:13px;pointer-events:auto}
@media(max-width:760px){
 .opening{padding-top:45px;padding-bottom:92px;min-height:700px;justify-content:flex-start}
 .opening h1{font-size:clamp(80px,20vw,135px);max-width:100%}
 .opening h1>em{margin-left:12px}
 .opening-invitation{margin:220px 0 0}
 .opening-invitation>p{background:#f4f0e7c9;box-shadow:0 0 24px 18px #f4f0e7b8}
 .opening-kicker{font-size:12px;margin-bottom:20px}
 .opening-image{top:23%;height:62%}
}