:root {
  color-scheme: dark;

  
  --ground:        #0a0e11;
  --ground-2:      #0e1418;
  --panel:         #131b20;
  --panel-2:       #172128;
  --raised:        #1b262d;

  
  --rule:          #22303a;
  --rule-strong:   #33454f;
  --rule-faint:    #1a252c;

  
  --ink:           #e9f1f4;
  --ink-2:         #a9bcc5;
  --ink-3:         #6e848f;
  --ink-4:         #4d616b;
  --ink-semantic-muted: #708691;

  
  --measured:      #3fd9b4;
  --measured-dim:  #1f6f5e;
  --measured-wash: rgba(63, 217, 180, 0.12);

  
  --select:        #74a9ff;
  --select-dim:    #2b4a80;
  --select-wash:   rgba(116, 169, 255, 0.13);

  
  --st-complete:      #3fd9b4;
  --st-partial:       #f3b64a;
  --st-unavailable:   #9a7bff;
  --st-missing:       #9a7bff;
  --st-absent:        #6e848f;
  --st-not-applicable:#5b7079;
  --st-refused:       #ff7594;
  --st-not-evaluable: #ff7594;
  --st-violated:      #ff5f5f;
  --st-warning:       #f3b64a;
  --st-passed:        #3fd9b4;
  --st-waived:        #7fa8c4;

  
  --lang-go:         #2fb6f2;
  --lang-typescript: #7b8cff;
  --lang-python:     #f3c552;
  --lang-javascript: #f0913c;
  --lang-java:       #e8674a;
  --lang-other:      #5b7079;

  
  --att-high:         #ff5f5f;
  --att-moderate:     #f3b64a;
  --att-low:          #2f8f7a;
  --att-unclassified: #9a7bff;

  
  --sans: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, -apple-system,
          "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas,
          "SF Mono", Menlo, "Liberation Mono", monospace;

  
  --fs-mega:   clamp(2.05rem, 4.4vw, 3.4rem);
  --fs-xxl:    clamp(1.9rem, 3.4vw, 2.9rem);
  --fs-xl:     clamp(1.45rem, 2.3vw, 1.9rem);
  --fs-lg:     1.18rem;
  --fs-md:     1rem;
  --fs-sm:     0.875rem;
  --fs-xs:     0.78rem;
  --fs-xxs:    0.7rem;

  
  --ex-h1:     1.35rem;
  --ex-h2:     1.05rem;
  --ex-h3:     0.9rem;
  --ex-body:   0.875rem;
  --ex-stat:   1.45rem;
  --ex-stat-lg:1.85rem;

  
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;

  --radius:    10px;
  --radius-sm: 6px;

  
  --site-max:      1320px;
  --ex-rail:       220px;   
  --ex-inspector:  388px;   
  --ex-content-max:1660px;  
  --ex-gutter:     var(--s5);

  
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-1: 140ms;
  --dur-2: 190ms;   
  --dur-3: 320ms;
  --dur-scale: 760ms;
}

.semantic-muted,
.note.semantic-muted { color: var(--ink-semantic-muted); }

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; --dur-scale: 0ms; }
}




.g12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--s5);
  align-items: start;
}
.c4  { grid-column: span 4; min-width: 0; }
.c5  { grid-column: span 5; min-width: 0; }
.c7  { grid-column: span 7; min-width: 0; }
.c8  { grid-column: span 8; min-width: 0; }
.c12 { grid-column: 1 / -1; min-width: 0; }

@media (max-width: 1320px) {
  .c4, .c5 { grid-column: span 5; }
  .c7, .c8 { grid-column: span 7; }
}
@media (max-width: 1080px) {
  .c4, .c5, .c7, .c8 { grid-column: 1 / -1; }
}