/* The health-insurance page: numbered steps, a grid of choices, the finder list. */
.insurance { display: flex; flex-direction: column; gap: 18px; }
.insurance h2 { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font-size: 26px; }
.insurance .num { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 74, 47, .16); color: var(--ember-2); font: 18px var(--display); }
.insurance .privacy { border-left: 3px solid var(--ember); padding-left: 10px; }
.small { font-size: 13px; }

.choice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.choice { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg-2); color: var(--text); font: 600 15px var(--font); text-align: left; cursor: pointer; }
.choice:hover { border-color: var(--ember); }
.choice[aria-checked="true"] { border-color: var(--ember); background: rgba(255, 74, 47, .12); }
.choice:focus-visible { outline: 2px solid var(--ember-2); outline-offset: 2px; }
.choice-meta { color: var(--muted); font-weight: 400; font-size: 13px; }

.steps { list-style: none; counter-reset: step; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.step { counter-increment: step; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; background: var(--bg-2); }
.step h3 { margin: 0 0 4px; }
.step h3::before { content: counter(step) ". "; color: var(--ember-2); }
.step .ways, .step .specific { margin: 8px 0; padding-left: 20px; }
.step .specific { color: var(--ember-2); }
.step .specific a { color: var(--ember-2); }
.found-here { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--text); cursor: pointer; }
.found-here input, .checklist input { accent-color: var(--ember); width: 18px; height: 18px; }
.found { margin-top: 16px; border-top: 1px solid var(--line); padding-top: 16px; }
.checklist { list-style: none; padding: 0; }
.checklist label { display: flex; align-items: center; gap: 8px; }
.escalate { padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.escalate p { margin: 2px 0; }
#escalate-box summary { cursor: pointer; color: var(--ember-2); margin-top: 12px; }
#call-box .btn { margin-top: 12px; }