@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(public-sans.5ed4d31c98.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 600;font-display:swap;src:url(newsreader.6e4f2958c3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(jetbrains-mono.83c005d49d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --paper:#F3F4F5; --surface:#FFFFFF; --surface-2:#E8EAEC;
  --ink:#16181B; --ink-2:#464A50; --ink-3:#73787F;
  --rule:#D7DADD; --rule-2:#B6BBC0;
  --brand:#14385C; --brand-ink:#14385C;
  --exposed:#96201B; --assisted:#7A5A10; --untouched:#14544A;
  --exposed-bg:#F2E3E1; --assisted-bg:#F1E9D6; --untouched-bg:#DCEAE6;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#111315; --surface:#181B1E; --surface-2:#202428;
    --ink:#E8EAEC; --ink-2:#A8AEB5; --ink-3:#787E85;
    --rule:#282C31; --rule-2:#3A4047;
    --brand:#8FB2D8; --brand-ink:#A4C4E6;
    --exposed:#E07E68; --assisted:#D2A94F; --untouched:#5FBCA4;
    --exposed-bg:#2F1C19; --assisted-bg:#2C2415; --untouched-bg:#132C27;
  }
}
:root[data-theme="dark"]{
  --paper:#111315; --surface:#181B1E; --surface-2:#202428;
  --ink:#E8EAEC; --ink-2:#A8AEB5; --ink-3:#787E85;
  --rule:#282C31; --rule-2:#3A4047;
  --brand:#8FB2D8; --brand-ink:#A4C4E6;
  --exposed:#E07E68; --assisted:#D2A94F; --untouched:#5FBCA4;
  --exposed-bg:#2F1C19; --assisted-bg:#2C2415; --untouched-bg:#132C27;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--paper); color:var(--ink);
  font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap{width:100%;max-width:1520px;margin:0 auto;padding-inline:clamp(16px,3.2vw,44px)}
.wrap--text{max-width:820px}
.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
a{color:var(--brand-ink);text-underline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--ink);
  padding:10px 14px;border:1px solid var(--rule-2);z-index:99}
.skip:focus{left:8px;top:calc(8px + env(safe-area-inset-top,0px))}

.site-head{border-bottom:1px solid var(--rule-2);background:var(--surface)}
.site-head .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:baseline;padding-block:13px}
.brand{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.brand span{color:var(--brand-ink)}
.site-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.site-nav a{font-size:14px;color:var(--ink-2);text-decoration:none}
.site-nav a:hover{color:var(--brand-ink);text-decoration:underline}
.rel-tag{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule-2);padding:2px 6px}

main{padding-block:34px 60px}
h1{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:clamp(27px,4.6vw,40px);line-height:1.13;letter-spacing:-.012em;margin:0 0 12px;text-wrap:balance}
h2{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:clamp(20px,3vw,25px);line-height:1.22;margin:0 0 10px;text-wrap:balance}
h3{font-size:16px;font-weight:600;margin:0 0 6px}
p{margin:0 0 14px;max-width:72ch}
.lede{font-size:17.5px;color:var(--ink-2);max-width:66ch}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
section{margin-bottom:42px}
.sec-head{border-bottom:1px solid var(--rule-2);padding-bottom:8px;margin-bottom:18px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.crumbs{font-size:13px;color:var(--ink-3);margin-bottom:14px}
.crumbs a{color:var(--ink-2)}

.prov{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);border:1px solid var(--rule-2);padding:1px 5px;vertical-align:middle;white-space:nowrap}

