:root{
  --cc-bg:#f4f7fb;
  --cc-panel:#ffffff;
  --cc-ink:#071525;
  --cc-muted:#5b6b7e;
  --cc-line:#dbe4ef;
  --cc-blue:#2563EB;
  --cc-cyan:#00C2FF;
  --cc-good:#117a4b;
  --cc-warn:#9a6700;
  --cc-bad:#b42318;
  --cc-soft:#eef4ff;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--cc-bg);
  color:var(--cc-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.page{max-width:1400px;margin:0 auto;padding:2rem 1.25rem 4rem}
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1rem}
.hero h1,.section-heading h2,.panel h2{margin:.2rem 0}
.hero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}
.lede{max-width:850px;color:var(--cc-muted);font-size:1.04rem;line-height:1.6;margin:.6rem 0 0}
.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:var(--cc-blue);margin:0}
.evidence-chip{
  min-width:230px;background:var(--cc-ink);color:white;border-radius:1rem;padding:1rem 1.2rem;
  display:grid;gap:.15rem;box-shadow:0 12px 32px rgba(7,21,37,.12)
}
.evidence-chip span,.evidence-chip small{color:#bcd0e5;font-size:.76rem}
.disclosure{
  margin:0 0 2rem;padding:.9rem 1rem;border:1px solid #bfdbfe;border-radius:.75rem;
  background:#eff6ff;color:#24405f;font-size:.9rem;line-height:1.5
}
section{margin-top:2rem}
.section-heading,.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.section-meta{color:var(--cc-muted);font-size:.84rem;margin:0}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.summary-card,.panel,.capability-card{
  background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:1rem;
  box-shadow:0 10px 28px rgba(7,21,37,.055)
}
.summary-card{padding:1.1rem}
.summary-card .label{color:var(--cc-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.summary-card .value{font-size:1.75rem;font-weight:850;margin:.3rem 0}
.summary-card .meta{color:var(--cc-muted);font-size:.82rem;line-height:1.4}
.state-good{color:var(--cc-good)} .state-warning{color:var(--cc-warn)} .state-bad{color:var(--cc-bad)}
.table-wrap{overflow:auto;background:white;border:1px solid var(--cc-line);border-radius:1rem}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{padding:.8rem .9rem;border-bottom:1px solid var(--cc-line);text-align:left;font-size:.84rem;vertical-align:top}
th{background:#f8fafc;color:#3e5268;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}
tbody tr:last-child td{border-bottom:0}
.badge{display:inline-flex;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;background:var(--cc-soft);color:var(--cc-blue)}
.badge.good{background:#eaf8f0;color:var(--cc-good)}
.badge.warning{background:#fff7db;color:var(--cc-warn)}
.badge.bad{background:#ffebe8;color:var(--cc-bad)}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.capability-card{padding:1rem 1.05rem}
.capability-card h3{margin:.2rem 0 .65rem;font-size:1rem}
.capability-card .primary{font-size:1.35rem;font-weight:850;margin:0 0 .35rem}
.capability-card p{color:var(--cc-muted);font-size:.82rem;line-height:1.45;margin:.35rem 0}
.metric-list{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;gap:.5rem 1rem;margin:0}
.metric-list dt{color:var(--cc-muted);font-size:.78rem}
.metric-list dd{margin:0;font-size:.84rem;font-weight:700;word-break:break-word}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.panel{padding:1.1rem}
.count-pill,.score-pill{border-radius:999px;background:var(--cc-ink);color:#fff;padding:.35rem .65rem;font-weight:800;font-size:.78rem}
.stack-list{display:grid;gap:.7rem}
.exception{
  border:1px solid var(--cc-line);border-radius:.75rem;padding:.75rem .8rem;display:grid;gap:.25rem
}
.exception strong{font-size:.88rem}.exception p{margin:0;color:var(--cc-muted);font-size:.8rem;line-height:1.4}
.topology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.topology-stat{background:#f8fafc;border:1px solid var(--cc-line);border-radius:.7rem;padding:.7rem}
.topology-stat strong{display:block;font-size:1.35rem}.topology-stat span{color:var(--cc-muted);font-size:.75rem}
.code-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#41566d;word-break:break-all}
@media(max-width:1000px){
  .summary-grid,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .page{padding:1.25rem .75rem 3rem}
  .hero{align-items:stretch;flex-direction:column}
  .evidence-chip{min-width:0}
  .summary-grid,.capability-grid{grid-template-columns:1fr}
  .metric-list{grid-template-columns:1fr}
}