:root{--paper:#f7f5ed;--ink:#18293b;--sub:#495966;--line:#bdc5c0;--deep:#172f49;--acid:#dcf681;--coral:#f5baa9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #cb6b21;outline-offset:4px}.wrap{max-width:1210px;margin:auto;padding:0 clamp(20px,5vw,72px)}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px}nav a:first-child{font-weight:750}nav a{text-decoration:none}.mark{display:inline-grid;place-items:center;vertical-align:middle;background:var(--deep);color:var(--acid);width:31px;height:31px;margin-right:8px;font:600 18px Georgia,serif}.small,th,label,.platehead{font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.075em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;padding-top:clamp(45px,8vw,105px);padding-bottom:clamp(44px,7vw,90px)}h1,h2,h3,p{margin:0}h1,h2,.specimen blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(62px,8.3vw,118px);line-height:.95;letter-spacing:-.065em;margin:.22em 0}.lede{font-size:clamp(18px,1.8vw,23px);max-width:600px;line-height:1.5}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:27px}.button{display:inline-block;padding:12px 18px;background:var(--deep);color:white;text-decoration:none;font-weight:650}.specimen{position:relative;margin:0;background:var(--deep);color:var(--paper);padding:26px 28px 24px 50px;box-shadow:7px 7px 0 var(--line);transform:rotate(-2deg)}.specimen:before{content:"";position:absolute;left:23px;top:0;bottom:0;border-left:1px solid #78909c}.specimen .platehead{color:var(--acid)}.specimen blockquote{font-size:clamp(26px,3vw,41px);line-height:1.13;letter-spacing:-.025em;margin:20px 0}.specimen figcaption{font:13px/1.6 ui-monospace,monospace;color:#d4dfdf;border-top:1px solid #688095;padding-top:12px}.lab{border-top:2px solid var(--ink);padding:38px 0 58px}h2{font-size:clamp(37px,5vw,67px);line-height:1.08;letter-spacing:-.045em;margin-bottom:16px}.intro{max-width:740px;color:var(--sub)}fieldset{border:0;margin:25px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:7px}legend{margin-bottom:10px;font-size:14px;font-weight:650}.switch{appearance:none;background:transparent;color:var(--ink);border:1px solid #95a3a6;border-radius:3px;font:inherit;font-size:15px;font-weight:650;padding:9px 14px;cursor:pointer}.switch[aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.switch:hover{box-shadow:0 0 0 1px var(--deep)}.result{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:#e4e9e2;padding:16px 18px;margin-top:16px;border-top:1px solid var(--line)}.result strong{font:600 21px/1.25 Georgia,serif}.result span{font:600 14px ui-monospace,monospace}.tablebox{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:11px 12px;border-bottom:1px solid var(--line)}th{color:var(--sub)}td:last-child{font-weight:700}.ok,.error{display:inline-block;padding:2px 7px;border-radius:2px;font-size:13px}.ok{background:#e1ecd1;color:#243825}.error{background:#f6d9cd;color:#623320}.status{color:var(--sub);margin-top:13px;max-width:810px}.run{padding:38px 0 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:45px}.run p{margin-bottom:15px}pre{margin:8px 0 18px;color:var(--paper);background:var(--deep);overflow-x:auto;padding:20px;font:14px/1.65 ui-monospace,monospace}.source{color:var(--sub);font-size:15px}footer{border-top:1px solid var(--line);padding:25px 0 40px}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:750px){.hero,.run{grid-template-columns:1fr;gap:30px}.specimen{margin:8px 8px 4px 2px;transform:rotate(-1deg)}.result{grid-template-columns:1fr}.run{gap:0}.hero{padding-top:35px}th,td{padding:8px;font-size:14px}.small,th{font-size:10px}nav{min-height:58px}}
[hidden]{display:none!important}