/* Shared responsive rules, loaded after the site's visual styles. */
:root{--page-gutter:40px}
body{min-width:0}
.site-header,body>main,body>footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
main>*,.hero>*,.bio-layout>*,.bio-heading>*,.recipe-body>*,.recipe-grid>*,.post-preview>*,.home-posts>*,.bio-paths>*{min-width:0}
img{max-width:100%}
button,input,select{max-width:100%}
.health-heading .eyebrow,.blog-heading .eyebrow{font-size:14px;font-weight:650;line-height:1.6;letter-spacing:1.25px}
.kitchen-path .path-label,.thoughts-path .path-label{font-size:14px;line-height:1.6}
.post-category,.post-directory-list .post-category{overflow-wrap:break-word}
.post-body,.post-excerpt,.directory-title,.source-note,.recipe-notes,.footer-disclaimer{overflow-wrap:break-word}
.pill-link,.filter,.site-header .nav-link,.post-directory-dropdown summary{min-height:44px}
.site-header .nav-link{display:inline-flex;align-items:center}
.post-directory-dropdown summary{align-content:center}
.recipe-actions,.hero-links,.bio-links{flex-wrap:wrap}
.post-directory-list a{grid-template-columns:minmax(210px,260px) minmax(0,1fr) 20px}
.post-directory-dropdown .post-directory-list a{grid-template-columns:minmax(190px,230px) minmax(0,1fr) 18px}
.search input{min-width:0;font-size:16px}
.ingredients label{min-height:44px;align-items:flex-start}
.ingredients input{width:20px;height:20px;min-width:20px;margin-top:3px}
@media(max-width:1024px){
 .site-header{flex-wrap:wrap;gap:16px 24px}
 .site-header nav{min-width:0;flex-wrap:wrap}
 .site-header .nav-link{font-size:13px}
 .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px}
 .hero h1{font-size:clamp(36px,4.8vw,49px)}
 .hero-gallery{grid-template-rows:185px 185px;max-width:400px}
 .bio-layout{gap:28px}
 .detail-hero{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .detail-hero h1{font-size:39px}
 .recipe-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:35px}
}
@media(max-width:900px){
 :root{--page-gutter:30px}
 .hero{grid-template-columns:1fr;gap:30px;padding-top:28px}
 .hero-text{max-width:720px}
 .hero h1{font-size:48px}
 .hero-introduction{max-width:720px}
 .hero-gallery{max-width:520px;width:100%;justify-self:center;grid-template-rows:220px 220px}
 .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .toolbar{flex-direction:column;align-items:stretch;gap:16px}
 .search{min-width:0;width:100%}
 .home-posts{grid-template-columns:1fr}
 .home-post{padding:26px}
 .home-post h3{max-width:640px}
 .home-post>p:not(.post-category){font-size:14px;max-width:650px}
 .about-simple .bio-layout{grid-template-columns:1fr;gap:28px}
 .bio-portrait-stack{max-width:300px}
 .bio-story{max-width:750px}
 .about-simple .bio-story .bio-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
 .bio-story .bio-heading .bio-signature{width:140px}
 .bio-story .bio-heading h1{font-size:40px}
 .bio-story .bio-heading .eyebrow{font-size:14px}
 .bio-paths{grid-template-columns:1fr 1fr;gap:16px}
 .bio-path{padding:25px}
 .bio-path h2{font-size:24px}
 .post-directory-list a,.post-directory-dropdown .post-directory-list a{grid-template-columns:minmax(0,1fr) 20px;gap:7px 15px}
 .post-directory-list .post-category{grid-column:1;grid-row:1}
 .post-directory-list .directory-title{grid-column:1;grid-row:2}
 .post-directory-list .spatula-icon{grid-column:2;grid-row:1/span 2}
}
@media(max-width:800px){
 .detail-hero{grid-template-columns:1fr;gap:25px}
 .detail-hero>div{max-width:700px}
 .detail-hero img{width:100%;height:auto;aspect-ratio:4/3;max-height:470px;object-fit:cover}
 .detail-hero img.whole-photo{height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}
 .recipe-body{grid-template-columns:1fr;gap:24px}
 .recipe-body .ingredients{max-width:none}
 .method li{gap:17px}
 .method li p{min-width:0}
 .recipe-actions .pill-link{font-size:13px}
 .recipe-actions>.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
}
@media(max-width:700px){
 .site-header{display:block}
 .site-header nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:24px;row-gap:0;align-items:center;width:100%;padding-top:0;margin-top:17px}
 .site-header .nav-link{justify-content:center;line-height:1.4;font-size:13px;text-align:center;min-width:44px;padding:8px 0;white-space:normal}
 .site-header .nav-link:first-child{justify-content:flex-start}
 .site-header .nav-link:last-child{justify-content:flex-end}
 .site-header .nav-link+.nav-link::before{left:-14px}
 .recipe-grid{grid-template-columns:1fr}
 .filters{gap:8px 20px}
 .filter{font-size:13px;padding:10px 0}
 .collection-heading,.health-heading{align-items:flex-start;flex-direction:column;gap:14px}
 .collection-total{font-size:11px;white-space:normal}
 .health-heading>.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 .bio-paths{grid-template-columns:1fr}
 .bio-story p,.about-copy p{font-size:14px;line-height:1.9}
 .post-preview-meta{flex-direction:column;align-items:flex-start;gap:10px}
 .post-preview-meta .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 .post-byline,.post-next{flex-direction:column;align-items:flex-start}
 .post-next a{overflow-wrap:break-word}
 .footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
 .footer-disclaimer{font-size:11px}
}
@media(max-width:580px){
 :root{--page-gutter:22px}
 .site-header{padding-top:22px;padding-bottom:15px}
 .site-header .brand{font-size:36px;line-height:1.1;letter-spacing:-1.7px}
 .site-header .brand small{font-size:13px;line-height:1.6;letter-spacing:0;margin-top:10px}
 .site-header .brand .cookie-period{width:13px;height:13px}
 .site-header nav{column-gap:20px;margin-top:14px}
 .site-header .nav-link{font-size:12px;min-height:44px}
 .site-header .nav-link+.nav-link::before{left:-12px}
 .hero{padding-top:24px;padding-bottom:30px;gap:28px}
 .hero h1{font-size:clamp(30px,8.4vw,42px);letter-spacing:-1.2px;line-height:1.2;margin-bottom:19px}
 .hero-introduction p{font-size:14px;line-height:1.9;margin-bottom:17px}
 .hero-links{gap:10px;align-items:stretch}
 .hero-links .pill-link{font-size:13px;min-height:46px;padding:13px 16px;gap:12px}
 .hero-gallery{max-width:420px;grid-template-rows:clamp(160px,44vw,220px) clamp(160px,44vw,220px);gap:12px}
 .hero-photo>span{font-size:10px;line-height:1.5;padding-top:8px}
 .hero-photo img{height:calc(100% - 39px)}
 #collection{padding-top:29px;scroll-margin-top:20px}
 h2,.collection-heading h2{font-size:29px;line-height:1.25}
 .toolbar{margin-top:19px;padding-bottom:15px}
 .search{padding:0 13px;min-height:48px}
 .search input{font-size:16px;padding:13px 0}
 .result-count{font-size:12px;margin:17px 0}
 .recipe-grid{gap:30px}
 .card-body h3{font-size:24px}
 .card-body p{font-size:14px;line-height:1.8;min-height:0}
 .card-meta{font-size:11px;line-height:1.6}
 .health-intro{margin-top:38px;padding-top:30px}
 .health-heading .eyebrow,.blog-heading .eyebrow{font-size:13px;letter-spacing:1px;line-height:1.65}
 .home-post{padding:25px}
 .home-post .post-category{font-size:11px;line-height:1.65}
 .home-post h3{font-size:25px}
 .home-post>.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;align-self:flex-start}
 .about-section{padding-top:30px;padding-bottom:35px;gap:23px}
 .about-copy .text-link{font-size:13px;display:inline-flex;align-items:center;min-height:44px}
 .detail{padding-top:24px}
 .detail-hero{padding:26px 0}
 .detail-hero h1{font-size:35px;line-height:1.2;letter-spacing:-1px;overflow-wrap:break-word}
 .detail-hero .hero-copy{font-size:14px}
 .detail-meta{gap:12px 20px;font-size:13px;line-height:1.6}
 .recipe-actions{gap:10px 18px}
 .recipe-actions .pill-link{padding:13px 19px}
 .recipe-body{padding-top:26px}
 .ingredients label{font-size:14px;line-height:1.75;padding:12px 0;gap:13px}
 .method li p{font-size:15px;line-height:1.9}
 .recipe-notes li{font-size:14px;line-height:1.85}
 .source-note{font-size:13px;line-height:1.85}
 .about-simple{padding-top:28px;padding-bottom:40px}
 .about-simple .bio-layout{gap:26px}
 .bio-portrait-stack{max-width:280px}
 .about-simple .bio-story .bio-heading{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:23px}
 .bio-story .bio-heading .bio-signature{width:clamp(74px,22vw,110px)}
 .bio-story .bio-heading .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.35px}
 .bio-story .bio-heading h1{font-size:32px;letter-spacing:-1px;line-height:1.25}
 .bio-profile-link .text-link{font-size:18px;min-height:44px;align-content:center}
 .bio-path{padding:25px}
 .kitchen-path .path-label,.thoughts-path .path-label{font-size:13px;letter-spacing:.4px}
 .bio-path h2{font-size:24px;line-height:1.4}
 .bio-path p{font-size:14px;line-height:1.85}
 .blog-index{padding-top:28px;padding-bottom:38px}
 .blog-heading{margin-bottom:23px}
 .blog-heading h1{font-size:36px;line-height:1.18;letter-spacing:-1.2px;overflow-wrap:break-word}
 .blog-heading>p:last-child{font-size:14px;line-height:1.9}
 .post-directory{padding:18px 20px}
 .post-directory-list a{padding:15px 0;min-height:65px}
 .post-directory-list .post-category{font-size:11px;letter-spacing:.8px;line-height:1.7}
 .directory-title{font-size:13px;line-height:1.7}
 .post-preview{padding:25px 23px}
 .post-category{font-size:12px;letter-spacing:1px;line-height:1.7}
 .post-preview h2{font-size:26px;line-height:1.35;overflow-wrap:break-word}
 .post-excerpt{font-size:14px;line-height:1.85}
 .post-preview-meta{font-size:11px;line-height:1.7}
 .blog-editorial-note{font-size:12px;line-height:1.9}
 .blog-post{padding-top:22px;padding-bottom:35px}
 .blog-post>.back-link{font-size:12px;min-height:44px;align-content:center;margin-bottom:12px}
 .post-directory-dropdown{padding:12px 16px}
 .post-directory-dropdown summary{font-size:13px}
 .post-heading{padding:22px 0 24px}
 .post-heading h1{font-size:34px;line-height:1.25;letter-spacing:-1px;overflow-wrap:break-word}
 .post-deck{font-size:15px;line-height:1.85}
 .post-byline{font-size:12px;gap:9px}
 .post-body{padding-top:25px}
 .post-body p,.post-body li{font-size:16px;line-height:1.9}
 .post-body .post-lead{font-size:18px;line-height:1.8}
 .post-body h2{font-size:26px;line-height:1.35;margin-top:30px}
 .post-care-note{font-size:14px;line-height:1.85;padding:20px}
 .post-sources li{font-size:13px;line-height:1.85}
 .post-sources .sources-date{font-size:11px}
 .post-next>a{font-size:15px;line-height:1.8}
 .footer-top>span:last-child{font-size:12px;line-height:1.7}
 .footer-bottom{font-size:11px;line-height:1.7}
}
@media(max-width:420px){
 .hero-links{flex-direction:column}
 .hero-links .pill-link{width:100%;justify-content:space-between}
 .site-header .brand{font-size:34px}
 .hero h1{font-size:clamp(29px,8.4vw,36px)}
 .bio-story .bio-heading .bio-signature{width:76px}
 .bio-story .bio-heading .eyebrow{font-size:11px}
 .bio-story .bio-heading h1{font-size:30px}
 .post-heading h1{font-size:31px}
 .blog-heading h1{font-size:33px}
 .detail-hero h1{font-size:32px}
 .filters{gap:6px 17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{
 .site-header,.hero-gallery,.bio-portraits,.post-directory,.post-directory-dropdown,.post-next,.recipe-actions,body>footer{display:none}
 body>main{padding:0;max-width:none}
 .recipe-body,.bio-layout{display:block}
 .detail-hero{display:block}
 .detail-hero>img{display:none}
 .post-body{max-width:none}
 .post-body p,.post-body li{font-size:12px}
}
/* A quieter, consistent treatment for all three posts. */
.post-preview,.post-preview:nth-child(2),.post-preview:nth-child(3){background:transparent;border:0;border-bottom:1px solid var(--line);padding:28px 0}
.post-list{gap:0}
.home-post,.home-post:nth-child(2),.home-post:nth-child(3){background:#eef1e7}
.post-preview h2,.home-post h3{font-family:var(--font);font-size:28px;line-height:1.35;font-weight:500;letter-spacing:-.6px}
.post-heading h1{font-family:var(--font);font-size:44px;line-height:1.25;font-weight:500;letter-spacing:-1.3px}
.post-body h2,.post-sources h2{font-family:var(--font);font-size:25px;line-height:1.4;font-weight:500;letter-spacing:-.5px}
.post-body p,.post-body li,.post-body .post-lead,.post-deck{font-family:var(--font);font-size:16px;line-height:1.9;font-weight:400;color:var(--ink)}
.post-body .post-lead{margin-bottom:24px}
.post-excerpt,.home-post>p:not(.post-category){font-family:var(--font);font-size:14px;line-height:1.85;color:var(--muted)}
.post-category,.home-post .post-category,.post-directory-list .post-category,.post-directory-dropdown .post-category{font-family:var(--font);font-size:12px;font-weight:600;line-height:1.6;letter-spacing:1.1px;color:var(--accent)}
.post-directory,.post-directory-dropdown{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.post-directory-list .directory-title,.post-directory-dropdown .directory-title{font-size:14px;line-height:1.7}
.post-preview-meta{justify-content:flex-start}
.post-care-note{background:#eef1e7;border-color:#829573;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.85}
.post-sources li,.post-sources .sources-date{font-family:var(--font);font-size:12px;line-height:1.85;color:var(--muted)}
.blog-editorial-note{font-size:12px;line-height:1.85}
@media(max-width:580px){
 .post-preview,.post-preview:nth-child(2),.post-preview:nth-child(3){padding:25px 0}
 .post-preview h2,.home-post h3{font-size:25px;line-height:1.4}
 .post-heading h1{font-size:33px;line-height:1.3;letter-spacing:-.8px}
 .post-body h2,.post-sources h2{font-size:24px;line-height:1.4}
 .post-body p,.post-body li,.post-body .post-lead,.post-deck{font-size:16px;line-height:1.9}
 .post-category,.home-post .post-category,.post-directory-list .post-category,.post-directory-dropdown .post-category{font-size:11px;letter-spacing:.8px}
 .post-directory-list .directory-title,.post-directory-dropdown .directory-title{font-size:13px}
}
@media print{.post-directory,.post-directory-dropdown{display:none}.post-body p,.post-body li,.post-body .post-lead,.post-deck{font-size:12px}}
/* Professional portrait beside the homepage introduction. */
.home-bio-intro{display:flex;align-items:center;gap:24px;min-width:0}.home-bio-intro>div{min-width:0}.home-bio-portrait{display:block;flex:0 0 120px;width:120px;height:120px;border-radius:50%;overflow:hidden}.home-bio-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.home-bio-intro .eyebrow{line-height:1.6}.home-bio-intro .author-role{line-height:1.8}@media(max-width:1000px){.home-bio-intro{gap:18px;align-items:flex-start}.home-bio-portrait{flex-basis:95px;width:95px;height:95px}}@media(max-width:700px){.home-bio-intro{align-items:center}.home-bio-portrait{flex-basis:105px;width:105px;height:105px}}@media(max-width:420px){.home-bio-intro{align-items:flex-start;flex-direction:column;gap:20px}.home-bio-portrait{flex-basis:auto;width:112px;height:112px}}@media print{.home-bio-portrait{display:none}}
/* Repeat the overlapping bio portraits in the homepage introduction. */
.home-bio-portraits{display:block;flex:0 0 165px;width:165px;text-decoration:none}.home-bio-portraits .bio-portrait-stack{width:100%;max-width:none;margin:0}.home-bio-portraits .bio-clinical-portrait{border-width:4px}@media(max-width:1000px){.home-bio-portraits{flex-basis:135px;width:135px}}@media(max-width:700px){.home-bio-portraits{flex-basis:155px;width:155px}}@media(max-width:420px){.home-bio-portraits{flex-basis:auto;width:165px}}@media print{.home-bio-portraits{display:none}}
/* Compact homepage bio heading and a clearer supporting line. */
.home-bio-intro .eyebrow{margin-bottom:7px}.home-bio-intro #about-title{margin:0;line-height:1.15}.home-bio-intro .author-role{font-size:15px;line-height:1.7;margin-top:9px}.home-bio-intro{align-items:center}@media(max-width:1000px){.home-bio-intro .author-role{font-size:14px}}@media(max-width:580px){.home-bio-intro .eyebrow{margin-bottom:6px}.home-bio-intro .author-role{font-size:15px;margin-top:8px}}
/* Editorial photographs for the opening blog posts. */
.post-hero-photo{margin:28px 0 0}.post-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#f1f0e7}.post-hero-photo figcaption{font-size:11px;line-height:1.7;color:var(--muted);padding-top:12px}.post-hero-photo-contain img{aspect-ratio:auto;height:520px;object-fit:contain;background:transparent}@media(max-width:580px){.post-hero-photo{margin-top:23px}.post-hero-photo figcaption{font-size:10px}.post-hero-photo-contain img{height:auto;max-height:440px;object-fit:contain}}@media print{.post-hero-photo{display:none}}
/* Small editorial images: natural proportions, no forced crops or upscaling. */
.blog-post .post-hero-photo{width:fit-content;max-width:100%;margin:24px 0 27px}.blog-post .post-hero-photo img,.blog-post .post-hero-photo-contain img{display:block;width:auto;height:auto;max-width:100%;max-height:285px;aspect-ratio:auto;object-fit:contain;background:transparent}.blog-post .post-hero-photo:not(.post-hero-photo-contain) img{max-width:min(100%,420px)}@media(max-width:580px){.blog-post .post-hero-photo{margin:20px 0 24px}.blog-post .post-hero-photo img,.blog-post .post-hero-photo-contain img{width:auto;height:auto;max-width:100%;max-height:230px;aspect-ratio:auto;object-fit:contain}}
/* Small photos beside titles, with whitespace instead of dividing rules. */
.post-heading{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:16px 28px;align-items:center;border:0;padding-bottom:0}.post-heading-copy{min-width:0}.post-heading .post-deck{grid-column:1/-1;margin-bottom:0}.blog-post .post-heading .post-hero-photo{width:145px;max-width:100%;margin:0;justify-self:end;align-self:center}.blog-post .post-heading .post-hero-photo img,.blog-post .post-heading .post-hero-photo-contain img{width:auto;height:auto;max-width:145px;max-height:150px;aspect-ratio:auto;object-fit:contain;margin-left:auto;background:transparent}.post-heading h1{margin-bottom:0}.post-heading .post-category{margin-bottom:10px}.post-directory,.post-directory-dropdown,.post-directory-list li+li,.post-preview,.post-preview:nth-child(2),.post-preview:nth-child(3),.post-sources,.post-next{border:0}.post-body{padding-top:24px}.post-preview+.post-preview{margin-top:14px}.post-next{margin-top:20px}.post-sources{padding-top:0}@media(max-width:580px){.post-heading{grid-template-columns:minmax(0,1fr) 90px;gap:17px 17px;padding-bottom:0}.post-heading h1{font-size:29px;line-height:1.3}.blog-post .post-heading .post-hero-photo{width:90px}.blog-post .post-heading .post-hero-photo img,.blog-post .post-heading .post-hero-photo-contain img{max-width:90px;max-height:105px}.post-heading .post-category{font-size:10px;letter-spacing:.6px;line-height:1.6}.post-heading .post-deck{font-size:15px}.post-directory,.post-directory-dropdown{padding-top:12px;padding-bottom:12px}}@media(max-width:360px){.post-heading{grid-template-columns:minmax(0,1fr) 74px;column-gap:12px}.post-heading h1{font-size:25px}.blog-post .post-heading .post-hero-photo{width:74px}.blog-post .post-heading .post-hero-photo img,.blog-post .post-heading .post-hero-photo-contain img{max-width:74px;max-height:95px}}@media print{.post-heading{display:block}.blog-post .post-heading .post-hero-photo{display:none}}
/* Slightly larger title photos with soft corners. */
.post-heading{grid-template-columns:minmax(0,1fr) 175px}.blog-post .post-heading .post-hero-photo{width:175px}.blog-post .post-heading .post-hero-photo img,.blog-post .post-heading .post-hero-photo-contain img{max-width:175px;max-height:180px;border-radius:12px}@media(max-width:580px){.post-heading{grid-template-columns:minmax(0,1fr) 108px}.blog-post .post-heading .post-hero-photo{width:108px}.blog-post .post-heading .post-hero-photo img,.blog-post .post-heading .post-hero-photo-contain img{max-width:108px;max-height:125px;border-radius:10px}}@media(max-width:360px){.post-heading{grid-template-columns:minmax(0,1fr) 86px}.blog-post .post-heading .post-hero-photo{width:86px}.blog-post .post-heading .post-hero-photo img,.blog-post .post-heading .post-hero-photo-contain img{max-width:86px;max-height:110px}}
/* Bring the first two title photos in closer; mirror the introduction photo. */
.post-heading-01,.post-heading-02{grid-template-columns:fit-content(600px) 175px;column-gap:16px;justify-content:start}.post-heading-01 .post-hero-photo img{transform:scaleX(-1)}@media(max-width:580px){.post-heading-01,.post-heading-02{grid-template-columns:minmax(0,1fr) 108px;column-gap:12px}}@media(max-width:360px){.post-heading-01,.post-heading-02{grid-template-columns:minmax(0,1fr) 86px;column-gap:10px}}
/* Post 01 uses a landscape crop instead of a mirrored portrait. */
.post-heading-01{grid-template-columns:fit-content(560px) 230px}.blog-post .post-heading-01 .post-hero-photo{width:230px}.blog-post .post-heading-01 .post-hero-photo img{width:230px;height:145px;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 48%;transform:none;border-radius:12px}@media(max-width:580px){.post-heading-01{grid-template-columns:minmax(0,1fr) 125px}.blog-post .post-heading-01 .post-hero-photo{width:125px}.blog-post .post-heading-01 .post-hero-photo img{width:125px;height:85px;border-radius:10px}}@media(max-width:360px){.post-heading-01{grid-template-columns:minmax(0,1fr) 100px}.blog-post .post-heading-01 .post-hero-photo{width:100px}.blog-post .post-heading-01 .post-hero-photo img{width:100px;height:70px}}
/* Small markers introduce each section within a blog post. */
.post-body>section>h2{position:relative;padding-left:25px}.post-body>section>h2::before{content:"→";position:absolute;left:0;top:.18em;font-size:17px;font-weight:400;line-height:1.5;color:#6c855d}@media(max-width:580px){.post-body>section>h2{padding-left:23px}.post-body>section>h2::before{font-size:16px}}
.post-body>section>h2{padding-left:19px}.post-body>section>h2::before{content:"";width:5px;height:5px;border-radius:50%;background:#6c855d;top:.62em;left:0}@media(max-width:580px){.post-body>section>h2{padding-left:18px}}
/* A single photographic collage replaces the opening recipe-photo grid. */
.hero-collage{margin:0;width:100%;max-width:485px;justify-self:end;align-self:center;min-width:0}.hero-collage img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}@media(max-width:900px){.hero-collage{max-width:470px;justify-self:center}}@media(max-width:580px){.hero-collage{max-width:390px;width:100%}}@media print{.hero-collage{display:none}}

/* Consultation navigation */
.site-header nav { flex-wrap: wrap; }


/* Keep the four header links consistent. */
.site-header nav > .nav-link { font-size:15px; font-weight:700; line-height:1.4; padding:8px 0; border-bottom:0; }
@media(max-width:1100px) { .site-header nav > .nav-link { font-size:13px; } }
@media(max-width:580px) {
 .site-header nav { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:4px 23px; }
 .site-header nav > .nav-link { font-size:12px; justify-content:flex-start; white-space:nowrap; }
}

/* Small original photographs in a staggered editorial collage. */
.hero-collage.photo-mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:535px;align-items:start;overflow:hidden;align-self:center;padding:4px 0}
.photo-mosaic .mosaic-column{display:flex;flex-direction:column;gap:7px;min-width:0}
.photo-mosaic .mosaic-column:nth-child(2){padding-top:27px}
.photo-mosaic .mosaic-column:nth-child(3){padding-top:12px}
.photo-mosaic .mosaic-column:nth-child(4){padding-top:40px}
.photo-mosaic .mosaic-column:nth-child(5){padding-top:19px}
.hero-collage.photo-mosaic img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:0}
.hero-collage.photo-mosaic .mosaic-column img:nth-child(3n+1){aspect-ratio:3/4}
.hero-collage.photo-mosaic .mosaic-column:nth-child(even) img:nth-child(3n+1){aspect-ratio:1/1}
.hero-collage.photo-mosaic .mosaic-column:nth-child(3) img:nth-child(3n){aspect-ratio:3/4}
@media(max-width:900px){.hero-collage.photo-mosaic{max-width:535px;justify-self:center}}
@media(max-width:580px){.hero-collage.photo-mosaic{max-width:440px;gap:5px}.photo-mosaic .mosaic-column{gap:5px}.photo-mosaic .mosaic-column:nth-child(4){padding-top:25px}}
@media print{.hero-collage.photo-mosaic{display:none}}

/* A loose mountain silhouette made from overlapping, varied photo scraps. */
.hero-collage.art-collage{position:relative;display:block;isolation:isolate;width:100%;max-width:570px;aspect-ratio:1/1.17;margin:0;justify-self:center;overflow:visible;align-self:center}
.hero-collage.art-collage .mosaic-piece{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);max-width:none;object-fit:cover;transform:rotate(var(--tilt));border:3px solid var(--paper);border-radius:var(--corners);box-shadow:0 3px 9px #2631261a;z-index:var(--layer);background:var(--paper)}
@media(max-width:900px){.hero-collage.art-collage{max-width:535px;margin:12px 0 20px}}
@media(max-width:580px){.hero-collage.art-collage{width:94%;max-width:440px;margin:10px auto 20px}.hero-collage.art-collage .mosaic-piece{border-width:2px}}
@media print{.hero-collage.art-collage{display:none}}

/* A clean rectangular collage with varied photo sizes. */
.hero-collage.art-collage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:5px;aspect-ratio:4/5;max-width:570px;padding:0;overflow:hidden;border-radius:5px;align-items:stretch;background:var(--paper)}
.hero-collage.art-collage .mosaic-piece{position:static;inset:auto;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;object-fit:cover;transform:none;border:0;border-radius:0;box-shadow:none;z-index:auto;grid-area:auto}
.hero-collage.art-collage .mosaic-piece:nth-child(1){grid-area:1/1/3/4}
.hero-collage.art-collage .mosaic-piece:nth-child(2){grid-area:1/4/2/6}
.hero-collage.art-collage .mosaic-piece:nth-child(3){grid-area:1/6/3/7}
.hero-collage.art-collage .mosaic-piece:nth-child(4){grid-area:2/4/4/6}
.hero-collage.art-collage .mosaic-piece:nth-child(5){grid-area:3/1/4/3}
.hero-collage.art-collage .mosaic-piece:nth-child(6){grid-area:3/3/4/4}
.hero-collage.art-collage .mosaic-piece:nth-child(7){grid-area:3/6/4/7}
.hero-collage.art-collage .mosaic-piece:nth-child(8){grid-area:4/1/6/3}
.hero-collage.art-collage .mosaic-piece:nth-child(9){grid-area:4/3/5/5}
.hero-collage.art-collage .mosaic-piece:nth-child(10){grid-area:4/5/6/7}
.hero-collage.art-collage .mosaic-piece:nth-child(11){grid-area:5/3/6/4}
.hero-collage.art-collage .mosaic-piece:nth-child(12){grid-area:5/4/6/5}
.hero-collage.art-collage .mosaic-piece:nth-child(13){grid-area:6/1/7/2}
.hero-collage.art-collage .mosaic-piece:nth-child(14){grid-area:6/2/7/3}
.hero-collage.art-collage .mosaic-piece:nth-child(15){grid-area:6/3/7/4}
.hero-collage.art-collage .mosaic-piece:nth-child(16){grid-area:6/4/7/5}
.hero-collage.art-collage .mosaic-piece:nth-child(17){grid-area:6/5/7/6}
.hero-collage.art-collage .mosaic-piece:nth-child(18){grid-area:6/6/7/7}
/* The final two rows hold the smaller photographic details. */
.hero-collage.art-collage .mosaic-piece:nth-child(n+19){grid-area:auto}
@media(max-width:580px){.hero-collage.art-collage{width:100%;gap:4px;max-width:440px;aspect-ratio:4/5}}
@media print{.hero-collage.art-collage{display:none}}
.hero-collage.art-collage{grid-template-rows:repeat(9,minmax(0,1fr))}
.hero-collage.art-collage .mosaic-piece:nth-child(31){grid-area:9/1/10/4}
.hero-collage.art-collage .mosaic-piece:nth-child(32){grid-area:9/4/10/7}

/* Three overlapping photographic prints, composed as a single artwork. */
.hero-collage.editorial-collage{display:block;width:100%;max-width:535px;margin:0;justify-self:center;align-self:center;background:transparent}
.hero-collage.editorial-collage>img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}
@media(max-width:580px){.hero-collage.editorial-collage{max-width:440px;width:100%}}
@media print{.hero-collage.editorial-collage{display:none}}

/* Original personal photographs, with a compact, softly rounded frame. */
.site-header .brand .cookie-period,.footer-wordmark .cookie-period{width:25px;height:25px;margin-left:5px;vertical-align:-2px;flex-shrink:0}
.site-header .brand .cookie-period svg,.footer-wordmark .cookie-period svg{width:100%;height:100%}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:24px}
.hero-collage.original-photo-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:5px;width:100%;max-width:405px;aspect-ratio:4/5;margin:0;justify-self:start;align-self:center;overflow:hidden;border-radius:16px;background:var(--paper)}
.hero-collage.original-photo-collage>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:6px;background:transparent}
.original-photo-collage>img:nth-child(1){grid-area:1/1/3/3}
.original-photo-collage>img:nth-child(2){grid-area:1/3/3/5}
.original-photo-collage>img:nth-child(3){grid-area:3/2/5/4}
.original-photo-collage>img:nth-child(4){grid-area:5/3/7/5}
@media(max-width:1024px){.hero{column-gap:20px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:22px}.hero-collage.original-photo-collage{max-width:380px;justify-self:center}}
@media(max-width:580px){.site-header .brand .cookie-period{width:23px;height:23px}.hero-collage.original-photo-collage{max-width:340px;border-radius:13px;gap:4px}.hero-collage.original-photo-collage>img{border-radius:5px}}
@media print{.hero-collage.original-photo-collage{display:none}}

