.community-buttons{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.community-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #e2c78955;border-radius:12px;background:linear-gradient(135deg,#e2c7891f,#ffffff08);color:#fff8e8;font:600 12px/1.5 system-ui,sans-serif;text-decoration:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff14}
.community-button:hover{background-color:#e2c78922;border-color:#e2c789}
.community-button:focus-visible,.community-rail a:focus-visible,.community-popup-close:focus-visible{outline:2px solid #e2c789;outline-offset:3px}
.community-button svg,.community-rail svg{width:19px;height:19px;flex-shrink:0}
.community-rail{position:fixed;z-index:45;left:10px;top:50%;transform:translateY(-50%);display:grid;gap:6px;padding:6px;border:1px solid #e2c78944;border-radius:16px;background:#211c1a99;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 35px #0005}
.community-rail a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px;color:#fff8e8;border:1px solid #e2c78922;border-radius:10px;font:600 12px/1.3 system-ui,sans-serif}
.community-rail-short{display:none}
.community-popup{box-sizing:border-box;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #e2c78966;border-radius:22px;background:linear-gradient(145deg,#302927ed,#171518ed);color:#fff8e8;box-shadow:0 24px 100px #0009,inset 0 1px #ffffff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:auto;font-family:system-ui,sans-serif}
.community-popup::backdrop{background:#0a090bcc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.community-popup-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border-radius:50%;color:#fff8e8;background:#ffffff0a;font:26px/1 system-ui,sans-serif}
.community-popup h2{margin:8px 14px 16px;font:700 21px/1.45 system-ui,sans-serif;color:#fff8e8;text-align:center}
.community-gift{text-align:center;font-size:32px}
#community-description{margin:0 0 18px;font:400 14px/1.65 system-ui,sans-serif}
#community-description p{margin:8px 0}
.community-popup .community-buttons{display:grid;grid-template-columns:minmax(0,1fr)}
.article-community-update{padding:12px 0;font:600 14px/1.6 system-ui,sans-serif}
.article-community-update a{color:#e2c789}
.site-header{background:#0a0a0bdb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lang-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;letter-spacing:0;text-transform:none}
.site-footer .footer-right{flex-wrap:wrap}
.sticky-dl{padding:8px 16px max(8px,env(safe-area-inset-bottom));background:#0a0a0be6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sticky-dl .community-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(590px,100%);margin:auto}
.sticky-dl .community-button{padding:8px;min-width:0;text-align:center}
.hero-cta{flex-wrap:wrap}
.story-body,.story-banner,.nav-actions{min-width:0}
.story-title,.story-body p,.breadcrumbs{overflow-wrap:anywhere}
body{padding-bottom:82px}
body:has(.community-popup[open]){overflow:hidden!important}
@media(min-width:861px){body .hero-content{padding-top:110px;padding-bottom:100px;max-width:min(680px,54vw)}body .hero-title{font-size:clamp(60px,7vw,105px)}}
@media(max-width:1399px){.community-rail{left:4px;padding:4px;gap:4px;border-radius:12px}.community-rail a{width:42px;min-height:44px;padding:4px;flex-direction:column;justify-content:center;gap:2px}.community-rail svg{width:17px;height:17px}.community-rail-label{display:none}.community-rail-short{display:block;font-size:8px;text-align:center}}
body .site-header{background:#0a0a0bdb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body .lang-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;letter-spacing:0;text-transform:none}
body{padding-bottom:82px}
@media(max-width:1100px){body .site-header .community-buttons--nav{display:none}}
@media(max-width:860px){
 body .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px 12px}
 body .brand{font-size:19px;grid-column:1;grid-row:1}
 body .nav-actions{display:contents}
 body .site-header .nav-link.desktop-only{display:none}
 body .site-header .nav-link:not(.desktop-only){grid-column:1 / -1;grid-row:2;min-height:30px;justify-self:start;font-size:12px}
 body .lang-switch{grid-column:2;grid-row:1}
 body .lang-switch a{font-size:11px;padding:7px 8px}
 body main:has(> .hero){padding-top:94px}
 body .hero{min-height:0;overflow:visible}
 body .hero-media{position:relative;transform:none;aspect-ratio:1;inset:auto}
 body .hero-content{position:relative;inset:auto;padding:20px 18px 24px;background:linear-gradient(180deg,#19151b,#0a0a0b);text-align:left}
 body .hero-title{position:static;width:auto;height:auto;margin:0 0 12px;overflow:visible;clip:auto;white-space:normal;font-size:38px;line-height:1.2}
 body .hero-lead{display:block;font-size:14px;line-height:1.7;margin:0 0 16px}
 body .hero-cta{display:flex;flex-wrap:wrap;gap:10px}
 body .hero-cta .community-buttons{width:100%}
 body .hero-cta .community-button{flex:1 1 95px;min-width:0;padding:8px 6px;font-size:11px;gap:4px}
 body .hero-cta .community-button svg{width:16px;height:16px}
 body .page{padding-top:110px}
 body .story-card-wrap>.community-buttons{padding:0 14px 16px}
}
@media(max-width:860px){
 .site-header{padding:10px 12px;gap:8px;flex-wrap:wrap}.brand{font-size:20px}.nav-actions{gap:8px;flex:1;justify-content:flex-end}.site-header .community-buttons--nav{display:none}.site-header .nav-link{font-size:12px;min-height:44px;display:flex;align-items:center}.lang-switch a{font-size:11px;padding:7px 8px}.hero-cta .community-buttons{width:100%}.hero-cta .community-button{font-size:12px}.community-popup{width:min(380px,calc(100% - 28px));padding:24px 18px 18px}.community-gift{display:none}.community-popup h2{margin:18px 18px 12px;font-size:18px;line-height:1.4}#community-description{font-size:13px;line-height:1.55;margin-bottom:12px}#community-description p{margin:7px 0}.community-popup .community-button{padding:8px 10px}.sticky-dl{padding-left:8px;padding-right:8px}.sticky-dl .community-button{font-size:11px;gap:4px}.sticky-dl .community-button svg{display:none}.community-buttons{gap:6px}
}
@media(max-height:500px) and (max-width:1100px){.community-popup{width:min(620px,calc(100% - 28px));padding:24px 18px 14px}.community-gift{display:none}.community-popup h2{font-size:17px;margin:12px 20px 8px}#community-description{margin:8px 0}#community-description p{margin:4px 0}.community-popup .community-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Keep the desktop hero clear of the fixed navigation. */
@media(min-width:861px){
 body main:has(> .hero){padding-top:84px}
 body .hero{min-height:calc(100vh - 84px)}
 body .hero-media{transform:none;animation:none}
 body .hero-img{object-position:center top}
}

/* Homepage preview and the complete single-column stories list. */
/* The eighth grid position is a direct link, without an extra panel. */
.stories-more{display:flex;align-items:center;justify-content:center;min-width:0;padding:28px 18px;grid-column:1 / -1}
.stories-more-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;max-width:100%;min-height:100px;padding:20px 12px;color:#ffe1a0;font-size:clamp(28px,2.7vw,40px);line-height:1.2;font-weight:800;text-align:center;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;text-shadow:0 2px 18px #d69d3b44;transition:color .2s}
.stories-more-link span{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#efcb7a;color:#201506;font-size:48px;line-height:1;box-shadow:0 6px 28px #efcb7a33;transition:transform .2s}
.stories-more-link:hover{color:#fff5da}
.stories-more-link:hover span{transform:translateX(6px)}
.stories-more-link:focus-visible{outline:3px solid #efcb7a;outline-offset:8px;border-radius:8px}
@media(min-width:861px){
 body .story-grid[data-story-limit="7"]{grid-template-columns:repeat(4,minmax(0,1fr))}
 body [data-story-limit="7"]>.stories-more{grid-column:4;grid-row:2}
}
body [data-story-limit="7"]>.story-card-wrap:nth-child(n+8){display:none}
body .story-grid[data-story-layout="list"]{grid-template-columns:minmax(0,1fr);max-width:1040px;margin:0 auto;gap:18px}
body .story-grid[data-story-layout="list"]>.story-card-wrap{display:flex;min-width:0;border-radius:12px}
body [data-story-layout="list"] .story-card{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;align-items:stretch}
body [data-story-layout="list"] .story-card-cover{position:relative;inset:auto;width:100%;height:100%;min-height:190px;max-height:320px;object-fit:cover}
body [data-story-layout="list"] .story-card-body{padding:22px;background:none;min-width:0}
body [data-story-layout="list"] .story-card h3{font-size:26px;line-height:1.25;overflow-wrap:anywhere}
body [data-story-layout="list"] .story-card p{font-size:15px;line-height:1.6}
body [data-story-layout="list"] .community-buttons--card{padding:10px 14px;border-top:1px solid #e2c78922}
@media(max-width:600px){
 body [data-story-layout="list"] .story-card{grid-template-columns:minmax(0,1fr)}
 body [data-story-layout="list"] .story-card-cover{min-height:170px;max-height:none}
 body [data-story-layout="list"] .story-card-body{padding:14px 12px}
 body [data-story-layout="list"] .story-card h3{font-size:19px;line-height:1.3}
 body [data-story-layout="list"] .story-card p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body [data-story-layout="list"] .story-card .tag{font-size:10px;margin-bottom:8px}
 body [data-story-layout="list"] .story-card .meta{margin-top:10px;font-size:11px}
 body [data-story-layout="list"] .community-buttons--card{padding:8px;gap:5px}
 body [data-story-layout="list"] .community-button{font-size:10px;gap:3px;padding:7px 5px;flex:1;min-width:0}
 body [data-story-layout="list"] .community-button svg{width:14px;height:14px}
}

/* Text-only archive cards; homepage covers remain available. */
body [data-story-layout="list"] .story-card-cover{display:none}