.typology-guide{max-width:58rem;margin:0 auto;padding:clamp(5rem,12vw,9rem) 1rem 6rem}.typology-guide__intro{max-width:42rem;margin:.9rem 0 2.5rem;color:#555;font:.875rem/1.45 ui-monospace,monospace}.typology-guide__progress{height:2px;background:#d4d1cd;margin:1.5rem 0 2.5rem}.typology-guide__progress span{display:block;height:100%;background:#111;transition:width .2s ease}.typology-guide__step[hidden],.typology-guide__result[hidden]{display:none}.typology-guide__question{font-size:clamp(1.25rem,2.3vw,1.9rem);line-height:1.2;font-weight:500;margin:0 0 1.5rem}.typology-guide__options{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.typology-guide__option{display:flex;align-items:center;min-height:3.5rem;padding:.85rem 1rem;border:1px solid #999;background:#fff;text-align:left;cursor:pointer;font:inherit}.typology-guide__option:hover,.typology-guide__option:has(input:checked){border-color:#111;background:#f3f0ec}.typology-guide__option input{margin-right:.7rem;accent-color:#111}.typology-guide__actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:2rem}.typology-guide__button{border:1px solid #111;background:#111;color:#fff;padding:.85rem 1.4rem;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;cursor:pointer}.typology-guide__button[disabled]{opacity:.35;cursor:not-allowed}.typology-guide__button--secondary{background:#fff;color:#111}.typology-guide__result{border-top:1px solid #111;padding-top:1.5rem}.typology-guide__result a{display:inline-block;margin-top:1.25rem;text-decoration:underline;font-weight:500}.typology-guide__note{font-size:.75rem;color:#666;margin-top:1rem}
