*{box-sizing:border-box}body{margin:0;background:var(--fed-space);color:var(--fed-text);font:var(--text-base)/var(--line-body) var(--font-fed-body)}a{color:var(--fed-command);text-underline-offset:.2em}header,footer{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--fed-border-default)}header a{display:flex;align-items:center;gap:12px;font-weight:700}header span,.eyebrow{color:var(--fed-authority);letter-spacing:.1em;font-size:var(--text-sm);font-weight:700}main{max-width:1000px;margin:auto;padding:56px 24px}h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.1;color:var(--fed-text-display)}h2{color:var(--fed-text-display);font-size:var(--heading-sm)}.lead{font-size:var(--text-xl)}section,aside{margin:28px 0;padding:28px;border:1px solid var(--fed-border-default);background:var(--fed-space-panel);border-radius:12px}aside{border-left:4px solid var(--fed-warning)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;margin-bottom:8px}select,button{font:inherit;color:var(--fed-text-display);background:var(--fed-space-active);border:1px solid var(--fed-command);border-radius:6px;padding:12px;min-height:48px}select{width:100%}button{cursor:pointer}button:hover{background:var(--fed-command-soft)}:focus-visible{outline:3px solid var(--fed-authority);outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:var(--fed-space-panel);padding:12px;z-index:10}.skip:focus{top:12px}#hint{padding:16px;border-left:3px solid var(--fed-command)}footer{font-size:var(--text-sm);flex-wrap:wrap}p,li{overflow-wrap:anywhere}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.controls{grid-template-columns:1fr}main{padding:32px 16px}section,aside{padding:20px}}