/* Scoped to the four refill category pages. */
html{scroll-padding-top:90px}
body>.skip-link{position:absolute;left:1rem;top:-6rem;z-index:200;background:#fff;color:#040e24;padding:1rem}
body>.skip-link:focus{top:1rem}
body>nav{gap:1rem}
.wrap{max-width:1000px;padding-top:2rem}
nav.breadcrumb{position:static;display:block;height:auto;padding:0;border:0;background:none;backdrop-filter:none;font-size:.8rem;line-height:1.7;margin-bottom:1.5rem}
.breadcrumb a{text-decoration:underline;text-underline-offset:.2em}
.refill-hero{max-width:790px}
.refill-hero .lead{margin-bottom:1rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0 .65rem}
.hero-actions .cta{font-size:1.1rem;min-height:56px;padding:16px 26px;margin:0}
.hero-actions .secondary{font-size:.95rem;text-underline-offset:.22em}
.microcopy{font-size:.88rem;color:var(--w85);line-height:1.6}
.refill-hero .facts{margin-top:1.2rem}
.refill-hero .facts p:last-child{margin-bottom:0}
.jump-links{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin:1.6rem 0 2rem;font-size:.9rem;line-height:1.8}
.jump-links a{text-underline-offset:.25em}
section{margin:2rem 0}
section>h2:first-child{margin-top:0}
.wrap ul,.wrap ol{padding-left:1.3rem}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0!important;counter-reset:step}
.steps li{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;counter-increment:step;margin:0}
.steps li::before{content:counter(step,decimal-leading-zero);display:block;font-size:.82rem;color:var(--teal);font-weight:700;letter-spacing:.1em;margin-bottom:.65rem}
.steps strong{color:#fff;display:block;margin-bottom:.45rem;font-size:1.08rem}
.steps p{font-size:.94rem;margin:0;line-height:1.65}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.decision-grid>div{border:1px solid var(--border);border-radius:14px;padding:1.2rem;background:var(--card)}
h3{font-size:1.05rem;margin:0 0 .6rem;color:#fff;line-height:1.45}
.decision-grid p:last-child{margin:0}
.med-list{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:0!important;margin:1rem 0}
.med-list li{margin:0}
.med-list a{display:block;border:1px solid #25547a;background:var(--card);padding:.65rem 1rem;border-radius:9px;text-underline-offset:.2em}
.no h3{color:#ffb2c0}
.no p:last-child{margin-bottom:0}
.faq details{border-top:1px solid #23415f;padding:1rem 0}
.faq details:last-child{border-bottom:1px solid #23415f}
.faq summary{cursor:pointer;font-weight:600;font-size:1.02rem;line-height:1.5;padding-right:.6rem}
.faq details p{margin:1rem 0 .25rem;max-width:800px}
.final-action{border:1px solid rgba(0,229,192,.3);border-radius:16px;padding:1.5rem;background:rgba(0,229,192,.05)}
.final-action h2{margin-top:0}
.final-action .cta{margin-top:.2rem}
.sources{font-size:.9rem}
a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.editorial-dates{max-width:800px}
@media(max-width:600px){body>nav{padding:0 1rem}.wordmark{font-size:.88rem}.logo{gap:7px}.nb{padding:11px 13px;font-size:.86rem;white-space:nowrap}.wrap{padding:1.4rem 1.15rem 3rem}h1{font-size:2.65rem}.lead{font-size:1rem;line-height:1.6}.hero-actions{display:block}.hero-actions .cta{display:flex;justify-content:center;width:100%;text-align:center}.hero-actions .secondary{display:inline-block;margin-top:1rem}.facts{padding:1rem}.steps,.decision-grid{grid-template-columns:1fr}section{margin:2rem 0}.cards{grid-template-columns:1fr}.no{padding:1rem}.final-action{padding:1.2rem}.final-action .cta{display:flex;justify-content:center;text-align:center}h2{font-size:1.45rem}}

/* Compact refill care comparison, with row labels retained on small screens. */
.care-table-wrap{border:1px solid #25547a;border-radius:14px;overflow:hidden}
.care-table-wrap:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.care-table{display:table;width:100%;table-layout:fixed;border:0;border-radius:0;overflow:visible;font-size:.93rem;line-height:1.65}
.care-table caption{text-align:left;padding:1rem;font-weight:700;color:#fff;background:var(--card)}
.care-table th:first-child{width:23%}
.care-table td,.care-table th{overflow-wrap:break-word}
.care-table tbody th{background:rgba(0,200,240,.025)}
.medication-cost{margin:1.25rem 0;padding:1.2rem;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.medication-cost p:last-child{margin-bottom:0}
@media(max-width:600px){.care-table{font-size:.85rem}.care-table th,.care-table td{padding:.7rem .5rem}.care-table th:first-child{width:25%}.care-table th:nth-child(2){width:35%}.medication-cost{padding:1rem}}