.score-hero{background:var(--surface);border:1px solid var(--rule-2);display:grid;grid-template-columns:minmax(220px,300px) 1fr}
.score-main{padding:24px 24px 22px;border-right:1px solid var(--rule)}
.score-num{font-family:"JetBrains Mono",monospace;font-size:clamp(44px,8.5vw,64px);font-weight:500;line-height:1;letter-spacing:-.03em}
.score-num.exposed{color:var(--exposed)} .score-num.assisted{color:var(--assisted)} .score-num.untouched{color:var(--untouched)}
.score-cap{font-size:14px;color:var(--ink-2);margin-top:10px}
.score-side{padding:22px 24px;display:flex;flex-direction:column;gap:13px;justify-content:center}
.kv{display:flex;justify-content:space-between;gap:16px;font-size:14px;border-bottom:1px dotted var(--rule-2);padding-bottom:6px}
.kv b{font-family:"JetBrains Mono",monospace;font-weight:500}

.bar{display:flex;height:32px;border:1px solid var(--rule-2);overflow:hidden;background:var(--surface)}
.bar i{display:block;height:100%}
.bar i.e{background:var(--exposed)} .bar i.a{background:var(--assisted)} .bar i.u{background:var(--untouched)}
.bar-key{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px;font-size:13px;color:var(--ink-2)}
.bar-key span{display:flex;align-items:center;gap:7px}
.dot{width:10px;height:10px;flex:none}
.dot.e{background:var(--exposed)} .dot.a{background:var(--assisted)} .dot.u{background:var(--untouched)}

.scroller{overflow-x:auto;border:1px solid var(--rule-2);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:660px;font-size:14px}
th,td{text-align:left;padding:9px 13px;border-bottom:1px solid var(--rule);vertical-align:top}
thead th{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-3);font-weight:400;background:var(--surface-2);white-space:nowrap;position:sticky;top:0}
tbody tr:last-child td{border-bottom:none}
td.num{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.pill{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;white-space:nowrap;display:inline-block}
.pill.exposed{background:var(--exposed-bg);color:var(--exposed)}
.pill.assisted{background:var(--assisted-bg);color:var(--assisted)}
.pill.untouched{background:var(--untouched-bg);color:var(--untouched)}

.lookup{background:var(--surface);border:1px solid var(--rule-2);padding:20px}
.lookup label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
#q{width:100%;font-family:"Public Sans",sans-serif;font-size:17px;padding:11px 13px;
  border:1px solid var(--rule-2);background:var(--paper);color:var(--ink)}
#results{list-style:none;margin:12px 0 0;padding:0;max-height:330px;overflow-y:auto}
#results li{border-bottom:1px solid var(--rule)}
#results a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:9px 2px;text-decoration:none;color:var(--ink)}
#results a:hover{background:var(--surface-2)}
#results .t{font-size:15px}
#results .alt{display:block;font-size:12px;color:var(--ink-3)}
#results .s{font-family:"JetBrains Mono",monospace;font-size:13px;white-space:nowrap}
.hint{font-size:13px;color:var(--ink-3);margin-top:10px}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--rule-2);border:1px solid var(--rule-2)}
.stat{background:var(--surface);padding:15px 16px 17px}
.stat .n{font-family:"JetBrains Mono",monospace;font-size:25px;font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--brand-ink)}
.stat .l{font-size:13px;color:var(--ink-2);margin-top:6px;line-height:1.4}

