.hcc-page { --hcc-navy:#163b64; --hcc-pale:#edf4f9; color:#34495d; font-size:1.06rem; line-height:1.7; }
.hcc-page *, .hcc-page *::before, .hcc-page *::after { box-sizing:border-box; }
.hcc-page h1,.hcc-page h2,.hcc-page h3,.hcc-page h4 { color:var(--hcc-navy); line-height:1.25; letter-spacing:-.02em; }
.hcc-page h1 { font-size:clamp(2rem,3.7vw,3.2rem); max-width:900px; margin:12px 0 20px; }
.hcc-page h1 span { font-size:.72em; font-weight:600; }
.hcc-page h2 { font-size:clamp(1.6rem,2.5vw,2.2rem); margin:9px 0 18px; }
.hcc-page h3 { font-size:clamp(1.27rem,2vw,1.6rem); margin:22px 0 13px; }
.hcc-page h4 { font-size:1.13rem; margin:12px 0 9px; }
.hcc-page p { margin:0 0 16px; max-width:none; }
.hcc-page section,.hcc-page [id] { scroll-margin-top:112px; }
.hcc-page section { margin:0 0 42px; }
.hcc-page a:not(.button) { text-underline-offset:4px; }
.hcc-hero { padding:34px 0 40px; background:linear-gradient(110deg,#f5f9fc,#eaf2f8); border-bottom:1px solid #d4e3ef; }
.hcc-breadcrumb { font-size:.87rem; margin:0 0 23px; color:#526b80; }
.hcc-hero-grid { display:grid; grid-template-columns:1.65fr 1fr; align-items:center; gap:36px; }
.hcc-hero .actions { margin:22px 0 17px; }
.hcc-hero-figure { background:rgba(255,255,255,.75); border:1px solid #c6d8e7; border-radius:24px; padding:18px 20px; margin:0; }
.hcc-hero-figure svg { width:100%; display:block; }
.hcc-page figcaption { color:#4a6174; font-size:.9rem; line-height:1.5; }
.hcc-overview { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:38px; padding-top:36px; padding-bottom:18px; }
.hcc-sidebar { align-self:start; position:sticky; top:110px; font-size:.93rem; }
.hcc-sidebar nav { border:1px solid #c9dbe9; padding:20px; border-radius:16px; background:#f7fafc; }
.hcc-sidebar nav strong { color:var(--hcc-navy); display:block; margin-bottom:8px; }
.hcc-sidebar nav a { display:block; border-bottom:1px solid #dce6ee; padding:7px 0; font-size:.9rem; line-height:1.45; }
.hcc-sidebar .button { padding:10px 14px; font-size:.9rem; width:100%; }
.hcc-grid { display:grid; gap:16px; margin:20px 0; }
.hcc-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hcc-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hcc-card { display:block; background:#fff; border:1px solid #d5e1eb; border-radius:16px; padding:21px; box-shadow:0 5px 15px #173f6510; }
.hcc-card h3,.hcc-card h4 { margin:0 0 11px; font-size:1.12rem; }
.hcc-card p { margin:0; font-size:.98rem; line-height:1.65; }
.hcc-card span { display:block; font-size:.95rem; margin-top:10px; }
.hcc-note { background:#edf4f9; border-left:4px solid #4c7b9f; padding:18px 21px; margin:20px 0; border-radius:0 14px 14px 0; }
.hcc-note strong { color:var(--hcc-navy); }
.hcc-note p { margin:6px 0 0; }
.hcc-cites { display:block; font-size:.8rem; color:#567085; line-height:1.5; margin:9px 0 17px; }
.hcc-cites a { padding:4px; }
.hcc-small { font-size:.87rem; line-height:1.55; color:#52677a; }
.hcc-livers figure,.hcc-phases figure { background:#f4f8fb; padding:12px; border-radius:16px; margin:0; border:1px solid #d4e2ed; }
.hcc-livers svg,.hcc-phases svg { width:100%; display:block; }
.hcc-livers strong,.hcc-phases strong { display:block; color:#214c70; }
.hcc-livers figcaption p,.hcc-phases figcaption p { margin:7px 0 0; font-size:.88rem; }
.hcc-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hcc-steps>div { border-top:2px solid #a6c0d4; padding-top:13px; }
.hcc-steps b { display:grid; place-items:center; border-radius:50%; background:#285f8e; color:white; width:32px; height:32px; }
.hcc-steps h3 { font-size:1.05rem; margin:11px 0; }
.hcc-steps p { font-size:.95rem; }
.hcc-route-section { padding:32px 0; background:#edf3f8; border-block:1px solid #dbe5ee; }
.hcc-route-card { border:1px solid #bfd2e1; border-radius:20px; padding:25px; background:white; color:#34495d; box-shadow:0 10px 28px #153c6010; transition:transform .18s,border-color .18s; }
.hcc-route-card:hover { transform:translateY(-3px); border-color:#517ea4; }
.hcc-route-card>span { display:grid; place-items:center; background:#1f527f; width:43px; height:43px; color:white; border-radius:13px; font-weight:800; }
.hcc-route-card h3 { font-size:1.3rem; }
.hcc-route-card b { color:#2b658f; font-size:.95rem; }
.hcc-care { padding-top:32px; }
.hcc-route-body { border-top:1px solid #c7d9e8; padding-top:30px; }
.hcc-chapter { display:flex; align-items:center; gap:20px; margin-bottom:25px; }
.hcc-chapter>span { display:grid; place-items:center; width:64px; height:64px; border-radius:18px; flex:none; color:#fff; font-size:2rem; font-weight:800; background:#1c527f; }
.hcc-chapter p { color:#426782; margin:0; font-weight:650; }
.hcc-chapter h2 { margin:5px 0 0; }
.hcc-downloads { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:22px 0 30px; }
.hcc-downloads>div>a.hcc-small { display:inline-block; padding:5px 8px; }
.hcc-downloads .patient-download { height:calc(100% - 34px); min-height:88px; font-size:.9rem; }
.hcc-downloads small { display:block; font-size:.82rem; }
.hcc-tool { border:1px solid #b8cfdf; border-radius:20px; padding:27px; background:#f6f9fc; margin:28px 0; }
.hcc-tool h3 { margin:5px 0 12px; }
.hcc-tool label { display:block; margin:0 0 12px; font-size:1rem; font-weight:650; color:#284b68; }
.hcc-tool input:not([type=checkbox]),.hcc-tool select { display:block; width:100%; min-height:48px; padding:10px 12px; background:white; border:1px solid #8fa9bd; border-radius:9px; font:inherit; color:#233d52; margin-top:7px; }
.hcc-tool .hcc-check { display:flex; align-items:flex-start; gap:10px; font-weight:500; }
.hcc-tool input[type=checkbox] { width:20px; height:20px; margin-top:3px; flex:none; accent-color:#235b87; }
.hcc-tool fieldset { border:0; padding:0; margin:15px 0; }
.hcc-tool legend { font-size:.96rem; font-weight:700; margin-bottom:14px; }
.hcc-tool .button { margin:6px 8px 6px 0; }
.hcc-result { padding:23px; border:1px solid #cbddea; border-radius:14px; background:#fff; margin:19px 0 9px; }
.hcc-result[hidden],.hcc-page [hidden] { display:none !important; }
.hcc-result h4 { margin:0 0 15px; }
.hcc-result p:last-child { margin-bottom:0; }
.hcc-options { display:flex; flex-wrap:wrap; gap:9px; margin:16px 0; }
.hcc-choice { background:white; border:1px solid #9db8cc; padding:12px 17px; min-height:46px; border-radius:12px; font:inherit; font-size:.98rem; color:#1e4b6d; cursor:pointer; }
.hcc-choice[aria-pressed=true] { background:#245b86; color:white; }
.hcc-page :focus-visible { outline:3px solid #b06c18; outline-offset:4px; }
.hcc-treatment-view { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; align-items:start; }
.hcc-treatment-view figure { margin:0; background:#f3f7fa; border-radius:14px; padding:10px; }
.hcc-treatment-view svg { width:100%; }
.hcc-page dt { font-weight:750; color:#284e6e; margin:15px 0 4px; }
.hcc-page dd { margin:0; }
.hcc-stage-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin:20px 0; }
.hcc-stage-strip>div { padding:16px; border:1px solid #c7d9e7; border-radius:13px; background:#edf4f9; }
.hcc-stage-strip strong { display:block; color:#234f73; font-size:1.6rem; }
.hcc-stage-strip span { font-size:.9rem; }
.hcc-table-wrap { overflow-x:auto; margin:20px 0; }
.hcc-page table { width:100%; border-collapse:collapse; font-size:1rem; text-align:left; }
.hcc-page th,.hcc-page td { border:1px solid #cbdbe7; padding:16px; vertical-align:top; min-width:150px; }
.hcc-page th { background:#eaf2f8; color:#254a68; }
.hcc-page caption { text-align:left; margin-bottom:10px; font-size:.9rem; }
.hcc-page details { border:1px solid #cddde8; border-radius:13px; padding:16px 19px; margin:12px 0; background:#fff; align-self:start; }
.hcc-page summary { cursor:pointer; color:#254f70; font-weight:750; padding:4px 0; min-height:32px; }
.hcc-page details p,.hcc-page details ul { margin-top:14px; }
.hcc-page li { margin:8px 0; }
.hcc-muscle { padding:18px; border-radius:18px; background:#f6f9fc; border:1px solid #d3e2ed; margin:20px 0; }
.hcc-muscle svg { display:block; width:100%; }
.hcc-food-rows figure { margin:0; border:1px solid #d3e2ec; border-radius:17px; overflow:hidden; background:#f7fafc; }
.hcc-food-rows img { width:100%; height:245px; object-fit:cover; }
.hcc-food-rows figcaption { padding:18px; font-size:1rem; }
.hcc-food-rows figcaption p { margin-top:8px; }
.hcc-meal { display:grid; grid-template-columns:135px minmax(0,1fr); border:1px solid #d1e0eb; border-radius:15px; overflow:hidden; background:#f8fafc; }
.hcc-meal img { width:100%; height:100%; object-fit:cover; }
.hcc-meal>div { padding:15px; }
.hcc-meal h4 { margin-top:0; }
.hcc-meal p { font-size:.97rem; margin:0; }
.hcc-inline-visual { display:grid; grid-template-columns:280px minmax(0,1fr); gap:25px; margin:22px 0; align-items:center; }
.hcc-inline-visual img { width:100%; height:235px; object-fit:cover; border-radius:17px; }
.hcc-tag { display:inline-block; background:#e7eff5; color:#315975; border-radius:7px; padding:5px 9px; font-size:.84rem; margin-bottom:12px; }
.hcc-urgent { background:#fff5ef; border:1px solid #e7c7ac; border-left:4px solid #b1642f; border-radius:13px; padding:22px; margin:25px 0; }
.hcc-urgent h3 { color:#844214; margin-top:0; }
.hcc-consult { display:grid; grid-template-columns:1.4fr 1fr; gap:30px; padding:28px; background:#edf4f9; border:1px solid #cbdeeb; border-radius:20px; align-items:center; }
.hcc-consult img { width:100%; height:285px; object-fit:cover; border-radius:16px; }
.hcc-references { font-size:.9rem; line-height:1.55; padding-left:23px; }
.hcc-references li { margin:13px 0; }
.hcc-references p { margin:4px 0; }
.hcc-academic .hcc-overview { grid-template-columns:minmax(0,1fr) 250px; }
.hcc-academic .hcc-overview>div>section>p { max-width:78ch; }
@media (max-width:900px) { .hcc-overview,.hcc-academic .hcc-overview { grid-template-columns:1fr; gap:0; }.hcc-sidebar { order:-1; position:static; margin-bottom:27px; }.hcc-sidebar nav { padding:14px; }.hcc-sidebar nav a { display:inline-block; padding:7px 10px; border:0; }.hcc-sidebar>.hcc-note { display:none; }.hcc-hero-grid { grid-template-columns:1.4fr 1fr; gap:18px; }.hcc-grid.three { grid-template-columns:1fr; }.hcc-livers.hcc-grid.three,.hcc-phases.hcc-grid.three { grid-template-columns:repeat(3,1fr); }.hcc-route-card { display:grid; grid-template-columns:50px 1fr; gap:4px 15px; }.hcc-route-card>span { grid-row:1/4; }.hcc-route-card h3 { margin:0; }.hcc-route-card p { margin:6px 0; }.hcc-route-card b { grid-column:2; }.hcc-meal { grid-template-columns:105px 1fr; } }
@media (max-width:620px) { .hcc-page { font-size:1rem; line-height:1.65; }.hcc-hero { padding:25px 0; }.hcc-hero-grid { grid-template-columns:1fr; }.hcc-hero-figure { max-width:340px; justify-self:center; padding:10px 20px; }.hcc-hero-figure svg { max-height:180px; }.hcc-hero-figure figcaption { font-size:.78rem; }.hcc-grid.two,.hcc-livers.hcc-grid.three,.hcc-phases.hcc-grid.three { grid-template-columns:1fr; }.hcc-livers figure,.hcc-phases figure { display:grid; grid-template-columns:130px 1fr; align-items:center; gap:10px; }.hcc-card { padding:18px; }.hcc-steps { grid-template-columns:1fr; gap:8px; }.hcc-steps>div { display:grid; grid-template-columns:36px 1fr; gap:0 12px; }.hcc-steps b { grid-row:1/3; }.hcc-steps h3 { margin:3px 0 8px; }.hcc-steps p { grid-column:2; }.hcc-chapter { gap:12px; }.hcc-chapter>span { width:46px; height:46px; font-size:1.5rem; border-radius:13px; }.hcc-downloads { grid-template-columns:1fr; }.hcc-tool { padding:19px; }.hcc-tool .button { width:100%; margin:5px 0; }.hcc-result { padding:17px; }.hcc-treatment-view { grid-template-columns:1fr; gap:17px; }.hcc-treatment-view figure { max-width:250px; justify-self:center; }.hcc-stage-strip { grid-template-columns:1fr 1fr; }.hcc-inline-visual,.hcc-consult { grid-template-columns:1fr; gap:18px; }.hcc-inline-visual img { max-height:230px; }.hcc-consult { padding:20px; }.hcc-consult img { height:230px; }.hcc-muscle { padding:8px; }.hcc-meal { grid-template-columns:110px 1fr; }.hcc-page th,.hcc-page td { padding:12px; min-width:130px; }.hcc-page .actions .button { width:100%; }.hcc-breadcrumb { margin-bottom:18px; }.hcc-sidebar nav a { padding:9px 8px; }.hcc-page section { margin-bottom:32px; } }
@media (prefers-reduced-motion:reduce) { .hcc-page * { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }
@media print { body.hcc-printing #site-header,body.hcc-printing footer,body.hcc-printing .whatsapp-fab,body.hcc-printing #main>article>*:not(#hcc-print) { display:none !important; }body.hcc-printing #hcc-print { display:block !important; color:#111; font-size:12pt; padding:20px; }body.hcc-printing .hcc-page { font-size:12pt; } }

/* Visual reading system: choose a route, read a card, expand only the next detail. */
.hcc-visual-page .hcc-small { font-size:.87rem; }
.hcc-visual-page [hidden] { display:none !important; }
.hcc-visual-page h2 { font-size:clamp(1.5rem,2.3vw,2rem); }
.hcc-visual-page h3 { font-size:clamp(1.2rem,1.9vw,1.5rem); }
.hcc-visual-hero { background:linear-gradient(120deg,#f5f9fc,#e8f1f7); border-bottom:1px solid #d0e0eb; padding:25px 0 30px; }
.hcc-visual-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:36px; align-items:center; }
.hcc-visual-hero-grid h1 { margin:12px 0 16px; }
.hcc-visual-hero-grid>div>p { max-width:47ch; }
.hcc-visual-hero-grid figure { margin:0; background:#e4f0f9; border:1px solid #c5d8e7; border-radius:23px; overflow:hidden; }
.hcc-visual-hero-grid figure>img { display:block; width:100%; height:285px; object-fit:cover; }
.hcc-visual-hero-grid figcaption { padding:9px 15px; background:#f7fafc; font-size:.76rem; }
.hcc-visual-hero-grid .actions { gap:12px; margin:20px 0 16px; }
.hcc-quiet-link { color:#28597c; font-weight:700; font-size:.93rem; text-decoration:underline; }
.hcc-essentials { padding-top:24px; }
.hcc-heading-inline { display:flex; gap:20px; justify-content:space-between; align-items:end; margin-bottom:16px; }
.hcc-heading-inline h2 { margin:7px 0 0; }
.hcc-heading-inline>p { max-width:30ch; margin:0; font-size:.94rem; }
.hcc-essential-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; align-items:start; }
.hcc-essential-grid .hcc-reveal { margin:0; }
.hcc-page .hcc-reveal { border-radius:13px; padding:0; overflow:hidden; background:#fff; }
.hcc-page .hcc-reveal>summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 17px; font-size:1rem; list-style:none; min-height:58px; }
.hcc-page .hcc-reveal>summary::-webkit-details-marker { display:none; }
.hcc-page .hcc-reveal>div { padding:0 18px 16px; font-size:.97rem; }
.hcc-page .hcc-reveal>div>p { margin:11px 0; }
.hcc-page .hcc-reveal[open]>summary { border-bottom:1px solid #d7e4ed; background:#f0f6fa; margin-bottom:12px; }
.hcc-plus { font-size:1.4rem; line-height:1; font-weight:400; color:#386d93; flex:none; }
.hcc-reveal[open]>summary .hcc-plus { transform:rotate(45deg); }
.hcc-route-picker { padding:21px 0 0; border-top:1px solid #cfdeea; }
.hcc-route-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hcc-route-tab { overflow:hidden; padding:0; text-align:left; border:1px solid #b9cedd; border-radius:18px; background:#fff; color:#39556b; font:inherit; cursor:pointer; transition:box-shadow .18s,border-color .18s; }
.hcc-route-tab>img { display:block; width:100%; height:148px; object-fit:cover; }
.hcc-route-tab[aria-selected=true] { outline:3px solid #2b6cb0; outline-offset:0; box-shadow:0 9px 24px #2457801c; }
.hcc-route-tab-copy { display:block; padding:17px; }
.hcc-route-tab-copy>small { display:block; color:#436f90; font-size:.77rem; font-weight:850; letter-spacing:.08em; }
.hcc-route-tab-copy>strong { display:block; margin:6px 0; font-size:1.19rem; line-height:1.3; color:#173f63; }
.hcc-route-tab-copy>span { display:block; font-size:.93rem; line-height:1.55; }
.hcc-route-tab-copy>b { display:block; font-size:.9rem; margin-top:10px; color:#285f89; }
.hcc-patient-layout { display:grid; grid-template-columns:minmax(0,1fr) 225px; gap:31px; align-items:start; }
.hcc-path-content { min-width:0; }
.hcc-visual-route { margin:0 0 32px !important; padding-top:26px; }
.hcc-context-nav { position:sticky; top:110px; border:1px solid #c9dce9; border-radius:16px; background:#f4f8fb; padding:19px; font-size:.9rem; margin-top:25px; }
.hcc-context-nav>strong { color:#19496e; }
.hcc-context-nav nav { margin-top:8px; }
.hcc-context-nav nav a { display:block; border-bottom:1px solid #d5e1ea; padding:10px 0; line-height:1.4; font-weight:650; }
.hcc-context-note { margin-top:20px; font-size:.88rem; }
.hcc-context-note strong { color:#244f70; }
.hcc-context-note p { margin:6px 0 10px; }
.hcc-context-note .button { font-size:.84rem; padding:10px 12px; width:100%; }
.hcc-module-heading { margin:25px 0 17px; }
.hcc-module-heading h3 { margin:7px 0 10px; }
.hcc-module-heading>p { font-size:1rem; max-width:67ch; }
.hcc-visual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin:18px 0 27px; }
.hcc-visual-tile { border:1px solid #cbdde9; border-radius:17px; overflow:hidden; background:#fff; box-shadow:0 5px 16px #14395c08; }
.hcc-visual-tile>img { display:block; width:100%; height:195px; object-fit:cover; }
.hcc-visual-tile>div { padding:18px; }
.hcc-visual-tile>div>h3 { margin:0 0 10px; font-size:1.16rem; }
.hcc-visual-tile>div>p { margin:0 0 10px; font-size:.97rem; line-height:1.6; }
.hcc-visual-tile .hcc-reveal { border-color:#d7e4ee; margin:13px 0 0; }
.hcc-visual-tile .hcc-reveal>summary { font-size:.92rem; padding:12px; min-height:47px; }
.hcc-fibroscan { display:grid; grid-template-columns:.9fr 1.1fr; gap:0; border:1px solid #9fbdcf; border-radius:22px; background:#eaf3f8; overflow:hidden; margin:27px 0 32px !important; }
.hcc-fibroscan>figure { margin:0; background:#dcebf4; }
.hcc-fibroscan>figure>img { width:100%; height:100%; min-height:390px; object-fit:cover; object-position:58% center; display:block; }
.hcc-fibroscan figcaption { padding:8px 13px; background:#f3f8fb; font-size:.75rem; }
.hcc-fibroscan>div { padding:25px; }
.hcc-fibroscan h3 { margin:8px 0 13px; }
.hcc-fibroscan p { font-size:.98rem; }
.hcc-mini-list { padding-left:19px; font-size:.94rem; line-height:1.6; }
.hcc-mini-list li { margin:8px 0; }
.hcc-fibroscan .actions { margin:17px 0; gap:10px; }
.hcc-fibroscan .button { font-size:.9rem; padding:12px 15px; }
.hcc-test-limit { background:#fff; border:1px solid #b9cedd; border-radius:12px; padding:15px; }
.hcc-test-limit strong { color:#244e6f; font-size:.92rem; }
.hcc-test-limit p { font-size:.87rem; line-height:1.55; margin:7px 0 0; }
.hcc-feature-photo { margin:15px 0 20px; border:1px solid #c5d9e7; border-radius:17px; overflow:hidden; }
.hcc-feature-photo>img { display:block; width:100%; height:250px; object-fit:cover; }
.hcc-feature-photo figcaption { padding:10px 16px; font-size:.85rem; background:#f2f7fa; }
.hcc-brief-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #cddfe9; border-radius:14px; overflow:hidden; margin:20px 0; }
.hcc-brief-facts>div { padding:17px; background:#f2f7fa; border-right:1px solid #cddfe9; }
.hcc-brief-facts>div:last-child { border:0; }
.hcc-brief-facts strong { color:#234f72; font-size:1rem; }
.hcc-brief-facts p { margin:7px 0 0; font-size:.93rem; line-height:1.6; }
.hcc-page .hcc-tool-disclosure { padding:0; border-color:#b1c9db; background:#f5f9fc; }
.hcc-tool-disclosure>summary { padding:17px 20px; min-height:58px; font-size:1.1rem; }
.hcc-tool-disclosure>.hcc-tool { border:0; border-top:1px solid #cddde9; border-radius:0; margin:0; }
.hcc-route-next { display:block; padding:20px 24px; border-radius:15px; background:#eaf2f8; border:1px solid #c5d9e8; }
.hcc-route-next span,.hcc-route-next strong { display:block; }
.hcc-route-next span { font-size:.89rem; color:#526e83; }
.hcc-route-next strong { margin-top:5px; color:#20547d; }
.hcc-visual-split { display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:center; margin:20px 0 28px; }
.hcc-visual-split>figure { margin:0; overflow:hidden; border-radius:17px; border:1px solid #c9dce9; }
.hcc-visual-split>figure>img { display:block; width:100%; height:270px; object-fit:cover; }
.hcc-visual-split h3 { margin:8px 0 13px; }
.hcc-visual-split .hcc-reveal { margin:14px 0 0; }
.hcc-contrast-module { padding:23px; border:1px solid #c7dce9; border-radius:18px; background:#f1f6fa; }
.hcc-contrast-module>h3 { margin-top:0; }
.hcc-phase-card { display:grid; grid-template-columns:230px 1fr; gap:20px; align-items:center; padding:15px; background:#fff; border-radius:14px; }
.hcc-phase-card svg { width:100%; }
.hcc-phase-card h4 { line-height:1.45; font-size:1.1rem; }
.hcc-fibroscan-clarifier { padding:20px; border-left:4px solid #4c7d9f; background:#edf4f9; border-radius:0 14px 14px 0; margin:25px 0; }
.hcc-fibroscan-clarifier>strong { color:#254e6b; }
.hcc-fibroscan-clarifier p { font-size:.97rem; margin:7px 0 10px; }
.hcc-decision-trio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.hcc-decision-trio .hcc-visual-tile>img { height:140px; }
.hcc-decision-trio .hcc-visual-tile>div { padding:15px; }
.hcc-treatment-picks { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.hcc-treatment-picks button { min-height:44px; padding:10px 13px; border:1px solid #abc3d6; border-radius:11px; background:white; color:#285879; font:inherit; font-size:.9rem; cursor:pointer; }
.hcc-treatment-picks button[aria-pressed=true] { background:#285f8b; color:#fff; }
.hcc-care-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:20px 0 26px; }
.hcc-care-tabs button { border:1px solid #abc4d7; background:#f2f7fa; color:#295b7e; min-height:60px; font:inherit; font-size:.92rem; font-weight:700; border-radius:11px; padding:10px; cursor:pointer; }
.hcc-care-tabs button[aria-selected=true] { color:white; background:#245c87; }
.hcc-mini-accordion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; margin:18px 0 25px; }
.hcc-mini-accordion-grid>.hcc-reveal { margin:0; }
.hcc-meal-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin:20px 0 25px; }
.hcc-meal-gallery .hcc-visual-tile>img { height:225px; }
.hcc-night-strip { display:grid; grid-template-columns:185px minmax(0,1fr); gap:20px; padding:16px; background:#edf4f8; border:1px solid #c9dce7; border-radius:16px; margin:24px 0; align-items:center; }
.hcc-night-strip>img { width:100%; height:160px; object-fit:cover; border-radius:12px; }
.hcc-night-strip h4 { margin-top:0; }
.hcc-night-strip p { margin:8px 0 0; font-size:.96rem; }
.hcc-herb-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; align-items:start; }
.hcc-herb-grid .hcc-reveal { margin:0; }
.hcc-myth-intro { display:grid; grid-template-columns:1fr 1fr; border:1px solid #ccdeea; border-radius:17px; overflow:hidden; background:#edf5fa; align-items:center; margin:22px 0; }
.hcc-myth-intro img { display:block; width:100%; height:210px; object-fit:cover; }
.hcc-myth-intro p { font-size:1.2rem; line-height:1.5; color:#245172; padding:22px; margin:0; font-weight:650; }
.hcc-resource-shelf { border-top:1px solid #cfdfeb; padding-top:28px; }
.hcc-editorial-foot { margin-top:30px; }
.hcc-editorial-foot>h2 { font-size:1.2rem; }
@media(max-width:1050px){.hcc-patient-layout{grid-template-columns:minmax(0,1fr) 200px;gap:22px}.hcc-fibroscan{grid-template-columns:1fr}.hcc-fibroscan>figure>img{height:235px;min-height:0}.hcc-visual-tile>img{height:175px}.hcc-visual-split{gap:18px}.hcc-essential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hcc-patient-layout{grid-template-columns:1fr}.hcc-context-nav{position:static;order:-1;margin:0 0 5px;padding:12px 16px}.hcc-context-nav nav{display:flex;flex-wrap:wrap;gap:5px 12px}.hcc-context-nav nav a{border:0;font-size:.85rem;padding:7px 0}.hcc-context-note{display:none}.hcc-visual-hero-grid{gap:22px}.hcc-visual-hero-grid figure>img{height:240px}.hcc-heading-inline{align-items:start}.hcc-heading-inline>.hcc-small{max-width:24ch}.hcc-phase-card{grid-template-columns:190px 1fr}}
@media(max-width:620px){.hcc-visual-hero-grid{grid-template-columns:1fr;gap:22px}.hcc-visual-hero-grid figure>img{height:210px}.hcc-visual-hero-grid h1{font-size:2rem}.hcc-visual-hero .hcc-breadcrumb{font-size:.79rem;margin-bottom:16px}.hcc-visual-hero-grid .hcc-quiet-link{font-size:.9rem}.hcc-heading-inline{display:block}.hcc-heading-inline>.hcc-small,.hcc-heading-inline>p{margin-top:10px;max-width:none}.hcc-essential-grid{gap:9px}.hcc-essential-grid .hcc-reveal>summary{font-size:.9rem;padding:12px;min-height:63px}.hcc-essential-grid .hcc-reveal>div{font-size:.9rem;padding:0 12px 10px}.hcc-route-tabs{grid-template-columns:1fr;gap:13px}.hcc-route-tab{display:grid;grid-template-columns:105px minmax(0,1fr)}.hcc-route-tab>img{height:100%;min-height:135px}.hcc-route-tab-copy{padding:13px 15px}.hcc-route-tab-copy>strong{font-size:1.07rem;margin:4px 0 5px}.hcc-route-tab-copy>span{font-size:.87rem}.hcc-route-tab-copy>b{font-size:.85rem;margin-top:6px}.hcc-context-nav nav{gap:2px 12px}.hcc-visual-grid,.hcc-visual-split,.hcc-meal-gallery{grid-template-columns:1fr}.hcc-visual-split>figure>img{height:210px}.hcc-visual-tile>img,.hcc-meal-gallery .hcc-visual-tile>img{height:210px}.hcc-visual-tile>div{padding:17px}.hcc-fibroscan>div{padding:20px}.hcc-fibroscan .actions{display:block}.hcc-fibroscan .actions .button{margin:6px 0;width:100%}.hcc-fibroscan>figure>img{height:205px}.hcc-feature-photo>img{height:210px}.hcc-brief-facts{grid-template-columns:1fr}.hcc-brief-facts>div{border-right:0;border-bottom:1px solid #cddfe9;padding:14px 17px}.hcc-brief-facts p{margin-top:5px}.hcc-tool-disclosure>summary{font-size:1rem;padding:15px}.hcc-phase-card{grid-template-columns:1fr;gap:5px;padding:15px}.hcc-phase-card svg{height:140px}.hcc-phase-card h4{font-size:1.03rem}.hcc-phase-card .eyebrow{font-size:.73rem}.hcc-contrast-module{padding:18px}.hcc-decision-trio{grid-template-columns:1fr;gap:12px}.hcc-decision-trio .hcc-visual-tile{display:grid;grid-template-columns:100px 1fr}.hcc-decision-trio .hcc-visual-tile>img{height:100%;min-height:110px}.hcc-decision-trio .hcc-visual-tile>div{padding:14px}.hcc-decision-trio .hcc-visual-tile>div>p{margin:0}.hcc-care-tabs{grid-template-columns:1fr 1fr;gap:8px}.hcc-care-tabs button{min-height:52px;font-size:.88rem}.hcc-mini-accordion-grid,.hcc-herb-grid{grid-template-columns:1fr}.hcc-night-strip{grid-template-columns:1fr;padding:16px;gap:13px}.hcc-night-strip>img{height:180px}.hcc-myth-intro{grid-template-columns:1fr}.hcc-myth-intro img{height:180px}.hcc-myth-intro p{font-size:1.05rem;padding:18px}.hcc-visual-page .hcc-reveal>summary{gap:10px}.hcc-visual-page .hcc-reveal>div{font-size:.95rem}}