:root{--ink:#17212b;--paper:#f4eedf;--orange:#d85f26;--blue:#285c6f;--line:#bdad8d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px ui-monospace,SFMono-Regular,Consolas,monospace}header,main,footer{max-width:1000px;margin:auto;padding:28px}header{border-bottom:4px solid var(--ink)}.eyebrow{color:var(--orange);font-weight:bold;font-size:.75rem;letter-spacing:.15em}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(2.3rem,6vw,5rem);margin:.2em 0}main{display:grid;grid-template-columns:260px 1fr;gap:24px}nav{display:grid;align-content:start;gap:8px}button{font:inherit;text-align:left;padding:12px;border:2px solid var(--ink);background:transparent;cursor:pointer}button:hover,button:focus{background:#f7cc70}.panel{border:2px solid var(--ink);padding:24px;background:#fffaf0}.line{display:flex;justify-content:space-between;align-items:center}#kind{background:var(--blue);color:white;padding:5px 8px}#verdict{font-size:3rem;font-weight:bold;margin:20px 0}.pass{color:var(--blue)}.fail{color:var(--orange)}dt{font-weight:bold;margin-top:14px}dd{margin:4px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#ede3ca;padding:16px;font-size:.78rem}footer{border-top:1px solid var(--line);font-size:.8rem}@media(max-width:650px){main{grid-template-columns:1fr;padding:16px}header,footer{padding:20px}nav{grid-template-columns:1fr 1fr}.panel{padding:18px}}