/* Results (/evidence, 2026-11-04). Fable's direction: two kinds of paper. Ours is printed on ivory (Figure 1's bars are cut
   strips of paper laid to their value); the outside figures are on black stock, filed as a card index on the dark band,
   one card in front at a time. Shared pieces: page.css. */

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- head: the title, and the three-line summary as a slip on the sheets ---------- */
.ev-head__grid { position: relative; z-index: 3; display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(28px, 4vw, 90px); align-items: end; }
.ev-head .phead__words { max-width: none; }
.ev-kicker { margin: clamp(10px, 2svh, 20px) 0 0; }
.ev-title { font-size: calc(54 * var(--u)); line-height: .98; letter-spacing: -.025em; max-width: 16ch; margin-top: calc(8 * var(--u)); }
.ev-by { font: 500 calc(13 * var(--u)) var(--read); color: var(--ink-2); }
.ev-slip { position: relative; counter-reset: n; display: grid; gap: 12px; padding: clamp(22px, 2.4vw, 36px) clamp(22px, 2.4vw, 36px) clamp(22px, 2.4vw, 36px) clamp(52px, 4vw, 70px); transform: rotate(1.2deg); max-width: 34rem; justify-self: end; }
.ev-slip li { counter-increment: n; position: relative; font: 400 calc(13 * var(--u)) / 1.4 var(--read); color: var(--ink); }
.ev-slip li::before { content: counter(n); position: absolute; left: -34px; top: 0; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--ink-red); display: grid; place-items: center; font: 600 .78rem/1 var(--display); color: var(--ink-red); }
.ev-slip__stamp { position: absolute; right: 18px; top: -16px; }