/* Small balance adjustments to the wordmark and homepage. */
.site-header .brand .cookie-period,.footer-wordmark .cookie-period{width:21px;height:21px;margin-left:4px;vertical-align:-1px}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:12px}
.hero .hero-introduction p{color:#50564e}
.hero-collage.original-photo-collage{grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:4/5.5}
@media(max-width:1024px){.hero{column-gap:12px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:18px}}
@media(max-width:580px){.site-header .brand .cookie-period{width:20px;height:20px}}

/* Bring the introduction and original-photo grid together. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:8px}
.hero .hero-introduction{max-width:none}
.hero .hero-introduction p{color:#30372f}
@media(max-width:1024px){.hero{column-gap:8px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:12px}}

/* Keep the introduction readable, with a modest gap to the photos. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);column-gap:28px}
.hero .hero-introduction{max-width:460px}
@media(max-width:1024px){.hero{column-gap:24px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:22px}.hero .hero-introduction{max-width:540px}}

/* Let the opening photo grid fill its column with slimmer side spacing. */
.hero{column-gap:18px}
.hero-collage.original-photo-collage{max-width:none;justify-self:stretch}
@media(max-width:1024px){.hero{column-gap:18px}}
@media(max-width:900px){.hero{gap:18px}.hero-collage.original-photo-collage{max-width:440px;justify-self:center}}
@media(max-width:580px){.hero-collage.original-photo-collage{max-width:400px;width:100%}}

/* Fine-tune the opening photo grid's scale and placement. */
.hero{column-gap:12px}
.hero-collage.original-photo-collage{width:94%;justify-self:start;align-self:start;margin-top:12px}
@media(max-width:1024px){.hero{column-gap:12px}}
@media(max-width:900px){.hero{gap:14px}.hero-collage.original-photo-collage{width:94%;justify-self:center;margin-top:0}}

/* Lift the collage's lower edge and remove unused space beside the copy. */
.hero{column-gap:10px}
.hero>.hero-text{width:100%;max-width:460px;justify-self:end}
.hero-collage.original-photo-collage{aspect-ratio:4/4.6;margin-top:8px}
@media(max-width:1024px){.hero{column-gap:10px}}
@media(max-width:900px){.hero{gap:12px}.hero>.hero-text{max-width:540px;justify-self:center}.hero-collage.original-photo-collage{margin-top:0}}

/* Anchor the opening text to the shared page gutter. */
.hero{grid-template-columns:minmax(0,460px) minmax(0,1fr);column-gap:14px}
.hero>.hero-text{justify-self:start;max-width:460px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero>.hero-text{justify-self:start;max-width:540px}}

/* Smaller opening collage, aligned with the top of the introduction. */
.hero-collage.original-photo-collage{width:86%;max-width:420px;align-self:start;justify-self:start;margin-top:0}
@media(max-width:900px){.hero-collage.original-photo-collage{width:90%;max-width:380px;justify-self:center;margin-top:0}}
@media(max-width:580px){.hero-collage.original-photo-collage{max-width:340px}}

/* Center the compact graphic and keep both hero columns balanced. */
.hero{grid-template-columns:minmax(0,460px) minmax(0,420px);justify-content:center;column-gap:24px}
.hero-collage.original-photo-collage{width:100%;max-width:420px;justify-self:center;align-self:center;margin:0}
@media(max-width:1024px){.hero{column-gap:20px}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);justify-content:normal;gap:20px}.hero-collage.original-photo-collage{width:100%;max-width:380px;justify-self:center;align-self:center}}
@media(max-width:580px){.hero-collage.original-photo-collage{max-width:340px}}

