/* Shared visual language for units, topics and community. Scoped by inclusion. */
:root{--bg:#080a0d;--bg-2:#101318;--panel:#15191f;--line:#303741;--line-soft:#252b33;--red:#c81e1e;--red-deep:#9e1919;--green:#dcdee3;--ink:#f6f7f9;--muted:#aeb7c3;--gold:#e8b94f;--hazard:#e8b94f;--blue:#78aee8;--purple:#bd9ae8}
html{scroll-padding-top:84px}
body{background:#080a0d;color:var(--ink);background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;font-size:15px}
:focus-visible{outline:3px solid #f1c765;outline-offset:3px}
.wrap{max-width:1200px}
.sysbar,.hazard{display:none!important}
.nav{background:rgba(10,10,12,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.nav-cta,.more{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;border-radius:4px!important}
.nav-cta:hover,.more:hover{background:#e02b2b!important}
.nav-links a.on,.nav-links a:hover{color:#fff!important}
.nav-links a.on:after{background:var(--red)!important}
.page-head{background:radial-gradient(circle at 80% 20%,rgba(167,24,24,.2),transparent 40%),linear-gradient(115deg,#101419,#090a0d 70%);border-bottom:1px solid var(--line)!important}
.page-head .wrap{padding-top:64px;padding-bottom:58px}
.page-head h1,.ra-page-hero-v2 h1{font-family:var(--body);font-weight:900;letter-spacing:.02em;font-size:clamp(36px,5vw,62px);line-height:1.15}
.page-head .lead,.ra-hero-desc-v2{font-size:16px;line-height:1.8;color:#c5ccd5;max-width:680px}
.page-head .eyebrow,.tag,.ra-crumb-v2,.crumb{color:var(--gold);font-size:12px;letter-spacing:.12em}
.page-head .lead b{color:#fff}
.intel-stats,.ra-intel-bar-v2{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;background:transparent;border:0;padding:0}
.intel-stats>div,.ra-intel-item{min-width:136px;padding:14px 18px;background:#15191f;border:1px solid #353b43;border-left:3px solid var(--red);border-radius:4px}
.intel-stats .n,.ra-intel-num{color:#fff;font-weight:800}
.intel-stats .l,.ra-intel-lbl{color:#aeb7c3}
.head-visual{background:#11151a;border:1px solid #313942;border-radius:6px;overflow:hidden}
.head-visual svg{max-width:100%;height:auto}
.console,.tconsole{background:#101318!important;border-bottom:1px solid var(--line)!important;top:64px}
.console .wrap,.tconsole .wrap{padding-top:20px;padding-bottom:20px;gap:14px}
.con-search{border:1px solid #424b56!important;background:#0b0e12!important;border-radius:4px;min-height:46px}
.con-search:focus-within{border-color:#e8b94f!important}
.con-search input{font-size:14px!important;min-height:44px;color:#fff!important}
.ftab,.chip,.view-tgl button,.filters button,.con-sort{min-height:42px;border-radius:4px!important;background:#181d24!important;color:#e1e5ea!important;border:1px solid #3b4550!important;cursor:pointer}
.ftab:hover,.chip:hover,.view-tgl button:hover,.filters button:hover{border-color:#ecb54b!important;color:#fff!important}
.ftab.on,.chip.on,.view-tgl button.on,.filters button.on{background:#bb2525!important;border-color:#d73a3a!important;color:#fff!important}
.result-line{background:#0f1318!important;border-bottom:1px solid var(--line)!important;color:#c7ced7!important;padding:10px 24px}
.result-line b{color:#fff}
.block{padding-top:52px;padding-bottom:56px}
.unit-grid,.topic-grid,.boards{gap:20px}
.unit-card,.topic-card,.board,.post,.side-card{background:#15191f!important;border:1px solid #343c46!important;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.16);overflow:hidden}
.unit-card:hover,.topic-card:hover,.board:hover,.post:hover{border-color:#c92b2b!important;box-shadow:0 12px 28px rgba(0,0,0,.32)!important}
.unit-card::before{background:var(--red)!important;height:3px}
.topic-card .enter,.board-entry{color:#f2c568!important;font-weight:700}
.board-entry{display:block;margin-top:auto;padding-top:12px;border-top:1px solid #303741;font-size:13px}
.board::before{background:var(--red)!important}
.board h3,.topic-card h3{font-family:var(--body);font-weight:750;color:#fff}
.board .bsub,.topic-card .sub{color:#b7c0cb}
.tc-cover{background:#0b0e12;border-color:#303741}
.ra-page-hero-v2{background-color:#0a0c10!important;background-blend-mode:multiply}
.ra-page-hero-overlay{background:linear-gradient(90deg,rgba(5,7,10,.97),rgba(5,7,10,.73) 68%,rgba(5,7,10,.55))!important}
.ra-page-hero-inner{padding-top:62px;padding-bottom:62px}
.ra-hero-title-v2 em,.sec-head em{color:#e43b3b!important}
.ra-intel-item{background:rgba(18,22,28,.91)}
.post.pin{background:linear-gradient(110deg,rgba(170,24,24,.16),#15191f 70%)!important}
.post .pavatar{background:#0e1217;border-radius:4px}
footer{background:#0c0f13!important;border-top:1px solid #313842!important}
@media(max-width:800px){.page-head .wrap{padding-top:42px;padding-bottom:42px}.page-head .wrap,.page-head .ph-row{display:block}.intel-stats>div,.ra-intel-item{min-width:0;flex:1 1 120px}.head-visual{margin-top:26px}.console,.tconsole{position:relative;top:auto}.con-row{flex-wrap:wrap}.con-search{width:100%}.ftabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.ftab{white-space:nowrap}.unit-grid,.topic-grid,.boards{grid-template-columns:repeat(2,minmax(0,1fr))}.forum{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}.page-head h1,.ra-page-hero-v2 h1{font-size:38px}.page-head .lead,.ra-hero-desc-v2{font-size:14px}.block{padding-top:34px;padding-bottom:36px}.unit-grid,.topic-grid,.boards{grid-template-columns:1fr}.intel-stats,.ra-intel-bar-v2{gap:8px}.intel-stats>div,.ra-intel-item{padding:10px 12px}.result-line{font-size:11px;padding:10px 16px}.ra-page-hero-inner{padding-top:44px;padding-bottom:44px}.post{padding:14px;gap:10px}.post .pstat{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.page-head .wrap{display:block!important}.page-head .head-text{max-width:780px}.page-head .head-visual{display:none!important}

/* Match the homepage navigation and the live V2 hero structures. */
.ra-navbar{background:rgba(10,10,12,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(8px)}
.ra-nav-menu a{color:#cfd6e0}.ra-nav-menu a.active,.ra-nav-menu a:hover{color:#fff!important}
.ra-nav-menu a.active::after{background:#c81e1e!important}
.ra-btn-login{background:#c81e1e!important;color:#fff!important}
.ra-units-hero,.ra-topics-hero{background-color:#0a0c10!important;background-blend-mode:multiply;border-bottom:1px solid #303741!important}
.ra-topics-hero{background-image:radial-gradient(circle at 85% 25%,rgba(175,27,27,.23),transparent 40%),linear-gradient(110deg,#121820,#090a0d)!important}
.ra-topics-hero-inner{max-width:1200px;margin:auto;padding:62px 24px!important}
.ra-topics-title,.ra-units-title{font-family:var(--body)!important;font-size:clamp(36px,5vw,62px)!important;font-weight:900!important;color:#fff!important}
.ra-topics-title em,.ra-units-title em{color:#e43b3b!important}
.ra-topics-desc,.ra-units-desc{color:#c5ccd5!important;font-size:16px!important;max-width:680px;line-height:1.8!important}
.ra-topics-stats{display:flex;gap:10px;flex-wrap:wrap;background:none!important;border:none!important;margin-top:28px}
.ra-topics-stat-item{min-width:136px;padding:14px 18px;background:#15191f!important;border:1px solid #353b43!important;border-left:3px solid #c81e1e!important;border-radius:4px}
.ra-topics-stat-n{color:#fff!important;font-weight:800}.ra-topics-stat-l{color:#aeb7c3!important}
.ra-crumb-topics,.ra-crumb-units{color:#e8b94f!important}
@media(max-width:600px){.ra-topics-hero-inner{padding:44px 16px!important}.ra-topics-title,.ra-units-title{font-size:38px!important}.ra-topics-desc,.ra-units-desc{font-size:14px!important}.ra-topics-stat-item{min-width:0;flex:1 1 120px;padding:10px 12px}}
/* Narrow screens: preserve content width and make actions usable. */
.ra-page-hero-v2,.ra-topics-hero{max-width:100vw;overflow:hidden}
.ra-page-hero-inner,.ra-topics-hero-inner{width:100%!important;max-width:1200px!important;box-sizing:border-box!important;margin-inline:auto!important}
.ra-hero-desc-v2,.ra-topics-desc,.ra-units-desc{width:100%!important;max-width:680px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ra-cta-btn-primary,.ra-cta-btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:4px!important;font-weight:700!important}
.ra-cta-btn-primary{background:#c81e1e!important;color:#fff!important;border:1px solid #d63333!important}
.ra-cta-btn-secondary{background:#171d24!important;color:#fff!important;border:1px solid #48515e!important}
.redesign-mobile-nav{display:none}
@media(max-width:600px){
 .ra-page-hero-inner,.ra-topics-hero-inner{padding-left:16px!important;padding-right:16px!important}
 .ra-hero-desc-v2,.ra-topics-desc,.ra-units-desc{font-size:14px!important;line-height:1.6!important}
 .redesign-mobile-nav{display:flex;gap:4px;overflow-x:auto;align-items:center;justify-content:space-between;padding:5px 10px;background:#0d1015;border-bottom:1px solid #303741;scrollbar-width:thin}
 .redesign-mobile-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:42px;white-space:nowrap;color:#d7dce4;font-size:13px;text-decoration:none;border-radius:3px}
 .redesign-mobile-nav a:hover,.redesign-mobile-nav a:focus-visible{background:#a91f1f;color:#fff}
 .console .wrap,.tconsole .wrap{overflow:hidden;padding-left:16px!important;padding-right:16px!important}
 .console .con-row,.tconsole .con-row{display:flex!important;flex-wrap:wrap!important;min-width:0;gap:8px}
 .console .con-tools{display:flex!important;flex-wrap:wrap!important;width:100%!important;justify-content:flex-start!important;gap:8px}
 .console .con-sort{max-width:100%;min-width:0}.console .view-tgl{display:flex;flex-wrap:wrap}
 .result-line{display:flex!important;flex-wrap:wrap!important;gap:4px 10px;white-space:normal!important;overflow-wrap:anywhere!important}
 .ra-page-hero-v2 .ra-intel-bar-v2{width:100%!important;max-width:100%!important}
 .ra-page-hero-v2 .ra-intel-item{min-width:0!important;flex:1 1 128px!important}
 .ra-page-hero-v2 .ra-cta-btn-primary,.ra-page-hero-v2 .ra-cta-btn-secondary{font-size:12px!important;padding:8px 12px!important}
}
@media(max-width:600px){
 .ra-hero-desc-v2,.ra-topics-desc,.ra-units-desc{width:calc(100vw - 48px)!important;max-width:calc(100vw - 48px)!important;box-sizing:border-box!important}
 .ra-page-hero-inner,.ra-topics-hero-inner{max-width:100vw!important}
 .ra-page-hero-v2 .ra-intel-bar-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .ra-page-hero-v2 .ra-intel-item{width:auto!important;min-width:0!important;max-width:none!important}
 .redesign-mobile-nav{overflow:visible;gap:0;padding:5px 8px}
 .redesign-mobile-nav a{min-width:0;flex:1 1 0;font-size:12px}
 .result-line{display:block!important;white-space:normal!important}
 .result-line span{display:block;width:100%;white-space:normal!important;overflow-wrap:anywhere!important}
}
