#diagnostic-form fieldset{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px 18px;margin:20px 0}#diagnostic-form legend{font-weight:750;padding:0 6px}#diagnostic-form fieldset label{display:flex;align-items:flex-start;gap:10px;padding:7px 0;cursor:pointer}#diagnostic-form input[type=radio]{margin-top:6px;accent-color:var(--blue);flex:0 0 auto}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.diagnostic-grid label{display:block;font-weight:700;margin:14px 0 6px}.diagnostic-grid input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.diagnostic-result{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 20px #1720330a}.diagnostic-result h2{font-size:clamp(1.7rem,4vw,2.4rem)}.diagnostic-result li{margin:10px 0}.share-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-secondary{background:#fff;color:var(--blue);border:1px solid var(--blue);cursor:pointer;font:inherit}.text-button{padding:10px;border:0;background:transparent;text-decoration:underline;color:var(--blue);font:inherit;cursor:pointer}#diagnostic-form :focus-visible,.share-actions :focus-visible{outline:3px solid #f59e0b;outline-offset:3px}@media(max-width:680px){.diagnostic-result{padding:18px}}