/* Align the opening headline and photo grid with the page's left edge. */
.hero{grid-template-columns:minmax(0,460px) minmax(0,420px);justify-content:start;align-items:start;column-gap:24px}
.hero>.hero-text{justify-self:start;align-self:start}
.hero-collage.original-photo-collage{align-self:start;justify-self:start;margin:0}
@media(max-width:1024px){.hero{column-gap:20px}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);justify-content:start;gap:20px}.hero-collage.original-photo-collage{justify-self:center;align-self:start}}

/* Extend the original-photo collage across the available right column. */
.hero{grid-template-columns:minmax(0,460px) minmax(0,1fr);column-gap:24px}
.hero-collage.original-photo-collage{width:100%;max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:1;justify-self:stretch}
.original-photo-collage>img:nth-child(1){grid-area:1/1/3/3}
.original-photo-collage>img:nth-child(2){grid-area:1/3/3/6}
.original-photo-collage>img:nth-child(3){grid-area:3/2/5/4}
.original-photo-collage>img:nth-child(4){grid-area:5/4/7/6}
@media(max-width:1024px){.hero{column-gap:20px}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:20px}.hero-collage.original-photo-collage{max-width:540px;justify-self:center}}
@media(max-width:580px){.hero-collage.original-photo-collage{max-width:440px}}
.original-photo-collage>img:nth-child(20){grid-column:span 2}

