@layer foundation, site, reading;
@layer site {
/* Yellowstone Stays: an editorial field guide. Original site-owned composition. */
html:root{--paper:#f4f0e5;--ink:#203c31;--muted:#506057;--line:#b8bdac;--panel:#e5e8da;--heading:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.72;background:var(--paper);color:var(--ink)}
html[data-theme="journal"] body{background:radial-gradient(ellipse at 95% 0%,#e3e6d8 0,transparent 46%),var(--paper)}
html[data-theme="journal"] .wrap{width:min(1240px,calc(100% - 6rem))}
html[data-theme="journal"] a{text-decoration-color:#798a77;text-underline-offset:.22em}
html[data-theme="journal"] a:hover{color:#285e47;text-decoration-color:currentColor}
html[data-theme="journal"] a:focus-visible,html[data-theme="journal"] button:focus-visible,html[data-theme="journal"] [tabindex]:focus-visible{outline:3px solid #804323;outline-offset:5px}
html[data-theme="journal"] .preview-notice{background:#203c31;color:#fffdf4;letter-spacing:.12em;font-size:.65rem;text-transform:uppercase;padding:.55rem 1rem}
html[data-theme="journal"] .site-header{display:block;border-bottom:2px solid var(--ink);padding:1.7rem 0 0}
html[data-theme="journal"] .site-header>.brand{display:inline-block;font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.065em;line-height:1.05;padding:.25rem 0 1.2rem}
html[data-theme="journal"] .site-header>.brand::before{content:'FIELD NOTES / YELLOWSTONE';display:block;font:700 .61rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.25em;margin-bottom:.7rem}
html[data-theme="journal"] .site-header nav{border-top:1px solid var(--line);margin-top:.1rem}
html[data-theme="journal"] .site-header nav ul{gap:.2rem 2rem;font-size:.78rem}
html[data-theme="journal"] .site-header nav a{min-height:44px;padding:.7rem 0}
html[data-theme="journal"] .site-header nav a[aria-current=page]{font-weight:700;text-decoration:underline}
html[data-theme="journal"] .page-header{position:relative;padding:3.8rem 0 2.8rem;border-bottom:1px solid var(--line);margin-bottom:2.8rem}
html[data-theme="journal"] .eyebrow{font-size:.64rem;letter-spacing:.18em}
html[data-theme="journal"] h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;letter-spacing:-.055em;max-width:20ch}
html[data-theme="journal"] h2{line-height:1.14;letter-spacing:-.025em;font-size:clamp(1.65rem,2.5vw,2.4rem)}
html[data-theme="journal"] h3{line-height:1.25}
html[data-theme="journal"] .intro{max-width:65ch;font-size:1.15rem;line-height:1.65}
html[data-theme="journal"] .byline{font:400 .71rem/1.7 Arial,Helvetica,sans-serif;letter-spacing:.025em;margin-top:1.5rem}
html[data-theme="journal"] .archetype-home .page-header{background:#203c31;color:#f8f4e8;padding:3.5rem;margin-block:2.5rem 3rem;overflow:hidden;isolation:isolate}
html[data-theme="journal"] .archetype-home .page-header::after{content:'';position:absolute;z-index:-1;width:65%;height:140%;right:-28%;top:-20%;opacity:.35;border:1px solid #bac6ac;border-radius:44% 56% 35% 65%;box-shadow:0 0 0 24px #203c31,0 0 0 25px #9ba88d,0 0 0 52px #203c31,0 0 0 53px #9ba88d,0 0 0 80px #203c31,0 0 0 81px #9ba88d,0 0 0 110px #203c31,0 0 0 111px #9ba88d}
html[data-theme="journal"] .archetype-home h1{font-size:clamp(2.8rem,5.7vw,5.4rem);max-width:16ch}
html[data-theme="journal"] .archetype-home .intro{max-width:52ch}
html[data-theme="journal"] .archetype-home .byline{color:#d6ddca}
html[data-theme="journal"] .feature-list{display:grid;grid-template-columns:minmax(150px,.65fr) 2fr;gap:3rem;border-bottom:2px solid var(--ink);padding-bottom:2rem;margin-bottom:3rem}
html[data-theme="journal"] .section-label{padding-top:1.5rem}
html[data-theme="journal"] .curated-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem;row-gap:0}
html[data-theme="journal"] .curated-item{border-top:1px solid var(--line);padding:1.5rem 0;display:flex;gap:.8rem;min-width:0}
html[data-theme="journal"] .curated-item h3{font-size:1.4rem;max-width:25ch}
html[data-theme="journal"] .curated-item p{font-size:.88rem;line-height:1.7;margin-bottom:.4rem}
html[data-theme="journal"] .item-number{font:400 .7rem/1.7 Arial,Helvetica,sans-serif;color:#5c6c58;min-width:1.5rem}
html[data-theme="journal"] .prose{max-width:760px}
html[data-theme="journal"] .prose section{margin-block:0 2.5rem;padding-top:.8rem}
html[data-theme="journal"] .prose h2{max-width:29ch}


html[data-theme="journal"] .hero-image{margin:0 0 3rem}
html[data-theme="journal"] .hero-image img{max-height:580px;object-fit:cover}
html[data-theme="journal"] .hero-image figcaption{max-width:90ch;margin-top:.8rem;font-size:.72rem}
html[data-theme="journal"] .breadcrumbs{font-size:.7rem;margin-top:1.5rem;overflow-wrap:anywhere}
html[data-theme="journal"] .on-this-page{background:var(--panel);border:1px solid var(--line);padding:1.8rem 2rem;margin-bottom:2.5rem;max-width:760px}
html[data-theme="journal"] .on-this-page h2{font-size:1.4rem}
html[data-theme="journal"] .on-this-page ol{padding-left:1.25rem}
html[data-theme="journal"] .on-this-page a{display:inline-block;padding:.3rem 0}
html[data-theme="journal"] .table-scroll{border:1px solid var(--line);margin:0 0 2.8rem;background:#faf8f1}
html[data-theme="journal"] table{font-size:.87rem;min-width:650px}
html[data-theme="journal"] caption{text-align:left;padding:1.2rem;font-family:var(--heading);font-size:1.35rem;color:var(--ink)}
html[data-theme="journal"] thead{background:#203c31;color:#fffdf4}
html[data-theme="journal"] th,html[data-theme="journal"] td{padding:1.1rem;vertical-align:top;line-height:1.6}
html[data-theme="journal"] tbody tr:nth-child(even){background:#e8ebdf}
html[data-theme="journal"] .route{max-width:880px;margin-bottom:3rem}
html[data-theme="journal"] .route>ol{padding-left:1.75rem}
html[data-theme="journal"] .route li{padding:.75rem 0 1.25rem .75rem;border-bottom:1px solid var(--line)}
html[data-theme="journal"] .route li::marker{font:700 .85rem Arial,Helvetica,sans-serif;color:var(--ink)}
html[data-theme="journal"] .research-method{background:var(--panel);border:1px solid var(--line);padding:2rem;max-width:880px;margin-bottom:2.5rem}
html[data-theme="journal"] .merchant-section{border-top:2px solid var(--ink);padding-top:2rem;margin-top:3rem}
html[data-theme="journal"] .merchant{background:#e6e9dc;border:1px solid var(--line);padding:1.7rem;max-width:760px;margin-bottom:1.4rem}
html[data-theme="journal"] .button{display:inline-block;min-height:44px;background:#244d3e;color:#fffdf4;border:1px solid #244d3e;border-radius:0;padding:.8rem 1.1rem;font-size:.85rem}
html[data-theme="journal"] .button:hover{background:#16382b;color:#fffdf4}





html[data-theme="journal"] .site-footer{border-top:2px solid var(--ink);padding-block:2.5rem;margin-top:4rem}
html[data-theme="journal"] .site-footer>.brand{font-size:2rem}
html[data-theme="journal"] .site-footer p:last-child{max-width:80ch;font-size:.8rem;line-height:1.8}

@media(max-width:760px){html[data-theme="journal"] .wrap{width:calc(100% - 2.5rem)}html[data-theme="journal"] .site-header{padding-top:1rem}html[data-theme="journal"] .site-header>.brand{font-size:2.4rem;padding-bottom:.9rem}html[data-theme="journal"] .site-header nav{margin-top:.3rem}html[data-theme="journal"] .site-header nav ul{gap:0 1.2rem}html[data-theme="journal"] .site-header nav a{padding:.65rem 0}html[data-theme="journal"] .page-header{padding:2.2rem 0 1.6rem;margin-bottom:2rem}html[data-theme="journal"] .archetype-home .page-header{padding:2rem 1.4rem;margin-block:1.5rem 2rem}html[data-theme="journal"] .archetype-home h1{font-size:clamp(2.6rem,10.5vw,4.4rem)}html[data-theme="journal"] .intro{font-size:1.05rem}html[data-theme="journal"] .feature-list{display:block}html[data-theme="journal"] .section-label{padding-top:0;margin-bottom:1.5rem}html[data-theme="journal"] .curated-links{grid-template-columns:1fr}html[data-theme="journal"] .curated-item h3{max-width:none}html[data-theme="journal"] .on-this-page,html[data-theme="journal"] .research-method,html[data-theme="journal"] .merchant{padding:1.4rem}html[data-theme="journal"] .table-hint{font-size:.75rem}html[data-theme="journal"] .site-footer{margin-top:2.5rem}}
@media(prefers-reduced-motion:reduce){html[data-theme="journal"] html{scroll-behavior:auto}}
@media print{html[data-theme="journal"] body{background:white}html[data-theme="journal"] .archetype-home .page-header{background:white;color:black;padding:0}html[data-theme="journal"] .archetype-home .page-header::after{display:none}html[data-theme="journal"] .archetype-home .byline{color:black}html[data-theme="journal"] .feature-list{display:block}html[data-theme="journal"] .curated-links{display:block}html[data-theme="journal"] .table-scroll{overflow:visible}html[data-theme="journal"] .button{color:black;background:white}html[data-theme="journal"] .site-header>.brand::before{color:black}html[data-theme="journal"] .wrap{width:100%}}

/* Explicit surfaces also override component cell and eyebrow defaults. */
html[data-theme="journal"] .archetype-home .page-header .eyebrow{color:#e0e7d4}
html[data-theme="journal"] .table-scroll thead th{background:#203c31;color:#fffdf4}
html[data-theme="journal"] .archetype-home .page-header{max-width:none}
html[data-theme="journal"] .table-scroll table:has(th:nth-child(5)){min-width:1080px}

/* Markdown continuations share the same readable measure as structured sections. */
html[data-theme="journal"] main>p,html[data-theme="journal"] main>ul,html[data-theme="journal"] main>ol{max-width:760px}
html[data-theme="journal"] main>h2,html[data-theme="journal"] main>h3{max-width:29ch}

}