.note{background:var(--surface-2);border-left:3px solid var(--rule-2);padding:14px 16px;font-size:14px;color:var(--ink-2)}
.note p:last-child{margin-bottom:0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
ul.plain{margin:0;padding-left:20px} ul.plain li{margin-bottom:6px;color:var(--ink-2)}
.analysis p{font-size:16.5px}
.analysis em{font-style:normal;background:var(--surface-2);padding:1px 4px}

.nextstep{border:1px solid var(--rule-2);background:var(--surface);padding:18px 20px}
.nextstep h3{margin-bottom:8px}
.nextstep .disc{font-size:12.5px;color:var(--ink-3);margin-top:12px;margin-bottom:0}

.artlist{list-style:none;padding:0;margin:0}
.artlist li{border-bottom:1px solid var(--rule);padding:14px 0}
.artlist a{font-family:"Newsreader",Georgia,serif;font-size:19px;text-decoration:none}
.artlist p{margin:5px 0 0;color:var(--ink-2);font-size:14.5px}
.artmeta{font-size:12.5px;color:var(--ink-3);margin-top:4px}
article.piece h2{margin-top:30px}
article.piece p{font-size:16.5px}

.site-foot{border-top:1px solid var(--rule-2);background:var(--surface);margin-top:20px}
.site-foot .wrap{padding-block:24px 32px;font-size:13px;color:var(--ink-3)}
.site-foot a{color:var(--ink-2)}
.site-foot p{max-width:78ch;margin-bottom:8px}

/* ---- page layout ---------------------------------------------------------
   One column on phones. At 1080px a sticky summary rail appears beside the
   content, so wide screens gain a persistent reference point instead of just
   longer lines of text. */
.page-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
.rail{min-width:0}
.flow{min-width:0}
.flow > section:first-child{margin-top:0}
@media (min-width:1080px){
  .page-grid{grid-template-columns:336px minmax(0,1fr);gap:44px}
  .rail{position:sticky;top:calc(16px + env(safe-area-inset-top,0px));max-height:calc(100vh - 32px);overflow-y:auto}
  .rail::-webkit-scrollbar{width:6px}
  .rail::-webkit-scrollbar-thumb{background:var(--rule-2)}
}
.rail-card{background:var(--surface);border:1px solid var(--rule-2);padding:20px}
.rail-card + .rail-card{margin-top:16px}
.rail .score-num{font-size:clamp(40px,7vw,56px)}
.rail h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);
  font-family:"JetBrains Mono",monospace;font-weight:400;margin-bottom:10px}

/* home hero spans the full measure, prose inside stays readable */
.hero-band{background:var(--surface);border-bottom:1px solid var(--rule-2);padding-block:clamp(28px,5vw,52px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:end}
@media (min-width:960px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px}}

@media (max-width:760px){
  .score-hero{grid-template-columns:1fr}
  .score-main{border-right:none;border-bottom:1px solid var(--rule)}
  table{font-size:13.5px}
  th,td{padding:8px 10px}
  h1{font-size:clamp(24px,7vw,32px)}
  .site-head .wrap{padding-block:11px}
  .site-nav{gap:14px;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px}
  .site-nav a{white-space:nowrap}
  .stat .n{font-size:22px}
}
@media (max-width:420px){
  .bar-key{gap:6px 12px;font-size:12.5px}
  .sharerow{gap:7px}
  .sharebtn{font-size:12.5px;padding:6px 10px}
}

/* filterable table controls */
.tablebar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-bottom:16px}
#tfilter{flex:1 1 240px;min-width:0;font-family:"Public Sans",sans-serif;font-size:15px;
  padding:9px 12px;border:1px solid var(--rule-2);background:var(--surface);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{font-family:"Public Sans",sans-serif;font-size:13px;padding:7px 12px;cursor:pointer;
  border:1px solid var(--rule-2);background:var(--surface);color:var(--ink-2)}
.chip b{font-family:"JetBrains Mono",monospace;font-weight:500;color:var(--ink-3);margin-left:4px}
.chip:hover{border-color:var(--ink-3)}
.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip.on b{color:var(--paper);opacity:.7}
.tcount{margin:0;font-size:13px;color:var(--ink-3);white-space:nowrap}
.sortb{font:inherit;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);background:none;border:none;padding:0;cursor:pointer}
.sortb:hover{color:var(--ink)}
.sortb.active{color:var(--brand-ink)}
.sortb.active::after{content:"";margin-left:5px}
#results li.sel{background:var(--surface-2)}
#results li.sel a{color:var(--brand-ink)}
.examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.examples a{font-size:13px;padding:5px 10px;border:1px solid var(--rule-2);
  text-decoration:none;color:var(--ink-2);background:var(--paper)}
