.masthead-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.masthead-actions a.mast-link{letter-spacing:.08em;text-transform:uppercase;color:var(--grey);padding:8px 4px;font-size:12px;font-weight:600}.masthead-actions a.mast-link:hover{color:var(--ink)}.btn-logo{flex:none;width:18px;height:18px}.btn-copy.is-copied{background:var(--ink);color:var(--paper)}.hero{padding:clamp(36px,6vw,84px) 0 clamp(48px,6vw,84px)}.hero h1{letter-spacing:-.035em;text-wrap:balance;grid-column:1/-1;font-size:clamp(44px,9vw,116px);font-weight:700;line-height:.96}.instrument-block{padding:0 0 40px}.instrument{border:2px solid var(--ink);grid-column:1/-1}.route-fieldset{border:0;min-width:0}.visually-hidden,.route-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#route-why:focus-visible~.selector .route-label[data-route=why],#route-how:focus-visible~.selector .route-label[data-route=how],#route-what:focus-visible~.selector .route-label[data-route=what]{outline:2px solid var(--accent);outline-offset:-2px}.selector{border-bottom:2px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.route-label{cursor:pointer;border-left:1px solid var(--hair);align-items:baseline;gap:12px;padding:20px 24px;display:flex}.route-label:first-child{border-left:0}.route-label .num{color:var(--accent);letter-spacing:.02em;font-size:clamp(20px,2.2vw,28px);font-weight:800}.route-label .name{letter-spacing:-.02em;font-size:clamp(24px,2.8vw,34px);font-weight:700}.route-label:hover{background:color-mix(in srgb, var(--ink) 5%, var(--paper))}.instrument:has(#route-why:checked) .route-label[data-route=why],.instrument:has(#route-how:checked) .route-label[data-route=how],.instrument:has(#route-what:checked) .route-label[data-route=what]{background:var(--ink);color:var(--paper)}.panels{padding:0}.panel{display:none}.instrument:has(#route-why:checked) .panel[data-panel=why],.instrument:has(#route-how:checked) .panel[data-panel=how],.instrument:has(#route-what:checked) .panel[data-panel=what]{display:block}.prompt-body{padding:28px 28px 4px}.prompt-text{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--grey);font-size:14px;line-height:1.65}.prompt-text a{color:var(--ink);border-bottom:1px solid var(--accent);overflow-wrap:anywhere}.prompt-note{font-family:var(--sans);color:var(--grey);margin-top:10px;font-size:12px;line-height:1.5}.prompt-actions{flex-wrap:wrap;gap:12px;padding:20px 28px 28px;display:flex}#source-modal{border:2px solid var(--ink);background:var(--paper);color:var(--ink);width:calc(100% - 32px);max-width:580px;max-height:calc(100% - 32px);margin:auto;padding:0;overflow:auto}#source-modal::backdrop{background:#000000e6}.modal-inner{padding:28px;position:relative}.modal-close{width:36px;height:36px;color:var(--grey);cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.modal-close:hover{color:var(--ink)}#source-modal h2{letter-spacing:-.02em;margin-bottom:16px;padding-right:36px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.1}.modal-copy p{margin-bottom:12px;font-size:15px;line-height:1.55}.modal-points{margin:0 0 12px 20px;font-size:15px;line-height:1.55}.modal-points li{margin-bottom:4px}.modal-tested{color:var(--grey);font-size:13px}.modal-actions{flex-wrap:wrap;gap:12px;margin:20px 0 16px;display:flex}.modal-human{color:var(--ink);border-bottom:1px solid var(--accent);font-size:13px;font-weight:600}footer{padding:0 0 48px}.foot-meta{border-top:1px solid var(--hair);color:var(--grey);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;font-size:11px;font-weight:500;display:flex}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;font-size:13px;font-weight:600;transition:top .15s;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}@media (width<=900px){.selector{grid-template-columns:1fr}.route-label{border-left:0;border-top:1px solid var(--hair)}.route-label:first-child{border-top:0}}@media (width<=640px){:root{--gutter:16px}.hero{padding:40px 0 32px}.route-label{padding:16px 18px}.prompt-body{padding:20px 18px 4px}.prompt-actions{padding:16px 18px 20px}.prompt-actions .btn{justify-content:center;width:100%}.modal-inner{padding:22px 18px}.modal-actions .btn{justify-content:center;width:100%}.masthead-actions a.mast-link{padding:8px 2px}}
