/* Fix 08 - theme integration for generated SEO/content pages */
:root{
  --msc08-bg:#0b0d12;
  --msc08-bg2:#11141b;
  --msc08-card:#151922;
  --msc08-card2:#1a1f2a;
  --msc08-border:rgba(255,255,255,.10);
  --msc08-text:#f4f6fb;
  --msc08-muted:#aab2c2;
  --msc08-brand:#80f0c4;
  --msc08-brand2:#8ba9ff;
  --msc08-shadow:0 18px 48px rgba(0,0,0,.22);
}

/* Standalone hub pages */
body.msc-fix08-page{background:var(--msc08-bg);color:var(--msc08-text);overflow-x:hidden}
body.msc-fix08-page .msc08-header{position:sticky;top:0;z-index:50;background:rgba(10,12,17,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--msc08-border)}
body.msc-fix08-page .msc08-header-inner{max-width:1320px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:28px}
body.msc-fix08-page .msc08-logo img{width:156px;max-height:44px}
body.msc-fix08-page .msc08-nav{margin-left:auto;display:flex;gap:25px;align-items:center;flex-wrap:wrap}
body.msc-fix08-page .msc08-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:15px;opacity:.9}
body.msc-fix08-page .msc08-nav a:hover{color:var(--msc08-brand)}
body.msc-fix08-page .msc08-cta{padding:11px 18px;border-radius:999px;background:linear-gradient(120deg,var(--msc08-brand),var(--msc08-brand2));color:#071018!important;font-weight:800!important}
body.msc-fix08-page .msc08-hero{padding:76px 24px 58px;background:radial-gradient(circle at 20% 0%,rgba(128,240,196,.14),transparent 34%),radial-gradient(circle at 85% 20%,rgba(139,169,255,.16),transparent 34%),linear-gradient(180deg,#10131a,#0b0d12)}
body.msc-fix08-page .msc08-hero-inner{max-width:1120px;margin:auto}
body.msc-fix08-page .msc08-kicker{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--msc08-brand);font-weight:800;margin-bottom:14px}
body.msc-fix08-page .msc08-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--msc08-muted);font-size:14px;margin-bottom:24px}
body.msc-fix08-page .msc08-breadcrumb a{color:#d9e0ee;text-decoration:none}
body.msc-fix08-page .msc08-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.04;margin:0 0 18px;color:#fff;max-width:1000px}
body.msc-fix08-page .msc08-hero p{font-size:18px;line-height:1.75;color:var(--msc08-muted);max-width:900px;margin:0}
body.msc-fix08-page main.hub.msc-theme-hub{max-width:1180px;margin:0 auto;padding:64px 24px 80px}
body.msc-fix08-page main.hub.msc-theme-hub>.crumb,
body.msc-fix08-page main.hub.msc-theme-hub>h1,
body.msc-fix08-page main.hub.msc-theme-hub>.lead{display:none}
body.msc-fix08-page main.hub.msc-theme-hub>section{background:linear-gradient(180deg,var(--msc08-card),#11151d);border:1px solid var(--msc08-border);border-radius:22px;padding:30px;margin:0 0 24px;box-shadow:var(--msc08-shadow)}
body.msc-fix08-page main.hub.msc-theme-hub section section{background:transparent;border:0;padding:0;margin:0;box-shadow:none}
body.msc-fix08-page main.hub.msc-theme-hub h2{font-size:clamp(25px,3vw,38px);color:#fff;margin:0 0 18px}
body.msc-fix08-page main.hub.msc-theme-hub h3{color:#fff}
body.msc-fix08-page main.hub.msc-theme-hub p,
body.msc-fix08-page main.hub.msc-theme-hub li{color:var(--msc08-muted);line-height:1.75}
body.msc-fix08-page main.hub.msc-theme-hub a{color:#dff8ef;text-decoration:none}
body.msc-fix08-page main.hub.msc-theme-hub a:hover{color:var(--msc08-brand)}
body.msc-fix08-page .chips{display:flex;flex-wrap:wrap;gap:10px}
body.msc-fix08-page .chips span{background:rgba(128,240,196,.09);border:1px solid rgba(128,240,196,.24);color:#dbfff1;padding:8px 12px;border-radius:999px;font-size:14px}
body.msc-fix08-page main.hub.msc-theme-hub ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;padding-left:22px}
body.msc-fix08-page main.hub.msc-theme-hub li a{display:inline-block;padding:2px 0}
body.msc-fix08-page .msc-fix05-hub .breadcrumbs{display:none}
body.msc-fix08-page .msc-fix05-hub .container{padding:0;max-width:none}
body.msc-fix08-page .msc-authoritative-references{background:linear-gradient(145deg,rgba(139,169,255,.10),rgba(128,240,196,.07))!important}
body.msc-fix08-page .msc08-footer{border-top:1px solid var(--msc08-border);background:#090b10;padding:48px 24px}
body.msc-fix08-page .msc08-footer-inner{max-width:1180px;margin:auto;display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}
body.msc-fix08-page .msc08-footer p{margin:0;color:var(--msc08-muted)}
body.msc-fix08-page .msc08-footer a{color:#fff;text-decoration:none;margin-right:16px}

/* Root directory pages generated after the main template */
#msc-directory{background:linear-gradient(180deg,#0d1016,#10141c);padding:72px 0;color:var(--msc08-text);border-top:1px solid var(--msc08-border)}
#msc-directory .container{max-width:1320px}
#msc-directory .breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px;color:var(--msc08-muted)}
#msc-directory .breadcrumbs a{color:#fff;text-decoration:none}
#msc-directory>.container>p{font-size:17px;line-height:1.7;color:var(--msc08-muted);max-width:950px;margin:0 0 32px}
#msc-directory .msc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#msc-directory .msc-related-grid article{min-width:0;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--msc08-border);border-radius:20px;padding:24px;transition:.25s ease;box-shadow:0 12px 30px rgba(0,0,0,.13)}
#msc-directory .msc-related-grid article:hover{transform:translateY(-4px);border-color:rgba(128,240,196,.32);box-shadow:0 18px 40px rgba(0,0,0,.22)}
#msc-directory .msc-related-grid h2{font-size:22px;line-height:1.25;margin:0 0 10px}
#msc-directory .msc-related-grid h2 a{color:#fff;text-decoration:none}
#msc-directory .msc-related-grid p{color:var(--msc08-muted);line-height:1.65;margin:0;font-size:14px;overflow-wrap:anywhere}

/* Appended technical/research sections inside otherwise themed pages */
.msc-technical-article,
.msc-fix05-hub,
.msc-authoritative-references{background:#0f1218;color:var(--msc08-text);padding:64px 0;border-top:1px solid var(--msc08-border);border-bottom:1px solid var(--msc08-border)}
.msc-technical-article>.container,
.msc-fix05-hub>.container,
.msc-authoritative-references>.container{max-width:1100px}
.msc-technical-article h2,
.msc-fix05-hub h2,
.msc-authoritative-references h2{color:#fff;margin-top:34px;margin-bottom:14px;font-size:clamp(25px,3vw,36px)}
.msc-technical-article h2:first-of-type,
.msc-fix05-hub h2:first-of-type{margin-top:0}
.msc-technical-article p,.msc-technical-article li,
.msc-fix05-hub p,.msc-fix05-hub li,
.msc-authoritative-references p,.msc-authoritative-references li{color:var(--msc08-muted);line-height:1.75}
.msc-technical-article ul,.msc-technical-article ol,
.msc-fix05-hub ul,.msc-authoritative-references ul{background:rgba(255,255,255,.035);border:1px solid var(--msc08-border);border-radius:18px;padding:22px 24px 22px 44px}
.msc-technical-article a,.msc-fix05-hub a,.msc-authoritative-references a{color:#cffff0}
.msc-technical-article .breadcrumbs,.msc-fix05-hub .breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px;color:var(--msc08-muted)}

/* Generic generated cards/tables */
.msc-fix08-card,.msc-fix08-panel{background:var(--msc08-card);border:1px solid var(--msc08-border);border-radius:20px;padding:24px}
.msc-fix08-table-wrap{overflow:auto;border:1px solid var(--msc08-border);border-radius:18px}
.msc-fix08-table-wrap table{width:100%;border-collapse:collapse;min-width:680px}
.msc-fix08-table-wrap th,.msc-fix08-table-wrap td{padding:14px 16px;border-bottom:1px solid var(--msc08-border);text-align:left}
.msc-fix08-table-wrap th{color:#fff;background:rgba(255,255,255,.05)}
.msc-fix08-table-wrap td{color:var(--msc08-muted)}

@media(max-width:991px){
  #msc-directory .msc-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.msc-fix08-page .msc08-nav{display:none}
  body.msc-fix08-page main.hub.msc-theme-hub ul{grid-template-columns:1fr}
}
@media(max-width:640px){
  #msc-directory{padding:48px 0}
  #msc-directory .msc-related-grid{grid-template-columns:1fr}
  #msc-directory .msc-related-grid article{padding:20px}
  body.msc-fix08-page .msc08-hero{padding:54px 18px 42px}
  body.msc-fix08-page main.hub.msc-theme-hub{padding:42px 16px 60px}
  body.msc-fix08-page main.hub.msc-theme-hub>section{padding:22px;border-radius:17px}
  .msc-technical-article,.msc-fix05-hub,.msc-authoritative-references{padding:48px 0}
}
#msc-directory .msc08-directory-head{margin-bottom:14px}
#msc-directory .msc08-directory-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--msc08-brand);font-weight:800;margin-bottom:10px}
#msc-directory .msc08-directory-head h2{font-size:clamp(34px,4.5vw,58px);line-height:1.08;color:#fff;margin:0 0 12px}
.msc-editorial-methodology,.msc-regional-context{background:#0f1218;color:var(--msc08-text);padding:64px 0;border-top:1px solid var(--msc08-border);border-bottom:1px solid var(--msc08-border)}
.msc-editorial-methodology>.container,.msc-regional-context>.container{max-width:1100px}
.msc-editorial-methodology h2,.msc-regional-context h2{color:#fff;font-size:clamp(25px,3vw,36px);margin:30px 0 14px}
.msc-editorial-methodology p,.msc-regional-context p{color:var(--msc08-muted);line-height:1.75}
.msc-editorial-methodology a,.msc-regional-context a{color:#cffff0}
.msc-hub-directory-link,.msc-editorial-link{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--msc08-border);background:rgba(255,255,255,.04);border-radius:999px;padding:9px 14px;color:#fff!important;text-decoration:none}