.guide-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(2.5rem,5vw,4.75rem);padding-top:clamp(1.5rem,3vw,2.5rem);border-top:1px solid rgba(246,241,232,.2)}
.guide-teaser{color:inherit;text-decoration:none;display:grid;align-content:start;gap:1rem;min-width:0}
.guide-teaser-image{aspect-ratio:16/9;overflow:hidden;background:#21352d}
.guide-teaser-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.96);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}
.guide-teaser-copy{display:grid;gap:.45rem;padding-inline:.15rem}
.guide-teaser-copy .eyebrow{color:#c8ae76;margin:0}
.guide-teaser-copy h3{font-size:clamp(1.55rem,1.25rem + .75vw,2.15rem);line-height:1.02;margin:0;max-width:14ch}
.guide-teaser-copy p{color:rgba(246,241,232,.72);margin:0;max-width:40ch}
.guide-teaser-copy span{font-weight:600;font-size:.85rem;margin-top:.25rem}
.guide-teaser:is(:hover,:focus-visible) img{transform:scale(1.025);filter:saturate(1) contrast(1)}
.guide-teaser:focus-visible{outline:2px solid #f6f1e8;outline-offset:6px}

.guide-page{background:#f5f0e7;color:#12251d}
.guide-page .site-header{position:relative;margin-top:1rem}
.guide-page main{overflow:hidden}
.guide-hero{padding-block:clamp(4.5rem,9vw,8rem) clamp(3rem,6vw,5.5rem)}
.guide-hero h1,.article-hero h1{font-size:clamp(4rem,8.2vw,8.5rem);line-height:.8;letter-spacing:-.055em;margin:.75rem 0 clamp(1.5rem,3vw,2.75rem);max-width:11ch}
.guide-hero .lead{font-size:clamp(1.2rem,1.05rem + .5vw,1.6rem);max-width:50rem}
.guide-verified{font-size:.8rem;color:#68756f;margin-top:1.5rem}
.guide-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr);gap:clamp(2rem,5vw,5rem);align-items:end;padding-block:clamp(2rem,5vw,4rem) clamp(5rem,9vw,8rem)}
.guide-feature-image{display:block;aspect-ratio:16/10;overflow:hidden}
.guide-feature-image img{width:100%;height:100%;object-fit:cover;object-position:50% 66%;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.guide-feature-image:is(:hover,:focus-visible) img{transform:scale(1.02)}
.guide-feature h2,.hargraves-note h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.92;margin:.6rem 0 1.25rem}
.guide-feature p,.hargraves-note p{font-size:clamp(1.05rem,1rem + .25vw,1.25rem);line-height:1.6}
.guide-index{border-top:1px solid #cfc6b7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-block:clamp(4rem,8vw,7rem)}
.guide-index article{padding:clamp(2rem,4vw,4rem);border-bottom:1px solid #cfc6b7}
.guide-index article:nth-child(odd){border-right:1px solid #cfc6b7;padding-left:0}
.guide-index article:nth-child(even){padding-right:0}
.guide-index h2{font-size:clamp(2.2rem,3.5vw,4rem);line-height:.95;margin:.6rem 0 1rem}
.guide-index article>p:not(.eyebrow){font-size:1.05rem;line-height:1.65;max-width:36rem}
.guide-links{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;margin-top:1.35rem}
.guide-links a,.source-list a{color:inherit;font-weight:600;text-underline-offset:.3em}
.hargraves-note{display:grid;grid-template-columns:minmax(17rem,.75fr) minmax(0,1.25fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding-block:clamp(3rem,7vw,7rem) clamp(6rem,10vw,10rem)}
.hargraves-note img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 70%;display:block}

.article-reader-header,.editorial-reader-header{height:4.5rem;padding:0 clamp(1rem,3vw,2.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:#10271e;color:#f6f1e8;border-bottom:1px solid rgba(246,241,232,.16);position:sticky;top:0;z-index:20}
.editorial-reader-brand{display:inline-flex;align-items:center;gap:.65rem;width:max-content;color:inherit;text-decoration:none}
.editorial-reader-brand .brand-nest{width:2.35rem;stroke:#b69a62}
.editorial-reader-brand .brand-wordmark{font-size:1.25rem;line-height:.82}.editorial-reader-brand .brand-wordmark small{font-size:.52em;margin-top:.3rem}
.article-reader-context,.editorial-reader-context{font-size:.82rem;font-weight:600;letter-spacing:.04em;color:inherit;text-decoration:none}
.article-reader-book{justify-self:end;color:inherit;font-size:.8rem;font-weight:600;text-underline-offset:.35em}
.editorial-reader-close{justify-self:end;border:1px solid rgba(246,241,232,.45);border-radius:999px;background:transparent;color:inherit;padding:.62rem .9rem;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}
.article-reader-context:focus-visible,.article-reader-book:focus-visible,.editorial-reader-brand:focus-visible,.editorial-reader-close:focus-visible{outline:2px solid #f6f1e8;outline-offset:4px}

.editorial-reader[hidden]{display:none}.editorial-reader{position:fixed;inset:0;z-index:10000;overflow:hidden;overscroll-behavior:contain;background:#f5f0e7;color:#12251d;animation:reader-reveal .18s ease-out both}.editorial-reader-scroll{height:calc(100dvh - 4.5rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.editorial-reader-document{min-height:100%}.editorial-reader-loading{padding:4rem 1.25rem;text-align:center;color:#68756f}
@keyframes reader-reveal{from{opacity:0}to{opacity:1}}

.article-story{padding-top:1px}.article-prose{width:min(100% - 2rem,46rem);margin-inline:auto}.article-hero{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(1.75rem,3vw,2.75rem)}
.article-hero h1{font-size:clamp(3rem,4.35vw,4rem);line-height:.96;letter-spacing:-.04em;max-width:17ch;margin:.55rem 0 1.25rem}.article-hero h1 em{color:#866534}
.article-hero .lead{font-size:clamp(1.15rem,1.05rem + .35vw,1.4rem);line-height:1.5;max-width:42rem;margin:0}
.breadcrumbs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.74rem;margin-bottom:1.8rem;color:#68756f}.breadcrumbs a{color:inherit;text-underline-offset:.25em}
.article-meta{display:flex;gap:.5rem 1.75rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:.85rem;border-top:1px solid #cfc6b7;font-size:.74rem;color:#68756f}
.article-media-wide{width:min(100% - 2rem,70rem);margin:0 auto clamp(3rem,5vw,4.5rem)}.article-media-wide img{display:block;width:100%;aspect-ratio:16/8.25;object-fit:cover;object-position:50% 66%}.article-media-wide figcaption,.article-inline-image figcaption{font-size:.76rem;line-height:1.45;color:#68756f;margin-top:.55rem}
.article-body{padding-bottom:clamp(3rem,6vw,5rem)}.article-section{margin-bottom:clamp(2.75rem,5vw,4rem)}.article-body h2{font-size:clamp(2.125rem,2.8vw,2.625rem);line-height:1.02;letter-spacing:-.025em;margin:.45rem 0 1rem}.article-body p{font-size:clamp(1.04rem,1rem + .18vw,1.16rem);line-height:1.68;margin:0 0 1rem}
.article-link-row{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;padding-top:.2rem}.article-link-row a{font-size:.83rem;font-weight:600;color:inherit;text-underline-offset:.3em}
.article-inline-image{margin-top:clamp(1.75rem,4vw,3rem);margin-bottom:.5rem}.article-inline-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.article-inline-image-wide{width:min(calc(100vw - 2rem),58rem);margin-left:50%;transform:translateX(-50%)}.article-inline-image-wide img{object-position:50% 48%}.article-inline-image-offset{width:min(100%,39rem);margin-left:auto}.article-inline-image-offset img{object-position:50% 55%}
.article-local-note{background:#d9dfd8;border-top:3px solid #244f3d;padding:clamp(1.5rem,3vw,2.25rem);margin:0 0 clamp(3rem,5vw,4rem)}.article-local-note h2{font-size:clamp(1.75rem,2.4vw,2.2rem);margin:.35rem 0 .75rem}.article-local-note p{font-size:1rem}.article-local-note .text-link{font-size:.85rem;font-weight:600;color:inherit;text-underline-offset:.3em}
.article-closing{border-top:1px solid #b69a62;padding-top:1.75rem}.article-planning{border-top:1px solid #cfc6b7;padding-top:1.25rem;color:#52635c}.article-planning p{font-size:.9rem;line-height:1.55}.article-planning .eyebrow{font-size:.72rem;color:#12251d}
.article-ending{width:min(100% - 2rem,58rem);margin:0 auto;display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:2rem 0 3rem;border-top:1px solid #cfc6b7}.article-return-link{display:inline-block;color:inherit;font:400 clamp(1.65rem,2.6vw,2.25rem)/1.05 var(--font-display);text-decoration:none}.article-return-link:hover{text-decoration:underline;text-underline-offset:.2em}.article-footer{padding:1rem;text-align:center;background:#10271e;color:rgba(246,241,232,.66);font-size:.72rem}.article-footer p{margin:0}

@media(max-width:900px){
  .guide-teaser-grid{grid-template-columns:1fr 1fr}.guide-teaser:last-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(14rem,.8fr);align-items:center}.guide-teaser:last-child .guide-teaser-image{aspect-ratio:2/1}
  .guide-feature{grid-template-columns:1fr}.guide-feature{align-items:start}
  .hargraves-note{grid-template-columns:1fr}.hargraves-note img{order:-1}
}
@media(max-width:680px){
  .guide-page .site-header{margin-top:.5rem}.guide-page .site-nav{display:none}.guide-page .header-book{display:inline-flex}
  .guide-teaser-grid{grid-template-columns:1fr;gap:1.75rem}.guide-teaser:last-child{grid-column:auto;grid-template-columns:1fr}.guide-teaser:last-child .guide-teaser-image{aspect-ratio:16/9}
  .guide-hero h1{font-size:clamp(3.2rem,18vw,5rem)}
  .guide-feature{padding-top:1rem}.guide-feature h2,.hargraves-note h2{font-size:clamp(2.5rem,13vw,4rem)}
  .guide-index{grid-template-columns:1fr}.guide-index article,.guide-index article:nth-child(odd),.guide-index article:nth-child(even){border-right:0;padding-inline:0;padding-block:2.5rem}
  .article-reader-header,.editorial-reader-header{height:3.75rem;padding-inline:.8rem;grid-template-columns:1fr auto auto;gap:.65rem}.editorial-reader-scroll{height:calc(100dvh - 3.75rem)}.editorial-reader-brand .brand-nest{width:1.9rem}.editorial-reader-brand .brand-wordmark{font-size:1rem}.article-reader-context,.editorial-reader-context{font-size:.72rem}.article-reader-book{display:none}.editorial-reader-close{padding:.5rem .7rem;font-size:.7rem}
  .article-hero{padding-block:2.2rem 1.5rem}.article-hero h1{font-size:clamp(2.125rem,10.25vw,2.75rem);line-height:.98;margin-bottom:1rem}.article-hero .lead{font-size:1.08rem}.breadcrumbs{margin-bottom:1.35rem}.article-meta{display:grid;gap:.3rem;margin-top:1.2rem}
  .article-media-wide{width:100%;margin-bottom:2.75rem}.article-media-wide img{aspect-ratio:4/3}.article-media-wide figcaption{padding-inline:1rem}.article-body h2{font-size:clamp(1.75rem,8vw,2.125rem)}.article-body p{font-size:1.03rem;line-height:1.64}.article-section{margin-bottom:2.75rem}.article-inline-image-wide{width:100%;margin-left:0;transform:none}.article-local-note{margin-inline:-.25rem}.article-ending{align-items:flex-start;flex-direction:column;padding-bottom:2.5rem}
}
@media(max-width:380px){.guide-page .header-book{font-size:.7rem;padding:.65rem .8rem}.guide-page .brand-wordmark{font-size:1.05rem}.guide-page .brand-nest{width:2rem}.breadcrumbs{font-size:.68rem}.guide-hero h1{font-size:3.5rem}.editorial-reader-context{display:none}.editorial-reader-header{grid-template-columns:1fr auto}.article-reader-header{grid-template-columns:1fr auto}.article-reader-context{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.guide-teaser-image img,.guide-feature-image img{transition:none}.editorial-reader{animation:none}}
