/* Progressive enhancement; retains the reference fantasy artwork and typography. */
:root { --f-gold:#ebc47e; }
.reference-tile,.reference-mini,.film-card,.chapter-menu,.chapter-quote,.chapter-takeaways {
 clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));
}
.reference-parchment {clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ffe7ac!important;outline-offset:3px!important;}
.reference-mini:focus-visible,.reference-tile:focus-visible{outline-offset:5px!important;}
.reference-tile{transition:transform .2s ease,border-color .2s ease;}
.reference-tile:hover{transform:translateY(-2px)}
.chapter-menu{position:sticky;top:14px;align-self:start;}
.chapter-menu a{min-height:48px;}
.chapter-takeaways>div{scroll-margin-top:35px;}
.chapter-copy,.chapter-art{min-width:0;overflow-wrap:anywhere;}
.reference-hero-inner{max-width:100%;}
@media(max-width:1050px){.chapter-menu{position:static;}}
@media(max-width:767px){.reference-mini{min-height:112px}.reference-hero h1{overflow-wrap:break-word}.chapter-layout{display:block}.chapter-copy{margin:20px 0}.chapter-menu{display:flex;flex-direction:column;gap:3px}.chapter-art figure img{width:100%;height:auto}.mobile-menu a{min-height:48px}.language-dropdown{min-width:58px}}
@media(max-width:440px){.reference-tile{min-height:180px}.reference-tile-title{font-size:20px}.reference-parchment p{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


.faq-item,.story-card{margin:0 0 1.25rem;padding:1.1rem 1.15rem;border:1px solid rgba(214,176,96,.3);border-radius:22px;background:rgba(6,16,28,.7);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.faq-item h3,.story-card h3{margin:0 0 .5rem;font-size:1.45rem}
.story-card ul{padding-left:1.2rem;margin:.5rem 0 1rem}
.story-card li{margin:0 0 .4rem}


/* Declaration preface and video library additions — 2026-10 */
.declaration-site-instruction{position:relative;max-width:970px;margin:1.4rem auto;padding:1.4rem 1.75rem;background:linear-gradient(130deg,rgba(3,10,20,.96),rgba(20,27,39,.9));border:1px solid #b88c46;clip-path:polygon(1.2% 0,98.8% 0,100% 7%,100% 93%,98.8% 100%,1.2% 100%,0 93%,0 7%);box-shadow:0 0 28px rgba(205,151,62,.18);color:#e9ddc2;font-size:clamp(.97rem,1.4vw,1.2rem);line-height:1.8}
.declaration-site-instruction:before{content:'✦';display:block;text-align:center;font-size:1.4rem;color:#f2d089;margin-bottom:.4rem}
.declaration-site-instruction p{margin:0 0 .85rem}.declaration-site-instruction p:last-child{margin-bottom:0}
.story-card{scroll-margin-top:96px}.story-card .video-language{color:#deb96f;margin-bottom:.5rem}
@media(max-width:700px){.declaration-site-instruction{margin:1rem .7rem;padding:1.1rem 1.15rem;clip-path:polygon(3% 0,97% 0,100% 5%,100% 95%,97% 100%,3% 100%,0 95%,0 5%)}}

/* Declaration introduction and future forecasts: keep readable and ornate. */
.declaration-site-instruction {max-width:1050px;margin:16px auto 26px;padding:clamp(18px,3vw,35px);border:1px solid rgba(238,193,107,.65);border-radius:24px 8px 24px 8px;background:linear-gradient(135deg,rgba(8,17,26,.96),rgba(13,25,37,.93));box-shadow:inset 0 0 0 3px rgba(232,178,84,.11),0 0 40px rgba(0,0,0,.4)}
.declaration-site-instruction p {line-height:1.75;margin:0 0 .9em;font-size:clamp(1rem,1.3vw,1.16rem)}
.declaration-site-instruction .declaration-emphasis {color:#f7d792;font-weight:700;font-size:clamp(1.1rem,1.55vw,1.32rem)}
.declaration-cover-instruction {position:relative;z-index:2;margin:18px auto 28px}
.declaration-cover-instruction p {text-align:left}
.rtl-mode .declaration-cover-instruction p {text-align:right}
@media(max-width:720px){.declaration-site-instruction{margin-inline:12px;padding:16px;border-radius:18px 6px 18px 6px}}

/* Council links — new sections only */
.council-declaration-link{text-align:center;margin:18px auto;max-width:810px}
.council-declaration-link a,.council-reading-banner a{color:#f3d38b;text-decoration:none;display:inline-block;padding:12px 18px;border:1px solid #ae8949;background:rgba(4,11,22,.9);border-radius:6px;font-family:Georgia,serif;font-size:clamp(.95rem,1.4vw,1.17rem)}
.council-declaration-link a:hover,.council-reading-banner a:hover{color:#fff4c5;border-color:#ffd886}
.council-source-bar{max-width:1100px;margin:18px auto 38px;padding:24px;border:1px solid #a88955;background:#061322}
.council-source-bar h2{font:600 1.5rem Georgia,serif;color:#e6bf79}.council-source-bar a,.council-reading-link{color:#f4d491;margin-left:12px}
.council-reading-banner{margin:18px 0 30px}

#featured-topics{scroll-margin-top:90px;}html{scroll-behavior:smooth;}

/* Compact header for languages with longer navigation labels. */
@media(min-width:1051px) {
  html:lang(pt) .desktop-nav, html:lang(id) .desktop-nav {display:none!important;}
  html:lang(pt) .mobile-toggle, html:lang(id) .mobile-toggle {display:flex!important;}
  html:lang(pt) .brand, html:lang(id) .brand {min-width:0;}
  html:lang(pt) .brand-text strong,html:lang(id) .brand-text strong {font-size:clamp(17px,1.45vw,22px)}
}
html:lang(hi) .brand-text strong,html:lang(bn) .brand-text strong,html:lang(ja) .brand-text strong {font-size:clamp(16px,1.35vw,21px)}

/* Full articles: compact 200px image header; overview pages remain unchanged. */
body.is-full-article .hero.article-hero.cinematic-hero {min-height:200px!important;height:200px!important;max-height:200px!important;overflow:hidden;align-items:center!important;}
body.is-full-article .article-hero .hero-inner {width:min(100%,1120px)!important;padding:12px clamp(18px,4vw,56px)!important;display:flex;flex-direction:column;justify-content:center;gap:5px;}
body.is-full-article .article-hero .eyebrow {margin:0!important;font-size:10px!important;}
body.is-full-article .article-hero h1 {font-size:clamp(26px,3.4vw,43px)!important;line-height:1.04!important;margin:0!important;max-width:100%;} 
body.is-full-article .article-hero .hero-lead {font-size:clamp(12px,1.5vw,17px)!important;line-height:1.25!important;margin:0!important;max-width:820px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.is-full-article .article-hero .hero-button {display:none!important;}
@media (max-width:600px){body.is-full-article .hero.article-hero.cinematic-hero{height:200px!important;min-height:200px!important;max-height:200px!important;}body.is-full-article .article-hero .hero-inner{padding:10px 16px!important;width:100%!important;}body.is-full-article .article-hero h1{font-size:clamp(23px,7.5vw,36px)!important;}body.is-full-article .article-hero .hero-lead{font-size:12px!important;}}

