/* Shared presentation for symptom and warning navigators. */
:is(.symptom-hub,.warning-hub){--hub-paper:#f5f2ee;--hub-line:#e3ded8;--hub-ink:#191b20;padding-bottom:56px}
:is(.symptom-heading,.warning-heading){margin:20px 0 24px;padding:32px 36px;border:1px solid var(--hub-line);border-radius:20px;background:linear-gradient(115deg,var(--hub-paper),#fcfbf9);max-width:none}
:is(.symptom-heading,.warning-heading) .eyebrow{color:#a2262f;letter-spacing:.09em}
:is(.symptom-heading,.warning-heading) h1{font-size:clamp(29px,3.35vw,42px);line-height:1.12;letter-spacing:-.035em;max-width:100%;margin:12px 0 16px}
:is(.symptom-heading,.warning-heading)>p{max-width:100%;font-size:17px;line-height:1.65;margin:0;color:#535963}
.symptom-heading .caption{font-size:13px;margin-top:18px;display:inline-flex;padding:7px 12px;border-radius:30px;background:#fff;color:#5d5250}
:is(.symptom-picker,.warning-picker){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;border:0}
:is(.symptom-picker,.warning-picker)>a{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:78px;padding:16px 18px;background:#fff;border:1px solid var(--hub-line);border-radius:12px;text-decoration:none;transition:border-color .18s,background .18s;box-shadow:none;color:var(--hub-ink)}
:is(.symptom-picker,.warning-picker)>a:hover{border-color:#bb2635;background:#fdf8f7}
:is(.symptom-picker,.warning-picker)>a>span:last-child{margin-left:auto;color:#b92232}
:is(.symptom-picker,.warning-picker) strong{font-size:15px;line-height:1.35;font-weight:650}
.warning-picker small{display:block;font-size:12px;line-height:1.4;color:#68707b;margin-top:4px}
:is(.symptom-number,.warning-number){display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:var(--hub-paper);border-radius:50%;color:#a12632;font-size:12px}
:is(.symptom-note,.warning-reading-note){margin:24px 0 40px;padding:22px 26px;border:1px solid var(--hub-line);border-left:3px solid #bd2536;border-radius:0 12px 12px 0;background:#fcfaf7}
:is(.symptom-note,.warning-reading-note) strong{font-size:16px}
:is(.symptom-note,.warning-reading-note) p{margin:7px 0 0;font-size:15px;line-height:1.65;color:#525963;max-width:none}
.symptom-group{display:block;border:0;border-top:1px solid var(--hub-line);padding:30px 0 34px;margin:0;scroll-margin-top:100px}
.symptom-group-heading{max-width:none;margin:0 0 20px}
.symptom-group-heading .eyebrow{display:none}
.symptom-group-heading h2{font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.symptom-group-heading>p{font-size:15px;line-height:1.6;max-width:950px;margin:0 0 10px;color:#5e626a}
.symptom-group-heading>a{font-size:14px}
.symptom-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.symptom-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--hub-line);border-radius:16px;background:#fff;box-shadow:none;min-width:0}
.symptom-card h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.symptom-card h3 a{color:var(--hub-ink);text-decoration:none}
.symptom-card h3 a:hover{color:#b51d2e}
.symptom-card>p{font-size:14px;line-height:1.65;color:#606670;margin:0 0 18px}
.symptom-card-actions{display:flex;flex-direction:column;align-items:stretch;margin-top:auto;gap:2px}
.symptom-card-actions>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;line-height:1.5;padding:9px 0;text-decoration:none}
.diagnostic-request-link{color:#6b6262;border-top:1px solid #eee9e5;font-weight:500}
.diagnostic-request-link:hover{color:#b31d2d}
.diagnostic-request-link:focus-visible,:is(.symptom-hub,.warning-hub) a:focus-visible{outline:2px solid #b92232;outline-offset:4px;border-radius:4px}
.warning-guide-list{display:grid;gap:18px;margin:0 0 36px}
.warning-guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;padding:28px;border:1px solid var(--hub-line);border-radius:16px;background:#fff;scroll-margin-top:100px}
.warning-guide-label{padding:0;border:0}
.warning-guide-label .eyebrow{font-size:11px;line-height:1.5;color:#7d6665}
.warning-guide-label h2{font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:10px 0}
.warning-answer{font-size:16px;line-height:1.75;color:#535b65;margin:0 0 18px}
.warning-guide-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.warning-guide-actions>a{display:inline-flex;align-items:center;gap:12px;padding:10px 0;min-height:44px;font-size:14px;line-height:1.5;text-decoration:none}
.warning-guide-actions .diagnostic-request-link{margin-top:4px;align-self:stretch}
:is(.symptom-unknown,.warning-unknown,.warning-observation){padding:28px 32px;border:1px solid var(--hub-line);border-radius:16px;background:var(--hub-paper);margin:32px 0}
:is(.symptom-unknown,.warning-unknown,.warning-observation) h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:10px 0 18px}
:is(.symptom-unknown,.warning-unknown,.warning-observation)>p{max-width:none}
:is(.symptom-method,.warning-editorial){border-top:1px solid var(--hub-line);padding-top:26px;margin-top:36px;color:#5b616b}
:is(.symptom-method,.warning-editorial) h2{font-size:25px;color:var(--hub-ink)}
@media(max-width:1000px){.symptom-cards{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.symptom-picker,.warning-picker){grid-template-columns:repeat(2,minmax(0,1fr))}.warning-guide{grid-template-columns:180px minmax(0,1fr);gap:20px}}
@media(max-width:650px){:is(.symptom-heading,.warning-heading){padding:24px 20px;border-radius:14px;margin-top:12px}:is(.symptom-heading,.warning-heading)>p{font-size:15px}:is(.symptom-picker,.warning-picker){grid-template-columns:1fr;gap:8px}:is(.symptom-picker,.warning-picker)>a{min-height:64px;padding:12px 16px}.symptom-cards{grid-template-columns:1fr;gap:12px}.symptom-card{padding:21px}.symptom-group{padding:25px 0}.warning-guide{grid-template-columns:1fr;gap:10px;padding:22px}.warning-guide-label h2{font-size:25px;margin:8px 0}.warning-answer{font-size:15px}.warning-guide-actions>a{font-size:13px}:is(.symptom-note,.warning-reading-note){padding:18px 20px}:is(.symptom-unknown,.warning-unknown,.warning-observation){padding:24px 20px}:is(.symptom-unknown,.warning-unknown,.warning-observation) h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){:is(.symptom-picker,.warning-picker)>a{transition:none}}