#fasteners{margin:48px 0;padding:clamp(24px,4vw,48px);background:var(--ink);color:white;border-top:6px solid var(--accent);scroll-margin-top:24px}#fasteners>span{color:#ffc394;font:700 14px Consolas,monospace}#fasteners h2{max-width:760px;font-size:clamp(32px,4vw,56px)}#fasteners p{max-width:760px;line-height:1.6}#fasteners>p{color:#d3dce3}.fastener-tabs,.fastener-options,.fastener-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.fastener-tabs button,.fastener-options button{background:#26313b;color:white;border:1px solid #a5b1ba}.fastener-tabs [aria-pressed=true],.fastener-options [aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.fastener-body{background:var(--paper);color:var(--ink);padding:clamp(20px,3vw,32px);max-width:900px}.fastener-body label{display:block;margin:16px 0 8px}.fastener-body input{width:min(100%,320px);min-height:48px;padding:12px;font-size:18px}.fastener-progress{font:700 14px Consolas,monospace}.fastener-body h3{font-size:26px}.fastener-body li{margin-bottom:12px}.fastener-body button{min-height:48px;touch-action:manipulation}.fastener-body button:disabled{opacity:.5;cursor:not-allowed}#fastener-submit,#fastener-next{background:var(--accent);color:var(--ink)}@media(max-width:460px){.fastener-options{flex-direction:column}.fastener-options button{text-align:left}.fastener-tabs button{flex:1}.fastener-nav button{flex:1}}