:root{--fg:#1a1a1a;--bg:#fff;--muted:#555;--line:#888;--accent:#0b57d0;--warn-bg:#fff3cd;--warn-line:#b58105}@media (prefers-color-scheme:dark){:root{--fg:#eee;--bg:#151515;--muted:#bbb;--line:#777;--accent:#8ab4f8;--warn-bg:#3a2f08;--warn-line:#d9a520}}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;color:var(--fg);background:var(--bg);line-height:1.5}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--line)}.app-content{margin:0 auto;max-width:40rem;padding:1rem;overflow-wrap:anywhere}.role-nav{display:flex;flex-wrap:wrap;gap:.25rem}.role-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .75rem;color:var(--accent)}.role-nav a[aria-current]{font-weight:700;text-decoration:underline}[tabindex="-1"]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h2:focus,main:focus{outline:none}.skip-link{background:var(--bg)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}textarea{display:block;width:100%;margin:.5rem 0}button{min-height:44px;min-width:44px;padding:0 1rem;font-size:1rem}.entries{padding-left:0;list-style:none}.entries li{margin:.75rem 0}.entries a{display:inline-flex;min-height:44px;align-items:center;color:var(--accent)}.steps{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;border:1px solid var(--line);border-radius:6px;padding:.25rem .75rem;color:var(--muted)}.steps li:before{content:counter(step) ". "}.steps li[data-step-state=current]{color:var(--fg);border-width:2px;font-weight:700}.steps li[data-step-state=completed]{color:var(--fg)}.callout{background:var(--warn-bg);border:1px solid var(--warn-line);padding:.5rem .75rem;border-radius:6px;font-weight:600}.support{border:1px dashed var(--line);border-radius:6px;padding:.25rem .75rem;margin:.75rem 0}.hint-text{color:var(--muted)}.mock{background:var(--warn-bg);border:1px solid var(--warn-line);padding:.5rem;font-weight:600}.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:10}.skip-link:focus{left:0}.shell-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}.nav-list,.role-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}.nav-list a{display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem}.nav-list a[aria-current=page]{font-weight:700;text-decoration:underline}.role-list{flex-direction:column;gap:1rem}.role-list li{border:1px solid #999;border-radius:6px;padding:.5rem 1rem}#main:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1a56db;outline-offset:2px}#main:focus{outline:none}