/* More readable recipe category navigation. */
#collection .filters{gap:28px;row-gap:10px}
#collection .filter{font-size:17px;line-height:1.5;padding:13px 0;min-height:48px}
#collection .filter[aria-pressed="true"]{font-weight:650}
@media(max-width:580px){#collection .filters{gap:22px;row-gap:8px}#collection .filter{font-size:16px}}

/* Post 01: the two newly supplied personal photographs. */
.post-heading-01{grid-template-columns:minmax(0,1fr) 270px;gap:16px 20px}
.blog-post .post-heading-01 .post-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:270px;max-width:100%;margin:0}
.blog-post .post-heading-01 .post-photo-pair img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:10px;transform:none}
@media(max-width:580px){.post-heading-01{grid-template-columns:minmax(0,1fr)}.blog-post .post-heading-01 .post-photo-pair{grid-column:1/-1;justify-self:start;width:270px}.post-heading-01 .post-deck{grid-column:1/-1}}

/* Post 01 keeps only Raquel's cake photograph. */
.post-heading-01{grid-template-columns:minmax(0,1fr) 170px}
.blog-post .post-heading-01 .post-hero-photo:not(.post-photo-pair){width:170px;justify-self:end}
.blog-post .post-heading-01 .post-hero-photo:not(.post-photo-pair) img{width:170px;height:auto;max-height:none;aspect-ratio:3/4;object-fit:contain;transform:none;border-radius:10px}
@media(max-width:580px){.post-heading-01{grid-template-columns:minmax(0,1fr) 115px}.blog-post .post-heading-01 .post-hero-photo:not(.post-photo-pair){width:115px}.blog-post .post-heading-01 .post-hero-photo:not(.post-photo-pair) img{width:115px}}

