:root{--ink:#16181d;--muted:#5c6472;--line:#d8dce3;--accent:#1d4ed8;--surface:#fff;--canvas:#f6f7f9;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.skip-link{background:var(--accent);color:#fff;z-index:1;padding:.5rem .75rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app-header{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:2rem;padding:.75rem 1.25rem;display:flex}.app-title{font-weight:600}.app-header nav ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.app-header a{color:var(--muted);border-bottom:2px solid #0000;padding:.25rem 0;text-decoration:none}.app-header a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-main{flex:1;max-width:60rem;padding:1.5rem 1.25rem}.app-main h1{margin-top:0;font-size:1.5rem}.empty-state{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:6px;padding:2rem}.app-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);padding:.5rem 1.25rem;font-size:.8125rem}.app-footer dl{gap:.5rem;margin:0;display:flex}.app-footer dt:after{content:":"}.app-footer dd{color:var(--ink);margin:0 1rem 0 0}.fatal{background:var(--surface);border:1px solid var(--line);border-left:4px solid #b42318;border-radius:6px;max-width:40rem;margin:4rem auto;padding:1.5rem}.fatal pre{white-space:pre-wrap;background:var(--canvas);border-radius:4px;padding:.75rem;font-size:.8125rem}