diff --git a/index.html b/index.html
index 6968b91..3097dc4 100644
--- a/index.html
+++ b/index.html
@@ -9,22 +9,50 @@
 <link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 #lock-screen{position:fixed;inset:0;z-index:100000;background:#F5F2EC;display:flex;align-items:center;justify-content:center;font-family:inherit;}
-.lock-box{background:#fff;border:1px solid #E3DED4;border-radius:12px;padding:34px 30px;width:330px;max-width:90vw;box-shadow:0 8px 40px rgba(0,0,0,0.10);text-align:center;}
-.lock-title{font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#1A1A1A;}
-.lock-sub{font-size:13px;color:#6b6b66;margin:6px 0 20px;}
-.lock-input{width:100%;box-sizing:border-box;padding:11px 13px;font-size:14px;border:1px solid #D6D0C6;border-radius:8px;background:#fff;outline:none;}
+.lock-box{background:#fff;border:1px solid #E3DED4;border-radius:var(--r-modal);padding:34px 30px;width:330px;max-width:90vw;box-shadow:var(--shadow-modal);text-align:center;}
+.lock-title{font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);}
+.lock-sub{font-size:13px;color:var(--muted);margin:6px 0 20px;}
+.lock-input{width:100%;box-sizing:border-box;padding:11px 13px;font-size:14px;border:1px solid #D6D0C6;border-radius:var(--r-ctl);background:#fff;outline:none;}
 .lock-input:focus{border-color:var(--red,#A32035);}
-.lock-btn{width:100%;margin-top:12px;padding:11px;font-size:14px;font-weight:600;color:#fff;background:var(--red,#A32035);border:none;border-radius:8px;cursor:pointer;}
+.lock-btn{width:100%;margin-top:12px;padding:11px;font-size:14px;font-weight:600;color:#fff;background:var(--red,#A32035);border:none;border-radius:var(--r-ctl);cursor:pointer;}
 .lock-btn:hover{filter:brightness(1.06);}
 .lock-btn:disabled{opacity:0.6;cursor:default;}
-.lock-err{min-height:16px;margin-top:12px;font-size:12.5px;color:var(--red,#A32035);}
-:root{--red:#A32035;--red-dark:#5E0E20;--red-pale:#E8C4CB;--amber:#E8A317;--amber-deep:#B97D08;--green:#2E8B57;--ink:#1A1A1A;--muted:#898A8D;--line:#E8E8E6;--bg:#FAFAFA;--card:#FFFFFF;--empty:#ECECEA;}
+.lock-err{min-height:16px;margin-top:12px;font-size:12px;color:var(--red,#A32035);}
+/* One place where colour, type, spacing and shadow are named. The tier ramp
+   (--lvl-*) and the green share ramp (--d*) are declared with the risk-view rules
+   further down, in the same authority rather than a second copy of it. */
+:root{
+  /* text: one ramp. --faint is decorative, and only at 14px and up. */
+  --ink:#1A1A1A;--body:#3A3A38;--muted:#6E6E6B;--faint:#9A9A95;
+  /* chrome */
+  --line:#E8E8E6;--rule:#C9C9C4;--bg:#FAFAFA;--card:#FFFFFF;--empty:#ECECEA;
+  /* brand and interaction. Never a data fill. */
+  --red:#A32035;--red-dark:#5E0E20;--red-pale:#E8C4CB;--red-tint:#FAF3F4;
+  /* structure: the pale-blue axis band, wherever something labels an axis or a group */
+  --axis:#DCE9F4;--axis-line:#B4CFE4;--axis-ink:#3F5F79;
+  /* semantics: green only ever means found/yes, amber only ever means gap/caveat */
+  --green:#2E8B57;--yes:var(--green);--yes-tint:#E4F2E4;
+  --amber:#E8A317;--amber-deep:#B97D08;--gap:var(--amber);--gap-deep:#8A5A18;--gap-tint:#FCF3E3;
+  /* the mitigation domain palette, read by the chart's inline fills */
+  --mit-any:#C77CA6;--mit-1:#3E9C72;--mit-1c:#84C1A2;--mit-2:#6B4C93;--mit-2c:#9C88C4;
+  --mit-3:#E0A22B;--mit-3c:#EFC98D;
+  /* the type scale every size snaps to */
+  --fs-tick:9.5px;--fs-eyebrow:10.5px;--fs-cap:11px;--fs-sec:12px;--fs-ui:13px;
+  --fs-body:14px;--fs-lead:15.5px;--fs-h2:18px;--fs-h1:22px;
+  /* rhythm */
+  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;
+  --r-cell:3px;--r-ctl:6px;--r-modal:10px;--r-pill:999px;
+  --shadow-hover:0 2px 10px rgba(26,26,26,.06);
+  --shadow-pop:0 10px 30px rgba(26,26,26,.14);
+  --shadow-modal:0 20px 60px rgba(0,0,0,.25);
+  --measure:760px;--measure-wide:820px;
+}
 *{box-sizing:border-box;margin:0;padding:0;}
 body{font-family:'Figtree',sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;}
 .page{max-width:2100px;margin:0 auto;padding:18px 28px 0;}
 .header{background:#1A1A1A;text-align:center;width:100vw;margin-left:calc(50% - 50vw);padding:16px calc(50vw - 50%);margin-bottom:18px;}
-.header h1{color:#fff;font-size:24px;font-weight:700;letter-spacing:-0.015em;}
-@media(max-width:560px){.header h1{font-size:20px;}}
+.header h1{color:#fff;font-size:22px;font-weight:700;letter-spacing:-0.015em;}
+@media(max-width:560px){.header h1{font-size:18px;}}
 .brand{display:flex;align-items:center;gap:12px;flex:1;}
 .brand-mark{width:18px;height:18px;background:var(--red);position:relative;}
 .brand-mark::before{content:'';position:absolute;width:6px;height:18px;left:6px;top:0;background:var(--card);}
@@ -35,8 +63,8 @@
 /* The bar carries the brand red and is now the first thing on the page. */
 .sitebar{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;width:100vw;margin-left:calc(50% - 50vw);padding:14px calc(50vw - 50%) 13px;margin-bottom:18px;background:var(--red);border-bottom:3px solid var(--red-dark);}
 .sitebar-brand{display:flex;align-items:center;gap:16px;margin-left:clamp(0px,6vw,110px);}
-.sitebar-title{font-size:21px;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1.15;}
-@media(max-width:640px){.sitebar-title{font-size:17px;}}
+.sitebar-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:-0.01em;line-height:1.15;}
+@media(max-width:640px){.sitebar-title{font-size:18px;}}
 /* site footer */
 .site-footer{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;width:100vw;margin-left:calc(50% - 50vw);margin-top:48px;padding:8px calc(50vw - 50%);background:#fff;border-top:1px solid var(--line);font-size:12px;color:var(--muted);}
 .site-footer a{color:var(--muted);text-decoration:underline;}
@@ -50,7 +78,7 @@
 .title-block p{font-size:12px;color:var(--muted);margin-top:2px;}
 .right-meta{flex:1;text-align:right;font-size:12px;color:var(--muted);}
 .right-meta strong{color:var(--ink);font-weight:500;}
-.framing{font-size:15px;line-height:1.5;max-width:860px;margin:0 0 20px;}
+.framing{font-size:15.5px;line-height:1.5;max-width:var(--measure-wide);margin:0 0 20px;}
 .framing p{margin:0 0 12px;}
 .framing p:last-child{margin-bottom:0;}
 .framing b{color:var(--red);font-weight:600;}
@@ -63,24 +91,25 @@
 .layout.mx-solo{grid-template-columns:minmax(0,1fr);max-width:1180px;margin:0 auto;}
 .layout.mx-solo.mx-wide{max-width:min(1560px,96vw);}
 .layout.mx-wide .center{overflow-x:visible;}
-.panel{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px;}
-.panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);margin-bottom:12px;}
+.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-ctl);padding:18px;}
+.panel-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:12px;}
 .filter-group{margin-bottom:18px;}
 .filter-label{font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:500;}
-.filter-select{width:100%;padding:7px 10px;font-size:13px;font-family:inherit;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23898A8D' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
+.filter-select{width:100%;padding:7px 10px;font-size:13px;font-family:inherit;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--card);color:var(--ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236E6E6B' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
 /* no card chrome: the tables carry their own borders, so a box around them was a box inside a box */
 .center{padding:22px;overflow-x:auto;min-height:480px;}
 .center-header{display:flex;align-items:center;justify-content:space-between;}
-.center-header h2{font-size:19px;font-weight:600;letter-spacing:-0.01em;}
+.center-header h2{font-size:22px;font-weight:600;letter-spacing:-0.01em;}
 .center-header h2:empty{display:none;}
 /* On red the track is a lift of the ground rather than a grey, an inactive tab is white held back, and
    the selected one inverts to a white pill with the red on it. */
-.tabs{display:inline-flex;gap:2px;flex-wrap:wrap;background:rgba(255,255,255,0.16);padding:4px;border-radius:12px;}
-.chip{font-size:13px;font-weight:600;padding:7px 15px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:rgba(255,255,255,0.86);transition:background 0.12s,color 0.12s,box-shadow 0.12s;white-space:nowrap;}
-.chip:hover{color:#fff;background:rgba(255,255,255,0.14);}
+.tabs{display:inline-flex;gap:2px;flex-wrap:wrap;background:rgba(255,255,255,0.16);padding:4px;border-radius:var(--r-modal);}
+.chip{display:inline-block;font-size:13px;font-weight:600;padding:7px 15px;background:transparent;border:none;border-radius:var(--r-ctl);cursor:pointer;color:rgba(255,255,255,0.9);text-decoration:none;transition:background 0.12s,color 0.12s,box-shadow 0.12s;white-space:nowrap;}
+.chip:focus-visible{outline:2px solid #fff;outline-offset:2px;}
+.chip:hover{color:#fff;background:rgba(0,0,0,0.18);}
 .chip.active{background:#fff;color:var(--red);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,0.18),0 0 0 0.5px rgba(0,0,0,0.06);}
 .chip.active:hover{background:#fff;color:var(--red);}
-.legend{display:flex;gap:16px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap;}
+.legend{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--body);margin-bottom:16px;flex-wrap:wrap;}
 .axis-cue{display:flex;align-items:center;margin-bottom:10px;}
 .axis-spacer{width:158px;flex-shrink:0;}
 .axis-arrow{font-size:11px;color:var(--muted);font-style:italic;}
@@ -88,28 +117,28 @@
 /* a term that is also a source link: same dotted underline, inherits its surroundings, never browser blue */
 .tip-link{color:inherit;text-decoration:none;cursor:pointer;border-bottom:1px dotted currentColor;position:relative;}
 .tip-link:hover{color:var(--red);}
-.tip:hover::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);width:240px;background:var(--ink);color:#fff;font-size:11px;line-height:1.4;font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;padding:9px 11px;border-radius:5px;z-index:50;white-space:normal;box-shadow:0 4px 14px rgba(0,0,0,0.18);}
+.tip:hover::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);background:var(--ink);color:#fff;font-size:12px;line-height:1.45;font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;padding:8px 11px;border-radius:var(--r-ctl);z-index:50;white-space:normal;box-shadow:var(--shadow-pop);width:max-content;max-width:320px;}
 .tip:hover::before{content:'';position:absolute;left:14px;top:calc(100% + 1px);border:5px solid transparent;border-bottom-color:var(--ink);z-index:51;}
-.intro-overlay{position:fixed;inset:0;background:rgba(26,26,26,0.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;}
+.intro-overlay{position:fixed;inset:0;background:rgba(26,26,26,0.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;}
 /* above the highlight viewer's 1000: the tour opens it, so the card has to stay on top */
 .tour{position:fixed;inset:0;z-index:1400;pointer-events:none;}
-.tour-spot{position:absolute;border-radius:8px;box-shadow:0 0 0 9999px rgba(26,26,26,0.55);transition:all 0.35s cubic-bezier(.4,0,.2,1);pointer-events:none;border:2px solid #fff;}
-.tour-card{position:absolute;width:300px;background:var(--card);border-radius:10px;padding:18px 20px;box-shadow:0 14px 44px rgba(0,0,0,0.3);pointer-events:auto;transition:top 0.35s cubic-bezier(.4,0,.2,1),left 0.35s cubic-bezier(.4,0,.2,1);}
-.tour-step-n{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:6px;}
-.tour-title{font-size:16px;font-weight:600;margin-bottom:7px;}
+.tour-spot{position:absolute;border-radius:var(--r-ctl);box-shadow:0 0 0 9999px rgba(26,26,26,0.5);transition:all 0.35s cubic-bezier(.4,0,.2,1);pointer-events:none;border:2px solid #fff;}
+.tour-card{position:absolute;width:300px;background:var(--card);border-radius:var(--r-modal);padding:18px 20px;box-shadow:var(--shadow-modal);pointer-events:auto;transition:top 0.35s cubic-bezier(.4,0,.2,1),left 0.35s cubic-bezier(.4,0,.2,1);}
+.tour-step-n{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:6px;}
+.tour-title{font-size:18px;font-weight:600;margin-bottom:7px;}
 .tour-body{font-size:13px;line-height:1.5;color:var(--ink);margin-bottom:16px;}
 .tour-body b{color:var(--red);font-weight:600;}
 .tour-nav{display:flex;align-items:center;justify-content:space-between;}
 .tour-nav-r{display:flex;gap:8px;}
 .tour-skip{background:none;border:none;font-family:inherit;font-size:12px;color:var(--muted);cursor:pointer;padding:6px 0;}
 .tour-skip:hover{color:var(--ink);}
-.tour-btn{padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500;border-radius:5px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;}
+.tour-btn{padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500;border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;}
 .tour-btn:hover{border-color:var(--muted);}
 .tour-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);}
 .tour-btn.primary:hover{background:var(--red);border-color:var(--red);}
 .tour-btn:disabled{opacity:0.4;cursor:default;}
-.intro-card{background:var(--card);border-radius:10px;max-width:520px;width:100%;padding:30px 32px;box-shadow:0 20px 60px rgba(0,0,0,0.25);}
-.intro-title{font-size:20px;font-weight:600;margin-bottom:12px;}
+.intro-card{background:var(--card);border-radius:var(--r-modal);max-width:520px;width:100%;padding:30px 32px;box-shadow:var(--shadow-modal);}
+.intro-title{font-size:18px;font-weight:600;margin-bottom:12px;}
 .intro-body{font-size:14px;line-height:1.55;color:var(--ink);margin-bottom:18px;}
 .intro-body b{color:var(--red);}
 .intro-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
@@ -121,44 +150,44 @@
 .intro-body p{margin:0;}
 .intro-body p+p{margin-top:10px;}
 .intro-logo{height:30px;display:block;margin-bottom:18px;}
-.intro-btn{padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;border-radius:5px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;}
+.intro-btn{padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;}
 .intro-btn:hover{border-color:var(--muted);}
 .intro-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);}
 .intro-btn.primary:hover{background:var(--red);border-color:var(--red);}
 .guide-wrap{max-width:none;}
-.guide-lead{font-size:16.5px;line-height:1.6;margin-bottom:6px;color:var(--ink);max-width:820px;}
+.guide-lead{font-size:15.5px;line-height:1.6;margin-bottom:6px;color:var(--ink);max-width:var(--measure-wide);}
 /* The tour is an action rather than a view, so it sits at the end of the bar behind a
    divider and never takes the active state the tabs share. */
 .chip-tour{display:inline-flex;align-items:center;gap:6px;font-family:inherit;color:#fff;
-  margin-left:6px;padding-left:17px;border-left:1px solid rgba(255,255,255,0.3);border-radius:0 8px 8px 0;}
+  margin-left:6px;padding-left:17px;border-left:1px solid rgba(255,255,255,0.3);border-radius:0 var(--r-ctl) var(--r-ctl) 0;}
 .chip-tour:hover{color:var(--red);background:#fff;
   box-shadow:0 1px 2px rgba(0,0,0,0.18),0 0 0 0.5px rgba(0,0,0,0.06);}
 .chip-tour:focus-visible{outline:2px solid #fff;outline-offset:2px;}
 .chip-tour span{font-size:14px;line-height:1;}
 
 .cp-block>.guide-sec-title:first-child{border-top:none;padding-top:0;margin-top:0;}
-.guide-sec-title{font-size:17px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);margin:30px 0 12px;padding-top:22px;border-top:1px solid var(--line);}
-.guide-body{font-size:14.5px;line-height:1.62;margin-bottom:12px;color:#333;max-width:760px;}
+.guide-sec-title{font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);margin:30px 0 12px;padding-top:22px;border-top:1px solid var(--line);}
+.guide-body{font-size:14px;line-height:1.62;margin-bottom:12px;color:var(--body);max-width:var(--measure);}
 .guide-body b{color:var(--ink);font-weight:600;}
-.guide-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 6px;align-items:stretch;max-width:760px;}
-.about-tbl{width:100%;max-width:760px;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:10px 0 2px;font-size:13px;}
+.guide-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 6px;align-items:stretch;max-width:var(--measure);}
+.about-tbl{width:100%;max-width:var(--measure);border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;margin:10px 0 2px;font-size:13px;}
 .about-tbl th{text-align:left;vertical-align:top;width:210px;padding:12px 14px;font-weight:700;color:var(--ink);background:#fff;border-bottom:1px solid var(--line);border-right:1px solid var(--line);}
-.about-tbl td{vertical-align:top;padding:12px 14px;color:#444;line-height:1.5;background:#fff;border-bottom:1px solid var(--line);}
+.about-tbl td{vertical-align:top;padding:12px 14px;color:var(--body);line-height:1.5;background:#fff;border-bottom:1px solid var(--line);}
 .about-tbl tr:last-child th,.about-tbl tr:last-child td{border-bottom:none;}
 /* the decomposed parts of a sector, indented under the category they came from, the same
    relationship the Sectors tab draws with its dashed child rows */
-.about-tbl .abt-kid th{font-weight:600;color:#333;padding-left:16px;}
+.about-tbl .abt-kid th{font-weight:600;color:var(--body);padding-left:16px;}
 .abt-dash{display:inline-block;width:12px;color:var(--muted);font-weight:400;}
 /* horizontal scroll wrapper so wide tables never force the page to scroll sideways */
 .about-scroll{overflow-x:auto;max-width:100%;margin:10px 0 2px;-webkit-overflow-scrolling:touch;}
 .about-scroll .about-tbl{margin:0;}
 /* the 24-risk taxonomy table: domain (grouped), risk, definition */
-.about-risk-tbl{width:100%;min-width:680px;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:13px;}
+.about-risk-tbl{width:100%;min-width:680px;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;font-size:13px;}
 .about-risk-tbl th{text-align:left;vertical-align:top;padding:11px 13px;font-weight:700;color:var(--ink);background:var(--bg);border-bottom:1px solid var(--line);}
 .about-risk-tbl td{vertical-align:top;padding:11px 13px;line-height:1.5;border-bottom:1px solid var(--line);}
 .about-risk-tbl .ar-dom{width:150px;font-weight:700;color:var(--ink);background:var(--bg);border-right:1px solid var(--line);}
 .about-risk-tbl .ar-risk{width:220px;color:var(--ink);border-right:1px solid var(--line);}
-.about-risk-tbl .ar-def{color:#444;}
+.about-risk-tbl .ar-def{color:var(--body);}
 .about-risk-tbl tbody tr:last-child td{border-bottom:none;}
 /* About page accordion: a plain list of questions, each on its own line with a rule
    underneath and a + at the left that becomes a - when the answer is open. No panel and no
@@ -171,10 +200,10 @@
 /* the marker leads the question, and is a fixed width so every question starts on the
    same left edge whether it is open or closed */
 .about-acc>summary::before{content:'+';flex:none;width:13px;text-align:center;
-  font-size:17px;font-weight:400;line-height:1.1;color:var(--red);}
+  font-size:15.5px;font-weight:400;line-height:1.1;color:var(--red);}
 .about-acc[open]>summary::before{content:'\2212';}
 .about-acc>summary:hover{color:var(--red);}
-.about-acc>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:3px;}
+.about-acc>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--r-cell);}
 /* the answer lines up with the question's text, not with its marker */
 .acc-a{padding:2px 4px 16px 29px;}
 .acc-a .guide-body:last-child{margin-bottom:0;}
@@ -183,12 +212,11 @@
 /* Lighter than the page title, not heavier: at 700 these sat above .sec-q's 600 and the eye met a run of
    section headings before it met the page. The red rule under each is gone with it; the questions below
    already carry the accent on their + markers, so the page keeps its colour without a bar per section. */
-.faq-sec{margin:40px 0 16px;font-size:19px;font-weight:500;letter-spacing:-0.012em;
+.faq-sec{margin:40px 0 16px;font-size:18px;font-weight:600;letter-spacing:-0.012em;
   color:var(--ink);line-height:1.25;}
 .faq-sec:first-of-type{margin-top:6px;}
-@media(max-width:560px){.faq-sec{font-size:17px;}}
-.faq-list{margin:0 0 12px;padding-left:4px;max-width:760px;font-size:14.5px;line-height:1.6;
-  color:#333;list-style:none;}
+.faq-list{margin:0 0 12px;padding-left:4px;max-width:var(--measure);font-size:14px;line-height:1.6;
+  color:var(--body);list-style:none;}
 .faq-list li{position:relative;padding-left:18px;margin-bottom:8px;}
 .faq-list li::before{content:'';position:absolute;left:2px;top:9px;width:5px;height:5px;
   border-radius:50%;background:#4E7BA0;}
@@ -199,24 +227,24 @@
 /* copy that is not written yet, marked so it cannot ship unnoticed */
 /* A citation, set apart so it can be read off and copied: hanging indent, its own rule, and the title in
    italic as every style expects it. Square brackets mark what is not settled yet. */
-.faq-cite{font-size:13px;line-height:1.6;color:var(--ink);max-width:760px;margin:0 0 10px;
-  padding:11px 15px;background:var(--bg);border-left:3px solid var(--ink);border-radius:0 6px 6px 0;
+.faq-cite{font-size:13px;line-height:1.6;color:var(--ink);max-width:var(--measure);margin:0 0 10px;
+  padding:11px 15px;background:var(--bg);border-left:3px solid var(--ink);border-radius:0 var(--r-ctl) var(--r-ctl) 0;
   padding-left:34px;text-indent:-19px;}
 .faq-cite i{font-style:italic;}
 .faq-cite .faq-gap{color:#8A5A18;font-weight:600;}
-.faq-todo{background:#FCF3E3;border-left:3px solid #E0954A;border-radius:0 6px 6px 0;
+.faq-todo{background:#FCF3E3;border-left:3px solid #E0954A;border-radius:0 var(--r-ctl) var(--r-ctl) 0;
   padding:12px 15px;margin-bottom:10px;font-size:13px;line-height:1.55;color:#8A5A18;
-  max-width:760px;}
-.gc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
-.gc-band{font-size:12.5px;font-weight:700;padding:10px 12px;text-align:center;}
+  max-width:var(--measure);}
+.gc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;}
+.gc-band{font-size:13px;font-weight:700;padding:10px 12px;text-align:center;}
 .gc-band.gc-sig{background:var(--ink);color:#fff;}
-.gc-def{font-size:12px;line-height:1.45;color:#444;padding:11px 12px;}
+.gc-def{font-size:12px;line-height:1.45;color:var(--body);padding:11px 12px;}
 .gc-def b{color:var(--ink);font-weight:600;}
 .gc-op{display:none;}
-.about-callout{background:var(--bg);border-left:3px solid var(--red);border-radius:0 8px 8px 0;padding:14px 18px;margin:10px 0 14px;max-width:760px;}
+.about-callout{background:var(--bg);border-left:3px solid var(--red);border-radius:0 var(--r-ctl) var(--r-ctl) 0;padding:14px 18px;margin:10px 0 14px;max-width:var(--measure);}
 .about-callout .guide-body{margin:0;max-width:none;}
-.guide-diagram{margin:8px 0 4px;max-width:760px;}
-.gd-node{border:1px solid var(--line);border-radius:8px;padding:12px 16px;cursor:pointer;transition:border-color 0.12s,box-shadow .12s;background:var(--card);}
+.guide-diagram{margin:8px 0 4px;max-width:var(--measure);}
+.gd-node{border:1px solid var(--line);border-radius:var(--r-ctl);padding:12px 16px;cursor:pointer;transition:border-color 0.12s,box-shadow .12s;background:var(--card);}
 .gd-node:hover{border-color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,0.05);}
 .gd-home{background:var(--bg);display:inline-block;margin-bottom:14px;}
 .gd-name{font-size:14px;font-weight:600;}
@@ -227,29 +255,29 @@
 .gd-arrow b{color:var(--ink);font-weight:600;}
 .guide-foot{font-size:13px;line-height:1.55;color:var(--ink);margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
 .guide-foot b{font-weight:600;}
-.about-def{display:grid;grid-template-columns:180px 1fr;gap:11px 20px;margin:12px 0 4px;max-width:820px;}
+.about-def{display:grid;grid-template-columns:180px 1fr;gap:11px 20px;margin:12px 0 4px;max-width:var(--measure-wide);}
 .about-def dt{font-size:13px;font-weight:700;color:var(--ink);}
-.about-def dd{margin:0;font-size:13px;line-height:1.5;color:#444;}
+.about-def dd{margin:0;font-size:13px;line-height:1.5;color:var(--body);}
 .about-bullets{margin:8px 0 2px;padding-left:20px;font-size:14px;line-height:1.7;color:var(--ink);}
 .about-bullets li{margin-bottom:3px;}
-.about-rq{list-style:none;margin:12px 0 4px;padding:0;max-width:760px;}
+.about-rq{list-style:none;margin:12px 0 4px;padding:0;max-width:var(--measure);}
 .about-rq li{font-size:14px;line-height:1.5;margin-bottom:11px;}
 .about-rq b{color:var(--red);font-weight:700;margin-right:5px;}
-.sw{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin-right:5px;border-radius:2px;}
+.sw{width:14px;height:10px;display:inline-block;vertical-align:-2px;margin-right:5px;border-radius:var(--r-cell);}
 .sw-hi-ack{background:var(--red);}.sw-hi-no{background:var(--amber);}.sw-lo-ack{background:var(--red-pale);}.sw-lo-no{background:var(--empty);}
 .grid{display:grid;gap:0;font-size:11px;}
-.gcode{text-align:center;padding:6px 1px;color:var(--muted);font-size:9px;cursor:pointer;border-radius:3px;transition:background 0.12s;writing-mode:vertical-rl;transform:rotate(180deg);max-height:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto 4px;}
+.gcode{text-align:center;padding:6px 1px;color:var(--muted);font-size:9.5px;cursor:pointer;border-radius:var(--r-cell);transition:background 0.12s;writing-mode:vertical-rl;transform:rotate(180deg);max-height:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto 4px;}
 .gcode:hover{background:var(--bg);color:var(--ink);}
 .gcode.colsel{background:var(--ink);color:white;}
-.gsector{grid-column:1/-1;padding:14px 0 6px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;border-top:1px solid var(--line);margin-top:6px;cursor:pointer;}
+.gsector{grid-column:1/-1;padding:14px 0 6px;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;border-top:1px solid var(--line);margin-top:6px;cursor:pointer;}
 .gsector:hover{color:var(--red);}
 .gsector.first{border-top:none;margin-top:0;}
 .gsector-hint{font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px;opacity:0;transition:opacity 0.12s;}
 .gsector:hover .gsector-hint{opacity:1;color:var(--muted);}
-.gco{padding:6px 8px 6px 0;font-size:12px;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-radius:3px;transition:color 0.12s;}
+.gco{padding:6px 8px 6px 0;font-size:12px;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-radius:var(--r-cell);transition:color 0.12s;}
 .gco:hover{color:var(--red);}
 .gco.rowsel{color:var(--red);font-weight:600;}
-.gcell{width:28px;height:28px;margin:3px;background:var(--empty);border-radius:2px;cursor:pointer;transition:transform 0.1s;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;}
+.gcell{width:28px;height:28px;margin:3px;background:var(--empty);border-radius:var(--r-cell);cursor:pointer;transition:transform 0.1s;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;}
 .gcell:hover{transform:scale(1.18);z-index:2;position:relative;}
 .gcell.hiack{background:var(--red);color:#fff;}
 .gcell.hino{background:var(--amber);color:var(--ink);}
@@ -258,7 +286,7 @@
 .gcell.selected{outline:2px solid var(--ink);outline-offset:2px;}
 .gcell.dim{opacity:0.2;}
 .glyph-x{font-weight:400;}
-.mx-legend{font-size:11px;color:var(--muted);margin-top:18px;margin-bottom:6px;line-height:1.4;max-width:780px;}
+.mx-legend{font-size:12px;color:var(--body);margin-top:18px;margin-bottom:6px;line-height:1.4;max-width:var(--measure);}
 .mx{display:grid;gap:0;font-size:13px;align-items:stretch;}
 .mx-axis{background:var(--red);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;display:flex;align-items:center;justify-content:center;padding:7px 4px;}
 .mx-axis+.mx-axis{border-left:2px solid #fff;}
@@ -267,15 +295,15 @@
 .mx-domain-last{border-right:1px solid #D2D2CE;}
 .mx-risk.mx-dstart{border-left:1px solid #D2D2CE;}
 .mx-risk.mx-dend{border-right:1px solid #D2D2CE;}
-.mx-h{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;padding:6px 4px;display:flex;align-items:flex-end;}
+.mx-h{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;padding:6px 4px;display:flex;align-items:flex-end;}
 .mx-h-co{padding-left:2px;font-size:13px;color:var(--ink);font-weight:700;}
 .mx-h-c{justify-content:center;font-size:13px;color:var(--ink);font-weight:700;}
-.mx-risk{justify-content:center;align-items:flex-end;text-align:center;white-space:nowrap;font-weight:600;font-size:15px;text-transform:none;letter-spacing:0;cursor:pointer;padding:7px 1px;}
+.mx-risk{justify-content:center;align-items:flex-end;text-align:center;white-space:nowrap;font-weight:600;font-size:15.5px;text-transform:none;letter-spacing:0;cursor:pointer;padding:7px 1px;}
 .mx-risk:hover{color:var(--red);}
 .mx-risk.colsel{color:var(--red);font-weight:700;}
 .mx-sec{display:flex;align-items:center;gap:6px;padding:9px 4px 9px 2px;font-size:14px;font-weight:600;cursor:pointer;border-top:1px solid var(--line);}
 .mx-sec:hover{color:var(--red);}
-.mx-tri{font-size:9px;color:var(--muted);transition:transform 0.12s;display:inline-block;}
+.mx-tri{font-size:9.5px;color:var(--muted);transition:transform 0.12s;display:inline-block;}
 .mx-sec.open .mx-tri{transform:rotate(90deg);}
 .mx-secname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .mx-seccount{font-size:11px;color:var(--muted);font-weight:400;}
@@ -294,9 +322,9 @@
 .mx-cell.mv0{color:#fff;}
 .mx-cell.mvnd,.mx-leg-sw.mvnd{background:var(--lvl-0);}
 .mx-cell.mvnd{color:var(--muted);}
-.mx-leg-sw{display:inline-block;width:13px;height:13px;border-radius:2px;vertical-align:-2px;margin:0 4px 0 9px;}
+.mx-leg-sw{display:inline-block;width:14px;height:10px;border-radius:var(--r-cell);vertical-align:-2px;margin:0 4px 0 9px;}
 .mx-cell.dim{opacity:0.25;}
-#mx-tip{position:fixed;z-index:300;pointer-events:none;background:var(--ink);color:#fff;font-size:11px;line-height:1.35;padding:8px 11px;border-radius:5px;max-width:300px;box-shadow:0 4px 14px rgba(0,0,0,0.18);}
+#mx-tip{position:fixed;z-index:300;pointer-events:none;background:var(--ink);color:#fff;font-size:12px;line-height:1.45;padding:8px 11px;border-radius:var(--r-ctl);max-width:320px;box-shadow:var(--shadow-pop);}
 #mx-tip b{font-weight:600;display:block;margin-bottom:2px;}
 #mx-tip span{color:#d9d9d9;display:block;}
 /* the taxonomy definition: long, so give it room to breathe */
@@ -308,12 +336,12 @@
 .mx-co{display:flex;flex-direction:column;justify-content:center;padding:7px 4px 7px 24px;font-size:13px;cursor:pointer;border-top:1px solid var(--line);background:var(--bg);}
 .mx-co:hover{color:var(--red);}
 .mx-co-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-.mx-co-role{font-size:10px;color:var(--muted);}
+.mx-co-role{font-size:10.5px;color:var(--muted);}
 .mx-co-cov{background:var(--bg);font-weight:400;color:var(--muted);}
 .mx-cocell{font-size:13px;background-clip:padding-box;min-height:34px;}
 .mx-cell.co-yes{background:var(--green);color:#fff;border-color:#fff;}
 .mx-cell.co-no{background:#fff;color:var(--muted);border-color:var(--line);}
-.mx-cocell.vx-extreme,.mx-cocell.vx-high{color:#fff;}
+.mx-cocell.vx-extreme{color:#fff;}
 /* transposed home matrix: risks = rows, sectors = columns */
 .mx-sechead{justify-content:center;align-items:flex-end;text-align:center;white-space:normal;overflow-wrap:break-word;line-height:1.18;font-size:11px;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0;cursor:pointer;padding:7px 3px 8px;}
 .mx-sechead:hover{color:var(--red);}
@@ -330,28 +358,28 @@
 .mx-viewhead{margin:0 0 26px;padding-bottom:24px;border-bottom:1px solid #C9C9C4;}
 .mx-q{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:12px;line-height:1.25;text-align:center;}
 .mx-pills{display:flex;gap:6px;flex-wrap:wrap;}
-.mx-pill{font-size:12.5px;font-weight:600;padding:6px 14px;border:1px solid var(--line);border-radius:16px;cursor:pointer;color:var(--muted);background:var(--card);transition:background .12s,color .12s,border-color .12s;}
+.mx-pill{font-size:13px;font-weight:600;padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;color:var(--muted);background:var(--card);transition:background .12s,color .12s,border-color .12s;}
 .mx-pill:hover{border-color:var(--ink);color:var(--ink);}
 .mx-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);}
-.mx-viewnote{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.5;max-width:820px;}
+.mx-viewnote{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.5;max-width:var(--measure-wide);}
 /* The orientation block: its own surface, with the app's red carrying the weight down its edge. A reader
    meets a defined object first and the matrix second, without a word of the page saying so. */
 .mx-brief{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--red);
-  border-radius:0 8px 8px 0;padding:20px 24px;max-width:900px;margin:0;}
-.mx-lead{font-size:14px;line-height:1.6;color:#333;max-width:820px;margin:0 0 12px;}
+  border-radius:0 var(--r-ctl) var(--r-ctl) 0;padding:20px 24px;max-width:var(--measure-wide);margin:0;}
+.mx-lead{font-size:14px;line-height:1.6;color:var(--body);max-width:var(--measure-wide);margin:0 0 12px;}
 /* the standfirst: the first paragraph is set larger and in ink, so the eye starts there */
 .mx-brief .mx-lead:first-child{font-size:15.5px;line-height:1.55;color:var(--ink);margin-bottom:11px;}
 /* The orienting notes, numbered rather than bulleted. A numeral implies an order to work through where a
    disc implies an unordered set, which is the whole difference being drawn here. */
-.mx-points{list-style:none;counter-reset:mxp;margin:17px 0 0;padding:0;max-width:820px;}
-.mx-points li{counter-increment:mxp;position:relative;padding-left:31px;font-size:14px;line-height:1.55;color:#333;margin-bottom:10px;}
+.mx-points{list-style:none;counter-reset:mxp;margin:17px 0 0;padding:0;max-width:var(--measure-wide);}
+.mx-points li{counter-increment:mxp;position:relative;padding-left:31px;font-size:14px;line-height:1.55;color:var(--body);margin-bottom:10px;}
 .mx-points li:last-child{margin-bottom:0;}
 .mx-points li::before{content:counter(mxp);position:absolute;left:0;top:2px;width:20px;height:20px;
   border-radius:50%;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;
   display:flex;align-items:center;justify-content:center;}
 .mx-points li b{color:var(--ink);font-weight:600;}
 .mx-pillbar{margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);}
-.mx-pilllabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--amber-deep);margin-bottom:10px;}
+.mx-pilllabel{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:10px;}
 /* The map of the rest of the tool, under the matrix. Cards rather than a list: each one is a place with a
    question attached, and the grid lets the eight sit as a set the eye can take in at once. */
 /* the matrix's question sits under the rule that closes the introduction, so it needs its own air above */
@@ -364,7 +392,7 @@
 .emb-fig{max-width:100%;}
 .emb-fig .mxv{margin-top:0;}
 .emb-fig .risk-tbl{margin-top:0;}
-.emb-legend{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:11px;color:var(--muted);margin:0 0 10px;align-items:center;}
+.emb-legend{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:var(--body);margin:0 0 10px;align-items:center;}
 .emb-legend svg{margin-right:6px;}
 .emb-foot{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:baseline;
   margin-top:12px;padding-top:9px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);}
@@ -373,9 +401,9 @@
 .emb-err{font-size:13px;line-height:1.5;color:var(--muted);padding:22px 4px;}
 /* The embed's own tooltip. The tool's is bound to #center-body, which an embed does not have, so the
    figures would otherwise have no hover at all once their native titles are taken off. */
-.emb-tip{position:fixed;z-index:90;max-width:290px;background:var(--ink);color:#fff;font-size:11.5px;
-  line-height:1.45;padding:8px 11px;border-radius:5px;pointer-events:none;white-space:pre-line;
-  box-shadow:0 4px 14px rgba(0,0,0,0.2);}
+.emb-tip{position:fixed;z-index:90;max-width:320px;background:var(--ink);color:#fff;font-size:12px;
+  line-height:1.45;padding:8px 11px;border-radius:var(--r-ctl);pointer-events:none;white-space:pre-line;
+  box-shadow:var(--shadow-pop);}
 .emb-tip b{font-weight:700;}
 html.is-embed [data-etip]{cursor:help;}
 html.is-embed .bd-seg{transition:opacity .1s;}
@@ -391,22 +419,22 @@
 html.is-embed .rtl-link{color:var(--ink);font-weight:600;}
 /* the study's other descriptive figures, between the matrix and the map out */
 .mxfigs{margin:40px 0 0;padding-top:26px;border-top:1px solid #C9C9C4;}
-.mxfig-sub{font-size:14px;line-height:1.6;color:#333;max-width:820px;margin:0 0 16px;}
-.mxfig{margin:0 0 30px;max-width:820px;}
+.mxfig-sub{font-size:14px;line-height:1.6;color:var(--body);max-width:var(--measure-wide);margin:0 0 16px;}
+.mxfig{margin:0 0 30px;max-width:var(--measure-wide);}
 .mxfig-h{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 4px;}
-.mxfig-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 8px;}
-.bd-svg,.sc-svg{width:100%;height:auto;display:block;font-family:'Figtree',sans-serif;max-width:820px;}
-.bd-name{fill:var(--ink);font-size:11.5px;font-weight:600;text-anchor:end;}
+.mxfig-note{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 8px;}
+.bd-svg,.sc-svg{width:100%;height:auto;display:block;font-family:'Figtree',sans-serif;max-width:var(--measure-wide);}
+.bd-name{fill:var(--ink);font-size:12px;font-weight:600;text-anchor:end;}
 .bd-fac{fill:var(--muted);font-size:9.5px;text-anchor:end;text-transform:uppercase;letter-spacing:0.04em;}
-.bd-val{font-size:10px;font-weight:700;text-anchor:middle;}
+.bd-val{font-size:10.5px;font-weight:700;text-anchor:middle;}
 .bd-seg{stroke:#fff;stroke-width:1;}
-.bd-axis{fill:var(--muted);font-size:10px;}
+.bd-axis{fill:var(--muted);font-size:10.5px;}
 .bd-axis-e{text-anchor:end;}
-.bd-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11.5px;color:var(--muted);margin:0 0 16px;align-items:center;}
+.bd-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--body);margin:0 0 16px;align-items:center;}
 .bd-legend span{display:inline-flex;align-items:center;gap:7px;}
-.bd-legend i{width:16px;height:10px;border-radius:2px;flex:none;}
+.bd-legend i{width:14px;height:10px;border-radius:var(--r-cell);flex:none;}
 .sc-grid{stroke:var(--line);stroke-width:1;}
-.sc-tick{fill:var(--muted);font-size:10px;text-anchor:middle;}
+.sc-tick{fill:var(--muted);font-size:10.5px;text-anchor:middle;}
 .sc-tick-y{text-anchor:end;}
 .sc-ax{fill:var(--muted);font-size:11px;text-anchor:middle;}
 .sc-dot{fill:var(--red);fill-opacity:0.85;stroke:#fff;stroke-width:1.5;transition:r .1s;}
@@ -418,7 +446,7 @@
 .mxnav .mxnav-h{margin:0 0 16px;}
 .mxnav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px;max-width:1240px;}
 .mxnav-card{display:flex;flex-direction:column;gap:6px;text-align:left;font-family:inherit;
-  background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px;
+  background:var(--card);border:1px solid var(--line);border-radius:var(--r-ctl);padding:14px 16px;
   color:inherit;cursor:pointer;transition:border-color .12s,box-shadow .12s;}
 button.mxnav-card:hover{border-color:var(--red);box-shadow:0 2px 10px rgba(26,26,26,0.06);}
 button.mxnav-card:hover .mxnav-n,button.mxnav-card:hover .mxnav-arr{color:var(--red);}
@@ -429,17 +457,17 @@
 .mxnav-i{flex:none;width:19px;height:19px;color:var(--red);display:block;}
 .mxnav-i svg{width:19px;height:19px;display:block;}
 .mxnav-card.here .mxnav-i{color:var(--muted);}
-.mxnav-n{font-size:15px;font-weight:700;color:var(--ink);}
-.mxnav-arr{font-size:17px;line-height:1;color:var(--muted);}
+.mxnav-n{font-size:15.5px;font-weight:700;color:var(--ink);}
+.mxnav-arr{font-size:15.5px;line-height:1;color:var(--muted);}
 /* the reader's own position, stated rather than left to be inferred from the tab bar */
 .mxnav-card.here{background:var(--bg);border-style:dashed;cursor:default;}
 .mxnav-here{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
-  color:#fff;background:var(--red);border-radius:3px;padding:3px 7px;white-space:nowrap;}
+  color:#fff;background:var(--red);border-radius:var(--r-cell);padding:3px 7px;white-space:nowrap;}
 /* the question the destination asks of itself, quoted so the map cannot promise what the page does not */
 .mxnav-q{font-size:13px;font-weight:600;color:var(--ink);line-height:1.35;}
 /* vulnerability-tier columns */
 .mx-tierhead{flex-direction:column;justify-content:flex-end;align-items:stretch;text-align:center;font-size:13px;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0;padding:7px 4px 8px;line-height:1.28;}
-.mx-tierhead .sw{display:block;height:4px;border-radius:2px;margin-bottom:6px;width:100%;}
+.mx-tierhead .sw{display:block;height:4px;border-radius:var(--r-cell);margin-bottom:6px;width:100%;}
 .mx-sw4{background:var(--lvl-5);}.mx-sw3{background:var(--lvl-4);}.mx-sw2{background:var(--lvl-3);}.mx-sw1{background:var(--lvl-2);}.mx-sw0{background:var(--lvl-1);}
 .mx-tiercell{flex-direction:column;gap:1px;line-height:1.1;}
 .mx-tc-n{font-size:9.5px;font-weight:600;opacity:0.62;}
@@ -449,23 +477,24 @@
 /* ---- vulnerability view (Home > By vulnerability): opacity encodes acknowledgement, column encodes tier ---- */
 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
 .mxv-wrap{position:relative;margin-top:4px;}
-/* The callout floats free of the layout (fixed, so the card's overflow cannot clip it): the table keeps its
-   size and position, and placeCallout() parks it to the left of the matrix, level with the current step. */
-.mxv-callout{position:fixed;z-index:20;width:300px;padding:14px 36px 15px 16px;background:#FAF3F4;border:0.5px solid #D07886;border-radius:8px;box-shadow:0 12px 32px rgba(26,26,26,0.18);font-size:13px;line-height:1.5;color:var(--ink);}
+/* The callout belongs to the matrix, not to the viewport: absolute inside .mxv-wrap, the same containment
+   the spotlight box uses, so it stays beside the rows it is describing when the page scrolls.
+   placeCallout() parks it level with the current step, inside the wrap. */
+.mxv-callout{position:absolute;z-index:20;width:300px;padding:14px 36px 15px 16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-pop);border-radius:var(--r-ctl);font-size:13px;line-height:1.5;color:var(--ink);}
 .mxv-callout-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--red);margin-bottom:4px;}
 .mxv-callout b{font-weight:700;}
 .mxv-callout i{font-style:italic;}
-.mxv-callout-x{position:absolute;top:5px;right:6px;padding:3px 7px;background:none;border:none;border-radius:4px;font-family:inherit;font-size:15px;line-height:1;color:var(--red);cursor:pointer;}
-.mxv-callout-x:hover{background:#F1DEE2;}
+.mxv-callout-x{position:absolute;top:5px;right:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--r-ctl);font-family:inherit;font-size:18px;line-height:1;color:var(--red);cursor:pointer;}
+.mxv-callout-x:hover{background:var(--red-tint);}
 .mxv-callout-body{min-height:40px;}
 .mxv-callout-foot{display:flex;align-items:center;gap:8px;margin-top:11px;}
 .mxv-callout-dots{display:flex;align-items:center;gap:5px;margin-right:auto;}
-.mxv-callout-dots i{width:6px;height:6px;border-radius:9999px;background:#E0BCC3;}
+.mxv-callout-dots i{width:6px;height:6px;border-radius:var(--r-pill);background:#E0BCC3;}
 .mxv-callout-dots i.on{background:var(--red);}
-.mxv-callout-btn{padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:600;color:#fff;background:var(--red);border:none;border-radius:9999px;cursor:pointer;}
+.mxv-callout-btn{padding:5px 14px;font-family:inherit;font-size:13px;font-weight:600;color:#fff;background:var(--red);border:none;border-radius:var(--r-pill);cursor:pointer;}
 .mxv-callout-btn:hover{background:var(--red-dark);}
 .mxv-callout-btn.ghost{color:var(--red);background:none;border:1px solid #D07886;}
-.mxv-callout-btn.ghost:hover{background:#F1DEE2;}
+.mxv-callout-btn.ghost:hover{background:var(--red-tint);}
 /* collapse: every grid line is one shared 1px border, so a cell ringed by n/a looks exactly like a cell in a
    dense block. With `separate` each cell drew its own 0.5px edge, which doubled up between neighbours and
    rendered as a faint hairline wherever a cell stood alone. */
@@ -492,10 +521,15 @@
 .mxv-sortnote{display:block;margin-top:3px;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0.01em;color:var(--ink);}
 .mxv-sortnote .tip-link{color:inherit;}
 .mxv-th{width:104px;padding:9px 6px;vertical-align:middle;text-align:center;font-size:13px;font-weight:700;color:var(--ink);border:1px solid var(--ink);}
+/* The tier colour as a keyline over its column rather than a fill behind its name.
+   The ramp is still read off the header and off the legend, and the data cells go back
+   to being the darkest thing in the table. It is the swatch the sibling matrix already
+   drew on .mx-tierhead. */
+.mxv-th-key{display:block;height:4px;border-radius:var(--r-cell);margin:0 0 6px;}
 /* the overall column is not a vulnerability tier, so it takes no tint: a blue header like the axis labels */
 /* this header carries a whole phrase, not a one-word tier name, so it drops the uppercase/letter-spacing
    treatment and tightens up: sentence case at 11.5px wraps to a few compact lines inside the 104px column. */
-.mxv-th.mxv-overall{background:#DCE9F4;color:var(--ink);font-weight:700;font-size:11.5px;line-height:1.25;padding:7px 5px;}
+.mxv-th.mxv-overall{background:#DCE9F4;color:var(--ink);font-weight:700;font-size:11px;line-height:1.25;padding:7px 5px;}
 .mxv-corner{border:none;}
 /* the empty header corners should read as blank space: paint white borders along their OUTER edges (the table
    frame) so they win the collapse tie-break and disappear, but leave border:none on the INNER edges so the
@@ -505,12 +539,12 @@
 th.mxv-empty-l{border-left:1px solid #fff;}  /* hide the table's left frame edge */
 /* many columns (the sector views): tighter cells, and header names allowed to wrap */
 .mxv-narrow .mxv-th{width:62px;padding:7px 3px;font-size:11px;font-weight:600;line-height:1.2;vertical-align:bottom;word-break:break-word;}
-.mxv-narrow .mxv-cell{width:62px;font-size:11.5px;}
-.mxv-narrow .mxv-rh{width:210px;padding-left:9px;font-size:12.5px;}
+.mxv-narrow .mxv-cell{width:62px;font-size:11px;}
+.mxv-narrow .mxv-rh{width:210px;padding-left:9px;font-size:12px;}
 /* full sector names wrap over several lines: sit them on the baseline, not floating mid-cell */
-.mxv-sechead{cursor:pointer;vertical-align:bottom;font-size:11.5px;font-weight:600;line-height:1.25;padding:8px 5px;}
+.mxv-sechead{cursor:pointer;vertical-align:bottom;font-size:11px;font-weight:600;line-height:1.25;padding:8px 5px;}
 .mxv-sechead:hover{color:var(--red);}
-.mxv-cell{width:104px;height:36px;text-align:center;font-size:13px;font-weight:700;border:1px solid var(--ink);cursor:pointer;}
+.mxv-cell{width:104px;height:36px;text-align:center;font-size:13px;font-weight:700;border:1px solid var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;}
 .mxv-cell:hover{outline:2px solid var(--ink);outline-offset:-2px;}
 .mxv-cell:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
 /* n/a reads as "nothing to measure here": gray, hatched, and visibly not part of the tint ramp */
@@ -525,15 +559,15 @@
 .mxv-demo .mxv-hi{opacity:1;}
 /* The box is one overlay element drawn over the table, not a shadow inset into each cell: per-cell rules
    are interrupted by the white 1px cell borders, which sit outside them. */
-.mxv-box{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--red);border-radius:3px;box-shadow:0 0 0 3px rgba(163,32,53,0.14);z-index:5;}
+.mxv-box{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--red);border-radius:var(--r-cell);box-shadow:0 0 0 3px rgba(163,32,53,0.14);z-index:5;}
 @media(prefers-reduced-motion:reduce){.mxv-demo .mxv-cell,.mxv-demo .mxv-rh,.mxv-demo .mxv-th{transition:none;}}
-.mxv-legend{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 28px;margin-top:20px;font-size:13.5px;color:var(--ink);}
+.mxv-legend{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 20px;margin-top:20px;font-size:12px;color:var(--body);}
 .mxv-note{margin-top:10px;text-align:left;font-size:14px;line-height:1.6;color:var(--ink);}
 /* The severity footnote. Quiet, but the whole definition is here: the asterisk in
    the column header is only useful if what it points at is readable without a
    hover. */
-.mxv-fns{list-style:none;margin:30px 0 0;padding:0;max-width:900px;text-align:left;}
-.mxv-fns>li{position:relative;padding-left:19px;font-size:12.5px;line-height:1.6;color:var(--muted);}
+.mxv-fns{list-style:none;margin:30px 0 0;padding:0;max-width:var(--measure-wide);text-align:left;}
+.mxv-fns>li{position:relative;padding-left:19px;font-size:12px;line-height:1.6;color:var(--muted);}
 .mxv-fns>li+li{margin-top:11px;}
 /* the marker hangs in the gutter, so a second note's text lines up with the first */
 .mxv-fn-m{position:absolute;left:0;top:0;font-weight:700;color:var(--ink);}
@@ -545,63 +579,63 @@
 .mxv-leg-na{display:inline-flex;align-items:center;justify-content:center;width:26px;height:15px;background:#fff;}
 .mxv-leg-na::before{content:'';display:block;width:12px;height:1.5px;background:#9A9A95;}
 .mxv-leg-zero{display:inline-block;width:26px;height:15px;background:#EDEDEB;border:1px solid var(--ink);}
-.mxv-leg-sw{display:inline-block;width:13px;height:13px;border:1px solid var(--ink);vertical-align:-2px;margin:0 3px 0 7px;}
+.mxv-leg-sw{display:inline-block;width:14px;height:10px;border:1px solid var(--ink);vertical-align:-2px;margin:0 3px 0 7px;}
 .mxv-oth-n{font-weight:400;color:var(--muted);}
 @media (prefers-reduced-motion:reduce){#mx-tip,.mxv-callout,.mxv-cell{transition:none !important;}}
 /* overall aggregate bar */
 .mx-barcell{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:0 12px 0 6px;cursor:pointer;min-height:32px;}
 .mx-barcell:hover{background:var(--bg);}
-.mx-bar{flex:1;height:15px;background:var(--lvl-0);border-radius:3px;overflow:hidden;}
-.mx-bar-fill{height:100%;background:var(--green);border-radius:3px;}
+.mx-bar{flex:1;height:15px;background:var(--lvl-0);border-radius:var(--r-cell);overflow:hidden;}
+.mx-bar-fill{height:100%;background:var(--green);border-radius:var(--r-cell);}
 .mx-bar-pct{font-size:13px;font-weight:700;color:var(--ink);width:44px;text-align:right;}
-.detail-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);font-weight:600;}
-.detail-title{font-size:16px;font-weight:600;margin:6px 0 4px;line-height:1.25;}
+.detail-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;}
+.detail-title{font-size:15.5px;font-weight:600;margin:6px 0 4px;line-height:1.25;}
 .detail-sub{font-size:12px;color:var(--muted);margin-bottom:14px;}
-.plain{font-size:13px;line-height:1.5;background:var(--bg);padding:11px 13px;border-radius:4px;margin-bottom:14px;}
-.sig-block{background:var(--bg);border-radius:4px;padding:12px 14px;margin-bottom:16px;}
-.sig-title{font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);font-weight:600;margin-bottom:8px;}
+.plain{font-size:13px;line-height:1.5;background:var(--bg);padding:11px 13px;border-radius:var(--r-ctl);margin-bottom:14px;}
+.sig-block{background:var(--bg);border-radius:var(--r-ctl);padding:12px 14px;margin-bottom:16px;}
+.sig-title{font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;margin-bottom:8px;}
 .sig-intro{font-size:12px;line-height:1.45;margin-bottom:12px;}
 .sig-def{font-size:11px;color:var(--muted);line-height:1.35;margin:-2px 0 8px;}
 .ex-row{padding:9px 0;border-bottom:1px solid var(--line);}
 .ex-row:first-of-type{border-top:1px solid var(--line);}
 .ex-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;}
 .ex-label{font-size:12px;font-weight:600;}
-.ex-band{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 8px;border-radius:3px;flex-shrink:0;}
-.ex-band.vx-extreme{background:#A32035;color:#fff;}
-.ex-band.vx-high{background:#D86C4A;color:#fff;}
-.ex-band.vx-mod{background:#EFB663;color:var(--ink);}
-.ex-band.vx-low{background:#FBF0C8;color:var(--ink);}
-.ex-track{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:5px;}
-.ex-fill{height:100%;border-radius:2px;}
-.ex-fill.vx-extreme-fill{background:#A32035;}
-.ex-fill.vx-high-fill{background:#D86C4A;}
-.ex-fill.vx-mod-fill{background:#EFB663;}
-.ex-fill.vx-low-fill{background:#E8D9A8;}
+.ex-band{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 8px;border-radius:var(--r-cell);flex-shrink:0;}
+.ex-band.vx-extreme{background:var(--lvl-5);color:#fff;}
+.ex-band.vx-high{background:var(--lvl-4);color:var(--ink);}
+.ex-band.vx-mod{background:var(--lvl-3);color:var(--ink);}
+.ex-band.vx-low{background:var(--lvl-2);color:var(--ink);}
+.ex-track{height:4px;background:var(--line);border-radius:var(--r-cell);overflow:hidden;margin-bottom:5px;}
+.ex-fill{height:100%;border-radius:var(--r-cell);}
+.ex-fill.vx-extreme-fill{background:var(--lvl-5);}
+.ex-fill.vx-high-fill{background:var(--lvl-4);}
+.ex-fill.vx-mod-fill{background:var(--lvl-3);}
+.ex-fill.vx-low-fill{background:var(--lvl-2);}
 .ex-def{font-size:11px;color:var(--muted);line-height:1.35;}
 .ex-score{display:flex;justify-content:space-between;align-items:center;padding-top:11px;margin-top:11px;border-top:1px solid var(--line);}
 .ex-score .lbl{font-size:12px;font-weight:600;}
-.ex-score .val{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:3px 10px;border-radius:3px;}
-.ex-score .val.high{background:#A32035;color:#fff;}
-.ex-score .val.mod{background:#EFB663;color:var(--ink);}
-.evidence-empty{background:#FBF3E0;border:1px solid #F0DCA8;padding:14px;border-radius:4px;text-align:center;color:var(--amber-deep);font-size:13px;}
+.ex-score .val{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:3px 10px;border-radius:var(--r-cell);}
+.ex-score .val.high{background:var(--lvl-4);color:var(--ink);}
+.ex-score .val.mod{background:var(--lvl-3);color:var(--ink);}
+.evidence-empty{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:var(--r-ctl);text-align:center;color:var(--body);font-size:13px;}
 .evidence-quote{background:var(--bg);padding:13px 15px;border-left:2px solid var(--red);margin:10px 0;font-size:13px;line-height:1.5;}
 .evidence-note{background:var(--bg);padding:8px 13px;border-left:2px solid var(--line);margin:6px 0 0;font-size:12px;color:var(--muted);font-style:italic;}
 .disc-lead{font-size:13px;line-height:1.5;color:var(--ink);margin:8px 0 2px;}
 .evidence-source{font-size:11px;color:var(--muted);margin-top:8px;}
 .evidence-source a{color:var(--red);text-decoration:none;}
 .detail-placeholder{color:var(--muted);font-size:13px;padding:30px 10px;text-align:center;line-height:1.5;}
-.detail-action{display:block;width:100%;padding:9px;background:var(--ink);color:white;border:none;border-radius:4px;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;margin-top:16px;}
+.detail-action{display:block;width:100%;padding:9px;background:var(--ink);color:white;border:none;border-radius:var(--r-ctl);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;margin-top:16px;}
 .detail-action:hover{background:var(--red);}
 .rank-list{margin-top:4px;}
 .rank-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--line);cursor:pointer;}
 .rank-item:hover{color:var(--red);}
 .rank-num{color:var(--muted);font-size:11px;width:16px;flex-shrink:0;}
 .rank-name{flex:1;}
-.rank-dot{width:11px;height:11px;border-radius:2px;flex-shrink:0;}
+.rank-dot{width:11px;height:11px;border-radius:var(--r-cell);flex-shrink:0;}
 .rank-dot.hiack{background:var(--red);}.rank-dot.hino{background:var(--amber);}.rank-dot.loack{background:var(--red-pale);}.rank-dot.lono{background:var(--empty);}
 .rk-row:hover{background:var(--bg);}
-.sec-intro{font-size:13px;line-height:1.5;margin-bottom:16px;max-width:760px;}
-.sec-q{font-size:22px;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-0.01em;margin-bottom:18px;max-width:760px;}
+.sec-intro{font-size:13px;line-height:1.5;margin-bottom:16px;max-width:var(--measure);}
+.sec-q{font-size:22px;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-0.01em;margin-bottom:18px;max-width:var(--measure);}
 .sec-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
 .risk-domain-group{border-top:2px solid var(--line);padding-top:14px;margin-top:18px;}
 .risk-domain-group:first-of-type{border-top:none;padding-top:4px;margin-top:8px;}
@@ -610,33 +644,33 @@
 .risk-domain-ic{width:17px;height:17px;display:inline-flex;align-items:center;color:var(--muted);}
 .risk-domain-ic svg{width:17px;height:17px;}
 .risk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:6px;margin-bottom:4px;}
-.risk-card{border:1px solid var(--line);border-radius:6px;padding:10px 11px;cursor:pointer;background:var(--card);transition:border-color .12s,box-shadow .12s;}
+.risk-card{border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 11px;cursor:pointer;background:var(--card);transition:border-color .12s,box-shadow .12s;}
 .risk-card:hover{border-color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,0.06);}
 .risk-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
 .risk-card-num{font-weight:700;color:var(--muted);margin-right:6px;}
 .risk-sev-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15);}
 .risk-card-name{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:5px;}
-.risk-card-meta{font-size:11.5px;color:var(--muted);}
+.risk-card-meta{font-size:12px;color:var(--muted);}
 .risk-tbl{width:100%;border-collapse:collapse;font-size:13px;}
 /* Sentence case, at the Home matrix's own header size. These headers carry a
    whole sentence now ("Share of top 100 companies acknowledging this risk"), and
    uppercase with added letter-spacing is for two or three words, not for that. */
 .risk-tbl th{text-align:left;font-size:12px;color:var(--ink);font-weight:700;padding:9px 12px;background:#DCE9F4;border-bottom:1px solid var(--ink);}
 .risk-tbl-cov-h{text-align:right;width:150px;}
-.risk-tbl-domain td{font-weight:700;font-style:italic;font-size:13.5px;padding:15px 12px 7px;border-bottom:1px solid var(--line);}
+.risk-tbl-domain td{font-weight:700;font-style:italic;font-size:13px;padding:15px 12px 7px;border-bottom:1px solid var(--line);}
 .risk-tbl-row{cursor:pointer;}
 .risk-tbl-row:hover{background:var(--bg);}
 .risk-tbl-row td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
 .risk-tbl-name{width:248px;font-weight:600;line-height:1.35;}
 /* Sectors landing page: slightly larger sector names */
-.sectors-tbl .risk-tbl-name{font-size:15px;}
+.sectors-tbl .risk-tbl-name{font-size:15.5px;}
 .risk-tbl-name b{color:var(--muted);font-weight:700;margin-right:6px;}
 .rtl-link{color:var(--red);font-weight:600;}
 .risk-tbl-row:hover .rtl-link{text-decoration:underline;}
 .rtl-arr{color:var(--red);font-weight:700;margin-left:3px;}
-.risk-tbl-desc{color:#444;line-height:1.5;}
-.risk-tbl-cov{text-align:right;width:92px;font-weight:700;color:var(--ink);white-space:nowrap;}
-.sec-card{border:1px solid var(--line);border-radius:6px;padding:14px 16px;cursor:pointer;transition:border-color 0.12s;}
+.risk-tbl-desc{color:var(--body);line-height:1.5;}
+.risk-tbl-cov{text-align:right;width:92px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;}
+.sec-card{border:1px solid var(--line);border-radius:var(--r-ctl);padding:14px 16px;cursor:pointer;transition:border-color 0.12s;}
 .sec-card:hover{border-color:var(--ink);}
 .sec-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
 .sec-icon{width:26px;height:26px;color:var(--red);flex-shrink:0;display:inline-flex;}
@@ -648,15 +682,15 @@
 .gap-icon{width:15px;height:15px;color:var(--amber-deep);flex-shrink:0;display:inline-flex;}
 .gap-icon svg{width:100%;height:100%;}
 .sec-carddef{font-size:11px;color:var(--muted);line-height:1.4;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
-.sec-detaildef{font-size:13px;line-height:1.5;color:var(--ink);background:var(--bg);border-radius:4px;padding:11px 13px;margin-bottom:16px;max-width:760px;white-space:pre-wrap;}
+.sec-detaildef{font-size:13px;line-height:1.5;color:var(--ink);background:var(--bg);border-radius:var(--r-ctl);padding:11px 13px;margin-bottom:16px;max-width:var(--measure);white-space:pre-wrap;}
 .sec-title{font-size:22px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);margin:4px 0 18px;}
 .sec-title .tip{border-bottom:1px dotted var(--muted);}
-.sec-summary{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);max-width:820px;}
-.sec-sum-h{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin:12px 0 4px;}
+.sec-summary{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);max-width:var(--measure-wide);}
+.sec-sum-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin:12px 0 4px;}
 .sec-sum-h:first-child{margin-top:0;}
 .sec-sum-p{font-size:13px;line-height:1.5;}
 .sec-sum-p b{font-weight:600;}
-.sec-sum-ex{margin:7px 0 0;padding-left:18px;font-size:12px;line-height:1.5;color:#444;}
+.sec-sum-ex{margin:7px 0 0;padding-left:18px;font-size:12px;line-height:1.5;color:var(--body);}
 .sec-sum-ex li{margin-bottom:4px;}
 /* block, not inline-block: the risk title that follows it is inline-block and would otherwise sit on the
    same line and collide with it */
@@ -664,12 +698,15 @@
 .sec-back:hover{color:var(--red);}
 .sec-detail-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;}
 .sec-titlerow{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
-.sec-dl{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--red);background:none;border:1px solid #D07886;border-radius:9999px;cursor:pointer;white-space:nowrap;}
+.sec-dl{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:600;color:var(--red);background:none;border:1px solid #D07886;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;}
 .sec-dl:hover{background:#FAF3F4;border-color:var(--red);}
 .sec-dl:disabled{opacity:0.6;cursor:default;}
 .sec-dl-i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:1;}
-.shm{display:grid;gap:0;font-size:11px;align-items:stretch;}
-.shm-h{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;padding:0 4px 8px;display:flex;align-items:flex-end;}
+/* padding-right: the 45deg company labels lean past the last column, and the scroll box clips
+   them ("Netflix", "China Mobile"). SHM_LABEL_PAD in the hint updater subtracts this back out,
+   so the "N more companies" count still counts companies. */
+.shm{display:grid;gap:0;font-size:11px;align-items:stretch;padding-right:60px;}
+.shm-h{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;padding:0 4px 8px;display:flex;align-items:flex-end;}
 .shm-co{writing-mode:horizontal-tb;transform:none;position:relative;overflow:visible;height:165px;padding:0;margin:0;cursor:pointer;}
 .shm-co>span{position:absolute;right:50%;bottom:4px;transform-origin:right bottom;transform:rotate(45deg);white-space:nowrap;font-size:13px;font-weight:500;color:var(--ink);text-transform:none;letter-spacing:0;line-height:1;}
 .shm-co:hover>span{color:var(--red);text-decoration:underline;}
@@ -677,7 +714,7 @@
    ends it and therefore sits against the column: the names align along the grid
    and the tags take the ragged end. max-width keeps a long sector name from
    lengthening the label; the full name is on the chip's own hover. */
-.shm-cotag{display:inline-block;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:7px;padding:1px 7px;border:1px solid;border-radius:99px;font-size:10px;font-weight:700;font-style:normal;letter-spacing:0.02em;color:var(--ink);text-decoration:none;}
+.shm-cotag{display:inline-block;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:7px;padding:1px 7px;border:1px solid;border-radius:var(--r-pill);font-size:10.5px;font-weight:700;font-style:normal;letter-spacing:0.02em;color:var(--ink);text-decoration:none;}
 .shm-co:hover>span>.shm-cotag{text-decoration:none;}
 .shm-co-tagged{height:212px;}
 /* the sector grid borrows the Home matrix's language: black hairline grid, dark row rules, a light blue
@@ -686,8 +723,8 @@
 .shm-risk:hover{color:var(--red);}
 .shm-sig{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1px solid var(--ink);}
 .shm-sig.mvnd{background:#fff;color:var(--muted);}
-.vx-extreme{background:var(--red);color:#fff;}.vx-high{background:#E8895A;color:#fff;}.vx-mod{background:#F0C088;color:var(--ink);}.vx-low{background:#F3E2C0;color:var(--ink);}
-.shm-cov{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid var(--ink);}
+.vx-extreme{background:var(--lvl-5);color:#fff;}.vx-high{background:var(--lvl-4);color:var(--ink);}.vx-mod{background:var(--lvl-3);color:var(--ink);}.vx-low{background:var(--lvl-2);color:var(--ink);}
+.shm-cov{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid var(--ink);font-variant-numeric:tabular-nums;}
 /* min-height, not height: the row grows when a risk name wraps, and a fixed height would leave these cells
    floating short of the row's bottom edge */
 .shm-cell{display:flex;align-items:center;justify-content:center;min-height:30px;font-size:14px;background:#fff;border:1px solid var(--ink);}
@@ -695,39 +732,42 @@
 .shm-cell{cursor:pointer;}
 .shm-cell:hover{outline:2px solid var(--ink);outline-offset:-2px;}
 .shm-cell:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
-.shm-legend{display:flex;gap:18px;font-size:13px;color:var(--ink);margin-top:16px;flex-wrap:wrap;}
-.shm-axis{background:#DCE9F4;color:var(--ink);border:1px solid var(--ink);font-size:12.5px;font-weight:700;line-height:1.25;text-align:center;display:flex;align-items:center;justify-content:center;padding:8px 5px;min-width:0;overflow-wrap:break-word;}
+.shm-legend{display:flex;gap:20px;font-size:12px;color:var(--body);margin-top:16px;flex-wrap:wrap;}
+.shm-axis{background:#DCE9F4;color:var(--ink);border:1px solid var(--ink);font-size:13px;font-weight:700;line-height:1.25;text-align:center;display:flex;align-items:center;justify-content:center;padding:8px 5px;min-width:0;overflow-wrap:break-word;}
 .shm-axis.shm-sorth{cursor:pointer;}
 /* hover tints the blue band a shade deeper. It used to go to #333, left over from when this band was black,
    which turned the whole cell black on a light background. */
 .shm-axis.shm-sorth:hover{background:#C7DCEE;}
 .shm-caret{display:inline-block;margin-left:6px;font-size:13px;font-weight:700;line-height:1;vertical-align:-1px;color:var(--ink);}
 .shm-axis .tip{border-bottom-color:rgba(255,255,255,0.5);}
-.shm-corow-lbl{grid-column:1/4;display:flex;align-items:center;justify-content:flex-end;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;padding:5px 8px;border-bottom:1px solid var(--line);background:var(--card);}
+.shm-corow-lbl{grid-column:1/4;display:flex;align-items:center;justify-content:flex-end;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em;padding:5px 8px;border-bottom:1px solid var(--line);background:var(--card);}
 /* horizontal scroll for sector heatmaps with many companies */
 .shm-wrap{position:relative;}
 .shm-scroll{overflow-x:auto;overflow-y:hidden;}
-.shm-fade{position:absolute;top:0;right:0;bottom:0;width:72px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),var(--card));}
-.shm-scrollhint{font-size:15px;font-weight:600;color:var(--red);text-align:right;margin:0 0 8px;}
-.shm-cocov{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink);background:#DCE9F4;border:1px solid var(--ink);padding:5px 0;}
+.shm-fade{position:absolute;top:0;right:0;bottom:0;width:96px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),var(--card) 62%,var(--card));}
+/* Seven of twenty-five companies can sit offscreen. At 12px muted the hint was missed, so it
+   takes the ink colour and one step up the scale — still not red, and still gone once you
+   have scrolled to the end. */
+.shm-scrollhint{font-size:13px;font-weight:600;color:var(--ink);text-align:right;margin:0 0 8px;}
+.shm-cocov{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink);background:#DCE9F4;border:1px solid var(--ink);padding:5px 0;font-variant-numeric:tabular-nums;}
 .view-controls{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--muted);margin:4px 0 14px;}
 .view-ctrl-sel{width:auto;display:inline-block;padding:5px 26px 5px 9px;font-size:12px;}
 .shm-sw-yes{background:var(--green);}.shm-sw-gap{background:var(--amber);}.shm-sw-no{background:#F4F4F2;}
-.cmp-intro{font-size:13px;line-height:1.5;margin-bottom:16px;max-width:760px;}
+.cmp-intro{font-size:13px;line-height:1.5;margin-bottom:16px;max-width:var(--measure);}
 .co-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:var(--muted);}
-.co-search{font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:4px;min-width:260px;color:var(--ink);}
+.co-search{font-family:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-ctl);min-width:260px;color:var(--ink);}
 /* The filter opens a panel of chips under the controls. It carries a count when
    anything is on, so a narrowed list never looks like the whole sample. */
-.co-filter{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:4px;padding:6px 11px;cursor:pointer;}
+.co-filter{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-ctl);padding:6px 11px;cursor:pointer;}
 .co-filter:hover{border-color:var(--muted);}
 .co-filter.open{background:#DCE9F4;border-color:#B4CFE4;}
 .co-filter.active{border-color:var(--red);}
 .co-filter-i{display:inline-flex;width:15px;height:15px;}
 .co-filter-i svg{width:15px;height:15px;}
-.co-filter-n{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;}
+.co-filter-n{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--red);color:#fff;font-size:10.5px;font-weight:700;}
 .co-count{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;}
-.co-filterbar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;padding:13px 14px;margin:-4px 0 14px;background:var(--bg);border:1px solid var(--line);border-radius:6px;}
-.co-fhint{flex-basis:100%;font-size:11.5px;color:var(--muted);line-height:1.4;}
+.co-filterbar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;padding:13px 14px;margin:-4px 0 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);}
+.co-fhint{flex-basis:100%;font-size:12px;color:var(--muted);line-height:1.4;}
 .co-sortsel{width:auto;display:inline-block;padding:6px 26px 6px 9px;font-size:12px;}
 .co-count{margin-left:auto;}
 .cotbl{width:100%;border-collapse:collapse;font-size:13px;}
@@ -740,8 +780,8 @@
 /* the name and its logo read as one thing, and the box holds its place whether the
    logo loads, fails, or was never there, so the column of names stays aligned */
 .cotbl-conm{display:flex;align-items:center;gap:9px;min-width:0;}
-.co-logo{width:20px;height:20px;flex:none;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px;}
-.co-logo-sm{width:15px;height:15px;border-radius:3px;padding:0;}
+.co-logo{width:20px;height:20px;flex:none;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--r-cell);padding:1px;}
+.co-logo-sm{width:15px;height:15px;border-radius:var(--r-cell);padding:0;}
 .co-logo-none{border-color:transparent;background:none;}
 .cotbl-mut{color:var(--muted);}
 /* Sector names run to 57 characters and a four-role list runs longer, so these
@@ -752,25 +792,25 @@
 .cotbl-clip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .cotbl-sec{max-width:250px;}
 .cotbl-roles{max-width:270px;}
-.cotbl-group td{font-weight:700;font-size:12.5px;padding:14px 10px 6px;border-bottom:1px solid var(--line);color:var(--ink);}
-.cotbl-group-n{color:var(--muted);font-weight:600;margin-left:8px;}
+.cotbl-group td{font-weight:700;font-size:13px;padding:14px 10px 6px;border-bottom:1px solid var(--line);color:var(--ink);}
+.cotbl-group-n{color:var(--axis-ink);font-weight:600;margin-left:8px;}
 .cp-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:14px 0 6px;}
-.cp-meta-item{border:1px solid var(--line);border-radius:7px;padding:11px 13px;}
+.cp-meta-item{border:1px solid var(--line);border-radius:var(--r-ctl);padding:11px 13px;}
 .cp-meta-note{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--muted);line-height:1.4;}
-.cp-meta-k{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;margin-bottom:4px;}
-.cp-meta-v{font-size:14px;font-weight:600;}
+.cp-meta-k{font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;margin-bottom:4px;}
+.cp-meta-v{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;}
 .cp-meta-v.cp-ph{color:var(--muted);font-weight:400;font-style:italic;}
-.cp-rolesum{margin-top:14px;font-size:13.5px;line-height:1.55;color:#333;max-width:840px;}
-.cp-rolesum-h{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;margin-bottom:5px;}
-.cp-sec-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin:22px 0 9px;}
-.cp-ph-box{font-size:13px;color:var(--muted);background:var(--bg);border:1px dashed var(--line);border-radius:6px;padding:12px 14px;line-height:1.5;}
+.cp-rolesum{margin-top:14px;font-size:13px;line-height:1.55;color:var(--body);max-width:var(--measure-wide);}
+.cp-rolesum-h{font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;margin-bottom:5px;}
+.cp-sec-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin:22px 0 9px;}
+.cp-ph-box{font-size:13px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);padding:12px 14px;line-height:1.5;}
 .cp-risk-list{display:flex;flex-wrap:wrap;gap:7px;}
-.cp-risk-chip{font-size:12.5px;border:1px solid var(--line);border-radius:14px;padding:5px 11px;cursor:pointer;background:var(--card);line-height:1.3;}
+.cp-risk-chip{font-size:13px;border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 11px;cursor:pointer;background:var(--card);line-height:1.3;}
 .cp-risk-chip:hover{border-color:var(--ink);}
 .cp-risk-chip b{color:var(--muted);margin-right:6px;font-weight:700;}
-.mx-pop{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-size:12.5px;}
+.mx-pop{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-size:13px;}
 .mx-pop-l{color:var(--muted);}
-.mx-pop-b{font-family:inherit;font-size:12.5px;padding:5px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;cursor:pointer;}
+.mx-pop-b{font-family:inherit;font-size:13px;padding:5px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-pill);cursor:pointer;}
 .mx-pop-b:hover{border-color:var(--ink);}
 .mx-pop-b.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600;}
 .mxv-estnone{color:var(--muted);}
@@ -786,9 +826,9 @@
 .sectors-tbl th:last-child,.sectors-tbl td:last-child{border-right:none;}
 .sectors-tbl th{vertical-align:bottom;padding:9px 12px;font-size:13px;}
 .sectors-tbl td{padding:12px;vertical-align:top;}
-.sectors-tbl .risk-tbl-name{width:auto;font-size:15px;line-height:1.35;word-break:break-word;}
-.sectors-tbl .risk-tbl-desc{font-size:13.5px;line-height:1.5;}
-.sectors-tbl .sec-eg{font-size:13px;line-height:1.5;color:#444;}
+.sectors-tbl .risk-tbl-name{width:auto;font-size:15.5px;line-height:1.35;word-break:break-word;}
+.sectors-tbl .risk-tbl-desc{font-size:13px;line-height:1.5;}
+.sectors-tbl .sec-eg{font-size:13px;line-height:1.5;color:var(--body);}
 /* A sector and its parts are one block, and the rule closes it. Without it the
    eye had to guess how far down a definition's authority reached, since a part's
    own definition looks the same as its parent's. */
@@ -806,48 +846,48 @@
 .sec-open-link{cursor:pointer;color:var(--ink);}
 .sec-open-link:hover,.sec-open-link:focus{text-decoration:underline;outline:none;color:var(--red);}
 .sec-open-link .rtl-arr{font-weight:400;}
-.sec-kid td{background:var(--bg);font-size:12.5px;}
+.sec-kid td{background:var(--bg);font-size:13px;}
 .sec-kid-name{padding-left:34px !important;color:var(--ink);font-weight:400;}
 .sec-est{white-space:nowrap;}
 .sec-ci{display:block;font-size:11px;font-weight:400;color:var(--muted);}
-.sec-none{font-weight:400;color:var(--muted);font-size:11.5px;}
-.cp-ack-intro{font-size:12.5px;color:var(--muted);line-height:1.55;max-width:780px;margin:0 0 12px;}
-.cp-risk-n{margin-left:8px;font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:9px;padding:1px 7px;}
+.sec-none{font-weight:400;color:var(--muted);font-size:12px;}
+.cp-ack-intro{font-size:12px;color:var(--muted);line-height:1.55;max-width:var(--measure);margin:0 0 12px;}
+.cp-risk-n{margin-left:8px;font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:var(--r-pill);padding:1px 7px;}
 /* The mitigations block on a company page draws the Mitigations tab's own rows, so only the
    middle column differs: the tab plots a bar over two populations, this states whether this one
    company described the category. The tick pairs with Compare's, which is the site's other
    per-company tick. */
 .cp-mit-chart{margin-top:12px;}
-.cp-mit-status{display:flex;align-items:baseline;gap:8px;font-size:12.5px;min-width:0;}
-.cp-mit-tick{font-size:16px;font-weight:700;line-height:1;flex:none;}
+.cp-mit-status{display:flex;align-items:baseline;gap:8px;font-size:13px;min-width:0;}
+.cp-mit-tick{font-size:15.5px;font-weight:700;line-height:1;flex:none;}
 .cp-mit-status.yes .cp-mit-tick{color:var(--green);}
 .cp-mit-status.no{color:var(--muted);}
 .cp-mit-status.no .cp-mit-tick{color:#CBCBC8;}
-.cp-mit-domsum{font-size:12.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
+.cp-mit-domsum{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
 /* Passage pop-out. Two things appear inside it and they were checked to
    different degrees: the acknowledgment and the reviewer's assessment were
    validated by a person; the individual passages were located by an automated
    pass and were never adjudicated one by one. The copy keeps those apart. */
-.pass-ovl{position:fixed;inset:0;background:rgba(26,26,26,0.45);z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;}
-.pass-card{background:var(--card);border-radius:10px;max-width:720px;width:100%;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.25);}
+.pass-ovl{position:fixed;inset:0;background:rgba(26,26,26,0.5);z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;}
+.pass-card{background:var(--card);border-radius:var(--r-modal);max-width:720px;width:100%;max-height:86vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);}
 /* The company band on the quotes card. Scoped to .pass-card-co: the risk grid's card shares .pass-head
    and .pass-x and keeps the close button in its corner. */
-.pass-co{display:flex;align-items:center;gap:12px;background:var(--red);color:#fff;padding:11px 12px 11px 16px;border-radius:10px 10px 0 0;flex:none;}
-.pass-co-n{flex:1;min-width:0;font-size:16.5px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;}
+.pass-co{display:flex;align-items:center;gap:12px;background:var(--red);color:#fff;padding:11px 12px 11px 16px;border-radius:var(--r-modal) var(--r-modal) 0 0;flex:none;}
+.pass-co-n{flex:1;min-width:0;font-size:15.5px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;}
 /* the mark sits on its own white tile, so a logo drawn for a white page still reads on the red */
-.co-logo-lg{width:30px;height:30px;border-radius:5px;padding:2px;}
+.co-logo-lg{width:30px;height:30px;border-radius:var(--r-ctl);padding:2px;}
 .pass-co .pass-x{position:static;flex:none;width:26px;height:26px;color:#fff;}
 .pass-co .pass-x:hover{background:rgba(255,255,255,0.22);color:#fff;}
 .pass-card-co .pass-head{padding-top:16px;}
 .pass-card-co .pass-title{padding-right:0;}
 .pass-head{padding:20px 24px 14px;border-bottom:1px solid var(--line);flex:none;position:relative;}
-.pass-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:6px;}
-.pass-title{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-0.01em;padding-right:34px;}
+.pass-eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:6px;}
+.pass-title{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.01em;padding-right:34px;}
 .pass-title b{color:var(--muted);margin-right:7px;font-weight:700;}
 .pass-status{margin-top:9px;font-size:12px;display:flex;align-items:center;gap:7px;color:var(--muted);}
-.pass-dot{width:9px;height:9px;border-radius:5px;flex:none;background:var(--d5);}
+.pass-dot{width:9px;height:9px;border-radius:var(--r-ctl);flex:none;background:var(--d5);}
 .pass-dot.no{background:#E6E6E4;}
-.pass-x{position:absolute;top:16px;right:16px;width:28px;height:28px;border:none;background:none;font-size:19px;line-height:1;color:var(--muted);cursor:pointer;border-radius:4px;font-family:inherit;}
+.pass-x{position:absolute;top:16px;right:16px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;border-radius:var(--r-ctl);font-family:inherit;}
 .pass-x:hover{background:var(--bg);color:var(--ink);}
 .pass-body{padding:16px 24px 22px;overflow-y:auto;}
 /* The companies behind one cell of the risk grid, in the same card the passage viewer uses. Two counted
@@ -858,20 +898,20 @@
    layout is this card's own, because a grid cell is one word and this is a labelled pair. */
 .rvb-lvls{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px;}
 .rvb-lvl{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
-  min-height:0;min-width:132px;padding:7px 12px;border-radius:6px;text-align:left;}
-.rvb-lvl-k{font-size:8.5px;font-weight:700;letter-spacing:0.06em;opacity:0.8;}
+  min-height:0;min-width:132px;padding:7px 12px;border-radius:var(--r-ctl);text-align:left;}
+.rvb-lvl-k{font-size:9.5px;font-weight:700;letter-spacing:0.06em;opacity:0.8;}
 .rvb-lvl-v{font-size:12px;font-weight:700;letter-spacing:0.01em;}
 .rvb-sec{margin-bottom:22px;}
 .rvb-sec:last-child{margin-bottom:0;}
 .rvb-h{display:flex;align-items:baseline;gap:9px;margin:0 0 9px;padding-bottom:6px;border-bottom:1px solid var(--line);}
-.rvb-lab{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
+.rvb-lab{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
 .rvb-n{font-size:13px;font-weight:700;}
 /* the acknowledging list gets the marker, the silent one does not: absence is the default state here */
 .rvb-sec.yes .rvb-lab{color:var(--ink);}
 .rvb-sec.yes .rvb-h{border-bottom-color:var(--ink);}
 .rvb-list{list-style:none;margin:0;padding:0;columns:2;column-gap:26px;}
 .rvb-list li{break-inside:avoid;margin:0 0 3px;}
-.rvb-co{display:block;width:100%;text-align:left;background:none;border:0;padding:4px 6px;margin:0 0 0 -6px;border-radius:3px;font-family:inherit;font-size:13px;line-height:1.35;color:var(--ink);cursor:pointer;}
+.rvb-co{display:block;width:100%;text-align:left;background:none;border:0;padding:4px 6px;margin:0 0 0 -6px;border-radius:var(--r-cell);font-family:inherit;font-size:13px;line-height:1.35;color:var(--ink);cursor:pointer;}
 .rvb-co:hover{background:var(--bg);color:var(--red);}
 .rvb-co:focus-visible{outline:2px solid var(--red);outline-offset:1px;}
 .rvb-meta{display:block;font-size:11px;color:var(--muted);margin-top:1px;}
@@ -882,11 +922,11 @@
 .pass-group:last-child{margin-bottom:0;}
 .cp-stmt{border-left:2px solid var(--line);padding:1px 0 1px 12px;margin:0 0 9px;}
 .cp-stmt:last-child{margin-bottom:0;}
-.cp-stmt-q{font-size:13.5px;line-height:1.5;}
+.cp-stmt-q{font-size:13px;line-height:1.5;}
 /* The document heading above a set of quotes, in the pale blue the app uses for
    anything that labels an axis or a group. Shared with the mitigation panel, where
    it is also the roll-up toggle, so both read the same. */
-.pass-doc{display:inline-flex;align-items:baseline;gap:8px;margin:0 0 9px;font-size:12.5px;color:var(--ink);text-decoration:none;background:#DCE9F4;border:1px solid #B4CFE4;border-radius:13px;padding:4px 13px;line-height:1.4;}
+.pass-doc{display:inline-flex;align-items:baseline;gap:8px;margin:0 0 9px;font-size:13px;color:var(--ink);text-decoration:none;background:#DCE9F4;border:1px solid #B4CFE4;border-radius:var(--r-pill);padding:4px 13px;line-height:1.4;}
 a.pass-doc:hover{border-color:var(--ink);}
 .pass-doc-t{color:var(--muted);font-size:11px;}
 /* One card per source document: its title, its type, how many extracts it holds,
@@ -898,14 +938,14 @@
    shows that in its shape rather than asserting it in a sentence. Scrolls sideways rather than
    collapsing to blocks on a narrow screen, because a rowspan does not survive being turned into one. */
 .pjt-wrap{overflow-x:auto;margin:2px 0 4px;}
-.pjt{width:100%;min-width:520px;border-collapse:collapse;font-size:13px;}
-.pjt th{text-align:left;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;
+.pjt{width:100%;min-width:520px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;}
+.pjt th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
   color:var(--muted);padding:0 14px 6px 0;border-bottom:1px solid var(--ink);white-space:nowrap;}
 .pjt td{padding:11px 14px 11px 0;border-bottom:1px solid var(--line);vertical-align:top;}
 .pjt tr:last-child td{border-bottom:0;}
 .pjt td:last-child,.pjt th:last-child{padding-right:0;}
 .pjt-src{width:26%;min-width:130px;}
-.pjt-doc{display:block;font-size:12.5px;line-height:1.4;color:var(--ink);word-break:break-word;}
+.pjt-doc{display:block;font-size:13px;line-height:1.4;color:var(--ink);word-break:break-word;}
 /* no underline: the outward arrow already says the title is a link, and a rule under every row of
    the column read as clutter more than as an affordance */
 a.pjt-doc{text-decoration:none;}
@@ -919,66 +959,66 @@
 .pjt-q-has{cursor:pointer;}
 .pjt-q-has:hover{border-left-color:var(--red);}
 .pjt-q-has:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
-.pjt-none{font-size:12.5px;color:var(--muted);font-style:italic;}
+.pjt-none{font-size:13px;color:var(--muted);font-style:italic;}
 /* the merged cell: ruled off from the passages it spans, and set apart from them */
 .pjt-rev{width:30%;min-width:170px;border-left:2px solid var(--ink);padding-left:14px !important;background:var(--bg);}
-.pjt-verdict-txt{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--ink);}
+.pjt-verdict-txt{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;line-height:1.5;color:var(--ink);}
 /* Its own control on its own line, worded as what it does. A dotted underline under the verdict was
    the only sign it opened anything, and it read as emphasis rather than as a thing to press. */
 .pjt-verdict{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:none;border:0;padding:3px 7px 3px 4px;
   font-family:inherit;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
-  color:var(--muted);cursor:pointer;border-radius:4px;}
+  color:var(--muted);cursor:pointer;border-radius:var(--r-ctl);}
 .pjt-verdict:hover{background:rgba(163,32,53,0.06);color:var(--red);}
 .pjt-verdict:focus-visible{outline:2px solid var(--red);outline-offset:1px;}
 .pjt-caret{display:inline-block;font-size:11px;line-height:1;transition:transform 0.15s;}
 .pjt-rev.open .pjt-caret{transform:rotate(180deg);}
-.pjt-tick{font-size:15px;font-weight:700;line-height:1.2;flex:none;}
+.pjt-tick{font-size:15.5px;font-weight:700;line-height:1.2;flex:none;}
 .pjt-rev.yes .pjt-tick,.pass-verdict-top.yes .pjt-tick{color:var(--green);}
 .pjt-rev.no .pjt-tick,.pass-verdict-top.no .pjt-tick{color:var(--red);}
-.pjt-detail{display:none;margin-top:9px;font-size:11.5px;font-weight:400;line-height:1.5;color:#4A4A47;
+.pjt-detail{display:none;margin-top:9px;font-size:12px;font-weight:400;line-height:1.5;color:var(--body);
   border-top:1px solid var(--line);padding-top:8px;}
 .pjt-rev.open .pjt-detail{display:block;}
 .pass-verdict-top{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;line-height:1.45;margin-top:8px;}
-.mit-panel-sub{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 12px;max-width:84ch;}
-.mit-dcard{border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:10px;overflow:hidden;}
+.mit-panel-sub{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 12px;max-width:var(--measure);}
+.mit-dcard{border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--card);margin-bottom:10px;overflow:hidden;}
 .mit-dcard-h{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#FCFCFA;}
 .mit-dcard-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:0;padding:0;margin:0;font-family:inherit;color:inherit;text-align:left;cursor:pointer;}
-.mit-dcard-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:3px;}
+.mit-dcard-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:var(--r-cell);}
 .mit-dcard-txt{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;}
-.mit-dcard-t{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3;}
+.mit-dcard-t{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3;}
 .mit-dcard-btn:hover .mit-dcard-t{color:var(--red);}
 .mit-dcard-t-none{color:var(--muted);font-weight:500;}
-.mit-dcard-y{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#3F5F79;background:#DCE9F4;border-radius:4px;padding:3px 9px;}
-.mit-dcard-n{flex:none;min-width:25px;height:25px;padding:0 6px;box-sizing:border-box;border-radius:99px;background:var(--empty);color:var(--ink);font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;}
-.mit-dcard-lnk{flex:none;color:var(--muted);text-decoration:none;font-size:16px;line-height:1;padding:2px;}
+.mit-dcard-y{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#3F5F79;background:#DCE9F4;border-radius:var(--r-ctl);padding:3px 9px;}
+.mit-dcard-n{flex:none;min-width:25px;height:25px;padding:0 6px;box-sizing:border-box;border-radius:var(--r-pill);background:var(--empty);color:var(--ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;}
+.mit-dcard-lnk{flex:none;color:var(--muted);text-decoration:none;font-size:15.5px;line-height:1;padding:2px;}
 .mit-dcard-lnk:hover{color:var(--red);}
 .mit-dcard-body{display:none;border-top:1px solid var(--line);padding:6px 14px 10px;}
 .mit-dcard.open>.mit-dcard-body{display:block;}
 /* ---- highlight viewer: the page of the source document a quote sits on ---- */
-.hlv{position:fixed;inset:0;background:rgba(26,26,26,0.62);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;}
-.hlv-panel{background:var(--card);border-radius:10px;width:100%;max-width:1020px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,0.3);overflow:hidden;}
+.hlv{position:fixed;inset:0;background:rgba(26,26,26,0.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;}
+.hlv-panel{background:var(--card);border-radius:var(--r-modal);width:100%;max-width:1020px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);overflow:hidden;}
 /* The company band, the same one the quotes card wears. The panel clips its own corners, so this needs no
    radius of its own. The link out and the close button sit in it, in white. */
 .hlv-co{flex:none;display:flex;align-items:center;gap:12px;background:var(--red);color:#fff;padding:10px 12px 10px 16px;}
-.hlv-co-n{flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;
+.hlv-co-n{flex:1;min-width:0;font-size:15.5px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;
   overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .hlv-co-bare{justify-content:flex-end;}
 .hlv-co .hlv-src{color:#fff;opacity:0.92;margin:0;font-size:12px;}
 .hlv-co .hlv-src:hover{color:#fff;opacity:1;text-decoration:underline;}
-.hlv-co .hlv-x{color:#fff;width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;}
+.hlv-co .hlv-x{color:#fff;width:26px;height:26px;border-radius:var(--r-ctl);display:flex;align-items:center;justify-content:center;}
 .hlv-co .hlv-x:hover{color:#fff;background:rgba(255,255,255,0.22);}
 /* the coding caveat, flush inside the panel rather than carrying the free-standing banner's margins */
 .hlv-banner{flex:none;margin:0;padding:8px 16px;font-size:12px;border-radius:0;}
-.hlv-banner .mit-banner-lead{font-size:12.5px;}
+.hlv-banner .mit-banner-lead{font-size:13px;}
 .hlv-head{flex:none;display:flex;align-items:flex-start;gap:14px;padding:13px 16px 11px;border-bottom:1px solid var(--line);}
 .hlv-titles{flex:1;min-width:0;}
-.hlv-t{font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);}
-.hlv-sub{margin-top:4px;font-size:11.5px;color:var(--muted);}
+.hlv-t{font-size:15.5px;font-weight:600;line-height:1.3;color:var(--ink);}
+.hlv-sub{margin-top:4px;font-size:12px;color:var(--muted);}
 .hlv-src{flex:none;margin-top:2px;font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap;}
 .hlv-src:hover{color:var(--red);}
-.hlv-x{flex:none;background:none;border:0;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:0 2px;font-family:inherit;}
-.hlv-x:hover{color:var(--red);}
-.hlv-quote{flex:none;padding:10px 16px;border-bottom:1px solid var(--line);background:#FCFCFA;font-size:13px;line-height:1.5;color:#333;max-height:5.8em;overflow-y:auto;}
+.hlv-x{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:0;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;border-radius:var(--r-ctl);font-family:inherit;}
+.hlv-x:hover{background:var(--bg);color:var(--ink);}
+.hlv-quote{flex:none;padding:10px 16px;border-bottom:1px solid var(--line);background:#FCFCFA;font-size:13px;line-height:1.5;color:var(--body);max-height:5.8em;overflow-y:auto;}
 .hlv-stage{flex:1;min-height:0;overflow:auto;background:#EDEAE4;padding:16px;display:flex;justify-content:center;align-items:flex-start;}
 .hlv-page{position:relative;flex:none;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.18);line-height:0;}
 .hlv-page canvas{display:block;}
@@ -1000,15 +1040,15 @@
 .hlv-page.dim .hlv-bub:not(.keep){opacity:0.3;}
 .hlv-page.dim .hlv-bub.keep{box-shadow:0 3px 12px rgba(26,26,26,0.28);}
 /* the located text, in the amber the mitigation figures use for acknowledgement */
-.hlv-mk{position:absolute;background:rgba(224,162,43,0.30);border-radius:1.5px;}
+.hlv-mk{position:absolute;background:rgba(224,162,43,0.30);border-radius:var(--r-cell);}
 .hlv-mk.cur{background:rgba(224,162,43,0.46);box-shadow:0 0 0 1.5px rgba(163,32,53,0.5);}
 /* the bubble naming a coding, sitting on the page above where it starts */
 .hlv-bub{position:absolute;z-index:3;display:inline-flex;align-items:baseline;gap:7px;
-  max-width:56%;box-sizing:border-box;padding:5px 12px 6px;border-radius:15px;
+  max-width:56%;box-sizing:border-box;padding:5px 12px 6px;border-radius:var(--r-pill);
   background:#FDF4E2;border:1px solid #E0A22B;color:#6B5108;
   /* stated rather than inherited: this label sits on top of a rendered page and has
      to read as part of the site, not as part of the document underneath it */
-  font-family:'Figtree',sans-serif;font-size:13.5px;line-height:1.35;white-space:nowrap;
+  font-family:'Figtree',sans-serif;font-size:13px;line-height:1.35;white-space:nowrap;
   box-shadow:0 3px 10px rgba(26,26,26,0.18);pointer-events:none;
   transform:translateY(calc(-100% - 7px));}
 .hlv-bub.below{transform:translateY(7px);}
@@ -1030,12 +1070,12 @@
 .hlv-bub.below::after{top:-5px;bottom:auto;border:inherit;border-bottom:0;border-right:0;}
 .hlv-foot{flex:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);}
 .hlv-spacer{flex:1;min-width:8px;}
-.hlv-btn{background:none;border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;color:var(--ink);cursor:pointer;}
+.hlv-btn{background:none;border:1px solid var(--line);border-radius:var(--r-ctl);padding:5px 10px;font-family:inherit;font-size:12px;color:var(--ink);cursor:pointer;}
 .hlv-btn:hover:not(:disabled){border-color:var(--red);color:var(--red);}
 .hlv-btn:disabled{opacity:0.38;cursor:default;}
-.hlv-msg{padding:34px 20px;max-width:44em;text-align:center;font-size:13px;line-height:1.65;color:var(--muted);}
+.hlv-msg{padding:34px 20px;max-width:var(--measure);text-align:center;font-size:13px;line-height:1.65;color:var(--muted);}
 /* the affordance on a quote that can be shown in its document */
-.mit-q-has,.cp-stmt-has{cursor:pointer;border-radius:0 4px 4px 0;}
+.mit-q-has,.cp-stmt-has{cursor:pointer;border-radius:0 var(--r-ctl) var(--r-ctl) 0;}
 .mit-q-has:hover,.cp-stmt-has:hover{border-left-color:var(--red);background:#FCFAF6;}
 .mit-q-has:focus-visible,.cp-stmt-has:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
 /* Always on its own line under the quote, never trailing the closing quotation mark, and set as a
@@ -1047,37 +1087,37 @@
 .cp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:6px;}
 .cp-line{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--line);cursor:pointer;}
 .cp-line:hover .cp-line-name{color:var(--red);}
-.cp-band{flex-shrink:0;width:76px;text-align:center;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;padding:3px 0;border-radius:4px;}
+.cp-band{flex-shrink:0;width:76px;text-align:center;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;padding:3px 0;border-radius:var(--r-ctl);}
 .cp-line-name{flex:1;font-size:13px;line-height:1.3;}
 .cp-line-tag{flex-shrink:0;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;}
 .cp-line-tag.yes{color:#2E8B57;}
 .cp-line-tag.no{color:var(--muted);}
 .cp-head{display:flex;align-items:center;gap:14px;margin:8px 0 4px;}
-.cp-logo{height:46px;width:46px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;padding:4px;flex-shrink:0;}
-.cp-name{font-size:20px;font-weight:600;letter-spacing:-0.01em;}
+.cp-logo{height:46px;width:46px;object-fit:contain;border:1px solid var(--line);border-radius:var(--r-ctl);background:#fff;padding:4px;flex-shrink:0;}
+.cp-name{font-size:22px;font-weight:600;letter-spacing:-0.01em;}
 .cp-subline{font-size:13px;color:var(--muted);margin-top:2px;}
-.cp-desc{font-size:13.5px;line-height:1.55;color:#444;max-width:820px;margin:12px 0 16px;}
+.cp-desc{font-size:13px;line-height:1.55;color:var(--body);max-width:var(--measure-wide);margin:12px 0 16px;}
 .cp-block{margin:0 -22px;padding:18px 22px 20px;border-top:1px solid var(--line);}
 .cp-block.cp-shade{background:var(--bg);}
 .cp-block>.cp-sec-title:first-child{margin-top:0;}
 .cp-meta-v a{color:var(--red);text-decoration:none;}
 .cp-meta-v a:hover{text-decoration:underline;}
-.cp-doclist{margin:6px 0 0;padding-left:20px;font-size:13px;line-height:1.6;color:#444;}
+.cp-doclist{margin:6px 0 0;padding-left:20px;font-size:13px;line-height:1.6;color:var(--body);}
 .cp-doclist li{margin-bottom:3px;}
 /* The documents included for a company: a readable row each rather than a wall of
    thumbnails, because the title, what kind of document it is, and how much was coded in
    it are the things a reader is actually looking for. */
 .doc2-list{display:flex;flex-direction:column;gap:9px;margin-top:4px;}
 .doc2{display:flex;gap:13px;align-items:stretch;padding:10px 12px;background:var(--card);
-  border:1px solid var(--line);border-radius:9px;transition:border-color .12s,box-shadow .12s;}
+  border:1px solid var(--line);border-radius:var(--r-ctl);transition:border-color .12s,box-shadow .12s;}
 .doc2.can{cursor:pointer;}
 .doc2.can:hover{border-color:var(--red);box-shadow:0 2px 12px rgba(26,26,26,0.08);}
 .doc2.can:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
 .doc2-thumb{position:relative;flex:none;width:52px;height:66px;border:1px solid var(--line);
-  border-radius:4px;overflow:hidden;background:var(--bg);display:flex;align-items:center;
+  border-radius:var(--r-cell);overflow:hidden;background:var(--bg);display:flex;align-items:center;
   justify-content:center;}
 /* 21 documents have no thumbnail; an empty grey box looks like a failure, a label does not */
-.doc2-thumb::before{content:'PDF';color:var(--muted);font-size:8.5px;font-weight:700;
+.doc2-thumb::before{content:'PDF';position:absolute;color:var(--muted);font-size:9.5px;font-weight:700;
   letter-spacing:0.08em;}
 .doc2-thumb img{position:relative;z-index:1;}
 .doc2-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;background:#fff;}
@@ -1085,13 +1125,13 @@
 .doc2-title{font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);}
 .doc2.can:hover .doc2-title{color:var(--red);}
 .doc2-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
-.doc2-pill{font-size:10.5px;font-weight:700;letter-spacing:0.03em;padding:3px 9px;border-radius:99px;
+.doc2-pill{font-size:10.5px;font-weight:700;letter-spacing:0.03em;padding:3px 9px;border-radius:var(--r-pill);
   text-transform:uppercase;white-space:nowrap;}
 .doc2-type{background:#DCE9F4;color:#3F5F79;}
 /* the year the document itself states; see docYear() for why there is no more than this */
 .doc2-date{background:#EDE7F7;color:#584179;font-variant-numeric:tabular-nums;}
-.doc2-n{background:var(--empty);color:#5A5A5A;text-transform:none;letter-spacing:0.01em;font-weight:600;}
-.doc2-foot{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:11.5px;}
+.doc2-n{background:var(--empty);color:var(--body);text-transform:none;letter-spacing:0.01em;font-weight:600;}
+.doc2-foot{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:12px;}
 .doc2-open{color:var(--muted);font-weight:600;}
 .doc2.can:hover .doc2-open{color:var(--red);}
 .doc2-lnk{color:var(--muted);text-decoration:none;}
@@ -1099,10 +1139,11 @@
 @media (max-width:520px){.doc2-thumb{display:none;}}
 /* ---- Documents tab: filters and rows -------------------------------------------
    Each type has a fill and an ink, set as custom properties so the pill, the row's pill
-   and the selected state all read from one place. Dark values are defined alongside them.
-   NOTE: nothing in this site currently switches to dark — there is no theme toggle and no
-   prefers-color-scheme rule anywhere else — so the dark block below is dormant until one
-   exists. It is written now so the palette is complete rather than half-defined. */
+   and the selected state all read from one place.
+   There was a prefers-color-scheme:dark block here, described in this comment as dormant until a
+   theme toggle existed. It was not dormant: it fired on the reader's OS preference and painted the
+   seven pills near-black on a page that is light either way. The palette can come back with a real
+   toggle, and the rest of the site's colours to go with it. */
 .dt-annual{--dt-bg:#FCEEDA;--dt-fg:#8A5A18;--dt-line:#E0954A;}
 .dt-esg{--dt-bg:#E4F2E4;--dt-fg:#33693A;--dt-line:#57A65C;}
 .dt-gov{--dt-bg:#E1ECF8;--dt-fg:#2F5680;--dt-line:#4E86C2;}
@@ -1110,63 +1151,54 @@
 .dt-policy{--dt-bg:#DDF0EF;--dt-fg:#1F615D;--dt-line:#2F8F8A;}
 .dt-investor{--dt-bg:#FBE7E2;--dt-fg:#8C3E2B;--dt-line:#D9705A;}
 /* the residual bucket, deliberately not a colour */
-.dt-other{--dt-bg:#EAE8E4;--dt-fg:#55524C;--dt-line:#A8A49C;}
-@media (prefers-color-scheme:dark){
-  .dt-annual{--dt-bg:#3A2C15;--dt-fg:#F0C88A;--dt-line:#B87B33;}
-  .dt-esg{--dt-bg:#1E3320;--dt-fg:#A5D6A9;--dt-line:#4A8C4F;}
-  .dt-gov{--dt-bg:#1B2C3F;--dt-fg:#9EC4E8;--dt-line:#41719F;}
-  .dt-principles{--dt-bg:#2A2340;--dt-fg:#C3B2E5;--dt-line:#7A63A8;}
-  .dt-policy{--dt-bg:#123130;--dt-fg:#8FD2CE;--dt-line:#2A7A76;}
-  .dt-investor{--dt-bg:#3A1F18;--dt-fg:#EBA994;--dt-line:#B85B45;}
-  .dt-other{--dt-bg:#2B2A27;--dt-fg:#B5B1A8;--dt-line:#6E6A62;}
-}
+.dt-other{--dt-bg:#EAE8E4;--dt-fg:var(--body);--dt-line:#A8A49C;}
 .dq{display:flex;flex-direction:column;gap:12px;margin:14px 0 18px;}
 .dq-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;}
 .dq-field{flex:1 1 340px;min-width:260px;display:flex;flex-direction:column;gap:4px;}
 .dq-lab{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
 .dq-combo{position:relative;display:flex;flex-wrap:wrap;
   align-items:center;gap:6px;padding:7px 9px;background:var(--card);
-  border:1px solid var(--line);border-radius:8px;}
+  border:1px solid var(--line);border-radius:var(--r-ctl);}
 .dq-combo:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(163,32,53,0.08);}
 .dq-chips{display:contents;}
 /* company chips stay grey: colour is spoken for by document type */
 .dq-chip{display:inline-flex;align-items:center;gap:5px;background:var(--empty);color:var(--ink);
-  font-size:12px;font-weight:600;padding:3px 5px 3px 10px;border-radius:99px;white-space:nowrap;}
+  font-size:12px;font-weight:600;padding:3px 5px 3px 10px;border-radius:var(--r-pill);white-space:nowrap;}
 .dq-chip-t{font-weight:500;font-style:italic;}
 .dq-x{background:none;border:0;font-family:inherit;font-size:14px;line-height:1;color:var(--muted);
   cursor:pointer;padding:0 3px;}
 .dq-x:hover{color:var(--red);}
-.dq-input{flex:1;min-width:130px;border:0;background:none;font-family:inherit;font-size:13.5px;
+.dq-input{flex:1;min-width:130px;border:0;background:none;font-family:inherit;font-size:13px;
   color:var(--ink);padding:3px 2px;}
 .dq-input:focus{outline:none;}
 .dq-pop{display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:40;
   max-height:320px;overflow-y:auto;background:var(--card);border:1px solid var(--line);
-  border-radius:9px;box-shadow:0 10px 30px rgba(26,26,26,0.14);padding:5px;}
+  border-radius:var(--r-ctl);box-shadow:0 10px 30px rgba(26,26,26,0.14);padding:5px;}
 .dq-pop.open{display:block;}
 .dq-opt{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;
   background:none;border:0;font-family:inherit;font-size:13px;color:var(--ink);text-align:left;
-  padding:7px 9px;border-radius:6px;cursor:pointer;}
+  padding:7px 9px;border-radius:var(--r-ctl);cursor:pointer;}
 .dq-opt:hover,.dq-opt:focus-visible{background:var(--bg);outline:none;}
 .dq-opt-text{font-style:italic;color:#3F5F79;}
 .dq-opt-n{flex:none;font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;}
-.dq-opt-h{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;
+.dq-opt-h{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
   color:var(--muted);padding:8px 9px 4px;}
-.dq-opt-none{padding:10px;font-size:12.5px;color:var(--muted);}
+.dq-opt-none{padding:10px;font-size:12px;color:var(--muted);}
 .dq-sel,.dq-sort{display:flex;flex-direction:column;gap:4px;font-size:10.5px;font-weight:700;
   text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
 .dq-sel select,.dq-sort select{font-family:inherit;font-size:13px;color:var(--ink);
-  background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;}
+  background:var(--card);border:1px solid var(--line);border-radius:var(--r-ctl);padding:8px 10px;}
 .dq-types{display:flex;flex-wrap:wrap;gap:7px;}
 /* selection is a border, because the fill already says which type this is */
 .dq-type{display:inline-flex;align-items:center;gap:7px;background:var(--dt-bg);color:var(--dt-fg);
-  border:1.5px solid transparent;border-radius:99px;padding:5px 12px;font-family:inherit;
+  border:1.5px solid transparent;border-radius:var(--r-pill);padding:5px 12px;font-family:inherit;
   font-size:12px;font-weight:600;cursor:pointer;}
 .dq-type:hover{border-color:var(--dt-line);}
 .dq-type.on{border-color:var(--dt-fg);box-shadow:0 0 0 2px var(--dt-bg);}
 .dq-type-n{font-size:11px;font-weight:700;opacity:0.75;font-variant-numeric:tabular-nums;}
 .dq-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;
   padding-top:2px;border-top:1px solid var(--line);}
-.dq-count{font-size:12.5px;color:var(--muted);padding-top:10px;}
+.dq-count{font-size:12px;color:var(--muted);padding-top:10px;font-variant-numeric:tabular-nums;}
 .dq-count b{color:var(--ink);font-size:14px;}
 .dq-clear{background:none;border:0;font-family:inherit;font-size:12px;color:var(--red);
   cursor:pointer;text-decoration:underline;padding:0 0 0 4px;}
@@ -1178,14 +1210,14 @@
 .dq-band{display:flex;align-items:baseline;gap:9px;padding:5px 12px;background:var(--card);
   border-bottom:1px solid var(--line);}
 .dq-year{flex:none;display:inline-flex;align-items:baseline;gap:5px;color:var(--ink);}
-.dq-year b{font-size:15px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;}
-.dq-year span{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
+.dq-year b{font-size:15.5px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;}
+.dq-year span{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
   color:var(--muted);}
 /* a title that states no year is absent, not a date: the dash is not set as one */
 .dq-band.none .dq-year{color:var(--muted);}
 .dq-band .dq-type-pill{flex:none;align-self:center;margin-left:auto;}
 .dq-doc{display:flex;flex-direction:column;background:var(--card);overflow:hidden;
-  border:1px solid var(--line);border-radius:8px;}
+  border:1px solid var(--line);border-radius:var(--r-ctl);}
 .dq-doc-row{display:flex;align-items:center;gap:12px;padding:9px 12px;}
 .dq-doc:hover{border-color:#C9C2B6;}
 /* Only a document with located codings opens the viewer; the rest stay plain rather than
@@ -1193,63 +1225,65 @@
 .dq-doc.can{cursor:pointer;}
 .dq-doc.can:hover,.dq-doc.can:focus-visible{border-color:var(--red);outline:none;
   box-shadow:0 0 0 3px rgba(163,32,53,0.08);}
-.dq-open{font-size:11.5px;font-weight:600;color:#3F5F79;white-space:nowrap;}
+.dq-open{font-size:12px;font-weight:600;color:#3F5F79;white-space:nowrap;}
 .dq-doc.can:hover .dq-open{color:var(--red);}
 .dq-thumb{position:relative;flex:none;width:38px;height:48px;border:1px solid var(--line);
-  border-radius:3px;overflow:hidden;background:var(--bg);display:flex;align-items:center;
+  border-radius:var(--r-cell);overflow:hidden;background:var(--bg);display:flex;align-items:center;
   justify-content:center;}
-.dq-thumb::before{content:'PDF';color:var(--muted);font-size:7.5px;font-weight:700;letter-spacing:0.06em;}
+.dq-thumb::before{content:'PDF';position:absolute;color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:0.06em;}
 .dq-thumb img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:top;background:#fff;}
 .dq-doc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;}
-.dq-doc-title{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink);}
+.dq-doc-title{font-size:13px;font-weight:600;line-height:1.3;color:var(--ink);}
 /* no usable title in the source; shown as absent rather than as a name */
 .dq-untitled{font-weight:500;font-style:italic;color:var(--muted);}
 .dq-doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
-.dq-co{background:none;border:0;padding:0;font-family:inherit;font-size:12.5px;font-weight:600;
+.dq-co{background:none;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:600;
   color:#3F5F79;cursor:pointer;text-align:left;}
 .dq-co:hover{color:var(--red);text-decoration:underline;}
-.dq-type-pill{background:var(--dt-bg);color:var(--dt-fg);font-size:10px;font-weight:700;
-  text-transform:uppercase;letter-spacing:0.04em;padding:2px 8px;border-radius:99px;white-space:nowrap;}
-.dq-risks{font-size:11.5px;color:var(--muted);}
-.dq-out{flex:none;color:var(--muted);text-decoration:none;font-size:15px;padding:3px 5px;}
+.dq-type-pill{background:var(--dt-bg);color:var(--dt-fg);font-size:10.5px;font-weight:700;
+  text-transform:uppercase;letter-spacing:0.04em;padding:2px 8px;border-radius:var(--r-pill);white-space:nowrap;}
+.dq-risks{font-size:12px;color:var(--muted);}
+.dq-out{flex:none;color:var(--muted);text-decoration:none;font-size:15.5px;padding:3px 5px;}
 .dq-out:hover{color:var(--red);}
-@media (max-width:560px){.dq-thumb{display:none;}.dq-row{flex-direction:column;align-items:stretch;}}
+/* stacked, the 340px flex-basis becomes a 340px *height* and leaves ~300px of dead space under
+   each field, so the basis goes back to the content */
+@media (max-width:560px){.dq-thumb{display:none;}.dq-row{flex-direction:column;align-items:stretch;}.dq-field{flex-basis:auto;}}
 .cp-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-top:2px;}
-.cp-doc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--card);transition:border-color .12s,box-shadow .12s;}
+.cp-doc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--card);transition:border-color .12s,box-shadow .12s;}
 .cp-doc:hover{border-color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,0.07);}
 .cp-doc-thumb{position:relative;display:flex;align-items:center;justify-content:center;height:118px;background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden;}
 .cp-doc-thumb::before{content:'PDF';position:absolute;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0.08em;}
 .cp-doc-thumb img{position:relative;z-index:1;width:100%;height:118px;object-fit:cover;object-position:top;background:#fff;}
 .cp-doc-body{display:flex;flex-direction:column;gap:3px;padding:9px 10px;}
 .cp-doc-title{font-size:12px;line-height:1.35;font-weight:500;}
-.cp-doc-type{font-size:9.5px;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);font-weight:700;}
+.cp-doc-type{font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;}
 .cp-doc:hover .cp-doc-title{color:var(--red);}
-.doc-cat{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow:hidden;}
+.doc-cat{border:1px solid var(--line);border-radius:var(--r-ctl);margin-bottom:12px;overflow:hidden;}
 .doc-cat-h{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:700;color:var(--ink);}
 .doc-cat-h::-webkit-details-marker{display:none;}
-.doc-cat-h::before{content:'›';font-size:16px;color:var(--muted);transition:transform .15s;display:inline-block;}
+.doc-cat-h::before{content:'›';font-size:15.5px;color:var(--muted);transition:transform .15s;display:inline-block;}
 .doc-cat[open]>.doc-cat-h::before{transform:rotate(90deg);}
-.doc-cat-n{font-size:12px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:10px;padding:1px 9px;margin-left:auto;}
+.doc-cat-n{font-size:12px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 9px;margin-left:auto;}
 .doc-cat-body{padding:12px 14px 16px;}
 .docs-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;}
 .docs-grid .cp-doc-thumb{height:82px;}
 .docs-grid .cp-doc-thumb img{height:82px;}
 .docs-grid .cp-doc-body{padding:6px 8px;gap:2px;}
 .docs-grid .cp-doc-title{font-size:11px;line-height:1.3;}
-.docs-grid .cp-doc-type{font-size:9px;}
-.cp-mx-intro{font-size:13px;color:#444;line-height:1.5;max-width:760px;margin:2px 0 12px;}
+.docs-grid .cp-doc-type{font-size:9.5px;}
+.cp-mx-intro{font-size:13px;color:var(--body);line-height:1.5;max-width:var(--measure);margin:2px 0 12px;}
 /* wide enough that the risk labels fit unclipped: the longest ("Devaluation of
    human creativity") needs a ~171px column, so 106px of row header plus five of
    those. Narrower viewports shrink the columns and the labels clip as before. */
-.cpm{display:grid;gap:0;position:relative;max-width:980px;}
+.cpm{display:grid;gap:0;position:relative;max-width:1020px;}
 /* The axis bands, in the app's axis colour: square, pale blue, ink text, the same as the risk page's
    .rv2-axis. Not the black they were first drawn in, which read as a header bar rather than an axis. */
 .cpm-axis{background:#DCE9F4;color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;display:flex;align-items:center;justify-content:center;padding:8px 4px;border-left:1px solid #fff;}
 /* 10px, not the band's 12: "Vulnerability" has to clear 13 uppercase characters inside a 106px column */
-.cpm-axis-corner{background:#DCE9F4;color:var(--ink);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:8px 4px;border-top:1px solid #fff;}
+.cpm-axis-corner{background:#DCE9F4;color:var(--ink);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:8px 4px;border-top:1px solid #fff;}
 .cpm-corner{background:#fff;}
-.cpm-colh{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;text-align:center;line-height:1.15;padding:5px 3px;color:#fff;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;}
-.cpm-rowh{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;line-height:1.15;padding:5px 7px;color:#fff;border-top:1px solid #fff;display:flex;align-items:center;}
+.cpm-colh{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;text-align:center;line-height:1.15;padding:5px 3px;color:#fff;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;}
+.cpm-rowh{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;line-height:1.15;padding:5px 7px;color:#fff;border-top:1px solid #fff;display:flex;align-items:center;}
 .cpm-l5{background:var(--lvl-5);}
 .cpm-l4{background:var(--lvl-4);color:var(--ink);}
 .cpm-l3{background:var(--lvl-3);color:var(--ink);}
@@ -1259,32 +1293,37 @@
    not fit. The full name, number and definition stay on the tooltip. */
 .cpm-cell{border-top:1px solid var(--line);border-left:1px solid var(--line);min-height:46px;padding:5px;display:flex;flex-direction:column;gap:3px;align-content:flex-start;}
 .cpm-hot{background:rgba(163,32,53,0.05);}
-.cpm-chip{font-size:10px;font-weight:700;padding:3px 6px;border-radius:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
+/* The one size deliberately off the type scale. The grid above is sized so that the
+   longest risk name fits a chip unclipped, and it was measured at 10px: at 10.5 the two
+   longest ("Devaluation of human creativity", "Transparency & interpretability") lose
+   their last characters to the ellipsis. The geometry is load-bearing, the half-pixel
+   is not. */
+.cpm-chip{font-size:10.5px;font-weight:700;padding:3px 6px;border-radius:var(--r-cell);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
 .cpm-chip.yes{background:var(--d5);color:#fff;}
 .cpm-chip.no{background:#E6E6E4;color:#8A8A88;}
 .cpm-chip:hover{outline:2px solid var(--ink);outline-offset:-2px;}
-.cpm-bracket{position:absolute;border:2px solid var(--red);border-radius:6px;pointer-events:none;z-index:2;box-shadow:0 0 0 4px rgba(163,32,53,0.05);}
-.cpm-bracket-tag{position:absolute;top:-9px;left:8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 7px;border-radius:3px;}
-.cpm-legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:10px;font-size:11px;color:var(--muted);}
+.cpm-bracket{position:absolute;border:2px solid var(--red);border-radius:var(--r-ctl);pointer-events:none;z-index:2;box-shadow:0 0 0 4px rgba(163,32,53,0.05);}
+.cpm-bracket-tag{position:absolute;top:-9px;left:8px;background:var(--red);color:#fff;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:2px 7px;border-radius:var(--r-cell);}
+.cpm-legend{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:10px;font-size:12px;color:var(--body);}
 .cpm-legend>span{display:flex;align-items:center;gap:6px;}
-.cpm-key{width:12px;height:12px;border-radius:6px;display:inline-block;}
+.cpm-key{width:14px;height:10px;border-radius:var(--r-cell);display:inline-block;}
 .cpm-key.yes{background:var(--d5);}
 .cpm-key.no{background:#E6E6E4;}
 .cpm-key-num{color:var(--muted);}
-.cmp-cpm-intro{font-size:13px;color:var(--muted);line-height:1.5;max-width:820px;margin:22px 0 14px;}
+.cmp-cpm-intro{font-size:13px;color:var(--muted);line-height:1.5;max-width:var(--measure-wide);margin:22px 0 14px;}
 .cmp-cpm-row{display:flex;flex-wrap:wrap;gap:26px;}
 .cmp-cpm-card{flex:1 1 440px;min-width:360px;max-width:680px;}
-.cmp-cpm-head{font-weight:700;font-size:16px;line-height:1.2;margin-bottom:8px;}
+.cmp-cpm-head{font-weight:600;font-size:18px;line-height:1.2;margin-bottom:8px;}
 .cmp-cpm-sub{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:3px;}
-.cmp-cpm-axis{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);margin-bottom:4px;padding-left:110px;}
+.cmp-cpm-axis{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:4px;padding-left:110px;}
 .cmp-cpm-card .cpm{max-width:none;width:100%;}
-.cmp-filters{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;padding:14px 16px;background:var(--bg);border-radius:6px;margin-bottom:14px;}
+.cmp-filters{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;padding:14px 16px;background:var(--bg);border-radius:var(--r-ctl);margin-bottom:14px;}
 .cmp-fgroup{display:flex;flex-direction:column;gap:7px;}
-.cmp-flabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink);background:#DCE9F4;padding:5px 9px;border-radius:4px;}
+.cmp-flabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink);background:#DCE9F4;padding:5px 9px;border-radius:var(--r-ctl);}
 .cmp-fchips{display:flex;gap:6px;flex-wrap:wrap;}
-.cmp-fchip{font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:var(--card);transition:all 0.1s;}
+.cmp-fchip{font-size:11px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;background:var(--card);transition:all 0.1s;}
 .cmp-fchip:hover{border-color:var(--muted);}
-.cmp-fchip.on{background:var(--red);color:#fff;border-color:var(--red);}
+.cmp-fchip.on{background:var(--ink);color:#fff;border-color:var(--ink);}
 .cmp-clearf{font-size:11px;color:var(--muted);cursor:pointer;align-self:center;margin-left:auto;text-decoration:underline;}
 .cmp-clearf:hover{color:var(--ink);}
 .cmp-status{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:10px;}
@@ -1293,14 +1332,14 @@
 .cmp-pool{margin-bottom:20px;}
 /* sentence case, like every other sector heading: these hold a full name now, and
    "Agriculture, Mining, Construction and Manufacturing" does not want capitalizing */
-.cmp-poolsec{font-size:12px;font-weight:700;color:var(--ink);background:#DCE9F4;padding:6px 10px;border-radius:4px;margin:16px 0 9px;}
+.cmp-poolsec{font-size:12px;font-weight:700;color:var(--ink);background:#DCE9F4;padding:6px 10px;border-radius:var(--r-ctl);margin:16px 0 9px;}
 .cmp-pick{display:flex;gap:8px;flex-wrap:wrap;}
-.cmp-chip{font-size:12px;padding:5px 11px;border:1px solid var(--line);border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all 0.1s;}
+.cmp-chip{font-size:12px;padding:5px 11px;border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all 0.1s;}
 .cmp-chip:hover{border-color:var(--muted);}
 .cmp-chip.on{background:var(--ink);color:white;border-color:var(--ink);}
 .cmp-chip.disabled{opacity:0.4;cursor:default;}
 .cmp-chip.disabled:hover{border-color:var(--line);}
-.cmp-chip-role{font-size:10px;opacity:0.6;}
+.cmp-chip-role{font-size:10.5px;opacity:0.6;}
 /* the chip is a row: logo, then the name with its role beneath */
 .cmp-chip{display:inline-flex;align-items:center;gap:7px;}
 .cmp-chip-txt{display:inline-flex;flex-direction:column;min-width:0;}
@@ -1310,8 +1349,8 @@
 .cmp-grid{display:grid;gap:0;font-size:11px;min-width:420px;}
 .cmp-corner{position:sticky;left:0;background:var(--card);}
 .cmp-co{font-size:12px;font-weight:600;text-align:center;padding:8px 4px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);}
-.cmp-co-sec{font-size:10px;color:var(--muted);font-weight:400;}
-.cmp-cell{height:28px;margin:3px;border-radius:2px;background:var(--empty);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;}
+.cmp-co-sec{font-size:10.5px;color:var(--muted);font-weight:400;}
+.cmp-cell{height:28px;margin:3px;border-radius:var(--r-cell);background:var(--empty);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;}
 .cmp-cell:hover{outline:2px solid var(--ink);outline-offset:-2px;}
 .cmp-cell.hiack{background:var(--red);color:#fff;}.cmp-cell.hino{background:var(--amber);color:var(--ink);}.cmp-cell.loack{background:var(--red-pale);color:var(--red-dark);}
 .cmp-rlabel{font-size:11px;color:var(--muted);align-self:center;padding-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
@@ -1329,26 +1368,26 @@
 .cmp-tick th[data-cmpco]:hover{background:#C7DCEE;color:var(--red);}
 .cmp-tick-co-n{display:block;overflow-wrap:anywhere;}
 /* wraps now. As nowrap it set the column width from the longest string in it, not from the data. */
-.cmp-tick-co-sub{display:block;font-weight:400;font-size:9px;color:var(--muted);margin-top:3px;line-height:1.2;overflow-wrap:anywhere;}
-.cmp-tick td{border:1px solid var(--line);padding:6px 4px;}
+.cmp-tick-co-sub{display:block;font-weight:400;font-size:9.5px;color:var(--axis-ink);margin-top:3px;line-height:1.2;overflow-wrap:anywhere;}
+.cmp-tick td{border:1px solid var(--line);padding:6px 4px;font-variant-numeric:tabular-nums;}
 .cmp-tick td.cmp-tick-risk{font-weight:600;color:var(--ink);cursor:pointer;line-height:1.35;padding:6px 10px;}
 .cmp-tick td.cmp-tick-risk:hover{color:var(--red);}
 .cmp-tick td.cmp-tick-risk b{color:var(--muted);font-weight:700;margin-right:5px;}
-.cmp-tick td.cmp-tick-cell{text-align:center;font-size:16px;}
+.cmp-tick td.cmp-tick-cell{text-align:center;font-size:15.5px;}
 .cmp-tick td.cmp-tick-cell.yes{color:var(--green);font-weight:700;}
 .cmp-tick td.cmp-tick-cell.no{color:#CBCBC8;}
 .cmp-tick tbody tr:hover{background:var(--bg);}
 .cmp-tick tfoot td{font-weight:700;border-top:2px solid var(--ink);font-size:12px;text-align:center;background:var(--bg);}
-.cmp-tick tfoot td.cmp-tick-risk{text-align:left;text-transform:uppercase;letter-spacing:0.04em;font-size:10.5px;color:var(--muted);}
+.cmp-tick tfoot td.cmp-tick-risk{text-align:left;text-transform:uppercase;letter-spacing:0.05em;font-size:10.5px;color:var(--muted);}
 .rvm{display:grid;gap:0;font-size:11px;align-items:stretch;margin-top:14px;}
-.rvm-sector{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-top:8px;border-radius:3px;}
-.rvm-sector.vx-extreme{background:var(--red);}
+.rvm-sector{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-top:8px;border-radius:var(--r-cell);}
+.rvm-sector.vx-extreme{background:var(--lvl-5);}
 .rvm-sector.vx-extreme .rvm-secname,.rvm-sector.vx-extreme .rvm-secvuln{color:#fff;}
-.rvm-sector.vx-high{background:#E8895A;}
-.rvm-sector.vx-high .rvm-secname,.rvm-sector.vx-high .rvm-secvuln{color:#fff;}
-.rvm-sector.vx-mod{background:#F0C088;}
+.rvm-sector.vx-high{background:var(--lvl-4);}
+.rvm-sector.vx-high .rvm-secname,.rvm-sector.vx-high .rvm-secvuln{color:var(--ink);}
+.rvm-sector.vx-mod{background:var(--lvl-3);}
 .rvm-sector.vx-mod .rvm-secname,.rvm-sector.vx-mod .rvm-secvuln{color:var(--ink);}
-.rvm-sector.vx-low{background:#F3E2C0;}
+.rvm-sector.vx-low{background:var(--lvl-2);}
 .rvm-sector.vx-low .rvm-secname,.rvm-sector.vx-low .rvm-secvuln{color:var(--ink);}
 .rvm-secname{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;cursor:pointer;}
 .rvm-secname:hover{opacity:0.75;}
@@ -1357,19 +1396,19 @@
 .rvm-name:hover{color:var(--red);}
 .rvm-meta{font-size:11px;color:var(--muted);font-weight:400;margin-top:2px;}
 .rvm-disccell{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);}
-.rvm-disc{width:26px;height:26px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;}
+.rvm-disc{width:26px;height:26px;border-radius:var(--r-cell);display:flex;align-items:center;justify-content:center;font-size:14px;}
 .rvm-disc.yes{background:var(--green);color:#fff;}
 .rvm-disc.no{background:#F4F4F2;}
 .rvm .shm-sig{border-top:1px solid var(--line);border-radius:0;margin:0;}
 .rvm-sector{cursor:pointer;gap:8px;}
-.rvm-sectri{font-size:9px;display:inline-block;transition:transform 0.12s;flex-shrink:0;}
+.rvm-sectri{font-size:9.5px;display:inline-block;transition:transform 0.12s;flex-shrink:0;}
 .rvm-sector.open .rvm-sectri{transform:rotate(90deg);}
 .rvm-secname{flex:1;}
 .rvm-secmeta{display:flex;align-items:center;gap:14px;}
 .rvm-seccov{font-size:11px;font-weight:600;opacity:0.92;}
 .rvm-respcell{display:flex;align-items:center;padding:6px 8px;border-top:1px solid var(--line);}
-.rvm-resp{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:4px 12px;border-radius:3px;}
-.rvm-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 2px;max-width:760px;}
+.rvm-resp{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:4px 12px;border-radius:var(--r-cell);}
+.rvm-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 2px;max-width:var(--measure);}
 /* the risk name, standing where the description used to: the definition is on its hover */
 .rv-titlerow{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:4px 0 8px;}
 /* The page asks two questions of one risk, on two different sets of companies. Each gets a heading that
@@ -1377,20 +1416,20 @@
 .rvsec{margin:0 0 8px;}
 /* Below the 22px risk title, above everything else on the page. The gap under them is deliberate: these
    are the only two headings here, so the air is what separates the page's two halves. */
-.rvsec-h{font-size:18.5px;font-weight:600;line-height:1.3;margin:0 0 14px;}
+.rvsec-h{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 14px;}
 .rv-title{display:inline-block;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-0.01em;color:var(--ink);}
 /* the taxonomy's own definition of the risk, on the page rather than behind a hover */
 /* Ruled off below, on the same rule and rhythm the .rvp section uses further down: the title and the
    definition are what the page is about, and the two questions come after them. The rule spans the page
    rather than the 82ch the text is held to, so it reads as a divider and not as an underline. */
-.rv-desc{font-size:14px;line-height:1.55;color:var(--ink);max-width:82ch;margin:0 0 22px;}
+.rv-desc{font-size:14px;line-height:1.55;color:var(--ink);max-width:var(--measure);margin:0 0 22px;}
 .rv-descwrap{margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid #C9C9C4;}
 .rv-descwrap .rv-desc{margin:0;}
 /* the two pills sit on one line and are the same size: their own margins would otherwise misalign them */
 .mxv-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px;}
-.mxv-actions .rv-walk-open,.mxv-actions .sec-dl{margin:0;padding:6px 13px 6px 8px;font-size:12.5px;line-height:1.3;}
+.mxv-actions .rv-walk-open,.mxv-actions .sec-dl{margin:0;padding:6px 13px 6px 8px;font-size:13px;line-height:1.3;}
 /* sits under the chart it explains */
-.rv-walk-open{display:inline-flex;align-items:center;gap:7px;margin:16px 0 4px;padding:6px 13px 6px 8px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--red);background:none;border:1px solid #D07886;border-radius:9999px;cursor:pointer;}
+.rv-walk-open{display:inline-flex;align-items:center;gap:7px;margin:16px 0 4px;padding:6px 13px 6px 8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--red);background:none;border:1px solid #D07886;border-radius:var(--r-pill);cursor:pointer;}
 .rv-walk-open:hover{background:#FAF3F4;color:var(--red-dark);border-color:var(--red);}
 .rv-walk-q{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:1;}
 /* walkthrough: dim the grid, keep the step's target at full strength, box it */
@@ -1399,44 +1438,45 @@
 /* the "Most expected to act" zone is an overlay, so the spotlight cannot dim it: hide it for the duration.
    Step 3 boxes that same region itself, so nothing is lost. */
 .rv2-demo .rv2-hookzone{display:none;}
-.rv2-demobox{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--red);border-radius:3px;box-shadow:0 0 0 3px rgba(163,32,53,0.14);z-index:6;}
+.rv2-demobox{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--red);border-radius:var(--r-cell);box-shadow:0 0 0 3px rgba(163,32,53,0.14);z-index:6;}
 .rv-callout{width:300px;}
 @media(prefers-reduced-motion:reduce){.rv2-demo .rv2-cell,.rv2-demo .rv2-lvl,.rv2-demo .rv2-rowh,.rv2-demo .rv2-colh,.rv2-demo .rv2-axis{transition:none;}}
-.rv-guide{font-size:13px;color:#444;line-height:1.55;margin:10px 0 6px;max-width:820px;background:var(--bg);border-left:3px solid var(--red);border-radius:0 4px 4px 0;padding:11px 14px;}
+.rv-guide{font-size:13px;color:var(--body);line-height:1.55;margin:10px 0 6px;max-width:var(--measure-wide);background:var(--bg);border-left:3px solid var(--red);border-radius:0 var(--r-ctl) var(--r-ctl) 0;padding:11px 14px;}
 .rv-guide p{margin:0 0 7px;}
 .rv-guide p:last-child{margin-bottom:0;}
 .rv-guide b{color:var(--ink);}
 .rv{margin-top:6px;}
-.rv-sector{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:6px;border-radius:3px;cursor:pointer;}
-.rv-sector.vx-extreme{background:var(--red);}.rv-sector.vx-extreme .rv-secname,.rv-sector.vx-extreme .rv-secmeta{color:#fff;}
-.rv-sector.vx-high{background:#E8895A;}.rv-sector.vx-high .rv-secname,.rv-sector.vx-high .rv-secmeta{color:#fff;}
-.rv-sector.vx-mod{background:#F0C088;}.rv-sector.vx-mod .rv-secname,.rv-sector.vx-mod .rv-secmeta{color:var(--ink);}
-.rv-sector.vx-low{background:#F3E2C0;}.rv-sector.vx-low .rv-secname,.rv-sector.vx-low .rv-secmeta{color:var(--ink);}
-.rv-sectri{font-size:9px;transition:transform 0.12s;flex-shrink:0;}
+.rv-sector{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:6px;border-radius:var(--r-cell);cursor:pointer;}
+.rv-sector.vx-extreme{background:var(--lvl-5);}.rv-sector.vx-extreme .rv-secname,.rv-sector.vx-extreme .rv-secmeta{color:#fff;}
+.rv-sector.vx-high{background:var(--lvl-4);}.rv-sector.vx-high .rv-secname,.rv-sector.vx-high .rv-secmeta{color:var(--ink);}
+.rv-sector.vx-mod{background:var(--lvl-3);}.rv-sector.vx-mod .rv-secname,.rv-sector.vx-mod .rv-secmeta{color:var(--ink);}
+.rv-sector.vx-low{background:var(--lvl-2);}.rv-sector.vx-low .rv-secname,.rv-sector.vx-low .rv-secmeta{color:var(--ink);}
+.rv-sectri{font-size:9.5px;transition:transform 0.12s;flex-shrink:0;}
 .rv-sector.open .rv-sectri{transform:rotate(90deg);}
 .rv-secname{flex:1;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;}
 .rv-secmeta{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;}
 .rv-body{padding:2px 0 10px 16px;}
 .rv-actor{display:flex;align-items:center;gap:8px;margin:12px 0 7px;flex-wrap:wrap;}
 .rv-actorname{font-size:12px;font-weight:600;}
-.rv-resplbl{font-size:10px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
-.rv-resp{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:3px 9px;border-radius:3px;}
-.rv-xtag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--red);background:var(--red-pale);padding:3px 8px;border-radius:3px;}
+.rv-resplbl{font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:700;}
+.rv-resp{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:3px 9px;border-radius:var(--r-cell);}
+.rv-xtag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--red);background:var(--red-pale);padding:3px 8px;border-radius:var(--r-cell);}
 .rv-focus .rv-actorname{color:var(--red);}
 .rv-chips{display:flex;flex-wrap:wrap;gap:6px;}
-.rv-chip{font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:var(--card);white-space:nowrap;}
+.rv-chip{font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;background:var(--card);white-space:nowrap;}
 .rv-chip:hover{border-color:var(--muted);}
 .rv-chip.yes{background:var(--green);color:#fff;border-color:var(--green);}
 .rvx{display:grid;gap:3px;margin-top:12px;align-items:stretch;}
-.rvx-corner{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.03em;display:flex;flex-direction:column;justify-content:flex-end;line-height:1.6;padding:4px 6px;}
+.rvx-corner{font-size:9.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.03em;display:flex;flex-direction:column;justify-content:flex-end;line-height:1.6;padding:4px 6px;}
 .rvx-colh{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:flex-end;padding:4px 3px 6px;text-align:center;}
-.rvx-role{font-size:10px;font-weight:600;line-height:1.18;}
-.rvx-rowh{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 9px;border-radius:3px;background:var(--bg);}
+.rvx-role{font-size:10.5px;font-weight:600;line-height:1.18;}
+.rvx-rowh{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 9px;border-radius:var(--r-cell);background:var(--bg);}
 .rvx-sec{font-size:12px;font-weight:600;}
-.rvx-lvl{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:var(--muted);}
-.rvx-dot{width:9px;height:9px;border-radius:2px;display:inline-block;flex-shrink:0;}
-.rvx-cell{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:3px;min-height:40px;cursor:pointer;}
-.rvx-cell.rvx-empty{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 4px,#f0f0ee 4px,#f0f0ee 8px);cursor:default;}
+.rvx-lvl{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}
+.rvx-dot{width:9px;height:9px;border-radius:var(--r-cell);display:inline-block;flex-shrink:0;}
+.rvx-cell{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:var(--r-cell);min-height:40px;cursor:pointer;}
+.rvx-cell.rvx-empty{background:var(--card);cursor:default;}
+.rvx-cell.rvx-empty::after{content:'';display:block;width:18px;height:1.5px;background:var(--faint);}
 .rvx-cell:not(.rvx-empty):hover{outline:2px solid var(--ink);outline-offset:-2px;}
 .rvx-cell.sel{outline:2px solid var(--ink);outline-offset:-2px;}
 .rvx-foc{box-shadow:inset 0 0 0 2px var(--red);}
@@ -1447,11 +1487,11 @@
    page's sections, and at --line they were fainter than the hairlines inside a single table. The legends
    rule below the matrix stays --line, so a separator within a section still reads as the lesser one. */
 .rvp{margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid #C9C9C4;}
-.rvp-lead{font-size:13.5px;line-height:1.55;max-width:78ch;margin:0 0 12px;}
-.rvp-legend{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:11px;color:var(--muted);margin:0 0 6px;align-items:center;}
+.rvp-lead{font-size:13px;line-height:1.55;max-width:var(--measure);margin:0 0 12px;}
+.rvp-legend{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:var(--body);margin:0 0 6px;align-items:center;}
 .rvp-legend span{display:inline-flex;align-items:center;gap:7px;}
 .rvp-key{width:26px;height:12px;flex:none;overflow:visible;}
-.rvp-plot{max-width:760px;}
+.rvp-plot{max-width:var(--measure);}
 .rvp-svg{width:100%;height:auto;display:block;font-family:'Figtree',sans-serif;}
 .rvp-grid{stroke:var(--line);stroke-width:1;}
 .rvp-tick{fill:var(--muted);font-size:9.5px;text-anchor:middle;}
@@ -1461,14 +1501,14 @@
 .rvp-ci.bound{stroke-dasharray:3 3;}
 .rvp-cap{stroke:var(--ink);stroke-width:1.6;opacity:0.55;}
 .rvp-dot{fill:var(--card);stroke:var(--ink);stroke-width:1.6;opacity:0.85;}
-.rvp-val{fill:var(--ink);font-size:12.5px;font-weight:700;}
+.rvp-val{fill:var(--ink);font-size:13px;font-weight:700;}
 /* The open row's strip: the page's own hover tint, outlined and lifted so the whole row reads as picked
    out. The outline goes here rather than on the bar, which must keep a clean end on its own value. */
 .rvp-onband{fill:#FAF3F4;stroke:#E0B7C0;stroke-width:1;}
 .rvp-hit{fill:transparent;cursor:pointer;}
 /* the open risk: full-strength fill, ink text and its own value label, so it is never colour alone */
 .rvp-row.on .rvp-bar{fill:var(--red);}
-.rvp-row.on .rvp-name{fill:var(--ink);font-weight:700;font-size:12.5px;}
+.rvp-row.on .rvp-name{fill:var(--ink);font-weight:700;font-size:13px;}
 .rvp-row.on .rvp-ci,.rvp-row.on .rvp-cap{opacity:1;}
 .rvp-row.on .rvp-dot{opacity:1;stroke-width:2;}
 .rvp-row:not(.on):hover .rvp-bar{fill:#8E5464;}
@@ -1476,19 +1516,19 @@
 .rvx-rowh{cursor:pointer;}
 .rvx-rowh:hover{outline:1px solid var(--muted);outline-offset:-1px;}
 .rvx-rowh.sel{outline:2px solid var(--ink);outline-offset:-2px;}
-.rvx-keybox{display:inline-block;width:14px;height:14px;border-radius:2px;vertical-align:-2px;margin-right:5px;background:#eee;}
+.rvx-keybox{display:inline-block;width:14px;height:10px;border-radius:var(--r-cell);vertical-align:-2px;margin-right:5px;background:#eee;}
 .rvx-arow{display:flex;align-items:center;gap:8px;margin:12px 0 6px;}
 .rvx-aname{font-size:12px;font-weight:600;}
-.rvx-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:var(--muted);margin-top:16px;align-items:center;}
+.rvx-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--body);margin-top:16px;align-items:center;}
 .rvx-leg{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;}
 .rvx-leg b{color:var(--ink);font-weight:600;}
-.rvx-sub{margin-top:3px;font-size:12.5px;color:var(--muted);max-width:640px;}
-.rvx-zone{position:relative;border:2px dashed var(--red);border-radius:5px;pointer-events:none;z-index:4;}
-.rvx-zone-lbl{position:absolute;top:-8px;left:8px;background:var(--card);color:var(--red);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0 5px;white-space:nowrap;}
+.rvx-sub{margin-top:3px;font-size:12px;color:var(--muted);max-width:var(--measure);}
+.rvx-zone{position:relative;border:2px dashed var(--red);border-radius:var(--r-ctl);pointer-events:none;z-index:4;}
+.rvx-zone-lbl{position:absolute;top:-8px;left:8px;background:var(--card);color:var(--red);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0 5px;white-space:nowrap;}
 .rvx-zonekey{border:2px dashed var(--red);background:transparent;}
 .rvx-corner-arrow{color:var(--red);font-weight:700;}
 /* ---- risk view v2 (sector vulnerability x role responsibility) ---- */
-:root{--lvl-5:#D6322A;--lvl-4:#F0A24E;--lvl-3:#F2E07A;--lvl-2:#A9CCE0;--lvl-1:#2D6FAF;--lvl-0:#E2E2E0;--d0:#F1F1EF;--d1:#DDEBE0;--d2:#B9D9C2;--d3:#8FC4A1;--d4:#5BA77D;--d5:#2E8B57;}
+:root{--lvl-5:#C4402F;--lvl-4:#E08A2E;--lvl-3:#E3C93F;--lvl-2:#9CC4E4;--lvl-1:#2E6DA4;--lvl-0:#E2E2E0;--d0:#F1F1EF;--d1:#DDEBE0;--d2:#B9D9C2;--d3:#8FC4A1;--d4:#5BA77D;--d5:#2E8B57;}
 /* Each cell with content draws its own top and left edge only, never a full box: two neighbours can then
    never stack two borders on the same line, and the empty corner cells draw nothing at all. The container
    closes the right and bottom of the block. */
@@ -1503,20 +1543,20 @@
 .rv2-axis-v{letter-spacing:0.03em;font-size:12px;}
 /* min-height: the "Most expected to act" tag hangs 9px above the bracket and lands on this row, so it needs
    enough height that the tag cannot swallow the rating word */
-.rv2-lvl{display:flex;align-items:center;justify-content:center;text-align:center;min-height:34px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;line-height:1.15;padding:8px 4px;}
+.rv2-lvl{display:flex;align-items:center;justify-content:center;text-align:center;min-height:34px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;line-height:1.15;padding:8px 4px;}
 /* the five rating levels, on the Home matrix's tier hues. Text shades are the AA-passing ones the contrast
    routine picks for each fill, hard-coded here so the color never depends on the inline style alone. */
-.rv2-lvl.l5{background:#C4402F;color:#fff;}                    /* Extremely / Primarily */
-.rv2-lvl.l4{background:#E08A2E;color:#3d2509;}                 /* Highly */
-.rv2-lvl.l3{background:#E3C93F;color:#4b400b;}                 /* Moderately */
-.rv2-lvl.l2{background:#9CC4E4;color:#1d4d75;}                 /* Minimally */
-.rv2-lvl.l1{background:#2E6DA4;color:#fff;}                    /* Not at all */
+.rv2-lvl.l5{background:var(--lvl-5);color:#fff;}                    /* Extremely / Primarily */
+.rv2-lvl.l4{background:var(--lvl-4);color:#3d2509;}                 /* Highly */
+.rv2-lvl.l3{background:var(--lvl-3);color:#4b400b;}                 /* Moderately */
+.rv2-lvl.l2{background:var(--lvl-2);color:#1d4d75;}                 /* Minimally */
+.rv2-lvl.l1{background:var(--lvl-1);color:#fff;}                    /* Not at all */
 .rv2-lvl.l0{background:#fff;color:var(--muted);}               /* no data */
 /* A split sector's parts, indented under it. They are subordinate rows, not sectors of their own: tinted
    back, smaller, and marked with the same dash the sector spine uses for these very rows. Their rating
    cell is deliberately empty of a level. */
 .rv2-cx{flex:none;width:16px;height:16px;margin-right:5px;padding:0;border:0;background:none;font-family:inherit;
-  font-size:13px;line-height:1;color:var(--muted);cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;}
+  font-size:13px;line-height:1;color:var(--muted);cursor:pointer;border-radius:var(--r-cell);display:flex;align-items:center;justify-content:center;}
 .rv2-cx span{display:block;transition:transform 0.12s ease;}
 .rv2-cx.open span{transform:rotate(90deg);}
 .rv2-cx:hover{background:var(--bg);color:var(--ink);}
@@ -1527,7 +1567,7 @@
 .rv2-kidmark{flex:none;width:7px;height:1px;background:var(--muted);margin-right:6px;}
 .rv2-cell.rv2-kid{min-height:30px;font-size:11px;}
 /* no level, no hue: this part was never rated, and a colour here would be read as its rating */
-.rv2-lvl.rv2-kid{background:var(--bg);color:var(--muted);font-size:8.5px;font-weight:600;letter-spacing:0.01em;text-transform:none;min-height:30px;}
+.rv2-lvl.rv2-kid{background:var(--bg);color:var(--muted);font-size:9.5px;font-weight:600;letter-spacing:0.01em;text-transform:none;min-height:30px;}
 @media(prefers-reduced-motion:reduce){.rv2-cx span{transition:none;}}
 /* a rating chip explains itself on hover, so say it is hoverable */
 .rv2-lvl[data-vtip],.shm-sig[data-vtip]{cursor:help;}
@@ -1538,38 +1578,38 @@
 .rv2-rowh{background:#fff;display:flex;align-items:center;padding:0 10px 0 8px;cursor:pointer;}
 .rv2-rowh:hover .rv2-rowname,.rv2-rowh.sel .rv2-rowname{color:var(--red);}
 .rv2-rowname{font-size:13px;font-weight:600;line-height:1.25;}
-.rv2-cell{background:#fff;border:none;display:flex;align-items:center;justify-content:center;min-height:66px;cursor:pointer;position:relative;font-size:13px;font-weight:700;}
+.rv2-cell{background:#fff;border:none;display:flex;align-items:center;justify-content:center;min-height:66px;cursor:pointer;position:relative;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}
 .rv2-cell:hover{outline:2px solid var(--ink);outline-offset:-2px;z-index:3;}
 .rv2-cell.sel{outline:2px solid var(--ink);outline-offset:-2px;z-index:3;}
 /* not reviewed: white, marked only by a short rule, the language the Home matrix uses */
 .rv2-cell.empty{background:#fff;cursor:default;}
 .rv2-cell.empty:hover{outline:none;}
 .rv2-cell.empty::after{content:'';display:block;width:18px;height:1.5px;background:#9A9A95;}
-.rv2-hookzone{position:absolute;border:2px solid var(--red);border-radius:6px;pointer-events:none;z-index:2;box-shadow:0 0 0 4px rgba(163,32,53,0.05);}
-.rv2-hooktag{position:absolute;top:-10px;left:10px;background:var(--red);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:2px 7px;border-radius:3px;}
+.rv2-hookzone{position:absolute;border:2px solid var(--red);border-radius:var(--r-ctl);pointer-events:none;z-index:2;box-shadow:0 0 0 4px rgba(163,32,53,0.05);}
+.rv2-hooktag{position:absolute;top:-10px;left:10px;background:var(--red);color:#fff;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:2px 7px;border-radius:var(--r-cell);}
 .rv2-instr{margin-bottom:14px;}
-.rv2-instr summary{font-size:11.5px;color:var(--muted);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px;user-select:none;}
+.rv2-instr summary{font-size:12px;color:var(--muted);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px;user-select:none;}
 .rv2-instr summary::-webkit-details-marker{display:none;}
 .rv2-instr summary::before{content:'\203a';display:inline-block;transition:transform 0.15s;font-size:13px;}
 .rv2-instr[open] summary::before{transform:rotate(90deg);}
-.rv2-instr-body{font-size:12.5px;color:#444;line-height:1.5;margin-top:8px;max-width:760px;}
+.rv2-instr-body{font-size:13px;color:var(--body);line-height:1.5;margin-top:8px;max-width:var(--measure);}
 .rv2-instr-body b{color:var(--ink);font-weight:600;}
 .rv-fnmark{color:var(--red);font-weight:700;vertical-align:super;font-size:0.72em;line-height:0;padding:0 1px;}
-.rv-fn{font-size:11.5px;color:var(--muted);line-height:1.55;max-width:78ch;margin:12px 0 0;}
-.rv-fn b{color:#4A4A47;font-weight:700;}
+.rv-fn{font-size:12px;color:var(--muted);line-height:1.55;max-width:var(--measure);margin:12px 0 0;}
+.rv-fn b{color:var(--body);font-weight:700;}
 .rv-fn .rv-fnmark{vertical-align:baseline;font-size:12px;margin-right:4px;}
-.rv2-legends{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);align-items:center;}
+.rv2-legends{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--body);align-items:center;}
 .rv2-leg{display:flex;align-items:center;gap:8px;}
-.rv2-leglab{font-weight:600;color:#444;}
+.rv2-leglab{font-weight:600;color:var(--body);}
 .rv2-ramp{display:flex;}
-.rv2-sw{width:17px;height:13px;display:inline-block;}
-.rv2-band{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:2px;}
+.rv2-sw{width:14px;height:10px;display:inline-block;}
+.rv2-band{display:inline-block;width:12px;height:12px;border-radius:var(--r-cell);vertical-align:-2px;margin-right:2px;}
 .rv2-band-empty{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:0;}
 .rv2-band-empty::before{content:'';display:block;width:12px;height:1.5px;background:#9A9A95;}
 .rv2-ends{display:flex;gap:5px;align-items:center;}
 /* ---------- MITIGATIONS TAB ---------- */
-.mit-def{margin:2px 0 18px;padding-left:20px;max-width:820px;list-style:disc;}
-.mit-def li{font-size:14px;line-height:1.55;color:#333;margin-bottom:6px;}
+.mit-def{margin:2px 0 18px;padding-left:20px;max-width:var(--measure-wide);list-style:disc;}
+.mit-def li{font-size:14px;line-height:1.55;color:var(--body);margin-bottom:6px;}
 .mit-def b{font-weight:600;color:var(--ink);}
 .mit-domain{margin-bottom:26px;}
 /* The domain band is a row of the same chart, on the same three columns as the
@@ -1603,16 +1643,16 @@
 /* At the end of its bar, not in a column: the eye reads the length and the number
    together instead of tracking across to a right margin. It overflows into the
    grid's third column, which is there as its gutter. */
-.mit-val{position:absolute;top:50%;transform:translateY(-50%);margin-left:9px;font-size:12.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
-.mit-key{display:flex;flex-wrap:wrap;gap:22px;margin-top:14px;font-size:12.5px;color:var(--ink);}
+.mit-val{position:absolute;top:50%;transform:translateY(-50%);margin-left:9px;font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
+.mit-key{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px;font-size:12px;color:var(--body);}
 .mit-key>span{display:flex;align-items:center;gap:8px;}
-.mit-key-bar{width:16px;height:14px;flex:none;}
+.mit-key-bar{width:14px;height:10px;flex:none;}
 .mit-key-bar+.mit-key-bar{margin-left:-7px;}
 .mit-key>span>.mit-key-bar:last-of-type{margin-right:3px;}
 .mit-key-dot{width:11px;height:11px;background:var(--card);border:1.5px solid var(--ink);transform:rotate(45deg);flex:none;margin:0 3px;}
 .mit-domain-code{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
 .mit-domain-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ink);border-bottom:1px dotted #8a8a88;}
-.mit-tip{position:absolute;left:8px;top:calc(100% - 2px);z-index:60;max-width:min(380px,78vw);background:var(--ink);color:#fff;font-weight:400;font-size:12px;line-height:1.45;padding:8px 11px;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,0.18);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 0.13s ease,transform 0.13s ease;pointer-events:none;}
+.mit-tip{position:absolute;left:8px;top:calc(100% - 2px);z-index:60;max-width:min(320px,78vw);background:var(--ink);color:#fff;font-weight:400;font-size:12px;line-height:1.45;padding:8px 11px;border-radius:var(--r-ctl);box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 0.13s ease,transform 0.13s ease;pointer-events:none;}
 .mit-tip b{display:block;font-weight:700;font-size:10.5px;letter-spacing:0.05em;text-transform:uppercase;color:var(--red-pale);margin-bottom:5px;}
 /* The definition opens on the name, not anywhere on the row. It used to open on
    any hover, so reading a bar or a diamond raised a dark panel across the row
@@ -1624,7 +1664,7 @@
 .mit-cat{position:relative;border-bottom:1px solid var(--line);}
 .mit-cat-btn{width:100%;background:none;border:0;text-align:left;font-family:inherit;color:inherit;cursor:pointer;display:grid;grid-template-columns:250px 1fr 40px;align-items:center;gap:16px;padding:12px;transition:background 0.12s;}
 .mit-cat-btn:hover{background:rgba(163,32,53,0.05);}
-.mit-cat-btn:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:4px;}
+.mit-cat-btn:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:var(--r-ctl);}
 .mit-cat-btn[disabled],.mit-cat-btn[aria-disabled="true"]{cursor:default;opacity:0.55;}
 .mit-cat-btn[disabled]:hover,.mit-cat-btn[aria-disabled="true"]:hover{background:none;}
 /* an unticked row opens nothing, but it still carries a definition, so it keeps its opacity */
@@ -1639,41 +1679,41 @@
 .mit-cat-name .defn{border-bottom:1px dotted #bcbcbc;}
 .mit-chev{display:inline-block;margin-left:7px;color:var(--red);transition:transform 0.15s;font-size:11px;}
 .mit-cat.open>.mit-cat-btn .mit-chev{transform:rotate(90deg);}
-.mit-bar{height:9px;background:var(--empty);border-radius:6px;overflow:hidden;}
-.mit-bar>i{display:block;height:100%;background:var(--d5);border-radius:6px;}
+.mit-bar{height:9px;background:var(--empty);border-radius:var(--r-ctl);overflow:hidden;}
+.mit-bar>i{display:block;height:100%;background:var(--d5);border-radius:var(--r-ctl);}
 .mit-cat.na{background:var(--empty);}
 .mit-cat.na .mit-cat-btn{opacity:1;}
 .mit-cat.na .mit-cat-code,.mit-cat.na .mit-cat-name{color:#9A9A97;}
 .mit-cat.na .mit-cat-name .defn{border-bottom-color:#c9c9c6;}
-.mit-cat-note{font-size:12.5px;color:#4A4A47;font-style:normal;line-height:1.4;align-self:center;}
+.mit-cat-note{font-size:12px;color:var(--body);font-style:normal;line-height:1.4;align-self:center;}
 .mit-domain{margin-bottom:0;}
 .mit-chart>.mit-domain+.mit-domain{margin-top:20px;}
 .mit-panel{display:none;padding:2px 6px 20px;}
 .mit-cat.open .mit-panel{display:block;}
-.mit-banner{display:flex;align-items:center;gap:11px;padding:9px 14px;margin:4px -6px 14px;background:#FFD43B;color:var(--ink);font-size:12.5px;font-weight:500;line-height:1.45;border-radius:0;}
-.mit-banner-lead{font-size:13.5px;font-weight:700;}
-.mit-banner-ico{font-size:17px;line-height:1;flex:none;font-weight:700;color:var(--ink);}
+.mit-banner{display:flex;align-items:center;gap:11px;padding:9px 14px;margin:4px -6px 14px;background:var(--gap-tint);border-left:3px solid #E0954A;color:var(--gap-deep);font-size:13px;font-weight:500;line-height:1.45;border-radius:0 var(--r-ctl) var(--r-ctl) 0;}
+.mit-banner-lead{font-size:13px;font-weight:700;}
+.mit-banner-ico{font-size:15.5px;line-height:1;flex:none;font-weight:700;color:inherit;}
 .mit-co{border-top:1px solid #f0f0f0;}
 .mit-co:first-child{border-top:0;}
-.mit-co-btn{width:100%;background:none;border:0;text-align:left;font-family:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:14px;padding:9px 8px;border-radius:6px;}
+.mit-co-btn{width:100%;background:none;border:0;text-align:left;font-family:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:14px;padding:9px 8px;border-radius:var(--r-ctl);}
 .mit-co-label{display:flex;align-items:center;gap:10px;min-width:0;}
 .mit-co-btn:hover{background:rgba(163,32,53,0.05);}
 .mit-co-btn:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
 .mit-co-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-.mit-co-meta{font-size:11.5px;color:var(--muted);}
+.mit-co-meta{font-size:12px;color:var(--muted);}
 .mit-quotes{display:none;padding:4px 8px 14px 32px;}
 .mit-co.open .mit-quotes{display:block;}
 /* The company row is a toggle plus its own arrow out to the company, so neither swallows the other.
    The .mit-leaf rules that used to sit here went with the L3 level on 2026-08-16. */
 .mit-co-h{display:flex;align-items:center;gap:2px;}
 .mit-co-h .mit-co-btn{flex:1;min-width:0;width:auto;}
-.mit-co-open{flex:none;background:none;border:0;cursor:pointer;font-family:inherit;font-size:15px;line-height:1;color:var(--muted);padding:7px 9px;border-radius:6px;}
+.mit-co-open{flex:none;background:none;border:0;cursor:pointer;font-family:inherit;font-size:15.5px;line-height:1;color:var(--muted);padding:7px 9px;border-radius:var(--r-ctl);}
 .mit-co-open:hover{background:rgba(163,32,53,0.05);color:var(--red);}
 .mit-co-open:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
 .mit-q{border-left:2px solid var(--line);padding:6px 0 6px 14px;margin:9px 0;}
-.mit-q-text{font-size:13px;color:#333;line-height:1.55;}
+.mit-q-text{font-size:13px;color:var(--body);line-height:1.55;}
 .mit-q-tags{margin-top:5px;display:flex;gap:6px;flex-wrap:wrap;}
-.mit-tag{font-size:10px;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 8px;}
+.mit-tag{font-size:10.5px;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 8px;}
 .mit-tag.flag{color:var(--red);border-color:var(--red-pale);}
 .mit-muted-line{font-size:13px;color:var(--muted);padding:10px 2px;}
 @media (max-width:640px){.mit-cat-btn{grid-template-columns:1fr;gap:8px;}.mit-bar{display:none;}.mit-cat-name{white-space:normal;}.mit-co-btn{flex-wrap:wrap;gap:6px;}.mit-dcard-btn{flex-direction:column;align-items:flex-start;gap:8px;}}
@@ -1722,7 +1762,7 @@
       <a class="sitebar-logo" href="https://airisk.mit.edu/" target="_blank" rel="noopener"><img src="horizontal-on-dark.svg" alt="AI Risk Repository — MIT FutureTech"></a>
       <span class="sitebar-title">AI Risk Acknowledgement Explorer</span>
     </div>
-    <nav class="tabs" id="tabs-bar"><div class="chip active" data-tab="matrix">Home</div><div class="chip" data-tab="sectors">Sectors</div><div class="chip" data-tab="risks">Risks</div><div class="chip" data-tab="companies">Companies</div><div class="chip" data-tab="documents">Documents</div><div class="chip" data-tab="mitigations">Mitigations</div><div class="chip" data-tab="compare">Compare</div><div class="chip" data-tab="guide">FAQs</div><button class="chip chip-tour" id="tab-tour" title="Walk through each view in turn"><span aria-hidden="true">🧭</span> Take a tour</button></nav>
+    <nav class="tabs" id="tabs-bar"><a class="chip active" data-tab="matrix" href="#/home">Home</a><a class="chip" data-tab="sectors" href="#/sectors">Sectors</a><a class="chip" data-tab="risks" href="#/risks">Risks</a><a class="chip" data-tab="companies" href="#/companies">Companies</a><a class="chip" data-tab="documents" href="#/documents">Documents</a><a class="chip" data-tab="mitigations" href="#/mitigations">Mitigations</a><a class="chip" data-tab="compare" href="#/compare">Compare</a><a class="chip" data-tab="guide" href="#/about">FAQs</a><button class="chip chip-tour" id="tab-tour" title="Walk through each view in turn"><span aria-hidden="true">🧭</span> Take a tour</button></nav>
   </div>
 
   <div class="layout">
@@ -1905,6 +1945,9 @@
 // five harm levels, 1 negligible to 5 catastrophic. This is the number the Home
 // rows are ordered by, and the one they display.
 function sevScoreAt(r){var s=sevStats[riskNums[r]];return s&&s.mean!=null?s.mean:null;}
+// Home's leading figure is this severity mean; the same slot elsewhere holds a
+// taxonomy ID ("4.2"), so the figure says what scale it is on.
+var SEV_LABEL='Expert-rated mean severity, 1 (least severe) to 5 (most severe)';
 // Risks ranked from most to least severe. Home and Compare share this so they
 // cannot drift apart. Three pairs tie on the mean, so ties break on the
 // catastrophic share, then severe-plus-catastrophic, then the risk number,
@@ -2338,8 +2381,6 @@
   return{kind:'value',pct:Math.round(100*d.k_census/d.n_census),disclosing:d.k_census,total:d.n_census};
 }
 // ---- vulnerability view: tiers, color ramp, contrast ----
-// clear the dismissal an earlier build persisted, so anyone who dismissed it then still sees it now
-try{localStorage.removeItem('orgrev_explorer_callout_dismissed');}catch(e){}
 var VTIERS=[
   // `phrase` completes "sectors ... to <risk>", so the cell tooltip can name the risk it is about
   {lv:4,lbl:'Extremely', rgb:[196,64,47],  dark:'#8a2b1e', phrase:'extremely vulnerable'},
@@ -2457,9 +2498,10 @@
   h+='<tr><th class="mxv-axis mxv-riskhead" scope="col">Risks<span class="mxv-sortnote">sorted by '+tipLink('expert-rated mean severity','sevord',AIRI_PRIORITIES)+'<span class="mxv-fn-r">*</span> ▾</span></th>';
   cols.forEach(function(c,ci){
     var hi=(tgt&&((tgt.kind==='col'&&tgt.ci===ci)||((tgt.kind==='cols'||tgt.kind==='colhead')&&ci>=tgt.ciFrom&&ci<=tgt.ciTo)))?' mxv-hi':'';
-    // each tier header is filled with its own hue, the one the column's cells are tinted from
-    var st=c.rgb?'background:'+rgb2hex(c.rgb)+';color:'+vTextOn(c.rgb,c)+';':'';
-    h+='<th class="mxv-th'+(c.cls||'')+hi+'" scope="col"'+(c.attrs||'')+' style="'+st+'">'+c.label+'</th>';
+    // each tier header carries its own hue as a keyline over the column it heads, so the
+    // colour still says which tier this is without outweighing the numbers underneath it
+    var key=c.rgb?'<span class="mxv-th-key" style="background:'+rgb2hex(c.rgb)+'"></span>':'';
+    h+='<th class="mxv-th'+(c.cls||'')+hi+'" scope="col"'+(c.attrs||'')+'>'+key+c.label+'</th>';
   });
   h+='</tr></thead><tbody>';
   rowOrder.forEach(function(r){
@@ -2467,7 +2509,7 @@
     var sevScore=sevScoreAt(r);
     h+='<tr><th class="mxv-rh'+(state.colsel===r?' colsel':'')+(inRow?' mxv-hi':'')+'" scope="row" data-col="'+r+'" data-vrisk="'+r+'" data-vtip="" tabindex="0">'
       +'<span class="mxv-rh-in">'
-      +(sevScore==null?'':'<span class="mxv-sev">'+sevScore.toFixed(2)+'</span>')
+      +(sevScore==null?'':'<span class="mxv-sev" title="'+SEV_LABEL+'" aria-label="'+sevScore.toFixed(2)+' — '+SEV_LABEL+'">'+sevScore.toFixed(2)+'</span>')
       +'<span>'+escapeHtml(shortRisk(r))+'</span></span></th>';
     cols.forEach(function(c,ci){
       var v=grid[r+'|'+ci];
@@ -2479,7 +2521,7 @@
       }
       // a real zero sits off the ramp entirely: white, so "nobody acknowledged" never reads as a faint tint
       var style;
-      if(v.plain){style='background:#fff;color:var(--ink);';}          // unshaded: the figure speaks for itself
+      if(v.plain){style='background:#fff;color:'+(v.bound?'var(--muted)':'var(--ink)')+';';}   // unshaded: the figure speaks for itself
       else if(v.pct===0){style='background:#fff;color:#5A5A57;';}
       else{
         var fill=vFill(v,v.pct/maxPct);
@@ -2581,8 +2623,12 @@
     if(!w||estTailDraws(w)<TAIL_FLOOR)
       return{kind:'value',plain:true,pct:0,text:'—',cls:' mxv-overall mxv-estnone',
         tip:'No top 1000 estimate is reportable for '+shortRisk(r)+'.'};
-    return{kind:'value',pct:Math.round(w.est_top1000),text:fmtEst(w),
-      rgb:OVERALL_HUE.rgb,dark:OVERALL_HUE.dark,cls:' mxv-overall',
+    // A ceiling is not a measurement: "<42%" means "somewhere between nothing and 42%", so it
+    // cannot carry the tint of a 42% share without making the caption's promise false. It leaves
+    // the ramp the way a non-reportable estimate does, keeping its text, tooltip and footnote.
+    var isBound=w.interval_method==='rule_of_three';
+    return{kind:'value',pct:Math.round(w.est_top1000),text:fmtEst(w),plain:isBound,bound:isBound,
+      rgb:OVERALL_HUE.rgb,dark:OVERALL_HUE.dark,cls:' mxv-overall'+(isBound?' mxv-estbound':''),
       tip:(w.interval_method==='rule_of_three'
         ? 'Estimated at no more than '+estBound(w)+' across the 1000 largest companies. No lower bound: nothing in the sampled tail acknowledged it.'
         : 'Estimated '+fmtEst(w)+' across the 1000 largest companies, 95% interval '+fmtCi(w)+'.')};
@@ -2606,8 +2652,9 @@
           return{kind:'value',plain:true,pct:0,text:'—',cls:' mxv-estnone',
             tip:'No top 1000 estimate is reportable for this tier.'};
         var w={est_top1000:d.est_top1000,ci_low:d.ci_low==null?null:d.ci_low,ci_high:d.ci_high,interval_method:d.interval_method};
-        return{kind:'value',pct:Math.round(d.est_top1000),text:fmtEst(w),
-          rgb:OVERALL_HUE.rgb,dark:OVERALL_HUE.dark,
+        var isBound=w.interval_method==='rule_of_three';   // see overallCols(): a ceiling is off the ramp
+        return{kind:'value',pct:Math.round(d.est_top1000),text:fmtEst(w),plain:isBound,bound:isBound,
+          rgb:OVERALL_HUE.rgb,dark:OVERALL_HUE.dark,cls:(isBound?' mxv-estbound':''),
           tip:(w.interval_method==='rule_of_three'
             ? 'Estimated at no more than '+estBound(w)+' of companies in sectors '+t.phrase+' to '+shortRisk(r)+' across the 1000 largest. No lower bound: none of the sampled tail acknowledged it.'
             : 'Estimated '+fmtEst(w)+' of companies in sectors '+t.phrase+' to '+shortRisk(r)+' across the 1000 largest'+(fmtCi(w)?', 95% interval '+fmtCi(w):'')+'.')};
@@ -2841,7 +2888,11 @@
 // ---- Home > By vulnerability: the table, its click-through demo and legend ----
 // The demo lasts for this page view only: it is the key to a dual encoding, so it comes back on
 // every load rather than being permanently hidden by one stray click.
-var calloutOff=false,calloutStep=0,calloutStepCount=0;
+// Dismissing the coach mark is remembered. The key is new: the old one was being cleared on
+// every load by a migration, so anything still stored under it is of unknown vintage.
+var CALLOUT_KEY='orgrev_explorer_callout_done_v2';
+function calloutStored(){try{return localStorage.getItem(CALLOUT_KEY)==='1';}catch(e){return false;}}
+var calloutOff=calloutStored(),calloutStep=0,calloutStepCount=0;
 function calloutDismissed(){return calloutOff;}
 function shortRisk(r){return SHORT_RISK[riskNums[r]]||risks[r];}
 // The steps are chosen from live data. They walk the reader through the two axes first, then the three
@@ -2918,7 +2969,8 @@
       back=document.getElementById('mxv-callout-back'),
       open=document.getElementById('mxv-walk-open'),
       dl=document.getElementById('mxv-dl');
-  function endDemo(){calloutOff=true;calloutStep=0;renderMatrix();}
+  // 'How to read this' still reopens it afterwards, so nothing is lost; one thing stops repeating
+  function endDemo(){calloutOff=true;calloutStep=0;try{localStorage.setItem(CALLOUT_KEY,'1');}catch(e){}renderMatrix();}
   if(open)open.addEventListener('click',function(){calloutOff=false;calloutStep=0;renderMatrix();});
   if(dl)dl.addEventListener('click',function(){
     dl.disabled=true;dl.textContent='Preparing…';
@@ -2964,23 +3016,27 @@
   var wrap=document.querySelector('.mxv-wrap'),co=document.getElementById('mxv-callout'),
       table=document.querySelector('table.mxv');
   if(!wrap||!co||!table)return;
-  var tb=table.getBoundingClientRect(),cr=co.getBoundingClientRect();
-  var W=cr.width,H=cr.height,gap=20;
-  var left=tb.left-W-gap;
-  if(left<8)left=tb.left+12;                       // no room beside it: float over the table's left columns
-  // vertically: track the current target, but never run off the top or bottom of the viewport
-  var parts=wrap.querySelectorAll('.mxv-hi'),top=tb.top;
+  // everything below is wrap-relative, so the card travels with the table rather than with the
+  // window, and stays inside the wrap (the card would otherwise be clipped by .center's overflow)
+  var wr=wrap.getBoundingClientRect(),tb=table.getBoundingClientRect(),cr=co.getBoundingClientRect();
+  var W=cr.width,H=cr.height,gap=20,tableL=tb.left-wr.left;
+  var left=tableL-W-gap;
+  if(left<0)left=tableL+12;                        // no room beside it: float over the table's left columns
+  // vertically: level with whatever the current step highlights, clamped to the wrap
+  var parts=wrap.querySelectorAll('.mxv-hi'),top=tb.top-wr.top;
   if(parts.length){
     var t=Infinity;
     parts.forEach(function(el){t=Math.min(t,el.getBoundingClientRect().top);});
-    top=t;
+    top=t-wr.top;
   }
-  top=Math.max(12,Math.min(top,window.innerHeight-H-12));
-  co.style.left=Math.max(8,left)+'px';co.style.top=top+'px';
+  top=Math.max(0,Math.min(top,Math.max(0,wrap.offsetHeight-H)));
+  co.style.left=Math.max(0,Math.min(left,Math.max(0,wrap.offsetWidth-W)))+'px';
+  co.style.top=top+'px';
 }
 function refreshDemoChrome(){if(state.tab==='matrix'&&state.mxview==='vuln'){placeCallout();drawDemoBox();}}
 window.addEventListener('resize',refreshDemoChrome);
-window.addEventListener('scroll',refreshDemoChrome,{passive:true});   // the card is fixed, so it must track the page
+// no scroll listener: the card and the box are both positioned inside .mxv-wrap now, so the page
+// can scroll without either of them needing to be told
 
 // ---- PNG exports ------------------------------------------------------------------------------------
 // Every export carries the same warning, in the same place, drawn from one function: an image outlives the
@@ -3003,10 +3059,10 @@
   g.textAlign='left';g.textBaseline='middle';
   g.fillStyle='#C9C9C4';g.font=F(22,400);
   g.fillText('|',cx,y);
-  g.fillStyle='#898A8D';g.font=F(20,600);
+  g.fillStyle='#6E6E6B';   /* --muted */g.font=F(20,600);
   g.fillText('CC-BY',cx+18,y);
   g.textAlign='right';
-  g.fillStyle='#898A8D';g.font=F(20,400);
+  g.fillStyle='#6E6E6B';   /* --muted */g.font=F(20,400);
   g.fillText('airisk.mit.edu',x+w,y);
   g.textAlign='left';
 }
@@ -3050,7 +3106,7 @@
     drawPngBanner(g,W,F);
     g.fillStyle='#1A1A1A';g.font=F(30,700);g.textAlign='left';
     lines.forEach(function(l,i){g.fillText(l,PAD,TITLEY+i*38);});
-    g.fillStyle='#898A8D';g.font=F(15,400);
+    g.fillStyle='#6E6E6B';   /* --muted */g.font=F(15,400);
     g.fillText('The number is the share of companies acknowledging the risk. For each risk, companies are grouped by how vulnerable experts judge their sector to be to it.',PAD,TITLEY+lines.length*38+14);
     g.fillText('Risks are ordered by experts’ mean catastrophic risk probability under business as usual (2025–2030), most severe first.',PAD,TITLEY+lines.length*38+36);
 
@@ -3074,14 +3130,16 @@
       g.font=F(13,700);g.fillText('RISKS',x0+NAMEW/2,y+HEADH/2-7);
       g.font=F(11,600);g.fillText('sorted by severity ▾',x0+NAMEW/2,y+HEADH/2+10);
     })();
-    // column headers, each in its own tier hue; the All-companies column is blue like the axis labels
+    // column headers: a tier column carries its hue as a keyline over the column, exactly as
+    // .mxv-th-key draws it on screen; the All-companies column is blue like the axis labels
     cols.forEach(function(c,ci){
       var x=x0+NAMEW+ci*COLW,y=y0-HEADH;
       var isOverall=c.cls&&c.cls.indexOf('mxv-overall')!==-1;
-      var fill=c.rgb?rgb2hex(c.rgb):(isOverall?'#DCE9F4':'#1A1A1A');
+      var fill=c.rgb?'#fff':(isOverall?'#DCE9F4':'#1A1A1A');
       g.fillStyle=fill;g.fillRect(x,y,COLW,HEADH);
+      if(c.rgb){g.fillStyle=rgb2hex(c.rgb);g.fillRect(x+7,y+9,COLW-14,4);}
       g.strokeStyle='#1A1A1A';g.strokeRect(x+0.5,y+0.5,COLW-1,HEADH-1);
-      g.fillStyle=c.rgb?vTextOn(c.rgb,c):(isOverall?'#1A1A1A':'#fff');g.font=F(13,700);g.textAlign='center';
+      g.fillStyle=c.rgb?'#1A1A1A':(isOverall?'#1A1A1A':'#fff');g.font=F(13,700);g.textAlign='center';
       if(isOverall){
         // a whole phrase, not a one-word tier name: wrap it to the column and stack the lines around the
         // header's midline, small enough that four of them still clear HEADH
@@ -3096,7 +3154,8 @@
         });
         g.font=F(13,700);
       }else{
-        g.fillText(c.label.replace(/<[^>]+>/g,''),x+COLW/2,y+HEADH/2);
+        // nudged below the keyline, the way the screen header stacks swatch then label
+        g.fillText(c.label.replace(/<[^>]+>/g,''),x+COLW/2,y+HEADH/2+5);
       }
     });
     rowOrder.forEach(function(r,ri){
@@ -3113,13 +3172,15 @@
           g.lineWidth=1;return;
         }
         var bg,fg;
-        if(v.plain){bg='#fff';fg='#1A1A1A';}
+        if(v.plain){bg='#fff';fg=v.bound?'#6E6E6B':'#1A1A1A';}   /* --muted */
         else if(v.pct===0){bg='#fff';fg='#5A5A57';}
         else{var f=vFill(v,v.pct/maxPct);bg=rgb2hex(f);fg=vTextOn(f,v);}
         g.fillStyle=bg;g.fillRect(x,y,COLW,ROWH);
         g.strokeStyle='#1A1A1A';g.strokeRect(x+0.5,y+0.5,COLW-1,ROWH-1);
         g.fillStyle=fg;g.font=F(13,700);g.textAlign='center';
-        g.fillText(v.pct+'%',x+COLW/2,y+ROWH/2);
+        // the cell's own text, not the raw percentage: a ceiling reads "<42%" and a
+        // non-reportable estimate reads "—" on screen, and the export must say the same
+        g.fillText(v.text!=null?v.text:v.pct+'%',x+COLW/2,y+ROWH/2);
       });
     });
     // legend, source and logo
@@ -3129,7 +3190,7 @@
     g.beginPath();g.moveTo(x0,ly);g.lineTo(x0+18,ly);g.stroke();g.lineWidth=1;
     g.fillStyle='#1A1A1A';g.font=F(13,400);
     g.fillText('No sectors fall in this tier for this risk',x0+26,ly);
-    g.fillStyle='#898A8D';g.font=F(12,400);
+    g.fillStyle='#6E6E6B';   /* --muted */g.font=F(12,400);
     g.fillText('Stronger color means more companies acknowledge. A white 0% means the sectors were reviewed and none of their companies acknowledge it.',x0,ly+26);
     drawPngFooter(g,img,PAD,H-PAD-8,W-PAD*2,F);
 
@@ -3231,7 +3292,20 @@
       g.fillText(Math.round(c.ack.length/N*100)+'%',x+COL/2,y0-20);
     });
     // rows
-    var maxCov=0;order.forEach(function(r){var c=Math.round((ack[r]||0)*100);if(c>maxCov)maxCov=c;});
+    var pop=sectorPopMode(),swtd=sp.weighted,srows=sp.census;
+    var isBoundRow=function(r){
+      var w=(pop==='top1000'&&swtd)?swtd[r]:null;
+      return !!(w&&estTailDraws(w)>=TAIL_FLOOR&&w.interval_method==='rule_of_three');
+    };
+    // the string the page shows in this cell, so the image cannot say something else
+    var covText=function(r){
+      if(pop==='top1000'){
+        var w=swtd&&swtd[r];
+        return (w&&estTailDraws(w)>=TAIL_FLOOR)?fmtEst(w):'\u2014';
+      }
+      return (srows&&srows[r])?(Math.round((ack[r]||0)*100)+'%'):'\u2014';
+    };
+    var maxCov=0;order.forEach(function(r){if(isBoundRow(r))return;var c=Math.round((ack[r]||0)*100);if(c>maxCov)maxCov=c;});
     order.forEach(function(r,ri){
       var y=y0+ri*ROWH;
       g.fillStyle='#1A1A1A';g.font=F(13,600);g.textAlign='left';
@@ -3243,18 +3317,18 @@
       var vx=x0+NAMEW;
       if(hasV){
         var t=v[r]==null?null:tierFor(v[r]);
-        g.fillStyle=t?rgb2hex(t.rgb):'#fff';g.fillRect(vx,y,VULNW,ROWH);
-        g.strokeStyle='#1A1A1A';g.strokeRect(vx+0.5,y+0.5,VULNW-1,ROWH-1);
-        g.fillStyle=t?vTextOn(t.rgb,t):'#898A8D';g.font=F(11,700);g.textAlign='center';
+        g.fillStyle=t?rgb2hex(overWhite(t.rgb,0.18)):'#fff';g.fillRect(vx,y,VULNW,ROWH);
+        g.strokeStyle=t?rgb2hex(t.rgb):'#1A1A1A';g.strokeRect(vx+0.5,y+0.5,VULNW-1,ROWH-1);
+        g.fillStyle=t?t.dark:'#6E6E6B';   /* --muted */g.font=F(11,700);g.textAlign='center';
         g.fillText((t?t.lbl:'No data').toUpperCase(),vx+VULNW/2,y+ROWH/2);
       }
-      // coverage, on the same ramp the page uses
-      var cov=Math.round((ack[r]||0)*100);
+      // coverage, on the same ramp the page uses; a ceiling off it, as on screen
+      var cov=Math.round((ack[r]||0)*100),bnd=isBoundRow(r);
       var cx2=vx+VULNW,fill=vFill(COV_HUE,cov/(maxCov||100));
-      g.fillStyle=rgb2hex(fill);g.fillRect(cx2,y,COVW,ROWH);
+      g.fillStyle=bnd?'#fff':rgb2hex(fill);g.fillRect(cx2,y,COVW,ROWH);
       g.strokeStyle='#1A1A1A';g.strokeRect(cx2+0.5,y+0.5,COVW-1,ROWH-1);
-      g.fillStyle=vTextOn(fill,COV_HUE);g.font=F(13,700);
-      g.fillText(cov+'%',cx2+COVW/2,y+ROWH/2);
+      g.fillStyle=bnd?'#6E6E6B':vTextOn(fill,COV_HUE);g.font=F(13,700);   /* --muted */
+      g.fillText(covText(r),cx2+COVW/2,y+ROWH/2);
       // one cell per company
       cos.forEach(function(c,i){
         var x=cx2+COVW+i*COL,d=c.ack.indexOf(r)!==-1;
@@ -3272,7 +3346,7 @@
     g.fillStyle='#fff';g.fillRect(x0+185,ly-7,14,14);
     g.strokeStyle='#1A1A1A';g.strokeRect(x0+185.5,ly-6.5,13,13);
     g.fillStyle='#1A1A1A';g.fillText('Acknowledgement not found',x0+207,ly);
-    g.fillStyle='#898A8D';g.font=F(12,400);
+    g.fillStyle='#6E6E6B';   /* --muted */g.font=F(12,400);
     g.fillText('Color of the vulnerability column is the experts’ rating. Sector coverage is the share of this sector’s companies acknowledging the risk.',x0,ly+26);
   }
 
@@ -3287,7 +3361,9 @@
     cv.toBlob(function(blob){
       var a=document.createElement('a');
       a.href=URL.createObjectURL(blob);
-      a.download='ai-risk-acknowledgement-'+sn.toLowerCase().replace(/[^a-z0-9]+/g,'-')+'.png';
+      // sp.title, not sn: sn is not in scope here, so every sector export threw at this line and
+      // no file was ever produced. The name it was reaching for is the sector's own title.
+      a.download='ai-risk-acknowledgement-'+String(sp.title||'sector').toLowerCase().replace(/[^a-z0-9]+/g,'-')+'.png';
       document.body.appendChild(a);a.click();
       setTimeout(function(){URL.revokeObjectURL(a.href);a.remove();},1000);
     },'image/png');
@@ -4020,19 +4096,28 @@
   cos.forEach(function(c){h+='<div class="shm-cocov" title="'+c.n+': acknowledges '+c.ack.length+' of '+N+' risks">'+Math.round(c.ack.length/N*100)+'%</div>';});
   // tint the coverage column the same way the Home matrix tints its cells: opacity carries the number,
   // scaled to the strongest coverage in this sector so the ramp uses its full range
+  // a ceiling ("<42%") is not a share: it stays off the ramp, and out of the range the ramp
+  // stretches to, or one bound would set the scale for every real figure in the column
+  var isBoundRow=function(r){
+    var w=(pop==='top1000'&&swtd)?swtd[r]:null;
+    return !!(w&&estTailDraws(w)>=TAIL_FLOOR&&w.interval_method==='rule_of_three');
+  };
   var maxCov=0;
-  order.forEach(function(r){var c=Math.round((ack[r]||0)*100);if(c>maxCov)maxCov=c;});
+  order.forEach(function(r){if(isBoundRow(r))return;var c=Math.round((ack[r]||0)*100);if(c>maxCov)maxCov=c;});
   order.forEach(function(r){
     var vl=vLevel(hasV?v[r]:null);var cov=Math.round((ack[r]||0)*100);
     var cfill=vFill(COV_HUE,cov/(maxCov||100));
-    var cstyle='background:'+rgb2hex(cfill)+';color:'+vTextOn(cfill,COV_HUE)+';';
+    var cstyle=isBoundRow(r)?'background:#fff;color:var(--muted);'
+      :'background:'+rgb2hex(cfill)+';color:'+vTextOn(cfill,COV_HUE)+';';
     // same hover as the Home matrix's row labels: full risk name and its taxonomy definition
     h+='<div class="shm-risk" data-srisk="'+r+'" data-vrisk="'+r+'" data-vtip="" tabindex="0">'+escapeHtml(shortRisk(r))+'</div>';
     // the vulnerability column uses the Home matrix's tier hues, at full strength, so a tier means the
     // same color wherever it appears in the app
     if(hasV){
       var vt=v[r]==null?null:tierFor(v[r]);
-      var vstyle=vt?' style="background:'+rgb2hex(vt.rgb)+';color:'+vTextOn(vt.rgb,vt)+';"':'';
+      // a tinted pill, not a filled block: the tier is still legible as colour, but a whole column of
+      // saturated badges no longer shouts over the coverage numbers it sits beside
+      var vstyle=vt?' style="background:'+rgb2hex(overWhite(vt.rgb,0.18))+';color:'+vt.dark+';border-color:'+rgb2hex(vt.rgb)+';"':'';
       // the rating in words on hover: which sector, how vulnerable, to which risk, and who said so
       h+='<div class="shm-sig '+(vt?'':'mvnd')+'"'+vstyle+' data-vtip="'+escapeAttr(vulnSentence(sn,v[r],r))+'" tabindex="0">'+vl[0]+'</div>';
     }
@@ -4099,7 +4184,7 @@
   // the link inside the header must not also trigger the column sort it sits in
   cbody.querySelectorAll('.tip-link').forEach(function(el){el.addEventListener('click',function(e){e.stopPropagation();});});
   cbody.querySelectorAll('[data-secsort]').forEach(function(el){el.addEventListener('click',function(){var k=el.getAttribute('data-secsort');if(state.secSort.key===k)state.secSort.dir=state.secSort.dir==='asc'?'desc':'asc';else{state.secSort.key=k;state.secSort.dir=k==='cov'?'asc':'desc';}renderSectorHeatmap(sn);});});
-  (function(){var sc=document.getElementById('shm-scroll');if(!sc)return;var fade=document.getElementById('shm-fade'),hint=document.getElementById('shm-hint');function upd(){var hiddenRight=sc.scrollWidth-sc.clientWidth-sc.scrollLeft;var show=hiddenRight>4;if(fade)fade.style.display=show?'':'none';if(hint){if(show){var n=Math.max(1,Math.round(hiddenRight/34));hint.style.display='';hint.textContent='Scroll horizontally to see '+n+' more compan'+(n===1?'y':'ies')+' →';}else hint.style.display='none';}}sc.addEventListener('scroll',upd);upd();})();
+  (function(){var sc=document.getElementById('shm-scroll');if(!sc)return;var fade=document.getElementById('shm-fade'),hint=document.getElementById('shm-hint');var SHM_LABEL_PAD=60;function upd(){var hiddenRight=sc.scrollWidth-sc.clientWidth-sc.scrollLeft-SHM_LABEL_PAD;var show=hiddenRight>4;if(fade)fade.style.display=show?'':'none';if(hint){if(show){var n=Math.max(1,Math.round(hiddenRight/34));hint.style.display='';hint.textContent='Scroll horizontally to see '+n+' more compan'+(n===1?'y':'ies')+' →';}else hint.style.display='none';}}sc.addEventListener('scroll',upd);upd();})();
   updatePanel();
 }
 
@@ -4233,13 +4318,12 @@
   }
   if(list.length){
     h+='<table class="cotbl"><thead><tr><th>Company</th><th>Sector</th><th>Roles</th></tr></thead><tbody>';
-    var _tints=SEC_TINTS,_bars=SEC_BARS,_sti=secTintIx;
     var _gsec=null;
     list.forEach(function(c){
       // the colour stays keyed on the parent sector, so agriculture's three parts
       // read as three parts of one sector rather than three unrelated sectors
-      if(state.coSort==='sector'&&secName[c.n]!==_gsec){_gsec=secName[c.n];var _cn=list.filter(function(x){return secName[x.n]===_gsec;}).length;var _ti=_sti(c.sector);h+='<tr class="cotbl-group" style="background:'+_tints[_ti]+'"><td colspan="3" style="border-left:4px solid '+_bars[_ti]+'">'+escapeHtml(_gsec||'Unclassified')+'<span class="cotbl-group-n">'+_cn+'</span></td></tr>';}
-      h+='<tr data-corow="'+c.n+'"'+(state.rowsel===c.n?' class="sel"':'')+'><td class="cotbl-co"'+(state.coSort==='sector'?' style="border-left:4px solid '+_bars[_sti(c.sector)]+'"':'')+'><span class="cotbl-conm">'+coLogo(c)+escapeHtml(c.n)+'</span></td><td class="cotbl-mut"><span class="cotbl-clip cotbl-sec" title="'+escapeAttr(secName[c.n]||'')+'">'+escapeHtml(secName[c.n]||'—')+'</span></td><td class="cotbl-mut"><span class="cotbl-clip cotbl-roles" title="'+escapeAttr(roleList(c)||'no role assigned')+'">'+escapeHtml(roleList(c)||'Role n/a')+'</span></td></tr>';
+      if(state.coSort==='sector'&&secName[c.n]!==_gsec){_gsec=secName[c.n];var _cn=list.filter(function(x){return secName[x.n]===_gsec;}).length;h+='<tr class="cotbl-group" style="background:var(--axis)"><td colspan="3" style="border-left:4px solid var(--axis-line)">'+escapeHtml(_gsec||'Unclassified')+'<span class="cotbl-group-n">'+_cn+'</span></td></tr>';}
+      h+='<tr data-corow="'+c.n+'"'+(state.rowsel===c.n?' class="sel"':'')+'><td class="cotbl-co"'+(state.coSort==='sector'?' style="border-left:4px solid var(--axis-line)"':'')+'><span class="cotbl-conm">'+coLogo(c)+escapeHtml(c.n)+'</span></td><td class="cotbl-mut"><span class="cotbl-clip cotbl-sec" title="'+escapeAttr(secName[c.n]||'')+'">'+escapeHtml(secName[c.n]||'—')+'</span></td><td class="cotbl-mut"><span class="cotbl-clip cotbl-roles" title="'+escapeAttr(roleList(c)||'no role assigned')+'">'+escapeHtml(roleList(c)||'Role n/a')+'</span></td></tr>';
     });
     h+='</tbody></table>';
   } else h+='<div class="detail-placeholder">No companies match '
@@ -4545,10 +4629,10 @@
 // the domain above it. The whole-taxonomy row has its own color, because it
 // belongs to no domain.
 var MIT_HUE={
-  any:{bar:'#C77CA6'},
-  '1':{bar:'#3E9C72',cat:'#84C1A2'},
-  '2':{bar:'#6B4C93',cat:'#9C88C4'},
-  '3':{bar:'#E0A22B',cat:'#EFC98D'}
+  any:{bar:'var(--mit-any)'},
+  '1':{bar:'var(--mit-1)',cat:'var(--mit-1c)'},
+  '2':{bar:'var(--mit-2)',cat:'var(--mit-2c)'},
+  '3':{bar:'var(--mit-3)',cat:'var(--mit-3c)'}
 };
 function mitFill(domCode,isCat){
   var hue=MIT_HUE[String(domCode)]||MIT_HUE.any;
@@ -4600,7 +4684,7 @@
   // the number sits at the end of its own bar rather than in a column of its own,
   // so the length and the figure are read in one place. It carries no hover of its
   // own: the whole plot, bar and number, answers with the same tooltip.
-  if(pct!=null)s+='<span class="mit-val" style="left:'+pct+'%">'+Math.round(pct)+'</span>';
+  if(pct!=null)s+='<span class="mit-val" style="left:'+pct+'%">'+Math.round(pct)+'%</span>';
   s+='</span>';
   return s;
 }
@@ -5284,7 +5368,7 @@
     // line: up to 80 characters, which forced six columns past 2,000px and put the comparison off-screen.
     h+='<colgroup><col class="cmp-c-risk">'
       +picks.map(function(){return '<col class="cmp-c-co">';}).join('')+'</colgroup>';
-    h+='<thead><tr><th class="cmp-tick-risk">Risk</th>';
+    h+='<thead><tr><th class="cmp-tick-risk">Risk<span class="mxv-sortnote">Rows run from most to least severe, by expert rating.</span></th>';
     picks.forEach(function(p){
       var sec=secViewTitle(secName[p.co.n]||p.sector),role=roleLabel(p.co.actor)||'role n/a';
       h+='<th data-cmpco="'+escapeAttr(p.co.n)+'" title="'+escapeAttr(p.co.n+' \u00b7 '+sec+' \u00b7 '+role)+'">'
@@ -5994,7 +6078,13 @@
   go({tab:'sectors',secView:sn,riskView:null,colsel:null,coView:null});
   detail.innerHTML='<div class="detail-placeholder">Green marks where a company acknowledges the risk. Click any cell for that company\u2019s acknowledgement on the risk.</div>';
 }
-document.querySelectorAll('.chip[data-tab]').forEach(function(chip){chip.addEventListener('click',function(){go({tab:chip.getAttribute('data-tab'),secView:null,riskView:null,colsel:null,coView:null});});});
+document.querySelectorAll('.chip[data-tab]').forEach(function(chip){chip.addEventListener('click',function(e){
+  // let the browser have the ones it does better: a modifier or a non-primary
+  // button means open-in-new-tab, and the href is already the right URL
+  if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(e.button!=null&&e.button!==0))return;
+  e.preventDefault();
+  go({tab:chip.getAttribute('data-tab'),secView:null,riskView:null,colsel:null,coView:null});
+});});
 // the tour sits in the same bar but switches no view, so it is bound on its own
 (function(){var t=document.getElementById('tab-tour');if(t)t.addEventListener('click',startTour);})();
 function renderGuide(){
@@ -6248,6 +6338,9 @@
      #/compare  #/compare/telstra,optus  #/about                             */
 var TAB_SLUG={matrix:'home',guide:'about'},SLUG_TAB={home:'matrix',about:'guide'};
 ['sectors','risks','companies','documents','mitigations','compare'].forEach(function(t){TAB_SLUG[t]=t;SLUG_TAB[t]=t;});
+// inbound alias only: the nav is labelled FAQs, and #/faqs used to fall back to
+// Home. Outbound links stay #/about, so nothing already shared changes.
+SLUG_TAB.faqs='guide';
 var tourRouting=false;   // tour steps rewrite the URL instead of stacking history
 function slugify(s){return String(s==null?'':s).toLowerCase().replace(/&/g,' and ').replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'');}
 // Risks read as their short name (#/risks/loss-of-privacy). Taxonomy numbers are
@@ -6312,6 +6405,14 @@
   state.colsel=null;state.rowsel=null;state.cellsel=null;
   if(r.cmp)state.cmp=r.cmp;
   syncChips();renderActive();
+  // A compare link names the companies, so it is asking for the comparison, not for the picker:
+  // ~200 chips sit above the table and it opens below the fold. Only arrivals come through here
+  // (chip clicks re-render and syncURL directly), so hand-picking never scrolls the page.
+  // 'auto', so there is no animation to suppress under prefers-reduced-motion.
+  if(state.tab==='compare'&&state.cmp&&state.cmp.length){
+    var _res=document.querySelector('.cmp-gridwrap');
+    if(_res)_res.scrollIntoView({block:'start',behavior:'auto'});
+  }
   // Normalize in place, so an empty, stale or malformed hash is rewritten to the
   // view actually being shown. replaceState fires neither popstate nor
   // hashchange, so this cannot loop.