:root{
  --primary:#234f86;--primary-dark:#183d68;--accent:#6f8faa;
  --text:#25313d;--muted:#697786;--line:#dce4eb;--bg:#f5f7f9;--white:#fff
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:62px}
body{margin:0;background:var(--bg);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text)}

header.site-header{
  min-height:118px;display:flex;align-items:stretch;
  background:linear-gradient(115deg,var(--primary-dark),var(--primary),#496f98);color:#fff
}
.brand{width:210px;flex:0 0 210px;padding:22px 26px;border-right:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center}
.brand-title{font-size:27px;font-weight:700;line-height:1.1}.brand-subtitle{margin-top:7px;font-size:13px;opacity:.75}
.page-title{padding:18px clamp(34px,5vw,78px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;opacity:.65}
.page-title h1{margin:3px 0 8px;font-size:34px;font-weight:500}.page-title p{margin:0;font-size:15px;opacity:.82}

.section-nav{
  position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:9999!important;
  min-height:54px;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:0 5vw;
  background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);
  box-shadow:0 2px 9px rgba(27,55,84,.08)
}
.section-nav a{display:block;padding:17px 18px 15px;color:var(--muted);text-decoration:none;font-size:14px;white-space:nowrap}
.section-nav a:hover,.section-nav a.active{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}

.container{max-width:1500px;margin:auto;padding:30px 28px 50px}
section{margin:24px 0 34px}
h2{margin:0 0 12px;color:var(--primary);font-size:26px;font-weight:500}
.section-note{margin:-2px 0 14px;color:var(--muted);font-size:14px}
.status{margin:0 0 20px;padding:10px 14px;border-radius:7px;background:#f7f9fb;color:#526b84;border:1px solid var(--line);font-size:14px}
.status.error{background:#fff0f0;color:#a33;border-color:#f0c7c7}
.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.one{grid-template-columns:1fr}
.card{height:390px;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(35,60,90,.04)}
.card.tall{height:440px}.heatmap-card{height:510px}.card>div{width:100%;height:100%}

.cognitive-sign-section{margin-top:24px}
.cognitive-sign-heading{display:grid;grid-template-columns:1fr 2fr;gap:18px;align-items:start;margin-bottom:12px}
.cognitive-sign-heading h2{margin-bottom:8px}.cognitive-sign-heading .section-note{margin:0}
.cognitive-sign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.compact-card{height:390px}

@media(max-width:1050px){
 .grid.three,.grid.two,.cognitive-sign-grid{grid-template-columns:1fr}
 .cognitive-sign-heading{grid-template-columns:1fr}.compact-card{height:420px}
}
@media(max-width:900px){
 header.site-header{display:block}.brand{width:auto;padding:18px 6vw;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
 .page-title{padding:24px 6vw}.page-title h1{font-size:29px}
}