.examples a:hover{border-color:var(--ink-3);color:var(--ink)}
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
.related a{background:var(--surface);padding:12px 14px;text-decoration:none;display:block}
.related a:hover{background:var(--surface-2)}
.related .rt{font-size:14px;color:var(--ink);display:block;line-height:1.35}
.related .rn{font-family:"JetBrains Mono",monospace;font-size:13px;margin-top:5px;display:block}

.sharerow{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.sharebtn{font-family:"Public Sans",sans-serif;font-size:13.5px;padding:7px 13px;
  border:1px solid var(--rule-2);background:var(--paper);color:var(--ink);
  text-decoration:none;cursor:pointer;line-height:1.3}
.sharebtn:hover{background:var(--surface-2);border-color:var(--ink-3)}

/* ---- the explorer --------------------------------------------------------
   One chart of the whole measured labour market: pay on a log axis, exposed
   share up the side, one dot per occupation sized by how many people do it.
   Everything is drawn from the public JSON endpoint at run time, so the page
   itself weighs almost nothing. */
.exp{background:var(--surface);border:1px solid var(--rule-2)}
.exp-bar{display:flex;flex-wrap:wrap;gap:11px 14px;align-items:center;
  padding:14px 16px;border-bottom:1px solid var(--rule)}
.exp-bar input[type=search],.exp-bar select{font-family:"Public Sans",sans-serif;font-size:14px;
  padding:8px 10px;border:1px solid var(--rule-2);background:var(--paper);color:var(--ink);max-width:100%}
.exp-bar input[type=search]{flex:1 1 200px;min-width:0}
.exp-bar select{flex:0 1 250px;min-width:0}
.exp-toggle{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.exp-plot{position:relative;padding:6px 6px 0}
.exp-plot svg{display:block;width:100%;height:auto}
.exp-plot .grid{stroke:var(--rule);stroke-width:1}
.exp-plot .axis{stroke:var(--rule-2);stroke-width:1}
.exp-plot .tick{fill:var(--ink-3);font-family:"JetBrains Mono",monospace;font-size:11px}
.exp-plot .axlab{fill:var(--ink-2);font-family:"Public Sans",sans-serif;font-size:12.5px;letter-spacing:.02em}
.exp-plot .trend{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;opacity:.9}
.exp-plot .trend-dot{fill:var(--brand)}
.pt{stroke:var(--surface);stroke-width:.7;cursor:pointer;fill-opacity:.72}
.pt.exposed{fill:var(--exposed)} .pt.assisted{fill:var(--assisted)} .pt.untouched{fill:var(--untouched)}
.pt.dim{opacity:.07;pointer-events:none}
.pt.hit{stroke:var(--ink);stroke-width:2;fill-opacity:1}
.exp-tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-112%);
  background:var(--ink);color:var(--paper);padding:9px 11px;font-size:13px;line-height:1.45;
  max-width:250px;z-index:3;transition:opacity .08s linear}
.exp-tip b{display:block;margin-bottom:3px}
.exp-tip .m{font-family:"JetBrains Mono",monospace;font-size:12px;opacity:.82;display:block}
.exp-foot{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;
  padding:12px 16px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-3)}
.exp-load{padding:70px 20px;text-align:center;color:var(--ink-3);font-size:14px}
@media (max-width:640px){
  .exp-plot{padding:4px 2px 0}
  .exp-bar{padding:12px}
  .exp-tip{font-size:12.5px;max-width:200px}
}
@media (prefers-reduced-motion:reduce){.exp-tip{transition:none}}

/* light and dark switch, remembered per browser */
.themeb{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);background:none;border:1px solid var(--rule-2);padding:3px 8px;cursor:pointer;line-height:1.5}
.themeb:hover{color:var(--ink);border-color:var(--ink-3)}

