:root{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243444;background:#f4f7fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{padding:30px;max-width:1200px;margin:auto}header{margin-bottom:22px}.topline,.compare-heading,.pane-heading,.section-heading{display:flex;align-items:center;gap:12px}.topline,.compare-heading,.section-heading{justify-content:space-between}.wordmark{font-weight:800;font-size:19px;letter-spacing:-.6px}.label{font:10px ui-monospace,monospace;letter-spacing:1px;color:#0f766e}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:14px 0 10px}h2{font-size:17px;margin:0}h3{font-size:13px;margin:0}p{margin:0 0 12px;color:#556473}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}.metrics>div{background:white;border:1px solid #dce3ea;border-radius:9px;padding:16px}.metrics strong{font-size:30px;font-weight:750;line-height:1.2;display:block;color:#182e40}.metrics span{font-size:11px;color:#556473}.metrics>div:last-child strong{color:#0f766e}.tabs{display:flex;gap:4px;background:#e5ebef;padding:4px;border-radius:7px}button,select{font:inherit}button{border:0;border-radius:5px;background:transparent;padding:7px 11px;color:#46576a;cursor:pointer}.tabs button[aria-pressed=true]{background:white;color:#182e40;box-shadow:0 1px 3px #182e4014}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.pane{min-width:0;border:1px solid #dce3ea;border-radius:10px;background:white;overflow:hidden}.pane-heading{padding:12px 16px;border-bottom:1px solid #e4e9ee}.pane-tag{margin-left:auto;font:9px ui-monospace,monospace;letter-spacing:1px;color:#657484}.dot{width:7px;height:7px;background:#8798a8;border-radius:50%;flex-shrink:0}.rendered .dot{background:#0f766e}.text-capture,.source-capture{height:230px;overflow:auto;padding:22px;margin:0;overflow-wrap:anywhere}.text-capture{font-size:17px;line-height:1.85}.raw .text-capture{background:#f9fafb;display:flex;flex-direction:column;justify-content:center}.text-capture .empty{font-size:16px;color:#687887}.text-capture code{font:11px/1.6 ui-monospace,monospace;color:#6c7c8c}.source-capture{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;background:#172c3d;color:#d8e7ed}.source-capture[hidden],.text-capture[hidden]{display:none}mark{background:#d4f2d7;color:#163f25;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 0;border-radius:2px}.small{font-size:11px;margin:12px 0 26px}.request{border:1px solid #dce3ea;border-radius:10px;padding:22px;background:white}.request>p{font-size:13px;margin:8px 0 18px}.controls{display:grid;grid-template-columns:2fr 1.2fr .7fr;gap:12px}label{font-size:11px;font-weight:600;color:#556473}select{width:100%;display:block;border:1px solid #c9d4de;border-radius:5px;background:white;padding:9px;margin-top:5px;color:#243444;font-size:12px}#scenario-note{font-size:12px;border-left:3px solid #0f766e;padding-left:12px;margin:18px 0}.primary{padding:10px 16px;background:#0f766e;color:white;font-weight:650;font-size:12px}.receipt{padding:14px 0 2px;font-size:12px}.receipt p{margin:0;color:#556473}.receipt strong{color:#182e40}.receipt .outcome{display:inline-block;background:#e7f3f4;color:#0b5f59;border-radius:4px;padding:3px 8px;margin-right:8px;font:11px ui-monospace,monospace}details{font-size:11px;margin-top:10px}summary{cursor:pointer;color:#0f766e}pre{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fa;padding:12px;border-radius:6px}footer{margin-top:20px}footer p{font-size:10px;margin:4px 0;color:#687887}:focus-visible{outline:3px solid #0f766e;outline-offset:3px}@media(max-width:650px){main{padding:20px 14px}h1{font-size:26px}.metrics{gap:6px;margin:18px 0}.metrics>div{padding:12px 8px}.metrics strong{font-size:25px}.metrics span{font-size:10px}.compare-heading{align-items:flex-start;flex-direction:column;gap:10px}.comparison{grid-template-columns:1fr;gap:12px}.text-capture,.source-capture{height:210px;padding:18px}.controls{grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}.request{padding:18px}.label{font-size:9px}.topline{gap:8px}.request>p{font-size:12px}}