/* The Green Blind Spot — site stylesheet, "Ledger" (2026-Q4).
   Same constraints as before: no webfonts, no images, no animation, every page
   must stay at an A+ rating under src/green_crawl/site/weight.py. Colour encodes
   exactly one thing: distance from the cohort median. Geometry that varies per
   edition is applied with the pre-generated percent classes at the bottom of
   this file, never an inline style attribute. */
:root{
  --paper:#f3f1ea;--paper-2:#eae7dd;--ink:#191a16;--ink-2:#5d5f56;--rule:#d5d2c6;--rule-2:#b8b4a5;
  --signal:#b4401f;
  --calm-1:#c6ccb7;--calm-2:#949c81;--heat-1:#dda06e;--heat-2:#c46c33;--heat-3:#a3391a;
  --pass:#3f7a4f;
  --s-1:.35rem;--s-2:.7rem;--s-3:1.25rem;--s-4:2rem;--s-5:3.25rem;--s-6:5rem;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#141510;--paper-2:#1c1e16;--ink:#eeeadc;--ink-2:#9a978a;--rule:#2b2c24;--rule-2:#42443a;
    --signal:#e2733f;
    --calm-1:#414a33;--calm-2:#6b7554;--heat-1:#8a4f23;--heat-2:#c2712f;--heat-3:#e2894a;
    --pass:#6fb07f;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:74rem;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px}
a:hover,a:focus-visible{color:var(--signal);text-decoration-color:var(--signal)}

/* Masthead */
.top{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:baseline;justify-content:space-between;padding-top:var(--s-3);padding-bottom:var(--s-3);border-bottom:2px solid var(--ink)}
.brand{font-size:1.05rem;font-weight:800;letter-spacing:-.015em;text-decoration:none;color:var(--ink)}
nav{display:flex;gap:var(--s-3);font-size:.9rem}
nav a{margin:0}
.stamp{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}

/* Type */
h1{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.12;letter-spacing:-.025em;font-weight:700;margin:0 0 var(--s-2);max-width:34ch;text-wrap:pretty}
h2{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:700;margin:0 0 var(--s-3)}
h3{font-size:1.05rem;font-weight:650;margin:0 0 var(--s-1)}
p{margin:0 0 var(--s-2)}
.kicker{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);font-weight:700;margin:0 0 var(--s-2)}
.lede,.sub{font-size:1.05rem;color:var(--ink-2);max-width:60ch}
.note,.quiet-line,.privacy,.claim,.muted-line,.sector-note,.shade-key{font-size:.85rem;color:var(--ink-2);max-width:62ch}
.prose{max-width:62ch}
section{padding:var(--s-5) 0;border-bottom:1px solid var(--rule)}
section:last-of-type{border-bottom:0}
.rule{border-top:1px solid var(--rule);margin:var(--s-3) 0}

/* Lead block: the figure, then the headline */
.lead{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);padding:var(--s-5) 0 var(--s-4);border-bottom:1px solid var(--rule)}
@media(min-width:60rem){.lead{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:var(--s-5);align-items:start}}
.figure{font-size:clamp(4.5rem,11vw,8.5rem);line-height:.82;font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.figure span{display:block;font-size:.28em;font-weight:650;letter-spacing:-.01em;margin-top:var(--s-2);color:var(--ink-2)}

/* The argument and its facts */
.why{display:grid;gap:var(--s-4)}
@media(min-width:52rem){.why{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s-6)}}
.facts{display:grid;gap:var(--s-3)}
.fact{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:var(--s-3);align-items:baseline;padding-top:var(--s-2);border-top:1px solid var(--rule)}
.fact b{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.fact span{font-size:.9rem;color:var(--ink-2)}

/* Heat: the only colour scale. c1/c2 are below the cohort median, h1/h2/h3 above it. */
.c1{background:var(--calm-1)}
.c2{background:var(--calm-2)}
.h1{background:var(--heat-1)}
.h2{background:var(--heat-2)}
.h3{background:var(--heat-3)}
/* The company's own bar: ink, a colour no heat step uses, so it stays findable among the heaviest bars. */
.me{background:var(--ink)}
/* Grouping pages: every bar outside the highlighted group fades, so the group's own dots (.me) read at a glance. No new colour, just less of the existing one. */
.dim{opacity:.32}
.legend{display:flex;flex-wrap:wrap;gap:var(--s-3);font-size:.78rem;color:var(--ink-2);margin-top:var(--s-2)}
.legend i{display:inline-block;width:.85rem;height:.85rem;margin-right:.35rem;vertical-align:-1px}

/* Skyline: one bar per ranked company, lightest to heaviest. Plain boxes, no SVG. */
.skyline{display:flex;align-items:flex-end;gap:1px;height:14rem;border-bottom:2px solid var(--ink);position:relative}
.skyline a{flex:1 1 0;min-width:2px;text-decoration:none}
.skyline a:hover,.skyline a:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.median-rule{position:absolute;left:0;right:0;border-top:1px dashed var(--ink-2);pointer-events:none}
.median-rule b{position:absolute;right:0;top:-1.4rem;font-size:.75rem;font-weight:650;color:var(--ink-2);background:var(--paper);padding-left:.4rem}
.sky-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-2);margin-top:var(--s-2);font-variant-numeric:tabular-nums}

