/* Public web extensions. The existing mobile interaction layout remains intact. */
.web-topic-nav{display:none}.web-beta{display:inline-flex;padding:5px 10px;border:1px solid #d6be94;border-radius:7px;color:#74531f;font-size:.75rem;line-height:1.5;margin-bottom:8px}.web-footer{display:flex;flex-wrap:wrap;gap:7px 18px;border-block:1px solid var(--line);padding:20px 0;margin:24px 0}.web-footer a{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--deep)}.web-footer a:hover{text-decoration:underline}
.web-music-feature{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;border-radius:24px;background:var(--deep);color:#fff9ec;margin:30px 0}.web-music-feature .eyebrow{color:#dec79c}.web-music-feature h2{font-size:1.4rem;margin:7px 0}.web-music-feature p{font-size:.9375rem;color:#e3e9dc;margin:0;line-height:1.7}.web-music-feature a{flex-shrink:0;background:#fff6e7;color:var(--deep);min-height:50px}
.public-document{background:var(--color-page,#f7f3eb);color:var(--color-ink,#203b3d)}.public-document main{max-width:1180px;margin:auto;padding:30px 28px calc(40px + env(safe-area-inset-bottom))}.public-header{position:static;max-width:1340px;margin:auto;display:flex;justify-content:space-between;gap:24px;padding:25px 32px;border-bottom:1px solid #deded3;align-items:center}.public-wordmark{font-weight:750;letter-spacing:1px;font-size:1.15rem;color:#203b3d;text-decoration:none;line-height:1.4}.public-wordmark span{display:block;letter-spacing:3px;font-size:.75rem;margin-top:5px;color:#80643b}.public-header .secondary{font-size:.875rem;min-height:46px;text-decoration:none}
.public-document-hero{border-radius:28px;padding:46px;background:#eee7d8;position:relative;overflow:hidden;margin-bottom:30px}.public-document-hero h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.5;margin:12px 0}.public-document-hero p{font-size:1.2rem;line-height:1.8;max-width:680px;margin:0}.public-document-hero.about-hero{min-height:340px;display:flex;align-items:flex-end;color:white}.about-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#173d4310,#173d43e8);pointer-events:none}.about-hero>div{position:relative;z-index:1}.about-hero .eyebrow{color:#ffe4b4}
.public-document-body{max-width:820px;padding:36px 42px;background:#fffdf8;border:1px solid #deded3;border-radius:24px;margin:0 auto;box-shadow:0 8px 28px #203b3d07}.public-document-body section+section{border-top:1px solid #e5e3d8;margin-top:28px;padding-top:20px}.public-document-body h2{font-size:1.35rem;line-height:1.7;margin:0 0 9px}.public-document-body p{font-size:1.0625rem;line-height:1.95;margin:0 0 15px}.public-document-body .document-date{font-size:.8125rem;color:#596b66;border-top:1px solid #e5e3d8;margin-top:30px;padding-top:20px}.public-document-body>.primary{margin-top:8px}.public-footer{padding:36px 0 0;margin-top:35px;border-top:1px solid #deded3}.public-footer>strong{letter-spacing:1px}.public-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px}.public-footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:.9375rem;color:#365753}.public-footer a:hover{text-decoration:underline}.public-footer a[aria-current=page]{color:#922e37;text-decoration:underline}.public-languages a{padding:5px 12px;background:#f0ebe0;border-radius:10px}.public-languages{gap:10px!important}
#seo-entry{max-width:1060px;margin:30px auto;padding:24px;background:#fffdf8;border-radius:24px}#seo-entry>img{width:100%;max-height:340px;object-fit:cover;border-radius:24px}#seo-entry h1{line-height:1.5}#seo-entry nav{display:flex;flex-wrap:wrap;gap:8px}#seo-entry nav a{display:inline-block;padding:12px;font-size:1rem}#seo-entry .seo-places{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}#seo-entry .seo-places article{padding:18px;border:1px solid #deded3;border-radius:18px}
.branded-error{max-width:750px!important;margin:auto;padding-top:8vh!important}.branded-error nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.branded-error h1{line-height:1.5}.branded-error p{font-size:1.0625rem;line-height:1.8}.branded-error section{background:#fffdf8;border:1px solid #deded3;padding:30px;border-radius:24px}.branded-error a{min-height:48px;display:inline-flex;align-items:center}
@media(min-width:1000px){
 #app>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;max-width:1440px;margin:auto}.desktop-nav{justify-self:center;gap:8px}.web-topic-nav{display:flex;grid-column:1/-1;gap:12px 25px;justify-content:center;border-top:1px solid #e5e2d7;padding-top:12px;flex-wrap:wrap}.web-topic-nav a{min-height:36px;display:flex;align-items:center;text-decoration:none;font-size:.875rem;color:var(--deep)}.web-topic-nav a:hover{color:var(--red);text-decoration:underline}
 #home .home-story{min-height:415px}#web-guides>div{display:flex;flex-wrap:wrap;gap:10px}#web-guides a{font-size:.875rem;min-height:42px}.web-music-feature{grid-column:1/-1}.web-footer{gap:12px 28px}.web-footer a{font-size:.9375rem}.subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:761px) and (max-width:1100px){.header-actions{gap:6px}.brand-copy{font-size:.875rem}.desktop-nav{gap:3px}.desktop-nav button{padding:9px 11px;font-size:.875rem}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-story h1{font-size:2rem}}
@media(max-width:760px){.web-music-feature{padding:24px 20px;flex-direction:column;align-items:stretch;gap:18px}.web-music-feature a{align-self:flex-start}.public-header{padding:18px;gap:12px;min-height:90px}.public-wordmark{font-size:.9375rem}.public-document main{padding:20px 18px calc(30px + env(safe-area-inset-bottom))}.public-document-hero{padding:25px 22px;border-radius:24px}.public-document-hero.about-hero{min-height:300px}.public-document-hero p{font-size:1.0625rem}.public-document-body{padding:25px 22px}.public-document-body h2{font-size:1.25rem}.public-document-body p{font-size:1rem}.public-footer nav{gap:8px 16px}.public-header .secondary{max-width:45%;text-align:center;line-height:1.5}.branded-error section{padding:24px}.web-footer{column-gap:16px}}

@media(min-width:1000px){#home>#web-music-feature{grid-row:8}#home>#answer{grid-row:9}#home>.guide-note{grid-row:10}#home>.coast-banner{grid-row:11}}
.public-document-hero.about-hero p{color:#fff2df}