.diagnostic{max-width:1180px;margin:auto;padding:45px 5% 65px}.diagnostic-intro{max-width:780px}.diagnostic h1{font-size:clamp(43px,6vw,74px);font-weight:450;letter-spacing:-3px;line-height:1.05;margin:24px 0}.diagnostic-intro>p{max-width:650px;font-size:16px;line-height:1.7}.diagnostic .small{font-size:12px;color:var(--muted,#626960);line-height:1.7}.brief-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line,#ccc);margin:35px 0 30px}.brief-steps button{border:0;background:transparent;text-align:left;padding:15px 12px;font:13px Arial;cursor:pointer;border-bottom:3px solid transparent}.brief-steps span{display:block;font-size:10px;color:var(--muted,#666);margin-bottom:8px}.brief-steps [aria-current=step]{border-bottom-color:#304d46;font-weight:bold}.brief-section{padding:8px 0 20px}.diagnostic h2{font-size:34px;letter-spacing:-1px;font-weight:450;margin:12px 0 28px}.brief-section label{display:block;font-size:13px;line-height:1.6;margin-bottom:22px}.brief-section input,.brief-section textarea,.brief-section select,#brief-preview{display:block;width:100%;min-height:45px;background:#ffffff65;border:1px solid var(--line,#ccc);border-radius:0;color:inherit;padding:12px;font:14px/1.6 Arial;margin-top:8px}.brief-section textarea{min-height:90px;resize:vertical}.brief-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.brief-section fieldset{border:0;padding:0;margin:0 0 25px}.brief-section legend{font-size:13px;margin-bottom:15px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.check-grid label{display:flex;align-items:start;gap:10px;margin:0;background:#fff7;padding:13px}.check-grid input{width:17px;min-height:17px;margin-top:3px;flex:none}.color-picks{display:flex;gap:25px}.color-picks label{min-width:100px}.color-picks input{padding:4px;width:100%;height:48px}.brief-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line,#ccc);padding-top:22px;margin-top:25px}.brief-actions button,.brief-primary,.result-actions button,.result-actions a{font:13px Arial;padding:13px 18px;border:1px solid #304d46;background:transparent;color:inherit;cursor:pointer}.brief-actions p{font-size:11px}.brief-primary,.brief-actions #brief-next{background:#304d46;color:#fff}.brief-actions button:disabled{opacity:.4;cursor:default}.ownership-note{padding:24px;background:#e4e8df;margin:5px 0 25px}.ownership-note h3{font-size:21px;font-weight:500;margin:0 0 12px}.ownership-note p,.ownership-note a{font-size:13px;line-height:1.8}#brief-error,#brief-result-status{font-size:13px}#brief-result{border-top:1px solid var(--line,#ccc);padding-top:30px;margin-top:25px}#brief-preview{resize:vertical;background:#ffffff80;min-height:350px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.result-actions a{display:inline-block;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #9471b7;outline-offset:4px}@media(max-width:650px){.diagnostic{padding-top:30px}.diagnostic h1{font-size:47px;letter-spacing:-2px}.brief-steps{gap:3px}.brief-steps button{padding:12px 3px;font-size:11px}.brief-pair,.check-grid{grid-template-columns:1fr;gap:0}.check-grid{gap:10px}.diagnostic h2{font-size:28px}.brief-actions button{padding:12px}.color-picks{gap:15px}.color-picks label{min-width:70px}.result-actions>*{flex:1 1 150px}}