/* Sector bars: one row per sector, or per company within a sector. */
.sectors{display:grid;border-bottom:1px solid var(--rule)}
.srow{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr) 4.5rem;gap:var(--s-3);align-items:center;padding:var(--s-2) 0;border-top:1px solid var(--rule)}
.srow.hi{background:var(--paper-2);font-weight:700}
.srow .nm{font-weight:650}
.srow .nm small{display:block;font-weight:400;color:var(--ink-2);font-size:.78rem}
.srow i{display:block;height:.85rem}
.sval{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}

/* Tiles: a rule, a figure, a caption. No box. */
.tiles{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin:var(--s-4) 0}
.tile{border-top:1px solid var(--rule);padding-top:var(--s-2)}
.tile b{display:block;font-size:1.6rem;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.tile span{font-size:.78rem;color:var(--ink-2)}

/* Ranking table */
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
thead th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-weight:700;padding:0 .7rem .7rem 0;border-bottom:2px solid var(--ink)}
tbody td{padding:.7rem .7rem .7rem 0;border-bottom:1px solid var(--rule);vertical-align:baseline}
tbody tr:hover td{background:var(--paper-2)}
th.n,td.n{text-align:right;padding-left:var(--s-3);padding-right:.7rem;white-space:nowrap}
thead th:last-child,tbody td:last-child{padding-right:0}
th .sort-btn{all:unset;cursor:pointer;font:inherit;font-weight:inherit;color:inherit}
th .sort-btn:hover,th .sort-btn:focus-visible{text-decoration:underline}
th[aria-sort="ascending"] .sort-btn::after{content:" \25B2"}
th[aria-sort="descending"] .sort-btn::after{content:" \25BC"}
a.help{display:inline-block;margin-left:.3rem;width:1.05rem;height:1.05rem;line-height:1.05rem;text-align:center;border:1px solid var(--rule-2);font-size:.7rem;color:var(--ink-2);text-decoration:none}
a.help:hover,a.help:focus-visible{color:var(--signal);border-color:var(--signal)}
td.rk{font-size:.85rem;color:var(--ink-2);width:3rem}
td.co{font-weight:650}
td.co small{display:block;font-weight:400;color:var(--ink-2);font-size:.78rem}
td.gm{font-weight:700;font-size:1.05rem}
td.gm i{display:block;height:.3rem;margin-top:.25rem}
td.bd{font-size:.78rem;color:var(--ink-2);white-space:nowrap}
.chip{display:inline-block;padding:.05rem .5rem;border:1px solid var(--rule-2);font-size:.78rem;color:var(--ink-2);white-space:nowrap}
/* Set by table.js when the ranking is collapsed to its two ends. */
tr[hidden]{display:none}
tr.cut td{border-bottom:2px solid var(--ink)}
.more{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;margin-top:var(--s-3);font-size:.9rem;color:var(--ink-2)}
.more-btn{font:inherit;font-weight:650;color:var(--ink);background:none;border:1px solid var(--rule-2);padding:.45rem 1rem;cursor:pointer}
.more-btn:hover,.more-btn:focus-visible{border-color:var(--signal);color:var(--signal)}
.more-btn[hidden]{display:none}
.filter{display:block;margin:var(--s-3) 0}
select{display:block;padding:.55rem .7rem;border:1px solid var(--rule);background:transparent;color:inherit;font:inherit}
select[hidden]{display:none}

/* Notices */
.empty,.withheld-box{border:1px dashed var(--rule-2);padding:var(--s-3);max-width:46rem}
.empty b,.withheld-box b{display:block;font-size:1.05rem;margin-bottom:var(--s-1)}
.empty p,.withheld-box p{margin:0;color:var(--ink-2);font-size:.9rem}

/* Pages that open on a plain heading instead of the lead block */
main>h1:first-child{margin-top:var(--s-5)}

