/* Inkpot recipe cards, photo keepsakes, and a compact studio directory. */
@media screen {
 .site-header{position:relative;align-items:center;flex-wrap:nowrap}
 .site-header .header-explore{position:static;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;color:var(--tcc-paper)}
 .header-explore>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.65rem .85rem;border:1px solid #aac6c3;cursor:pointer;color:var(--tcc-paper);font-size:.8rem;white-space:nowrap}
 .header-explore>summary::-webkit-details-marker{display:none}
 .header-explore>summary svg{width:16px;height:16px;transition:transform .2s;flex-shrink:0}
 .header-explore[open]>summary svg{transform:rotate(180deg)}
 .site-header .header-explore>nav{position:absolute!important;top:calc(100% - 1px)!important;left:auto!important;right:max(18px,calc((100vw - 1224px)/2))!important;width:min(620px,calc(100vw - 36px));max-height:70dvh;overflow:auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:1.25rem!important;background:#ede9e0!important;color:#063449!important;border:1px solid #063449;border-top:4px solid #fc9253;box-shadow:0 15px 24px #06232a33;z-index:100}
 .header-explore>nav>a{padding:.85rem!important;min-height:48px;color:#063449!important;font-size:.9rem!important;line-height:1.6;text-decoration:none;border-bottom:1px solid #aac6c3}
 .header-explore>nav>a:hover{background:#aac6c3}
 .site-header .desktop-nav{margin-left:auto;gap:13px}
 .site-header .desktop-nav a{font-size:.78rem!important;white-space:nowrap}
 .site-header .menu-toggle{display:none!important}
 .field-arrow{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle}
 .field-action .field-arrow{margin-left:.35rem}

 /* Three photo-led chapters. The same content changes order on mobile. */
 .studio-cover{--action-bg:#fc9253;--action-fg:#063449}
 .cover-folio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem;padding-block:3rem 3.5rem}
 .folio-opening{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center}
 .folio-opening h1{font-size:clamp(3rem,4.5vw,5rem)!important;line-height:1.08!important;max-width:22ch;margin-block:1.25rem}
 .folio-opening .book-edition{margin-top:.85rem;font-size:1.2rem!important}
 .folio-welcome>p{max-width:45ch}
 .folio-welcome .tool-actions{margin-block:1.5rem 0}
 .folio-tile{display:flex;flex-direction:column;gap:1.4rem;min-width:0}
 .folio-description{order:3}
 .folio-description p{font-size:.95rem!important}
 .folio-description .eyebrow{font-size:.75rem!important;color:#aac6c3;letter-spacing:.12em}
 .folio-photo-link{order:1;display:block;color:#063449;text-decoration:none;min-width:0}
 .folio-photo{padding:12px 12px 18px;margin:0;background:#ede9e0;transform:rotate(-1deg);box-shadow:7px 9px 0 #14282f;border:1px solid #ede9e0;position:relative}
 .folio-tile:nth-of-type(2) .folio-photo{transform:rotate(1deg)}
 .folio-tile:nth-of-type(3) .folio-photo{transform:rotate(-.6deg)}
 .folio-photo img{display:block;width:100%;aspect-ratio:4/4.3;object-fit:cover}
 .folio-photo figcaption{font:italic 1.3rem/1.4 'Editors Note',Georgia,serif;padding:.85rem .2rem 0;color:#063449}
 .folio-photo-link:hover .folio-photo{box-shadow:4px 5px 0 #14282f}
 .folio-sticker{order:2;align-self:flex-start;display:flex;align-items:center;gap:1rem;width:calc(100% - 12px);max-width:100%;padding:.65rem .9rem;border:1px dashed #063449;outline:4px solid #aac6c3;background:#aac6c3;color:#063449;text-decoration:none;min-height:84px;margin:.25rem .25rem;transform:rotate(1deg)}
 .folio-sticker img{width:58px;height:65px;object-fit:contain;flex:0 0 58px;mix-blend-mode:multiply}
 .folio-sticker span{font-size:.68rem;font-weight:600;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;min-width:0}
 .folio-sticker .field-arrow{margin-left:auto}
 .folio-tile:nth-of-type(2) .folio-sticker{background:#fc9253;outline-color:#fc9253;transform:rotate(-1deg)}
 .folio-tile:nth-of-type(3) .folio-sticker{background:#81a953;outline-color:#81a953}
 .folio-sticker:hover{filter:brightness(1.04)}

 /* Section colors stay light enough for the guide's existing ink typography. */
 main>section[data-wash]{padding-inline:clamp(20px,3.5vw,42px);margin-block:0 1.5rem;border-top:1px solid #9eafab;--action-bg:#063449;--action-fg:#ede9e0}
 main>section[data-wash=paper]{background:#ede9e0;--action-bg:#063449;--action-fg:#ede9e0}
 main>section[data-wash=mist]{background:#dce7e2;--action-bg:#fc9253;--action-fg:#063449}
 main>section[data-wash=peach]{background:#f1ddcb;--action-bg:#063449;--action-fg:#ede9e0}
 main>section[data-wash=cream]{background:#f8f6f0;--action-bg:#81a953;--action-fg:#063449}
 main :is(a.editorial-link,a.field-action,.tool-actions>a,.editorial-actions>a,.hero-buttons>a){display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.8rem 1.15rem;border:1px solid #063449;border-radius:0;line-height:1.6;font:600 .95rem/1.6 'Poppins',Arial,sans-serif;text-decoration:none;text-align:center;max-width:100%;white-space:normal;background:var(--action-bg,#063449)!important;color:var(--action-fg,#ede9e0)!important}
 main :is(.tool-actions,.editorial-actions)>a:nth-child(even){background:#aac6c3!important;color:#063449!important}
 main :is(a.editorial-link,a.field-action,.tool-actions>a,.editorial-actions>a):hover{text-decoration:underline;text-underline-offset:.25em}
 main .page-hero{--action-bg:#fc9253;--action-fg:#063449}
 main .closing-chapter{--action-bg:#fc9253;--action-fg:#063449}
 main .closing-chapter>a,main .closing-chapter .chapter-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.1rem;margin:.8rem .5rem 0 0;border:1px solid #aac6c3;background:#aac6c3;color:#063449;text-decoration:none;font-weight:600}

 /* Whole links are tabbed cards. SVG arrows cannot become phone emoji. */
 .chapter-list,.desk-links{display:grid;gap:1.7rem;border:0}
 .chapter-list>a,.desk-links>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.65rem;padding:1.7rem 1.4rem 1.4rem;margin:0;border:1px solid #063449!important;border-bottom:4px solid #063449!important;box-shadow:4px 5px 0 #06344919;text-decoration:none;color:#063449!important;background:#aac6c3;min-height:90px}
 .chapter-list>a::before,.desk-links>a::before{content:'';position:absolute;top:-11px;left:20px;width:62px;height:11px;background:inherit;border:1px solid #063449;border-bottom:0;border-radius:4px 4px 0 0}
 .chapter-list>a:nth-child(3n+2),.desk-links>a:nth-child(3n+2){background:#fc9253}
 .chapter-list>a:nth-child(3n),.desk-links>a:nth-child(3n){background:#81a953}
 .chapter-list>a>strong{font:500 1.9rem/1.25 'Editors Note',Georgia,serif;margin:0}
 .chapter-list>a>p{margin:0;max-width:100%;padding-right:1.5rem}
 .chapter-list>a>span,.desk-links>a>span{font-size:.72rem;font-weight:600;letter-spacing:.1em;color:#063449}
 .chapter-list>a .field-arrow,.desk-links>a .field-arrow{position:absolute;right:1rem;bottom:1.15rem}
 .desk-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem}
 .desk-links>a{padding-right:2.5rem;font-weight:600;font-size:.95rem;line-height:1.65;justify-content:center}
 .chapter-list>a:hover,.desk-links>a:hover{box-shadow:2px 3px 0 #06344944;text-decoration:underline;text-underline-offset:.25em}

 .screening-note{background:#aac6c3;color:#063449;border-block:1px solid #063449;--action-bg:#063449;--action-fg:#ede9e0}
 .screening-note :is(h2,h2 em,p,figcaption){color:#063449!important}
 .screening-note .screening-stamp{background:#ede9e0;border:1px dashed #063449;padding:10px;transform:rotate(-2deg)}
 .screening-note .cream-button{background:#063449!important;color:#ede9e0!important}
 #current-guides article{padding:1.7rem;background:#ede9e0;border:1px solid #063449;border-top:6px solid #fc9253}
 #current-guides article:nth-child(even){background:#aac6c3;border-top-color:#063449}
 #current-guides article a{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;padding:.8rem 1.1rem;color:#ede9e0!important;background:#063449!important;text-decoration:none;font-size:.95rem;line-height:1.6;font-weight:600;border:1px solid #063449}
 #current-guides article p+p{margin-top:1rem!important}
 #current-guides article a:hover{text-decoration:underline}
}
@media screen and (max-width:1320px){.site-header .desktop-nav{display:none!important}.site-header .header-explore{margin-left:auto}.site-header{justify-content:space-between}}
@media screen and (max-width:800px){
 .cover-folio{grid-template-columns:1fr;gap:2.75rem;padding-block:2rem 3rem}
 .folio-opening{grid-template-columns:1fr;gap:.65rem}
 body .studio-cover .folio-opening h1{font-size:clamp(2.8rem,10vw,4rem)!important;margin-block:1.2rem}
 .folio-tile{max-width:580px;width:100%;margin-inline:auto;gap:1.5rem}
 .folio-description{order:0}
 .folio-description p{font-size:1rem!important}
 .folio-photo{margin-inline:.35rem}
 .folio-photo img{aspect-ratio:4/3}
 .folio-sticker{width:fit-content;max-width:calc(100% - 16px);align-self:flex-end}
 .folio-sticker span{font-size:.68rem}
 main>section[data-wash]{padding-inline:20px}
 .chapter-index,.plan-desk{row-gap:2rem}
 .desk-links{column-gap:1rem}
}
@media screen and (max-width:540px){
 .site-header{gap:10px!important;padding-inline:18px!important}
 .site-header .site-brand{gap:10px;min-width:0}
 .site-header .real-brand-logo{width:70px!important;height:66px!important}
 .site-header .site-brand>span:last-child small{font-size:.7rem!important;max-width:95px}
 .header-explore>summary{padding:.65rem .6rem;font-size:.73rem;gap:.35rem;white-space:normal;text-align:center;max-width:100px;line-height:1.45}
 .site-header .header-explore>nav{grid-template-columns:1fr;max-height:75dvh}
 .desk-links{grid-template-columns:1fr}
 .desk-links>a{min-height:82px}
 .chapter-list>a{padding:1.5rem 1.15rem}
 body .studio-cover .folio-opening h1{font-size:clamp(2.5rem,10vw,3.5rem)!important}
 .folio-photo figcaption{font-size:1.25rem}
 main .tool-actions>a,main .editorial-actions>a{width:100%}
 #current-guides article{padding:1.3rem}
 #current-guides article a{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.header-explore>summary svg{transition:none}}