:root{color-scheme:dark;--bg:#0b1010;--surface:#101717;--ink:#edece6;--muted:#a8b3ae;--accent:#86cfbc;--line:#2c3834;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-padding-top:32px;overflow-x:clip}
body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--bg)}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--accent)}
a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
h1,h2,h3,p,figure,pre,dl,dd{margin:0}
h1,h2,h3{font-weight:500}
.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}
code,pre{font-family:var(--mono)}
.skip{position:absolute;top:-100px;left:20px;padding:12px 18px;background:var(--accent);color:var(--bg);z-index:10}
.skip:focus{top:12px}
.mast{border-bottom:1px solid var(--line)}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:88px;gap:12px 24px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.06em;min-height:44px}
.brand img{display:block;border-radius:6px}
.nav{display:flex;align-items:center;gap:28px}
.nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.nav .contact{color:var(--ink)}
.hero{position:relative;isolation:isolate;padding:82px 0 24px}
.hero>.wrap{position:relative}
.eyebrow,.section-label{font:12px/1.5 var(--mono);color:var(--muted)}
.hero-copy{position:relative;z-index:1;max-width:680px}
h1{margin-top:26px;line-height:1.04;letter-spacing:-.055em}
h1 span{color:var(--accent)}
.hero-sub{margin-top:28px;max-width:480px;font-size:18px;line-height:1.6;color:var(--muted)}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:32px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 20px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:3px;font-size:14px;font-weight:600;text-decoration:none}
.button:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.text-link{font-size:14px}
.hero-note{margin-top:20px;font:12px/1.6 var(--mono);color:var(--muted)}
.ocean{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;contain:paint}
.jellyfish{margin:0;white-space:pre;font:10px/10px var(--mono);letter-spacing:0;color:var(--accent)}
.jellyfish-drift{position:absolute;transform-origin:50% 50%;will-change:transform}
.jellyfish-large{right:5%;top:42px;opacity:.23}
.jellyfish-small{left:3%;top:47%;opacity:.13}
.jellyfish-small .jellyfish{font-size:5px;line-height:5px}
.jellyfish-distant{right:32%;top:5%;opacity:.11}
.jellyfish-distant .jellyfish{font-size:4px;line-height:4px}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.motion-toggle{font:11px/1.5 var(--mono);color:var(--muted);border:0;background:none;padding:12px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.motion-toggle:hover{color:var(--ink)}
.motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}
.figure-link{display:inline-block;margin-top:24px}
.section-link{margin-top:28px;font-size:14px;color:var(--muted)}
.setup-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:24px;font-size:14px}
#opensource>.wrap>.terminal{margin-top:28px}
.walkthrough{margin-top:32px;color:var(--muted);font-size:14px}
.plugin-scope{font-size:13px;max-width:52ch}
.details-intro{padding:64px 0 48px}
.details-intro h1{font-size:clamp(44px,6vw,68px)}
.contents{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px;font-size:14px}
.contents a{display:inline-flex;align-items:center;min-height:44px}
.details-page .section-label{margin-bottom:18px}
.details-page .section{padding:56px 0}
.terminal{margin-top:62px;border:1px solid var(--line);background:var(--surface);border-radius:3px}
.terminal-head{display:flex;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);font:11px/1.6 var(--mono);color:var(--muted)}
.terminal pre{padding:22px 24px;font-size:13px;line-height:1.9;overflow-x:auto}
.prompt{color:var(--accent);user-select:none}
.section{border-top:1px solid var(--line);padding:56px 0}
.section-label{margin-bottom:24px}
h2{max-width:760px;font-size:clamp(30px,3.6vw,42px);line-height:1.15;letter-spacing:-.04em}
.intro{margin-top:18px;color:var(--muted);max-width:640px}
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px}
.ledger-table{width:100%;border-collapse:collapse}
.ledger-table caption{text-align:left;color:var(--muted);font:12px/1.6 var(--mono);margin-bottom:16px}
.ledger-table th,.ledger-table td{padding:17px 0;border-bottom:1px solid var(--line);font-weight:400;text-align:left}
.ledger-table td{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.ledger-table .total th,.ledger-table .total td{border-bottom:0;color:var(--accent);font-weight:600}
.ledger-table .total td{font-size:28px;letter-spacing:-.04em}
.figure-notes{padding-top:52px;color:var(--muted);font-size:14px}
.figure-notes p+p{margin-top:20px}
.figure-notes strong{color:var(--ink);font-weight:500}
.source{color:var(--muted);font-size:12px;line-height:1.7}
.ledger-source{margin-top:24px;max-width:790px}
.tail-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.tail-figure{padding-top:30px}
.tail-stat{display:flex;align-items:baseline;gap:18px;padding-bottom:20px}
.tail-stat strong{font:500 72px/1 var(--mono);letter-spacing:-.07em;color:var(--accent)}
.tail-stat span{max-width:210px;font-size:14px;color:var(--muted)}
.share-bar{display:flex;height:12px;gap:4px;margin-bottom:16px}
.share-bar .expensive{width:61%;background:var(--accent)}
.share-bar .remaining{flex:1;background:#445b51}
.tail-figure figcaption{color:var(--muted);font-size:12px;line-height:1.7}
.layers{margin-top:36px}
.layer{display:grid;grid-template-columns:52px 220px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}
.layer:last-child{border-bottom:0;padding-bottom:0}
.layer-number{padding-top:3px;font:12px/1.6 var(--mono);color:var(--muted)}
.layer h3{font-size:17px}
.layer p{color:var(--muted);font-size:15px;max-width:560px}
.comparison-wrap{overflow-x:auto;margin-top:32px}
.comparison{width:100%;min-width:560px;border-collapse:collapse;text-align:left;font-size:14px}
.comparison caption{text-align:left;color:var(--muted);margin-bottom:16px;font-size:13px}
.comparison th,.comparison td{vertical-align:top;border-bottom:1px solid var(--line);padding:17px 24px 17px 0}
.comparison th{font-weight:500}
.comparison thead th{font:12px/1.5 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.comparison td{color:var(--muted)}
.comparison th:first-child{width:24%}
.comparison th:nth-child(2){width:38%}
.comparison tbody td:first-of-type{color:var(--ink)}
.comparison th:last-child,.comparison td:last-child{padding-right:0}
.comparison-note{margin-top:20px;max-width:720px}
.steps{list-style:none;padding:0;margin:36px 0 0;counter-reset:steps}
.steps li{display:grid;grid-template-columns:52px 220px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line);counter-increment:steps}
.steps li::before{content:"0" counter(steps);color:var(--accent);font:12px/1.6 var(--mono);padding-top:4px}
.steps h3{font-size:17px}
.steps p{color:var(--muted);font-size:15px;max-width:560px}
.setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:32px}
.setup>div{min-width:0}
.setup h3{font-size:17px;margin-bottom:12px}
.setup p{color:var(--muted);font-size:14px}
.code{background:var(--surface);border:1px solid var(--line);border-radius:3px;margin-top:20px}
.code figcaption{padding:11px 18px;font:11px/1.6 var(--mono);color:var(--muted);border-bottom:1px solid var(--line)}
.code pre{padding:20px 18px;overflow-x:auto;font-size:12px;line-height:1.85}
.code-note{margin-top:16px;font-size:12px!important}
.keyword{color:var(--accent)}
.comment{color:var(--muted)}
.faq{margin-top:32px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:23px 0;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:18px/1 var(--mono);color:var(--muted)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 48px 24px 0;color:var(--muted);font-size:15px;max-width:760px}
.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.closing h2{font-size:clamp(30px,3.3vw,40px)}
.closing p{margin-top:14px;color:var(--muted);font-size:15px}
.closing .button{flex-shrink:0}
.plugin-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:64px}
.plugin h2{font-size:28px}
.plugin .section-label{margin-bottom:14px}
.plugin-copy{color:var(--muted);font-size:15px}
.plugin-copy p+p{margin-top:16px}
.plugin-copy strong{color:var(--ink);font-weight:500}
.plugin-links{display:flex;gap:24px;flex-wrap:wrap}
footer{border-top:1px solid var(--line);padding:32px 0}
.footer-top,.footer-base{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--accent)}
.footer-base{margin-top:28px;color:var(--muted);font:11px/1.6 var(--mono)}
@media(max-width:1100px){
.jellyfish-large{right:3%;top:36px}.jellyfish-large .jellyfish{font-size:8px;line-height:8px}
.hero-copy{max-width:640px}.hero-sub{max-width:460px}
.ledger,.setup,.plugin-inner{gap:36px}.tail-layout{gap:40px}
.layer,.steps li{grid-template-columns:36px 190px 1fr;gap:16px}
}
@media(max-width:800px){
.wrap{width:calc(100% - 48px)}.mast .wrap{min-height:76px}.nav{gap:20px}
.hero{padding:56px 0 20px}.hero-copy{max-width:100%}
.jellyfish-large{opacity:.12;right:2%;top:55px}.jellyfish-distant{right:35%;opacity:.08}.jellyfish-small{opacity:.08}.hero-sub{max-width:520px}.section{padding:56px 0}
.ledger,.tail-layout,.setup{grid-template-columns:1fr;gap:28px}.figure-notes{padding-top:0}
.tail-figure{max-width:520px;padding-top:0}
.layer,.steps li{grid-template-columns:32px 1fr;gap:8px 16px}.layer p,.steps p{grid-column:2}
.plugin-inner{grid-template-columns:1fr;gap:24px}.closing-inner{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(max-width:480px){
.wrap{width:calc(100% - 40px)}.mast .wrap{min-height:72px;gap:12px}
.brand{font-size:20px;gap:8px}.brand img{width:25px;height:25px}
.nav{gap:16px}.nav a{font-size:13px}.nav .nav-example{display:none}
.hero{padding:44px 0 16px}.ocean{display:none}.motion-toggle{display:none}
.hero-sub{font-size:16px;margin-top:24px}.actions{gap:24px}.hero-note{font-size:11px}
.terminal{margin-top:36px}.terminal-head{padding-inline:14px}.terminal-head span:last-child{display:none}
.terminal pre{padding:18px 14px;font-size:11px}.section{padding:44px 0}.section-label{margin-bottom:18px}
h2{font-size:30px}.ledger-table th{font-size:14px}.tail-stat strong{font-size:60px}
.tail-stat{gap:16px}.tail-stat span{font-size:13px}.layer,.steps li{column-gap:12px}
.faq summary{font-size:16px}.faq details p{padding-right:12px}
.footer-top{align-items:flex-start;flex-direction:column;gap:14px}.footer-links{gap:20px}
.footer-base{align-items:flex-start;flex-direction:column;gap:8px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The shared background sits behind the entire document, including the footer. */
body{isolation:isolate}
.ocean{position:fixed;inset:0;z-index:-1;overflow:hidden}
.jellyfish{font:8px/7.5px var(--mono)}
.jellyfish-small .jellyfish,.jellyfish-distant .jellyfish{font:8px/7.5px var(--mono)}
.jellyfish-large{opacity:.18;top:12%;right:5%}
.jellyfish-small{opacity:.11;top:50%;left:5%}
.jellyfish-distant{opacity:.085;top:8%;right:40%}
.hero{isolation:auto;padding:88px 0 56px}
.hero-copy{max-width:850px}
h1{font-size:clamp(48px,5.8vw,76px)}
.hero-sub{max-width:540px;font-size:18px}
.hero-start{margin-top:32px;min-width:154px}
.hero-note{margin-top:20px}
.overview .hero-note{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;max-width:none}
.hero-note a{display:inline;min-height:44px;line-height:44px}
#evidence-verifier p+p{margin-top:16px}
.enterprise>.wrap{display:flex;align-items:center;justify-content:space-between;gap:48px}
.enterprise .section-label{margin-bottom:16px}
.enterprise-description{max-width:54ch;color:var(--muted);font-size:15px;margin-top:16px}
.enterprise .button{flex-shrink:0}
.button-outline{background:transparent;border-color:var(--line);color:var(--ink)}
.button-outline:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.capabilities{list-style:none;padding:0;margin:30px 0 0}
.capabilities li{display:grid;grid-template-columns:40px 240px 1fr;gap:28px;border-top:1px solid var(--line);padding:26px 0}
.capabilities h3{font-size:18px}
.capabilities p{max-width:540px;font-size:15px;color:var(--muted)}
.scope-note{font-size:13px;color:var(--muted);margin-top:6px;max-width:680px}
.start-options{margin-top:30px}
.option-content{max-width:760px;padding:0 0 26px}
.faq .option-content p{padding:0;font-size:15px}
.option-content blockquote{margin:20px 0;padding:2px 0 2px 22px;border-left:2px solid var(--accent);color:var(--ink);font-size:17px;line-height:1.7}
.option-content pre{max-width:100%;overflow-x:auto;padding:20px;margin-top:20px;font-size:12px;line-height:1.9;background:var(--surface);border:1px solid var(--line)}
.copy-prompt{background:none;border:1px solid var(--line);border-radius:3px;color:var(--ink);font:13px/1.5 Arial,Helvetica,sans-serif;padding:11px 15px;cursor:pointer;min-height:44px}
.copy-prompt:hover{border-color:var(--accent)}
.copy-prompt:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.copy-status{color:var(--muted);font-size:12px;margin-left:14px}
.footer-copyright{margin-right:auto;font:11px/1.5 var(--mono);color:var(--muted)}
.plugin-reference .intro{max-width:720px}
.reference-list{margin-top:32px}
.reference-list>section{border-top:1px solid var(--line);padding:28px 0}
.reference-list h3{font-size:22px;margin-bottom:12px;letter-spacing:-.02em}
.reference-list p{font-size:15px;max-width:740px;color:var(--muted)}
.reference-list p+p{margin-top:12px}
.reference-list pre{padding:18px;overflow-x:auto;margin:20px 0;background:var(--surface);border:1px solid var(--line);font-size:13px}
.reference-list table{width:100%;border-collapse:collapse;font-size:14px;margin-top:18px}
.reference-list caption{text-align:left;color:var(--muted);font-size:13px;margin-bottom:12px}
.reference-list th,.reference-list td{padding:12px 16px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-weight:400}
.reference-list th{color:var(--ink)}
.reference-list td{color:var(--muted)}
.reference-list code{overflow-wrap:anywhere;font-size:.9em}
@media(max-width:1100px){.hero-copy{max-width:780px}h1{font-size:64px}}
@media(max-width:800px){
.hero{padding:64px 0}.hero-copy{max-width:100%}h1{font-size:56px}
.capabilities li{grid-template-columns:32px 1fr;gap:8px 16px}.capabilities p{grid-column:2}
.enterprise>.wrap{flex-direction:column;align-items:flex-start;gap:24px}
}
@media(max-width:480px){
.hero{padding:44px 0 48px}h1{font-size:clamp(38px,10.5vw,50px)}
.hero-sub{font-size:16px}.hero-note{font-size:11px}
.overview .nav{gap:16px}.option-content blockquote{font-size:16px;padding-left:16px}
.footer-copyright{margin-right:0}.overview .footer-top{flex-direction:row;align-items:center;gap:16px}
.overview .footer-links{width:100%;gap:24px}
.reference-list th,.reference-list td{padding-right:12px;font-size:13px}
}

/* Bare docs, 2026-11-05: docs readability for devs. Appended only; no earlier rule changed.
   Scoped to .docs-page (docs.html body) so details.html and index.html are untouched. */
.docs-page{overflow-x:clip}
.docs-page .wrap{width:min(880px,calc(100% - 48px))}
.docs-page .section{padding:40px 0}
.docs-page .details-intro{padding:48px 0 32px}
.docs-page .details-intro h1{font-size:clamp(32px,10vw,44px);overflow-wrap:break-word}
.docs-page h2{font-size:clamp(26px,3.2vw,34px);line-height:1.2;letter-spacing:-.02em;margin-bottom:4px}
.docs-page h3{font-size:20px;line-height:1.3;margin:32px 0 10px}
.docs-page .intro{line-height:1.65;max-width:72ch;margin-top:14px;color:var(--ink)}
.docs-page h2+.intro{margin-top:16px}
.docs-page h3+.intro{margin-top:10px}
.docs-page .section ul,.docs-page .section ol{margin:16px 0 0;padding-left:22px;color:var(--ink);line-height:1.65}
.docs-page .section li{max-width:72ch}
.docs-page .section li+li{margin-top:10px}
.docs-page .section li>p{margin:0;color:var(--ink)}
.docs-page .section li>p+p{margin-top:8px}
.docs-page .check-list{margin-top:16px}
.docs-page .code{margin-top:16px;background:none;border:0;border-top:1px solid var(--line);border-radius:0}
.docs-page .code figcaption{padding:10px 0;font:12px/1.6 var(--mono);color:var(--muted);border-bottom:0}
.docs-page .code pre{padding:14px 0;overflow-x:auto;font-size:13.5px;line-height:1.7;white-space:pre}
.docs-page .code .copy-code{background:none;border:1px solid var(--line);border-radius:3px;color:var(--ink);font:12px/1.5 Arial,Helvetica,sans-serif;padding:8px 12px;cursor:pointer;margin-bottom:12px;min-height:44px}
.docs-page .code .copy-code:hover{border-color:var(--accent)}
.docs-page .top-link{margin-top:28px;font-size:13px;color:var(--muted)}
.top-link a{display:inline-flex;align-items:center;min-height:44px}
.table-scroll{margin-top:16px;overflow-x:auto;background:none;border:0}
.docs-table{width:100%;min-width:0;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}
.docs-table caption{padding:10px 0;text-align:left;font:12px/1.6 var(--mono);color:var(--muted)}
.docs-table th,.docs-table td{padding:12px 16px 12px 0;vertical-align:top;border-bottom:1px solid var(--line);font-weight:400}
.docs-table thead th{font:12px/1.5 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.docs-table tbody th{color:var(--ink);white-space:normal;font-family:var(--mono);font-size:13px}
.docs-table tbody tr:last-child th,.docs-table tbody tr:last-child td{border-bottom:0}
.docs-table td{color:var(--ink)}
.docs-table td p{margin:0}
.docs-table td p+p{margin-top:8px}
.docs-page .contents{display:block;margin-top:24px}
.contents-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.contents-list li{border-top:1px solid var(--line)}
.contents-list a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}
@media(max-width:640px){
.docs-table{display:block}
.docs-table caption{display:block}
.docs-table thead,.docs-table tbody,.docs-table tr{display:block}
.docs-table th,.docs-table td{display:block;padding:8px 0;border-bottom:0}
.docs-table thead{display:none}
.docs-table tbody th{padding-top:16px}
.docs-table tbody tr{border-top:1px solid var(--line)}
.docs-table.results thead{display:block}
.docs-table.results{display:table}
.docs-table.results thead,.docs-table.results tbody,.docs-table.results tr{display:table-row-group}
.docs-table.results thead tr,.docs-table.results tbody tr{display:table-row}
.docs-table.results th,.docs-table.results td{display:table-cell;padding:10px 12px 10px 0}
.docs-table.results th:nth-child(4),.docs-table.results td:nth-child(4),
.docs-table.results th:nth-child(5),.docs-table.results td:nth-child(5),
.docs-table.results th:nth-child(6),.docs-table.results td:nth-child(6){display:none}
}
@media(max-width:480px){
.docs-page .section{padding:32px 0}
.docs-page .details-intro{padding:32px 0 24px}
.docs-page .mast .wrap{flex-wrap:wrap;row-gap:0}
.contents-list{grid-template-columns:1fr}
.docs-page .code pre{font-size:13.5px}
}

/* Case study 1 redesign, 2026-11-11. Scoped to .case-study so index, details,
   and docs pages are untouched. Appended only; no earlier rule changed. */
.case-study .details-intro{padding:72px 0 48px}
.case-study .details-intro .eyebrow{margin-bottom:20px}
.case-study .details-intro h1{max-width:840px;text-wrap:balance}
.case-study .details-intro .intro{margin-top:28px;font-size:17px;color:var(--ink)}
.case-study .stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-top:36px;margin-bottom:28px}
.case-study .stat{background:var(--surface);padding:20px 20px 18px}
.case-study .stat strong{display:block;font:500 40px/1.05 var(--mono);letter-spacing:-.04em;color:var(--ink)}
.case-study .stat strong.accent{color:var(--accent)}
.case-study .stat span{display:block;margin-top:8px;font:11px/1.6 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.case-study .section-label{margin-bottom:8px}
.case-study .verdict{display:inline-block;font:12px/1.5 var(--mono);padding:4px 10px;border:1px solid var(--line);border-radius:3px;letter-spacing:.04em;white-space:nowrap}
.case-study .verdict-verified{color:var(--accent);border-color:var(--accent)}
.case-study .verdict-unverifiable{color:var(--muted)}
.case-study .ledger{display:block;margin-top:32px;max-width:640px}
.case-study .ledger-table td{font-size:16px}
.case-study .ledger-table .total td{font-size:28px;white-space:nowrap}
.case-study :not(pre)>code{overflow-wrap:anywhere}
@media(max-width:640px){
.case-study .details-intro{padding:48px 0 32px}
.case-study .stat strong{font-size:32px}
.case-study .stat{padding:16px}
.case-study .stat-strip{grid-template-columns:repeat(2,1fr)}
.case-study .ledger-table .total td{font-size:20px}
}