/* Instant traffic check on /submit/result/ */
.result{border:2px solid var(--rule-2);padding:var(--s-3);max-width:46rem;margin-bottom:var(--s-3)}
.result.pass{border-color:var(--pass)}
.result.below{border-color:var(--heat-2)}
.result b{display:block;font-size:1.15rem;margin-bottom:var(--s-1)}
.result p{margin:0;color:var(--ink-2)}

/* Forms */
form.forms{display:block}
.forms{display:grid;gap:var(--s-4);margin:var(--s-4) 0;max-width:34rem}
form label{display:block;margin:var(--s-2) 0}
input,textarea{display:block;width:100%;padding:.55rem .7rem;border:1px solid var(--rule);background:transparent;color:inherit;font:inherit}
textarea{min-height:7rem}
.hint{display:block;font-size:.78rem;color:var(--ink-2);margin-top:.25rem}
button{margin-top:var(--s-2);padding:.6rem 1.15rem;border:0;background:var(--signal);color:var(--paper);font:inherit;font-weight:650;cursor:pointer}
.hp{position:absolute;left:-9999px}

/* Footer */
.foot{padding-top:var(--s-3);padding-bottom:var(--s-5);border-top:1px solid var(--rule);color:var(--ink-2);font-size:.85rem}
.foot p{margin:var(--s-1) 0}

/* Passing grades on the skyline: a hatched band from the baseline to the E/F cutoff. */
.pass-band{position:absolute;left:0;right:0;bottom:0;pointer-events:none;border-top:2px solid var(--pass);background:repeating-linear-gradient(135deg,var(--pass) 0 1px,transparent 1px 5px);z-index:1}
.f-mark{position:absolute;left:0;top:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:var(--paper);padding-right:.4rem;z-index:1}
.pass-key{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--ink-2);margin:var(--s-2) 0 0}
.pass-swatch{display:inline-block;width:.85rem;height:.85rem;border-top:2px solid var(--pass);background:repeating-linear-gradient(135deg,var(--pass) 0 2px,transparent 2px 5px)}
.ladder{list-style:none;padding:0;margin:var(--s-3) 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--rule)}
.ladder li{padding:var(--s-2) var(--s-1) 0 0;font-size:.75rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ladder b{display:block;font-size:1.05rem;color:var(--ink-2)}
.ladder em{display:block;font-style:normal;font-weight:650}
.ladder li.hit b,.ladder li.hit em{color:var(--ink)}
.ladder li.hit{background:var(--paper-2);padding-left:var(--s-1);box-shadow:inset 0 3px 0 var(--ink)}
@media(max-width:36rem){.ladder{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--s-2)}}

/* Home: the two ends of the ranking */
.ends{display:grid;gap:var(--s-4)}
@media(min-width:52rem){.ends{grid-template-columns:1fr 1fr;gap:var(--s-5)}}
table.mini td{padding:.5rem .7rem .5rem 0}
.more-link{margin-top:var(--s-3);font-weight:650}
.starting-point{margin-top:var(--s-4);padding:var(--s-3);border-left:3px solid var(--ink);background:var(--paper-2)}
.starting-point b{display:block;margin-bottom:var(--s-1)}
.starting-point p{font-size:.95rem;color:var(--ink-2)}
.starting-point p:last-child{margin:0}
.criteria{padding-left:1.2rem;max-width:62ch}
.criteria li{margin-bottom:var(--s-2)}

/* Methodology: a readable document with its own contents list and key facts */
.doc-head{padding:var(--s-5) 0 var(--s-3)}
.byline{font-size:.85rem;color:var(--ink-2)}
.doc-grid{display:grid;gap:var(--s-4)}
@media(min-width:60rem){.doc-grid{grid-template-columns:16rem minmax(0,1fr);gap:var(--s-5)}.doc-side{position:sticky;top:var(--s-3);align-self:start}}
.toc{display:block}
.toc b{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--s-1)}
.toc ol{margin:0 0 var(--s-4);padding-left:1.2rem;font-size:.9rem}
.toc li{margin:.2rem 0}
.keyfacts{margin:0;border-top:2px solid var(--ink);font-size:.85rem}
.keyfacts dt{color:var(--ink-2);margin-top:var(--s-2)}
.keyfacts dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.doc-body{max-width:66ch}
.doc-body h2{font-size:clamp(1.3rem,2.2vw,1.65rem);letter-spacing:-.015em;text-transform:none;color:var(--ink);margin:var(--s-5) 0 var(--s-2);scroll-margin-top:var(--s-3)}
.doc-body h2:first-child{margin-top:0}
.doc-body li{margin-bottom:var(--s-2)}
.doc-body table{max-width:24rem;margin:var(--s-3) 0}
.doc-body th,.doc-body td{text-align:left;padding:.4rem .7rem .4rem 0;border-bottom:1px solid var(--rule)}
blockquote{margin:var(--s-4) 0;padding:0 0 0 var(--s-3);border-left:3px solid var(--signal);font-size:1.2rem;line-height:1.45;font-weight:600;letter-spacing:-.01em}

