/* Understand Health Insurance (Travis 2026-10-02). Builds on /guides/guides.css tokens. */
.lhero{background:var(--hero);color:var(--hero-ink);padding:22px clamp(16px,4vw,40px) 34px}
.lhero > *{max-width:860px;margin-left:auto;margin-right:auto}
.lhero .back{display:block;color:var(--hero-muted)}
.lhero .kicker{color:var(--pop);margin-top:18px}
.lhero h1{color:var(--hero-ink);margin:10px auto 14px}
.lede{font-size:clamp(17px,2.2vw,19px);margin:0 auto;opacity:.9}
.jump{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px clamp(16px,4vw,40px);background:var(--paper);border-bottom:1px solid var(--line)}
.jump::-webkit-scrollbar{display:none}
.jump a{flex:none;white-space:nowrap;text-decoration:none;font:700 14px var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.jump a:hover{border-color:var(--pop)}
.learn{max-width:860px;margin:0 auto;padding:8px 16px 40px}
.lsec,.angle{scroll-margin-top:64px}
.lsec h2{margin-top:38px}
.angle{margin-top:24px;background:var(--soft);border-radius:20px;padding:4px 22px 18px}
.angle h2{margin-top:18px}
.angle p{margin:10px 0}
.angle ul{margin:8px 0}
.nug-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.nug-grid .wide{grid-column:1 / -1}
.two{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.nug{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.nug > b{display:block;font:700 18px/1.25 var(--display)}
.nug p{margin:6px 0 0;font-size:16px;color:var(--muted)}
.nug p b{color:var(--ink)}
.pts li{margin:10px 0}
.tip{margin:16px 0 0;padding:12px 16px;border-left:4px solid var(--pop);background:var(--card);border-radius:0 12px 12px 0;font-size:16px}
.note{font-size:15px;color:var(--muted)}
.metal{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:14px}
.metal div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:2px}
.metal b{font:700 16px var(--display)}
.metal span{font-size:14px;color:var(--muted)}
@media (max-width:560px){.metal{grid-template-columns:repeat(2,1fr)}}
.srcl{font-size:13px;font-weight:600;color:var(--muted)}
.srcl::before{content:"Source: "}
.more-link{display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:600;font-size:15px}
.slede{color:var(--muted);margin:0 0 14px}
.stories{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.story{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px}
.stag{align-self:flex-start;font:700 11px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--pop-ink);background:var(--pop);border-radius:999px;padding:4px 10px}
.sbig{font:800 34px/1 var(--display);color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums}
.story h3{margin:2px 0 0;font:700 18px/1.3 var(--display)}
.story h3 span{display:block;font:600 14px var(--sans);color:var(--muted)}
.story p{margin:4px 0;font-size:15.5px;line-height:1.55}
.safter{color:var(--muted)}
.slesson{font-weight:700}
.ssrc{margin-top:auto;padding-top:6px;font-weight:700;font-size:15px}
.story small{color:var(--muted);font-size:12.5px}
.disclaim{margin-top:22px;font-size:13px;color:var(--muted)}
@media (max-width:420px){.sbig{font-size:30px}}
.pts li > b:first-child,.angle li > b:first-child{font-family:var(--display);font-weight:700}
.angle p b,.tip b{font-weight:700}
.jump a:first-child{margin-left:auto} .jump a:last-child{margin-right:auto}
.nug-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}