/* Passion Health Online Care look for Blood Work (November 2026).
   Loaded after labs.css (and after the guide pages' inline styles). Tokens and components match the
   Online Care storefront: Fraunces + Manrope, deep indigo #2F2369 with orange #F99021, dark gradient
   hero bands, pill buttons, violet eyebrows, 14-24px radii, light footer. */
:root{
  --oc-plum:#2F2369; --oc-violet:#5B4BB7; --oc-lilac:#ECE9F8; --oc-lilac-2:#DCD6F2;
  --oc-orange:#F99021; --oc-orange-hover:#FFA845; --oc-on-orange:#1C1642; --oc-orange-ink:#9A4D00; --oc-orange-bg:#FFF0DF;
  --oc-ink:#1E1A33; --oc-ink-2:#56527A; --oc-ink-3:#625E7E; --oc-ground:#FAFAFE; --oc-surface:#FFFFFF; --oc-sunk:#F3F2FA;
  --oc-line:#E4E2F0; --oc-line-2:#CFC9EA; --oc-tint:#F0EDFC; --oc-peach:#FFF2E4; --oc-moss:#2F7A5B; --oc-moss-bg:#E6F3EC;
  --oc-shadow:0 12px 32px rgba(47,35,105,.10); --oc-shadow-sm:0 6px 18px rgba(47,35,105,.07);
  --oc-band:linear-gradient(140deg,#2C2170 0%,#3A2A8C 42%,#1C1642 100%);
  --color-ink:var(--oc-ink); --color-brand:var(--oc-plum); --color-brand-strong:#1C1642; --color-brand-soft:var(--oc-lilac);
  --color-accent:var(--oc-orange); --color-tint:var(--oc-sunk); --color-line:var(--oc-line); --color-line-strong:var(--oc-line-2);
  --color-muted:var(--oc-ink-2); --color-faint:var(--oc-ink-3);
  --font-display:"Fraunces","Iowan Old Style",Georgia,serif;
  --font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:var(--font-sans);
  --radius-md:6px; --radius-lg:14px; --radius-xl:18px;
}
html{scroll-padding-top:96px}
body{background:var(--oc-ground); color:var(--oc-ink); font-family:var(--font-sans)}
h1,h2{font-family:var(--font-display); font-weight:500; letter-spacing:-.01em; color:var(--oc-plum)}
h3{font-family:var(--font-display); font-weight:600; letter-spacing:-.005em; color:var(--oc-plum)}

/* eyebrows */
.kicker{font-family:var(--font-sans)!important; font-size:12px!important; line-height:1.4!important; font-weight:800!important; letter-spacing:.12em!important; text-transform:uppercase; color:var(--oc-violet)}

/* buttons: pills */
.btn{font-family:var(--font-sans); font-weight:700; font-size:15px; letter-spacing:0; border-width:1.5px; border-radius:999px}
.btn-sm{font-size:14px}
.btn-primary{background:var(--oc-plum); border-color:var(--oc-plum); color:#fff}
.btn-primary:hover{background:var(--oc-violet); border-color:var(--oc-violet); color:#fff}
.btn-outline{background:transparent; color:var(--oc-ink); border-color:var(--oc-line-2)}
.btn-outline:hover{background:var(--oc-lilac); color:var(--oc-plum); border-color:var(--oc-lilac-2)}
.linkbtn, a{text-underline-offset:3px}

/* utility top bar */
.oc-topbar{background:var(--oc-plum); color:#EDEAFB; font:600 13.5px/1.35 var(--font-sans)}
.oc-topbar .wrap{display:flex; justify-content:space-between; align-items:center; gap:16px; padding-block:9px}
.oc-topbar i{display:inline-block; width:8px; height:8px; border-radius:50%; background:#7FD1A9; box-shadow:0 0 0 3px rgba(127,209,169,.25); margin-right:9px; vertical-align:1px}
.oc-topbar .tb-right{display:flex; gap:20px; white-space:nowrap}
.oc-topbar a{color:#fff; text-decoration:none; font-weight:700}
.oc-topbar a:hover{text-decoration:underline}
@media (max-width:760px){ .oc-topbar .tb-left{display:none} .oc-topbar .wrap{justify-content:center} .oc-topbar .tb-site{display:none} }

/* header */
header.nav{background:color-mix(in srgb, var(--oc-ground) 90%, transparent); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--oc-line); box-shadow:none}
header.nav nav.links > a, header.nav nav.links > .menu-btn{color:var(--oc-ink-2); font:600 15px/1.3 var(--font-sans); border-radius:999px; padding:8px 13px}
header.nav nav.links > a:hover, header.nav nav.links > .menu-btn:hover, header.nav nav.links > .menu-btn[aria-expanded="true"]{background:var(--oc-lilac); color:var(--oc-plum)}
.logo small{display:flex; align-items:center; gap:7px; margin-top:4px; font:800 11px/1 var(--font-sans)!important; letter-spacing:.3em!important; text-transform:uppercase; color:var(--oc-violet)!important}
.logo small::before{content:""; flex:none; width:58px; height:8px; background:linear-gradient(#8C82D8,#8C82D8) left center/48px 1.5px no-repeat, radial-gradient(circle, var(--oc-orange) 3.4px, transparent 4px) right center/8px 8px no-repeat}
.cart-btn{border-radius:999px; font-weight:700; font-family:var(--font-sans)}
.pill{font-family:var(--font-sans)!important; font-weight:700!important; border-color:var(--oc-line-2); color:var(--oc-ink); border-radius:999px}
.pill:hover, .pill[aria-current]{background:var(--oc-lilac); color:var(--oc-plum); border-color:var(--oc-lilac-2)}
.mega{border-radius:20px; border-color:var(--oc-line); box-shadow:var(--oc-shadow)}
.mega .menu-h{font:800 12px/1.4 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--oc-violet)}

/* dark gradient bands: hub hero, page heroes, guide heroes */
.hero, .page-hero, .g-hero{position:relative; overflow:hidden; isolation:isolate; background:var(--oc-band); color:#F1EEFA}
.oc-fx{position:absolute; inset:0; overflow:hidden; z-index:-1; pointer-events:none}
.oc-fx .blob{position:absolute; border-radius:50%; filter:blur(70px)}
.oc-fx .b1{width:560px; height:560px; background:#6C5CE0; top:-240px; left:-180px; opacity:.75}
.oc-fx .b2{width:520px; height:520px; background:#2E8FA8; bottom:-280px; right:-80px; opacity:.6}
.oc-fx .b3{width:420px; height:420px; background:#F99021; top:30%; left:40%; opacity:.28}
.oc-fx .dots{position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.6px); background-size:26px 26px; -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 85%); mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 85%)}
.hero h1, .page-hero h1, .g-hero h1{color:#fff}
.hero .kicker, .page-hero .kicker, .g-hero .kicker{color:#FFB866}
.page-hero .lead, .page-hero .sub, .page-hero p, .g-hero p{color:#D8D3EE}
.hero .btn-primary, .hero .btn-white, .page-hero .btn-primary, .g-hero .btn-primary{background:var(--oc-orange); border-color:var(--oc-orange); color:var(--oc-on-orange)}
.hero .btn-primary:hover, .hero .btn-white:hover, .page-hero .btn-primary:hover, .g-hero .btn-primary:hover{background:var(--oc-orange-hover); border-color:var(--oc-orange-hover); color:var(--oc-on-orange)}
.hero .btn-glass, .page-hero .btn-outline, .g-hero .btn-outline{background:transparent; border-color:rgba(255,255,255,.4); color:#fff}
.hero .btn-glass:hover, .page-hero .btn-outline:hover, .g-hero .btn-outline:hover{background:rgba(255,255,255,.1); color:#fff}
.page-hero .crumbs, .g-hero .crumbs{background:none; border:0; color:#B9B3D6}
.page-hero .crumbs a, .g-hero .crumbs a{color:#E4E0F7}
.page-hero .crumbs [aria-current], .g-hero .crumbs [aria-current]{color:#fff}
.page-hero > .wrap > .for{justify-self:start}

/* hub hero: two columns, left-aligned like the Online Care storefront */
.hero{padding-block:56px 64px}
.hero-art{display:none}
.hero .hero-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:48px; align-items:center; justify-items:stretch; text-align:left}
.hero .hero-copy{display:grid; gap:18px; justify-items:start; min-width:0}
.hero h1{font-size:clamp(2.4rem,5vw,3.7rem); line-height:1.06; max-width:none; margin:0}
.h1-eyebrow{display:block!important; width:auto!important; margin:0 0 16px!important; background:none!important; border:0!important; padding:0!important; font:800 12px/1.4 var(--font-sans)!important; letter-spacing:.12em!important; text-transform:uppercase; color:#FFB866!important; -webkit-backdrop-filter:none; backdrop-filter:none}
.h1-eyebrow i{display:none!important}
.hero .lead{color:#D8D3EE; max-width:38rem}
.hero .concierge{width:100%; border-radius:22px}
.hero .chips{justify-content:flex-start}
.hero .chip{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); color:#F1EEFA; font-weight:600; font-family:var(--font-sans)}
.hero .chip:hover{background:rgba(255,255,255,.18)}
.hero .hero-ctas{justify-content:flex-start}
.hero .trustline{justify-content:flex-start; color:#B9B3D6}
.hero-visual{position:relative; min-height:560px}
.bw-phone{position:absolute; right:12%; top:10px; width:280px; height:540px; border-radius:42px; background:#14102E; padding:12px; box-shadow:0 30px 70px rgba(8,4,30,.5)}
.bw-screen{height:100%; border-radius:32px; background:#FAFAFE; overflow:hidden; color:var(--oc-ink); padding:16px 14px; display:flex; flex-direction:column; gap:10px; font-family:var(--font-sans)}
.bw-status{display:flex; justify-content:space-between; font:700 12px/1 var(--font-sans); color:var(--oc-ink)}
.bw-top{display:flex; justify-content:space-between; align-items:flex-start; gap:8px}
.bw-top small{display:block; font:800 10px/1.4 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--oc-violet)}
.bw-top b{display:block; font:500 19px/1.2 var(--font-display); color:var(--oc-plum)}
.bw-ready{background:var(--oc-moss-bg); color:var(--oc-moss); border-radius:999px; padding:3px 9px; font:800 10px/1.4 var(--font-sans); white-space:nowrap}
.bw-rows{background:#fff; border:1px solid var(--oc-line); border-radius:16px; padding:4px 12px}
.bw-row{display:grid; grid-template-columns:1fr auto; gap:2px 8px; padding:9px 0; border-bottom:1px solid var(--oc-line); font-size:12.5px}
.bw-row:last-child{border-bottom:0}
.bw-row b{font-weight:700; color:var(--oc-ink)}
.bw-row span{color:var(--oc-ink-2); text-align:right; font-variant-numeric:tabular-nums}
.bw-row em{grid-column:1 / -1; font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--oc-moss)}
.bw-row em.flag{color:var(--oc-orange-ink)}
.bw-msg{margin-top:auto; background:var(--oc-plum); color:#EDEAFB; border-radius:16px; padding:11px 12px; font-size:12px; line-height:1.45}
.bw-msg small{display:block; font:800 9.5px/1.4 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:#FFB866; margin-bottom:3px}
.bw-float{position:absolute; width:205px; background:#fff; color:var(--oc-ink); border-radius:14px; padding:11px 13px; box-shadow:0 18px 40px rgba(8,4,30,.35); font-size:12px; line-height:1.4}
.bw-float small{display:block; font:800 10px/1.4 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--oc-violet); margin-bottom:3px}
.bw-float b{display:flex; gap:6px; align-items:flex-start; font-size:13.5px; line-height:1.3}
.bw-float b::before{content:"✓"; flex:none; width:17px; height:17px; border-radius:50%; background:var(--oc-moss); color:#fff; font-size:10px; display:grid; place-items:center; margin-top:1px}
.bw-float span{display:block; color:var(--oc-ink-2); margin-top:3px}
.bw-f1{left:0; top:90px} .bw-f2{right:0; top:250px} .bw-f3{left:4%; top:420px}
.bw-note{position:absolute; right:14%; bottom:-6px; font-size:11.5px; color:#B9B3D6}
@media (max-width:1060px){ .bw-phone{right:4%} .bw-f2{right:-8px} }
@media (max-width:960px){ .hero .hero-grid{grid-template-columns:minmax(0,1fr)} .hero-visual{display:none} .hero{padding-block:40px 48px} }

/* at a glance + stats (hub) */
.oc-glance-band{padding-block:48px 8px}
.oc-glance{background:var(--oc-surface); border:1px solid var(--oc-line); border-left:5px solid var(--oc-orange); border-radius:20px; padding:24px 28px; box-shadow:var(--oc-shadow-sm)}
.oc-glance p{font-size:17px; line-height:1.7; color:var(--oc-ink); margin:8px 0 0}
.oc-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:18px}
.oc-stat{background:var(--oc-surface); border:1px solid var(--oc-line); border-radius:14px; padding:20px 21px; min-width:0}
.oc-stat .v{font-family:var(--font-display); font-size:38px; line-height:1; color:var(--oc-plum); font-variant-numeric:tabular-nums}
.oc-stat .v::after{content:""; display:inline-block; width:.42em; height:.42em; border-radius:50%; background:var(--oc-orange); margin-left:.18em; vertical-align:.55em}
.oc-stat .v small{font-size:18px; color:var(--oc-violet)}
.oc-stat .k{font-size:14px; color:var(--oc-ink-2); margin-top:8px}
.oc-stat .k a{color:var(--oc-plum)}
@media (max-width:860px){ .oc-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .oc-glance{padding:20px} }

/* page heroes (panels, biomarker groups, tests, pricing, locations, FAQ, scans) */
.page-hero{padding-block:22px 56px}
.page-hero > .wrap{position:relative}
.page-hero h1{margin-top:10px}
.page-hero .res-price{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); border-radius:18px; color:#EDEAFB}
.page-hero .res-price b{color:#fff; font-family:var(--font-display)}
.page-hero .res-price span{color:#D8D3EE}
.page-hero .for{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#EDEAFB; border-radius:999px; display:inline-block; padding:6px 14px}
.page-hero .for b{color:#FFB866}
.page-hero a:not(.btn):not(.pill){color:#fff}
.page-hero .fine{color:#B9B3D6}
.page-hero .cond-line{color:#D8D3EE} .page-hero .cond-line a{color:#fff}
.page-hero .sec-head{margin:10px 0 0}

/* section heads and cards on light backgrounds */
.sec-head h2, .sub-head h3{color:var(--oc-plum)}
.sec-head .sub, .sub{color:var(--oc-ink-2)}
.panel{border-radius:18px; border-color:var(--oc-line); box-shadow:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.panel:hover{border-color:var(--oc-lilac-2); transform:translateY(-3px); box-shadow:var(--oc-shadow)}
.panel h3, .panel h3 a{font-family:var(--font-display); color:var(--oc-plum)}
.count-badge{font:800 10.5px/1.4 var(--font-sans)!important; letter-spacing:.08em; text-transform:uppercase; color:var(--oc-violet); background:var(--oc-lilac); border-radius:999px; padding:3px 9px}
.group, .finds .group{border-radius:14px; border-color:var(--oc-line); background:var(--oc-surface)}
.finds .find-link{color:var(--oc-plum); font-weight:700}
.tag{border-radius:999px; font-family:var(--font-sans)!important; font-weight:700}
.price b, .res-price b{font-family:var(--font-display)}
.warnbox{border-radius:14px}
.mk{border-radius:14px}
table th{font-family:var(--font-sans); font-weight:800; color:var(--oc-ink)}

/* guide and condition pages */
.g-hero{padding-block:22px 64px}
.g-hero .crumbs{margin:0 0 26px; padding:0; font-family:var(--font-sans); font-size:14px}
.g-hero-grid{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:48px; align-items:center}
.g-hero-copy{display:grid; gap:16px; justify-items:start; min-width:0}
.g-hero .kicker{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:7px 14px; color:#F1EEFA; letter-spacing:.04em!important; text-transform:none; font-weight:700!important; font-size:13.5px!important}
.g-hero .kicker::before{content:""; width:8px; height:8px; border-radius:50%; background:#7FD1A9; box-shadow:0 0 0 3px rgba(127,209,169,.25)}
.g-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem); line-height:1.07; margin:0; max-width:16ch}
.g-hero .review{display:flex; flex-wrap:wrap; gap:6px 16px; margin:0; font:600 13px/1.4 var(--font-sans); color:#B9B3D6}
.g-hero .trust{display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 0; padding:0; list-style:none}
.g-hero .trust li{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#EDEAFB; border-radius:999px; padding:6px 13px; font:600 13.5px/1.3 var(--font-sans)}
.g-hero .trust li::before{content:"✓ "; color:#FFB866; font-weight:800}
.g-hero .hero-cta{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px}
.g-hero-card .buybox{background:var(--oc-surface); color:var(--oc-ink); border:0; border-radius:24px; box-shadow:0 30px 70px rgba(8,4,30,.45); padding:22px 24px; gap:14px}
.g-hero-card .buy-item .nm{font:800 12px/1.4 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--oc-violet)}
.g-hero-card .buy-item .pr{font:500 40px/1 var(--font-display); color:var(--oc-plum)}
.g-hero-card .buy-item .nt{color:var(--oc-ink-2)}
.g-hero-card .btn-primary{background:var(--oc-plum); border-color:var(--oc-plum); color:#fff}
.g-hero-card .nt a{color:var(--oc-plum)}
.g-wrap .g-grid{grid-template-columns:minmax(0,1fr)}
.g-wrap .g-aside{display:none}
.g-article{max-width:860px}
.g-article .buy-inline{display:none!important}
.g-article .quick{background:var(--oc-surface); border:1px solid var(--oc-line); border-left:5px solid var(--oc-orange); border-radius:20px; padding:24px 28px; box-shadow:var(--oc-shadow-sm)}
.g-article .quick .kicker{color:var(--oc-violet)}
.g-article .quick p{font-size:17px; line-height:1.7; color:var(--oc-ink)}
.g-article .toc{display:flex; flex-wrap:wrap; align-items:center; gap:8px; border-color:var(--oc-line)}
.g-article .toc::before{content:"On this page"; font:800 12px/1.4 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--oc-violet); margin-right:6px}
.g-article .toc a{border:1px solid var(--oc-line-2); background:var(--oc-surface); color:var(--oc-ink); border-radius:999px; padding:7px 14px; font:700 14px/1.3 var(--font-sans); text-decoration:none}
.g-article .toc a:hover{background:var(--oc-lilac); color:var(--oc-plum)}
.g-article h2{color:var(--oc-plum)}
.g-article .review-box{background:var(--oc-surface); border:1px solid var(--oc-line); border-radius:20px}
.g-article .related a{border-radius:14px; border-color:var(--oc-line); background:var(--oc-surface)}
.g-article .faq details{border-radius:14px}
.oc-final{margin:48px 0 8px; border-radius:24px; padding:30px 32px; background:linear-gradient(120deg,#2C2170 0%,#3A2A8C 55%,#5B4BB7 100%); color:#F1EEFA; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px}
.oc-final h2{color:#fff; margin:6px 0 0; font-size:30px}
.oc-final .kicker{color:#FFB866}
.oc-final .btns{display:flex; flex-wrap:wrap; gap:10px}
.oc-final .btn-primary{background:var(--oc-orange); border-color:var(--oc-orange); color:var(--oc-on-orange)}
.oc-final .btn-outline{color:#fff; border-color:rgba(255,255,255,.4)}
@media (max-width:960px){ .g-hero-grid{grid-template-columns:minmax(0,1fr); gap:28px} .g-hero{padding-block:18px 40px} }

/* light footer, as on Online Care */
footer, .mini-foot{background:var(--oc-sunk)!important; color:var(--oc-ink)!important; border-top:1px solid var(--oc-line); --foot-ink:var(--oc-ink); --foot-muted:var(--oc-ink-2)}
footer .logo, footer .logo:hover{color:var(--oc-ink)}
footer .foot-h{font:800 12px/1.4 var(--font-sans)!important; letter-spacing:.12em; text-transform:uppercase; color:var(--oc-violet)!important}
footer a, .mini-foot a{color:var(--oc-ink)!important}
footer a:hover, .mini-foot a:hover{color:var(--oc-plum)!important}
footer p{color:var(--oc-ink-2)!important}
footer :focus-visible{outline-color:var(--oc-plum)}

/* refinements after side-by-side review */
.page-hero .crumbs{margin:0 0 18px; font-family:var(--font-sans); font-size:14px}
.page-hero .sec-head .sub, .page-hero .sec-head p{color:#D8D3EE}
.page-hero + section[style]{padding-top:36px!important}
.page-hero > .wrap:has(> .res-price){display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); column-gap:56px; align-items:start}
.page-hero > .wrap:has(> .res-price) > *{grid-column:1}
.page-hero > .wrap:has(> .res-price) > .res-price{grid-column:2; grid-row:1 / span 8; align-self:center; display:flex; flex-direction:column; align-items:flex-start; gap:8px; background:#fff; color:var(--oc-ink); border:0; border-radius:24px; padding:28px 30px; box-shadow:0 30px 70px rgba(8,4,30,.45)}
.page-hero > .wrap:has(> .res-price) > .res-price::before{content:"Self-pay price"; font:800 12px/1.4 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--oc-violet)}
.page-hero > .wrap:has(> .res-price) > .res-price b{color:var(--oc-plum); font-size:64px; line-height:1}
.page-hero > .wrap:has(> .res-price) > .res-price span{color:var(--oc-ink-2); font-family:var(--font-sans); font-size:14.5px; line-height:1.5}
@media (max-width:960px){ .page-hero > .wrap:has(> .res-price){grid-template-columns:minmax(0,1fr)} .page-hero > .wrap:has(> .res-price) > .res-price{grid-column:1; grid-row:auto; margin-top:8px} }
.g-hero .review, .g-hero .trust, .g-hero h1{border:0!important; padding-bottom:0}
.bw-f2{top:330px} .bw-f3{left:-10px; top:470px}
footer .legal{border-top-color:var(--oc-line); color:var(--oc-ink-3)}
footer .legal .src a{color:var(--oc-ink-2)!important}
footer .news input{border-color:var(--oc-line-2); background:#fff; color:var(--oc-ink)}
footer .news input::placeholder{color:var(--oc-ink-3)}
footer .news .btn-white{background:var(--oc-plum); border-color:var(--oc-plum); color:#fff}
.hero .ask-row textarea{font-size:16.5px; min-height:58px}

/* Online Care treatment block (November 7, 2026): links each condition to its Online Care page */
.oc-care{margin:48px 0 8px; padding:28px 30px; border-radius:24px; background:linear-gradient(135deg,var(--oc-sunk) 0%,var(--oc-peach) 100%); border:1px solid var(--oc-line); box-shadow:var(--oc-shadow-sm)}
.oc-care h2{margin:8px 0 10px; font-size:28px; line-height:1.2}
.oc-care p{margin:0; color:var(--oc-ink-2); max-width:62ch}
.oc-care-list{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px}
.oc-care-list a{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 16px; border-radius:999px; background:var(--oc-surface); border:1.5px solid var(--oc-line-2); color:var(--oc-ink); font:700 14.5px/1.2 var(--font-sans); text-decoration:none}
.oc-care-list a::after{content:"→"; color:var(--oc-orange-ink)}
.oc-care-list a:hover{background:var(--oc-lilac); border-color:var(--oc-violet); color:var(--oc-plum)}
.oc-care-all{display:inline-block; margin-top:16px; font:700 15px/1.3 var(--font-sans); color:var(--oc-plum)}
.oc-care-sec{padding:8px 0 56px}
.oc-care-sec .oc-care{margin:0}
.oc-care-wrap{margin:0 0 56px}
.oc-care-wrap .oc-care{margin:0}
@media (max-width:640px){.oc-care{padding:22px 18px; border-radius:20px} .oc-care h2{font-size:23px}}
.g-article ul.oc-care-list, ul.oc-care-list{display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:18px 0 0; list-style:none}
.g-article .oc-care-list li, .oc-care-list li{margin:0; padding:0; font-size:inherit; line-height:inherit}
.g-article .oc-care p{font-size:17px; line-height:1.6}