/* Per-edition geometry, generated once so no number ever goes in a style attribute.
   .bh* = bar height as a percent of the edition maximum (skyline).
   .bw* = bar width as a percent of the list maximum (sector bars, table bars).
   .bb* = distance from the chart baseline, for the median rule. */
.bh0{height:0%}.bh1{height:1%}.bh2{height:2%}.bh3{height:3%}.bh4{height:4%}.bh5{height:5%}.bh6{height:6%}.bh7{height:7%}.bh8{height:8%}.bh9{height:9%}.bh10{height:10%}.bh11{height:11%}.bh12{height:12%}.bh13{height:13%}.bh14{height:14%}.bh15{height:15%}.bh16{height:16%}.bh17{height:17%}.bh18{height:18%}.bh19{height:19%}.bh20{height:20%}.bh21{height:21%}.bh22{height:22%}.bh23{height:23%}.bh24{height:24%}.bh25{height:25%}.bh26{height:26%}.bh27{height:27%}.bh28{height:28%}.bh29{height:29%}.bh30{height:30%}.bh31{height:31%}.bh32{height:32%}.bh33{height:33%}.bh34{height:34%}.bh35{height:35%}.bh36{height:36%}.bh37{height:37%}.bh38{height:38%}.bh39{height:39%}.bh40{height:40%}.bh41{height:41%}.bh42{height:42%}.bh43{height:43%}.bh44{height:44%}.bh45{height:45%}.bh46{height:46%}.bh47{height:47%}.bh48{height:48%}.bh49{height:49%}.bh50{height:50%}.bh51{height:51%}.bh52{height:52%}.bh53{height:53%}.bh54{height:54%}.bh55{height:55%}.bh56{height:56%}.bh57{height:57%}.bh58{height:58%}.bh59{height:59%}.bh60{height:60%}.bh61{height:61%}.bh62{height:62%}.bh63{height:63%}.bh64{height:64%}.bh65{height:65%}.bh66{height:66%}.bh67{height:67%}.bh68{height:68%}.bh69{height:69%}.bh70{height:70%}.bh71{height:71%}.bh72{height:72%}.bh73{height:73%}.bh74{height:74%}.bh75{height:75%}.bh76{height:76%}.bh77{height:77%}.bh78{height:78%}.bh79{height:79%}.bh80{height:80%}.bh81{height:81%}.bh82{height:82%}.bh83{height:83%}.bh84{height:84%}.bh85{height:85%}.bh86{height:86%}.bh87{height:87%}.bh88{height:88%}.bh89{height:89%}.bh90{height:90%}.bh91{height:91%}.bh92{height:92%}.bh93{height:93%}.bh94{height:94%}.bh95{height:95%}.bh96{height:96%}.bh97{height:97%}.bh98{height:98%}.bh99{height:99%}.bh100{height:100%}
.bw0{width:0%}.bw1{width:1%}.bw2{width:2%}.bw3{width:3%}.bw4{width:4%}.bw5{width:5%}.bw6{width:6%}.bw7{width:7%}.bw8{width:8%}.bw9{width:9%}.bw10{width:10%}.bw11{width:11%}.bw12{width:12%}.bw13{width:13%}.bw14{width:14%}.bw15{width:15%}.bw16{width:16%}.bw17{width:17%}.bw18{width:18%}.bw19{width:19%}.bw20{width:20%}.bw21{width:21%}.bw22{width:22%}.bw23{width:23%}.bw24{width:24%}.bw25{width:25%}.bw26{width:26%}.bw27{width:27%}.bw28{width:28%}.bw29{width:29%}.bw30{width:30%}.bw31{width:31%}.bw32{width:32%}.bw33{width:33%}.bw34{width:34%}.bw35{width:35%}.bw36{width:36%}.bw37{width:37%}.bw38{width:38%}.bw39{width:39%}.bw40{width:40%}.bw41{width:41%}.bw42{width:42%}.bw43{width:43%}.bw44{width:44%}.bw45{width:45%}.bw46{width:46%}.bw47{width:47%}.bw48{width:48%}.bw49{width:49%}.bw50{width:50%}.bw51{width:51%}.bw52{width:52%}.bw53{width:53%}.bw54{width:54%}.bw55{width:55%}.bw56{width:56%}.bw57{width:57%}.bw58{width:58%}.bw59{width:59%}.bw60{width:60%}.bw61{width:61%}.bw62{width:62%}.bw63{width:63%}.bw64{width:64%}.bw65{width:65%}.bw66{width:66%}.bw67{width:67%}.bw68{width:68%}.bw69{width:69%}.bw70{width:70%}.bw71{width:71%}.bw72{width:72%}.bw73{width:73%}.bw74{width:74%}.bw75{width:75%}.bw76{width:76%}.bw77{width:77%}.bw78{width:78%}.bw79{width:79%}.bw80{width:80%}.bw81{width:81%}.bw82{width:82%}.bw83{width:83%}.bw84{width:84%}.bw85{width:85%}.bw86{width:86%}.bw87{width:87%}.bw88{width:88%}.bw89{width:89%}.bw90{width:90%}.bw91{width:91%}.bw92{width:92%}.bw93{width:93%}.bw94{width:94%}.bw95{width:95%}.bw96{width:96%}.bw97{width:97%}.bw98{width:98%}.bw99{width:99%}.bw100{width:100%}
.bb0{bottom:0%}.bb1{bottom:1%}.bb2{bottom:2%}.bb3{bottom:3%}.bb4{bottom:4%}.bb5{bottom:5%}.bb6{bottom:6%}.bb7{bottom:7%}.bb8{bottom:8%}.bb9{bottom:9%}.bb10{bottom:10%}.bb11{bottom:11%}.bb12{bottom:12%}.bb13{bottom:13%}.bb14{bottom:14%}.bb15{bottom:15%}.bb16{bottom:16%}.bb17{bottom:17%}.bb18{bottom:18%}.bb19{bottom:19%}.bb20{bottom:20%}.bb21{bottom:21%}.bb22{bottom:22%}.bb23{bottom:23%}.bb24{bottom:24%}.bb25{bottom:25%}.bb26{bottom:26%}.bb27{bottom:27%}.bb28{bottom:28%}.bb29{bottom:29%}.bb30{bottom:30%}.bb31{bottom:31%}.bb32{bottom:32%}.bb33{bottom:33%}.bb34{bottom:34%}.bb35{bottom:35%}.bb36{bottom:36%}.bb37{bottom:37%}.bb38{bottom:38%}.bb39{bottom:39%}.bb40{bottom:40%}.bb41{bottom:41%}.bb42{bottom:42%}.bb43{bottom:43%}.bb44{bottom:44%}.bb45{bottom:45%}.bb46{bottom:46%}.bb47{bottom:47%}.bb48{bottom:48%}.bb49{bottom:49%}.bb50{bottom:50%}.bb51{bottom:51%}.bb52{bottom:52%}.bb53{bottom:53%}.bb54{bottom:54%}.bb55{bottom:55%}.bb56{bottom:56%}.bb57{bottom:57%}.bb58{bottom:58%}.bb59{bottom:59%}.bb60{bottom:60%}.bb61{bottom:61%}.bb62{bottom:62%}.bb63{bottom:63%}.bb64{bottom:64%}.bb65{bottom:65%}.bb66{bottom:66%}.bb67{bottom:67%}.bb68{bottom:68%}.bb69{bottom:69%}.bb70{bottom:70%}.bb71{bottom:71%}.bb72{bottom:72%}.bb73{bottom:73%}.bb74{bottom:74%}.bb75{bottom:75%}.bb76{bottom:76%}.bb77{bottom:77%}.bb78{bottom:78%}.bb79{bottom:79%}.bb80{bottom:80%}.bb81{bottom:81%}.bb82{bottom:82%}.bb83{bottom:83%}.bb84{bottom:84%}.bb85{bottom:85%}.bb86{bottom:86%}.bb87{bottom:87%}.bb88{bottom:88%}.bb89{bottom:89%}.bb90{bottom:90%}.bb91{bottom:91%}.bb92{bottom:92%}.bb93{bottom:93%}.bb94{bottom:94%}.bb95{bottom:95%}.bb96{bottom:96%}.bb97{bottom:97%}.bb98{bottom:98%}.bb99{bottom:99%}.bb100{bottom:100%}
.cmp-step{border-top:1px solid var(--rule-2);padding-top:var(--s-3);margin-top:var(--s-4)}
.cmp-eq{font-size:1.05rem;max-width:62ch;margin:var(--s-2) 0 var(--s-1)}
.cmp-blocks{display:flex;flex-wrap:wrap;gap:3px;max-width:36rem;margin:var(--s-2) 0}
.cmp-blocks i{display:block;width:10px;height:10px;background:var(--heat-2)}