/* ---------- ours ---------- */
.ev-own { padding-top: clamp(40px, 7svh, 84px); }
.ev-fig1 { display: grid; grid-template-columns: minmax(280px, 4fr) 8fr; gap: clamp(28px, 4vw, 80px); padding: clamp(30px, 3.4vw, 64px); }
.ev-numeral { font: 600 clamp(4.6rem, 2rem + 6vw, 9rem)/.9 var(--display); color: #14191B; letter-spacing: -.03em; margin: clamp(12px, 2svh, 22px) 0 6px; }
.ev-numeral--s { font-size: clamp(3rem, 1.6rem + 3vw, 5rem); margin: 14px 0 10px; }
.ev-unit { font: italic 1.05rem var(--serif); color: var(--ink-2); }
.ev-how { margin-top: clamp(20px, 3.4svh, 34px); padding-top: 16px; border-top: 1px solid var(--rule); }
.ev-how p:last-child { margin-top: 8px; font-size: .98rem; line-height: 1.5; color: var(--ink-2); }
.ev-how strong { color: var(--ink); }
.ev-fig1__chart { position: relative; }
.ev-fig1__title { font: 600 clamp(1.25rem, .95rem + .75vw, 1.85rem)/1.2 var(--display); max-width: 40ch; color: #14191B; margin-bottom: clamp(20px, 3.4svh, 34px); }
.ev-bars { display: grid; gap: clamp(12px, 2svh, 18px); }
.ev-bars li { display: grid; grid-template-columns: 8.5rem 1fr; align-items: center; gap: 16px; }
.ev-bars__l { font: 500 .95rem var(--sans); color: var(--ink-2); }
.ev-bars__t { position: relative; display: flex; align-items: center; height: clamp(34px, 5svh, 46px); }
/* a strip of paper cut to its value, laid down in held frames the first time the figure is seen */
.ev-bars__t i { height: 100%; width: calc(var(--v) * 1%); background: #D7CFBF var(--strip-tex); background-blend-mode: multiply; background-size: 900px; box-shadow: var(--edge), 2px 4px 6px -3px rgb(18 27 30 / .3); transform: rotate(-.3deg); transform-origin: left; }
.ev-bars li.is-lead .ev-bars__t i { background: #234048 var(--deep-tex); background-size: 300px; box-shadow: 0 1px 0 rgb(0 0 0 / .3), 2px 4px 6px -3px rgb(18 27 30 / .45); }
.js .ev-bars .ev-bars__t i { clip-path: inset(0 100% 0 0); }
.js .ev-bars.is-in .ev-bars__t i { clip-path: inset(0 0 0 0); transition: clip-path .7s steps(8, end); }
.js .ev-bars.is-in li:nth-child(2) i { transition-delay: .15s; }
.js .ev-bars.is-in li:nth-child(3) i { transition-delay: .3s; }
.ev-bars__t b { margin-left: 12px; font: 600 1.15rem var(--display); color: #14191B; }
.ev-axis { display: flex; justify-content: space-between; margin: 12px 0 0 calc(8.5rem + 16px); padding-top: 8px; border-top: 1px solid var(--rule); font: 500 .78rem var(--sans); color: var(--ink-2); width: calc(100% - 8.5rem - 16px - 4.5rem); }
.ev-cap { margin-top: 10px; font: italic .9rem/1.45 var(--serif); color: var(--ink-2); }
.ev-cap strong { font-style: normal; color: var(--ink); }
.ev-note { right: 2%; bottom: -10px; }
.ev-src { grid-column: 1 / -1; padding-top: 16px; border-top: 1px solid var(--rule); font: italic .92rem/1.5 var(--serif); color: var(--ink-2); }
.ev-src a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; font-style: normal; }
.ev-pair { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 3vw, 56px); margin-top: clamp(24px, 4svh, 44px); }
.ev-small { padding: clamp(26px, 2.8vw, 48px); }
.ev-small:nth-child(1) { transform: rotate(-.6deg); }
.ev-small:nth-child(2) { transform: rotate(.5deg); }
.ev-small__title { margin-top: 12px; font: 600 clamp(1.15rem, .95rem + .5vw, 1.5rem)/1.25 var(--display); color: #14191B; max-width: 36ch; }

/* ---------- theirs: the card index on black stock ---------- */
.ev-out__head { max-width: 52rem; margin-bottom: clamp(28px, 4.6svh, 48px); }
.ev-index { position: relative; }
.ev-tabs { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 6px 4px; padding-left: 10px; }
.ev-tabs [role="tab"] { position: relative; min-height: 44px; padding: 10px 16px 14px; border: 0; border-radius: 6px 6px 0 0; cursor: pointer; font: 600 .92rem/1.1 var(--sans); letter-spacing: .04em; color: var(--deep-2);
  background: #1a1517 var(--black-tex, none); box-shadow: inset 0 1px 0 rgb(258 255 252 / .08); transform: translateY(6px); transition: transform .24s steps(3, end), color .2s; }
.ev-tabs [role="tab"]:hover { transform: translateY(2px); color: var(--ivory); }
.ev-tabs [role="tab"][aria-selected="true"] { transform: none; color: var(--ivory); background: #241e20; z-index: 2; }
.ev-tabs [role="tab"]:focus-visible { outline: 2px solid var(--ivory); outline-offset: 2px; }
.ev-cards { position: relative; display: grid; }
/* the cards filed behind the front one: two edges of black stock showing above and to the right */
.ev-cards::before, .ev-cards::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 4px; background: #17120f; box-shadow: 0 10px 24px -10px rgb(0 0 0 / .7); }
.ev-cards::before { transform: translate(14px, -10px) rotate(.8deg); opacity: .8; }
.ev-cards::after { transform: translate(7px, -5px) rotate(.4deg); background: #1d1719; }
.ev-card { position: relative; z-index: 1; grid-area: 1 / 1; display: grid; grid-template-columns: minmax(200px, 3fr) 9fr; grid-template-areas: "num find" "num side" "src src"; gap: 14px clamp(24px, 3vw, 60px);
  padding: clamp(28px, 3vw, 54px); min-height: clamp(300px, 42svh, 420px); border-radius: 4px; background: #241e20 url(../media/paper/black-stock.webp); background-size: 512px; color: var(--ivory);
  box-shadow: inset 0 1px 0 rgb(258 255 252 / .07), 0 22px 44px -18px rgb(0 0 0 / .75); }
.ev-card:not([hidden]) { animation: file-in .5s steps(5, end) both; }
@keyframes file-in { from { transform: translateY(-26px); } to { transform: none; } }
.ev-card__num { grid-area: num; font: 600 clamp(3.4rem, 1.8rem + 3.4vw, 6.2rem)/.9 var(--display); color: var(--ivory); letter-spacing: -.03em; }
.ev-card__find { grid-area: find; font: 600 clamp(1.3rem, 1rem + .8vw, 2rem)/1.2 var(--display); max-width: 30ch; }
.ev-card__side, .ev-card > .ev-card__what { grid-area: side; }
.ev-card__what { font-size: 1.02rem; line-height: 1.5; color: var(--deep-2); max-width: 46rem; }
.ev-card__bars { display: grid; gap: 10px; margin-top: 14px; max-width: 40rem; }
.ev-card__bars li { display: grid; grid-template-columns: 11rem 4.2rem 1fr; align-items: center; gap: 12px; font-size: .95rem; color: var(--deep-2); }
.ev-card__bars b { font: 600 1rem var(--display); color: var(--ivory); text-align: right; }
.ev-card__bars i { height: 14px; width: calc(var(--v) * 1%); background: rgb(234 227 226 / .5); border-radius: 1px; }
.ev-card__bars li.is-lead i { background: var(--sage); }
.ev-card__bars li.is-lead span { color: var(--ivory); }
.ev-card__src { grid-area: src; padding-top: 14px; border-top: 1px solid rgb(248 245 239 / .16); font-size: .9rem; line-height: 1.5; color: var(--deep-2); }
.ev-card__src a { color: var(--ivory); text-decoration: underline; text-underline-offset: 3px; }
.ev-tabrow { position: relative; z-index: 3; display: flex; align-items: center; }
.ev-tabrow .ev-tabs { flex: 0 1 auto; }
.ev-out__note { position: relative; flex: none; margin-left: 84px; z-index: 4; font-weight: 600; }
/* Jonah 2026-11-05 21:26 at his 1903-wide window: the heading grew with the page width to 100px and pushed the figure card
   below the screen, so the title had nothing visible under it. On wide screens the head stops growing at these sizes, which
   leaves the whole card (its finding, what it measured, and its source) on the same screen as the heading. */
@media (min-width: 1101px) {
  .ev-out { padding-top: min(calc(56 * var(--u)), 72px); }
  .ev-out .kicker { font-size: min(calc(13 * var(--u)), 1.05rem); }
  .ev-out .psec__title { font-size: min(calc(54 * var(--u)), 4rem); }
  .ev-out .psec__lede { font-size: min(calc(18 * var(--u)), 1.3rem); }
  .ev-out__head { max-width: 72rem; margin-bottom: clamp(28px, 3.4svh, 40px); }
  .ev-out .psec__title { text-wrap: balance; }
  .ev-out__note { font-size: min(calc(22 * var(--u)), 1.9rem); }
}
/* (the .ev-tabs / .ev-card rules above drew the tab index that the clippings below replaced on 2026-11-05; the page no
   longer uses them, they are kept so the old markup in git still renders if it is ever put back) */

/* ---------- theirs, version 2 (Jonah 2026-11-05 21:54: "black box, the numbers dont stand out and they dont visually show
   anything that people can understand easily"): each outside figure is a clipping of cream paper taped to the band, its
   source typed on the tape, its number large in blue, and under the finding a small picture of what the number means.
   Pictures are drawn to scale from zero; the blue piece is always the one the finding is about. ---------- */
.ev-out { --fx-blue: #1D4E5F; --fx-pale: #D7CFBF; }
.fx-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(34px, 3.6svh, 46px) clamp(18px, 1.5vw, 30px); padding-top: 14px; }
.fx { grid-column: span 4; display: flex; flex-direction: column; padding: clamp(30px, 2.1vw, 40px) clamp(22px, 1.7vw, 32px) clamp(18px, 1.4vw, 26px); transform: rotate(var(--tilt, 0deg)); }
.fx--s { grid-column: span 3; }
.fx__tape { position: absolute; top: -14px; left: clamp(18px, 1.5vw, 28px); padding: .62em 1em .55em; font: 700 .76rem/1 Consolas, "Courier New", ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
  color: #23495A; background: rgb(205 223 228 / .86); box-shadow: 0 1px 2px rgb(13 22 25 / .18); transform: rotate(-2deg);
  clip-path: polygon(0 8%, 3% 0, 97% 6%, 100% 0, 99% 92%, 96% 100%, 4% 94%, 1% 100%); }
.fx__num { font: 600 clamp(3.2rem, 1.3rem + 3.3vw, 5.6rem)/.9 var(--display); letter-spacing: -.035em; color: var(--fx-blue); margin: 4px 0 12px; }
/* no single word left alone on a finding's last line (the critic caught "one." on Figure 6 at 1903) */
.fx .fx__find { text-wrap: pretty; }
.fx__find { font: 600 clamp(1.06rem, .88rem + .42vw, 1.4rem)/1.24 var(--display); color: #14191B; max-width: 34ch; }
.fx__pic { margin-top: clamp(16px, 2.2svh, 24px); }
.fx__what { margin-top: 14px; font: 400 .9rem/1.45 var(--read); color: var(--ink-2); }
.fx__src { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--rule); font: italic .82rem/1.45 var(--serif); color: var(--ink-2); }
/* the source line sits at the foot of every clipping in a row; whatever comes before it keeps a gap above it */
.fx__what, .fx__pic { margin-bottom: 16px; }
.fx__pic + .fx__what { margin-top: -2px; }
.fx__src .ev-nw { white-space: nowrap; }
.fx__src a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; font-style: normal; }

/* strips: cut paper laid to its value, as in our own Figure 1 */
.fx-rows { display: grid; gap: 12px; }
.fx-row { display: grid; gap: 5px; }
.fx-row__l { font: 500 .86rem/1.2 var(--read); color: var(--ink-2); }
.fx-row__l::first-letter { text-transform: uppercase; }
.fx-track { display: flex; align-items: center; height: 26px; }
.fx-track i { flex: none; height: 100%; width: calc(var(--v) * var(--k, .86%)); background: var(--fx-pale) var(--strip-tex); background-blend-mode: multiply; background-size: 900px;
  box-shadow: var(--edge), 2px 4px 6px -3px rgb(18 27 30 / .3); transform: rotate(-.3deg); transform-origin: left; }
/* the blue piece keeps the paper's fibre (multiplied in) so it reads as blue paper, not a black bar */
.fx-track i.is-lead { background: var(--fx-blue) var(--strip-tex); background-blend-mode: multiply; background-size: 900px; box-shadow: 0 1px 0 rgb(0 0 0 / .25), 2px 4px 6px -3px rgb(18 27 30 / .45); }
.fx-track b { margin-left: 10px; font: 600 1rem var(--display); color: #14191B; white-space: nowrap; }
.fx-track i.is-lead + b { color: var(--fx-blue); }
/* the clicks that went: the rest of the strip, cut away and drawn as a dashed outline */
.fx-gone { flex: none; width: calc(58 * .86%); height: 100%; display: grid; place-items: center; border: 1.5px dashed rgb(29 78 95 / .55); border-left: 0; font: 600 1.4rem/1 var(--hand); font-style: normal; color: var(--fx-blue); white-space: nowrap; }

/* ten searches: the six that ended on the results page are solid, the four that went on to a website carry an arrow */
.fx-searches { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px 8px; }
.fx-q { width: 100%; height: auto; aspect-ratio: 120 / 32; display: block; overflow: visible; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.fx-q rect { stroke: var(--fx-blue); }
.fx-q.is-stop rect { fill: var(--fx-blue); }
.fx-q.is-stop use { stroke: #F3EEE6; }
.fx-q.is-go use, .fx-q.is-go path { stroke: var(--fx-blue); }
.fx-q.is-go rect { fill: rgb(255 255 255 / .5); }
.fx-key { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 12px; font: 500 .84rem/1.3 var(--read); color: var(--ink-2); }
.fx-key span::first-letter { text-transform: uppercase; }
.fx-key span::before { content: ""; display: inline-block; width: 24px; height: 10px; margin-right: 8px; border-radius: 99px; vertical-align: 0; box-sizing: border-box; }
.fx-key__stop::before { background: var(--fx-blue); }
.fx-key__go::before { border: 1.5px solid var(--fx-blue); }

/* columns by age, from zero */
.fx-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; align-items: end; }
.fx-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; }
.fx-col i { width: 64%; height: calc(var(--v) * 1.5px); background: var(--fx-pale) var(--strip-tex); background-blend-mode: multiply; background-size: 900px; box-shadow: var(--edge); }
.fx-col.is-lead i { background: var(--fx-blue) var(--strip-tex); background-blend-mode: multiply; background-size: 900px; box-shadow: none; }
.fx-col b { font: 600 1rem var(--display); color: #14191B; }
.fx-col.is-lead b { color: var(--fx-blue); font-size: 1.15rem; }
.fx-col span { align-self: stretch; margin-top: -6px; padding-top: 7px; border-top: 1px solid rgb(30 52 58 / .3); text-align: center; font: 500 .8rem var(--read); color: var(--ink-2); white-space: nowrap; }

/* the results page, drawn small: a search box, the AI Overview at the top, then the links */
.fx-serp { display: grid; gap: 8px; padding: 12px; border-radius: 10px; background: #FFFDF9; box-shadow: 0 0 0 1px rgb(30 52 58 / .14), 0 8px 16px -10px rgb(13 22 25 / .35); }
.fx-serp__bar { display: block; height: 22px; border-radius: 99px; box-shadow: inset 0 0 0 1px rgb(30 52 58 / .24); }
.fx-serp__bar svg { display: block; height: 100%; aspect-ratio: 120 / 32; fill: none; stroke: #6B7F85; stroke-width: 2.2; stroke-linecap: round; }
.fx-serp__ai, .fx-serp__org { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 7px; }
.fx-serp__ai { background: rgb(29 78 95 / .1); box-shadow: inset 0 0 0 1.5px var(--fx-blue); }
.fx-serp__org { box-shadow: inset 0 0 0 1px rgb(30 52 58 / .14); }
.fx-serp__lines { display: block; height: 34px; background: linear-gradient(rgb(30 52 58 / .32), rgb(30 52 58 / .32)) 0 2px / 92% 6px no-repeat, linear-gradient(rgb(30 52 58 / .2), rgb(30 52 58 / .2)) 0 14px / 100% 5px no-repeat, linear-gradient(rgb(30 52 58 / .2), rgb(30 52 58 / .2)) 0 25px / 70% 5px no-repeat; }
.fx-serp__ai .fx-serp__lines { background: linear-gradient(rgb(29 78 95 / .75), rgb(29 78 95 / .75)) 0 2px / 60% 6px no-repeat, linear-gradient(rgb(29 78 95 / .32), rgb(29 78 95 / .32)) 0 14px / 100% 5px no-repeat, linear-gradient(rgb(29 78 95 / .32), rgb(29 78 95 / .32)) 0 25px / 84% 5px no-repeat; }
.fx-serp p { display: grid; justify-items: end; gap: 2px; text-align: right; }
.fx-serp b { font: 600 1.15rem/1 var(--display); color: #14191B; }
.fx-serp__ai b { font-size: 1.6rem; color: var(--fx-blue); }
.fx-serp p span { font: 500 .8rem/1.2 var(--read); color: var(--ink-2); white-space: nowrap; }

/* ten people per row, filled to the share: 47 in 100 is four people and most of a fifth */
.fx-people { display: grid; gap: 12px; }
/* both rows share one width so the two years compare person for person */
.fx-ppl { display: grid; grid-template-columns: minmax(0, 1fr) 3.2rem; align-items: center; gap: 4px 12px; }
.fx-ppl i { display: block; height: 34px; background: linear-gradient(90deg, var(--c, #7E99A1) calc(var(--v) * 1%), rgb(30 52 58 / .11) 0);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 34'%3E%3Ccircle cx='10' cy='7' r='5.4'/%3E%3Cpath d='M1.5 33C1.5 20 5.5 14.6 10 14.6S18.5 20 18.5 33Z'/%3E%3C/svg%3E") 0 0 / 10% 100% repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 34'%3E%3Ccircle cx='10' cy='7' r='5.4'/%3E%3Cpath d='M1.5 33C1.5 20 5.5 14.6 10 14.6S18.5 20 18.5 33Z'/%3E%3C/svg%3E") 0 0 / 10% 100% repeat-x; }
.fx-ppl.is-lead i { --c: var(--fx-blue); height: 40px; }
.fx-ppl b { font: 600 1.15rem var(--display); color: var(--fx-blue); }
.fx-ppl:not(.is-lead) b { font-size: 1rem; color: #5E7A82; }
.fx-ppl span { grid-column: 1 / -1; font: 500 .84rem/1.3 var(--read); color: var(--ink-2); }

@media (max-width: 1100px) {
  .fx, .fx--s { grid-column: span 6; }
}
@media (max-width: 760px) {
  .fx-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .fx, .fx--s { grid-column: auto; transform: rotate(calc(var(--tilt, 0deg) / 2)); }
}

.ev-posts { margin-top: clamp(48px, 8svh, 90px); }
.ev-posts__head { margin-bottom: 20px; }
.ev-posts__title { font: 600 clamp(1.4rem, 1.1rem + .8vw, 2rem)/1.15 var(--display); color: var(--ivory); }
.ev-posts__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 32px); }
.ev-post { display: grid; align-content: start; gap: 6px; padding: clamp(22px, 2.2vw, 34px); border-radius: 4px; background: #241e20 url(../media/paper/black-stock.webp); background-size: 512px; box-shadow: inset 0 1px 0 rgb(258 255 252 / .07), 0 16px 30px -16px rgb(0 0 0 / .7); }
.ev-post blockquote { margin: 0 0 12px; font: italic 1.08rem/1.5 var(--serif); color: var(--ivory); }
.ev-post__name { font: 600 1.05rem var(--display); color: var(--ivory); }
.ev-post__meta { font-size: .88rem; color: var(--deep-2); }
.ev-post .tlink { justify-self: start; }
.ev-about { margin-top: clamp(28px, 5svh, 48px); max-width: 60rem; }
.ev-about p:last-child { margin-top: 10px; font-size: .95rem; line-height: 1.55; color: var(--deep-2); }

/* ---------- what it does and does not prove ---------- */
.ev-prove__grid { display: grid; grid-template-columns: 6fr 5fr; gap: clamp(28px, 5vw, 110px); align-items: start; }
.ev-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.ev-meta__l { border: 0; padding: 0; }
.ev-prose { display: grid; gap: 1em; margin: clamp(16px, 2.6svh, 26px) 0 14px; font-size: 1.08rem; line-height: 1.6; color: var(--ink-2); max-width: 44rem; }
.ev-facts { padding: clamp(24px, 2.6vw, 44px); transform: rotate(.6deg); }
.ev-facts div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 16px; padding: 12px 0; border-top: 1px solid var(--rule); }
.ev-facts div:first-child { border-top: 0; }
.ev-facts dt { font: 600 .76rem/1.6 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-red); }
.ev-facts dd { margin: 0; font-size: 1rem; line-height: 1.5; }
.ev-cta { overflow: hidden; }
.ev-cta__inner { position: relative; z-index: 2; }
.ev-cta__title { font-size: clamp(2.6rem, 1.3rem + 3vw, min(5rem, 10svh)); line-height: .98; color: #14191B; max-width: 16ch; }
.ev-cta__btn { margin-top: clamp(22px, 3.6svh, 36px); }

@media (max-width: 1100px) {
  .ev-head__grid, .ev-fig1, .ev-prove__grid { grid-template-columns: 1fr; }
  .ev-slip { justify-self: start; }
  .ev-posts__list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .ev-pair { grid-template-columns: 1fr; }
  .ev-bars li { grid-template-columns: 6.4rem 1fr; }
  .ev-axis { margin-left: calc(6.4rem + 16px); width: calc(100% - 6.4rem - 16px - 3.6rem); }
  .ev-note, .ev-out__note { display: none; }
  .ev-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
  .ev-tabs [role="tab"] { flex: none; }
  .ev-card { grid-template-columns: 1fr; grid-template-areas: "num" "find" "side" "src"; }
  .ev-card__bars li { grid-template-columns: 1fr 3.6rem; }
  .ev-card__bars i { grid-column: 1 / -1; }
  .ev-facts div { grid-template-columns: 1fr; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) { .ev-card:not([hidden]) { animation: none; } .js .ev-bars .ev-bars__t i { clip-path: none; } }
@media (max-width: 1100px) { .ev-title { font-size: 2.6rem; } }