/* A closer portrait and a consistently aligned welcome article. */
.post-01 .post-heading-01{grid-template-columns:fit-content(560px) 170px;justify-content:start;gap:14px 14px}
.post-01 .post-heading-copy{align-self:center}
.post-01 .post-heading-01 .post-hero-photo:not(.post-photo-pair){justify-self:start}
.post-01 .post-heading .post-deck,.post-01 .post-body{max-width:760px;margin-left:0;margin-right:0;text-align:left}
.post-01 .post-heading .post-deck{font-size:16px;line-height:1.65;margin-top:0}
.post-01 .post-body{padding-top:18px}
.post-01 .post-body p,.post-01 .post-body .post-lead{font-size:16px;line-height:1.65;margin-top:0;margin-bottom:14px}
.post-01 .post-body section{margin-top:22px}
.post-01 .post-body h2{margin:0 0 10px;line-height:1.3}
@media(max-width:580px){.post-01 .post-heading-01{grid-template-columns:minmax(0,1fr) 115px;gap:12px}.post-01 .post-body section{margin-top:19px}}

/* Brighter, gently warmer orchard portrait. */
.bio-portrait-stack .bio-orchard-portrait{filter:brightness(1.12) saturate(1.06)}

/* A collapsible folder for a growing collection of notes. */
.notes-folder{border:1px solid #d6ddcf;border-radius:12px;padding:0;background:#f0f2e9;margin:24px 0 30px;overflow:hidden}
.notes-folder>summary{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;list-style:none;font-size:19px;font-weight:600;color:#435a42;min-height:64px}
.notes-folder>summary::-webkit-details-marker{display:none}
.notes-folder-icon{width:34px;height:28px;flex-shrink:0}
.notes-folder>summary small{display:block;font-size:12px;line-height:1.6;font-weight:400;color:var(--muted);margin-top:3px}
.notes-folder .folder-toggle{margin-left:auto;font-size:26px;font-weight:400}
.notes-folder[open]>summary .folder-toggle{transform:rotate(45deg)}
.notes-folder[open]>summary{border-bottom:1px solid #d6ddcf}
.notes-folder>.post-directory,.notes-folder>.post-list,.notes-folder>.post-directory-list{margin:0;padding:20px 24px;background:var(--paper)}
.notes-folder>.post-directory{border:0}
.post-directory-dropdown.notes-folder-compact{padding:0;margin:12px 0 24px}
.notes-folder-compact>summary{padding:14px 18px;font-size:14px;gap:12px;min-height:54px}
.notes-folder-compact .notes-folder-icon{width:26px;height:22px}
@media(max-width:580px){.notes-folder>summary{padding:17px 18px;font-size:17px}.notes-folder>.post-directory,.notes-folder>.post-list,.notes-folder>.post-directory-list{padding:16px}.notes-folder-compact>summary{font-size:14px}}
@media print{.notes-folder{display:none}}

/* Make the folder's contents and toggle behavior apparent. */
.notes-folder .folder-hint{margin-left:auto;font-size:12px;font-weight:500;white-space:nowrap;color:#52664d}
.notes-folder .folder-toggle{margin-left:4px}
.notes-folder .folder-hint-open{display:none}
.notes-folder[open] .folder-hint-open{display:inline}
.notes-folder[open] .folder-hint-closed{display:none}
@media(max-width:580px){.notes-folder>summary{flex-wrap:wrap;gap:10px}.notes-folder .folder-hint{font-size:11px}}

/* Unified article layout: one reading column, consistent spacing and type. */
.blog-post{padding-top:28px;padding-bottom:48px}
.blog-post>article,.blog-post>.post-directory-dropdown,.blog-post>.post-next,.blog-post>.back-link{width:100%;max-width:780px;margin-left:auto;margin-right:auto}
.blog-post>article>.post-heading{display:grid;grid-template-columns:minmax(0,1fr) 144px;justify-content:normal;align-items:center;gap:18px 24px;padding:8px 0 24px;margin:0;border-bottom:1px solid var(--line)}
.blog-post .post-heading-copy{min-width:0;align-self:center}
.blog-post .post-heading .post-category{font-size:11px;line-height:1.5;letter-spacing:.1em;margin:0 0 10px}
.blog-post .post-heading h1{font-size:clamp(30px,3.5vw,43px);line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0;overflow-wrap:normal;text-align:left}
.blog-post>article>.post-heading .post-hero-photo:not(.post-photo-pair){width:144px;max-width:100%;margin:0;justify-self:end;align-self:center}
.blog-post>article>.post-heading .post-hero-photo:not(.post-photo-pair) img{display:block;width:100%;height:auto;max-width:144px;max-height:180px;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;border-radius:10px;margin:0}
.blog-post>article>.post-heading .post-deck{grid-column:1/-1;max-width:none;margin:0;text-align:left;font-size:16px;line-height:1.65;font-weight:400;color:#536052}
.blog-post>article>.post-body{width:100%;max-width:none;margin:0;padding:24px 0 0;text-align:left}
.blog-post>article>.post-body p,.blog-post>article>.post-body li,.blog-post>article>.post-body .post-lead{font-family:var(--font);font-size:16px;line-height:1.75;font-weight:400;color:#303b32;letter-spacing:normal}
.blog-post>article>.post-body p{margin:0 0 17px}
.blog-post>article>.post-body .post-lead{margin:0 0 25px}
.blog-post>article>.post-body>section{margin:28px 0 0;padding:0}
.blog-post>article>.post-body h2{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0 0 13px;text-align:left}
.blog-post>article>.post-body ul,.blog-post>article>.post-body ol{margin:0 0 18px;padding-left:24px}
.blog-post>article>.post-body li{margin:0 0 9px;padding-left:3px}
.blog-post>article>.post-body .post-care-note{margin:22px 0;padding:18px 20px;font-size:15px;line-height:1.7;border-left:3px solid #899b7d;border-radius:0 8px 8px 0}
.blog-post>article>.post-body .post-sources{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}
.blog-post>article>.post-body .post-sources li{font-size:13px;line-height:1.65;color:var(--muted)}
.blog-post>article>.post-body .sources-date{font-size:12px;line-height:1.6;color:var(--muted)}
.blog-post>.post-directory-dropdown{margin-top:0;margin-bottom:26px}
.blog-post .post-directory-list{list-style:none}
.blog-post .post-directory-list a{display:grid;grid-template-columns:140px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:13px 0}
.blog-post .post-directory-list .post-category{font-size:10px;line-height:1.5;letter-spacing:.06em}
.blog-post .post-directory-list .directory-title{font-size:14px;line-height:1.5;overflow-wrap:normal}
.blog-post>.post-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:580px){
 .blog-post{padding-top:20px}
 .blog-post>article>.post-heading{grid-template-columns:minmax(0,1fr) 100px;gap:16px;padding:6px 0 20px}
 .blog-post .post-heading h1{font-size:30px;line-height:1.2}
 .blog-post>article>.post-heading .post-hero-photo:not(.post-photo-pair){width:100px}
 .blog-post>article>.post-heading .post-hero-photo:not(.post-photo-pair) img{max-width:100px;max-height:135px}
 .blog-post>article>.post-body{padding-top:20px}
 .blog-post>article>.post-body h2{font-size:23px}
 .blog-post .post-directory-list a{grid-template-columns:minmax(0,1fr) 18px;gap:5px 12px;padding:13px 0}
 .blog-post .post-directory-list .post-category{grid-column:1}
 .blog-post .post-directory-list .directory-title{grid-column:1}
 .blog-post .post-directory-list a>.spatula-icon{grid-column:2;grid-row:1/3}
 .blog-post>.post-next{align-items:flex-start;flex-direction:column;gap:9px}
}
@media print{.blog-post>.post-directory-dropdown,.blog-post .post-heading .post-hero-photo,.blog-post>.post-next{display:none}.blog-post>article>.post-heading{display:block}.blog-post>article>.post-body p,.blog-post>article>.post-body li{font-size:12px}}

/* Upcoming notes stay visible without implying a published article. */
.upcoming-directory{display:grid;grid-template-columns:minmax(140px,260px) minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0}
.coming-label{font-size:12px;font-weight:600;letter-spacing:.05em;color:#68795e;white-space:nowrap}
.upcoming-post .coming-label{margin-top:16px;min-height:0}
.blog-post .upcoming-directory{grid-template-columns:140px minmax(0,1fr) auto;gap:16px;padding:13px 0}
@media(max-width:580px){.upcoming-directory,.blog-post .upcoming-directory{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.upcoming-directory .post-category{grid-column:1/-1}.upcoming-directory .directory-title{font-size:14px}}