:root{--paper:#F7F9FC;--ink:#142033;--coral:#2459D3;--green:#2459D3;--line:#DCE3EE;--mute:#526176;--card:#FFFFFF;--sans:'Inter','Helvetica Neue',Arial,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}main{max-width:1180px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:clamp(24px,3.4vw,38px);line-height:1.15;margin:0 0 10px;max-width:30ch}.lede{color:var(--mute);max-width:70ch;margin:0 0 22px}
.verdict{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding:14px 16px;border:1px solid var(--line);background:var(--card);border-radius:10px;margin-bottom:26px}
.chip{font:600 13px var(--mono);padding:3px 9px;border-radius:99px;color:#fff}.chip.good,.out.good{background:var(--green)}.chip.bad,.out.bad{background:#A13B4B}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:760px){.cols{grid-template-columns:1fr}}
section h2{font-size:18px;margin:0 0 6px}.out{display:inline-block;color:#fff;font-weight:600;padding:2px 10px;border-radius:6px;margin:0 0 12px}
ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px}li.bad{border-color:#A13B4B}li.good{border-color:var(--green)}
li img{width:100%;border-radius:6px;border:1px solid var(--line);display:block;margin-bottom:8px}li b{display:block}q{display:block;color:var(--mute);font-size:14px;margin-top:4px}
h3{margin:34px 0 8px;font-size:18px}pre{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;overflow:auto;font:12.5px/1.45 var(--mono)}
pre .add{color:var(--green)}pre .del{color:#A13B4B}.small{color:var(--mute);font-size:14px;max-width:80ch}a{color:var(--ink)}

/* Same visual language as the product and studio. */
:root{--paper:#fff;--ink:#142033;--coral:#2459d3;--green:#2459d3;--line:#dce3ee;--mute:#526176;--card:#fff}
main{max-width:1440px;padding:48px 40px 80px}h1{font-size:44px;max-width:30ch;font-weight:550;letter-spacing:-.04em;line-height:1.1}.lede{font-size:17px;max-width:1000px;margin:20px 0 28px}
.verdict{background:#f3f6fc;border:0;border-left:2px solid var(--coral);border-radius:0;padding:16px;margin:28px 0 36px;font-size:14px}
.chip{border-radius:4px;font:500 12px var(--sans)}.out{font-size:13px;border-radius:4px}.cols{gap:32px}section h2{font-weight:550;font-size:20px;margin-bottom:14px}
li{border-radius:6px;padding:14px}li img{max-height:400px;object-fit:contain;object-position:top;background:#f7f9fc}li b{font-weight:600;font-size:15px}q{font-size:15px;line-height:1.6}h3{font-weight:550;font-size:24px;margin-top:44px}pre{border-radius:6px;background:#f7f9fc;font-size:14px;padding:20px}
@media(max-width:760px){main{padding:28px 16px}h1{font-size:32px}}