@media print{
  .site-nav,.themeb,.sharerow,.exp-bar,.exp-foot,.skip,.tablebar{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .rail-card,.exp,.scroller,.score-hero{border:1px solid #bbb;break-inside:avoid}
  a{color:#000;text-decoration:none}
  .page-grid{display:block}
}

/* the front page finding: prose on the left, the shape of it on the right */
.feature{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;
  background:var(--surface);border:1px solid var(--rule-2);padding:22px 24px 24px}
@media (min-width:900px){.feature{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:44px}}
.feature-txt p{font-size:16.5px;max-width:58ch}
.feature-txt p:last-child{margin-bottom:0}
.fbar{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr) auto;
  align-items:center;gap:12px;margin-bottom:11px}
.fbar .fl{font-size:13.5px;color:var(--ink-2)}
.fbar .ft{display:block;height:15px;background:var(--surface-2);border:1px solid var(--rule)}
.fbar .ft i{display:block;height:100%;background:var(--brand)}
.fbar .fv{font-size:13.5px;color:var(--ink)}
.feature-fig .disc{font-size:12.5px;color:var(--ink-3);margin:14px 0 0}
@media (max-width:520px){
  .fbar{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
  .fbar .ft{grid-column:1/2}
  .fbar .fl{grid-column:1/3;font-size:13px}
}

/* consent banner: fixed, never shifts the page, either answer is one click */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);
  border-top:1px solid var(--rule-2);transform:translateY(100%);transition:transform .22s ease;
  padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -1px 0 rgba(0,0,0,.04)}
.consent.on{transform:none}
.consent-in{max-width:1520px;margin:0 auto;padding:16px clamp(16px,3.2vw,44px);
  display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
.consent-in p{margin:0;font-size:13.5px;color:var(--ink-2);max-width:74ch;line-height:1.5}
.consent-btns{display:flex;gap:9px;flex-wrap:wrap}
.cbtn{font-family:"Public Sans",system-ui,sans-serif;font-size:13.5px;padding:8px 15px;
  border:1px solid var(--rule-2);background:var(--paper);color:var(--ink);cursor:pointer;line-height:1.35}
.cbtn:hover{border-color:var(--ink-3)}
.cbtn-y{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cbtn-y:hover{opacity:.88}
@media (prefers-reduced-motion:reduce){.consent{transition:none}}
@media (max-width:640px){.consent-in{gap:12px}.consent-btns{width:100%}.cbtn{flex:1 1 auto}}

/* compare: two columns that become one on a phone, with the verdict underneath */
.cmp{background:var(--surface);border:1px solid var(--rule-2)}
.cmp-bar{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-end;
  padding:16px 18px;border-bottom:1px solid var(--rule)}
.cmp-field{flex:1 1 260px;min-width:0;display:block}
.cmp-field span{display:block;font-size:12.5px;color:var(--ink-3);margin-bottom:5px;
  font-family:"JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.cmp-field input{width:100%;font-family:"Public Sans",system-ui,sans-serif;font-size:15px;
  padding:9px 11px;border:1px solid var(--rule-2);background:var(--paper);color:var(--ink)}
#cswap{align-self:flex-end;margin-bottom:1px}
.cmp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--rule)}
@media (min-width:820px){.cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cmp-col{background:var(--surface);padding:20px 22px 22px;min-width:0}
.cmp-col h3{font-size:16.5px;margin-bottom:12px;line-height:1.35}
.cmp-col .score-num{font-size:clamp(38px,6vw,52px)}
.cmp-cap{font-size:13.5px;color:var(--ink-2);margin:8px 0 14px}
.cmp-col .bar{height:26px;margin-bottom:16px}
.cmp-empty{display:flex;align-items:center;justify-content:center;color:var(--ink-3);min-height:180px}
.cmp-verdict{border-top:1px solid var(--rule);padding:18px 22px;background:var(--surface-2)}
.cmp-verdict p{font-size:15.5px;max-width:82ch;margin-bottom:10px}
.cmp-verdict p:last-child{margin-bottom:0}

.byline{font-size:13.5px;color:var(--ink-3);border-bottom:1px solid var(--rule);
  padding-bottom:12px;margin-bottom:20px;max-width:none}
.byline a{color:var(--ink-2)}