/* patient-guides.css: /bariatric-surgery/post-op-diet/ (release, Oct 23, 2026).
   Mobile-first. All colors are CSS variables so the pending palette pick can restyle them in one place.
   #1479AE (hover #0F6390) is the only link and button color. */
/* r2 (CC design review 2026-10-23): self-hosted sans for the guides only. Shared styles.css is untouched.
   Plus Jakarta Sans 700 (headings) and Source Sans 3 (body), SIL OFL 1.1, Latin subsets. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-700.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-400.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/source-sans-3-600.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700 800;font-display:swap;src:url(/assets/fonts/source-sans-3-700.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-400-italic.woff2) format('woff2')}
.pg{--pg-link:#1479AE;--pg-link-h:#0F6390;--pg-ink:var(--ink,#152530);--pg-ink-soft:var(--ink-soft,#4a5c68);--pg-line:var(--line,#e2e8ec);--pg-tint:var(--rf-sky2,#F1F9FD);--pg-tint2:var(--rf-sky,#E3F4FB);--pg-navy:#003C58;--pg-cyan:#57C0E4;--pg-warn-bg:#FFF6E5;--pg-warn-line:#C98A2C;--pg-card:#fff;--pg-head-font:'Plus Jakarta Sans',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;--pg-body-font:'Source Sans 3',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}
.pg main a:not(.btn){color:var(--pg-link);text-decoration:underline;text-underline-offset:2px}
.pg main a:not(.btn):hover{color:var(--pg-link-h)}
.pg .hb .qa-a a,.pg .hb-list a,.pg .hb-note a,.pg .hb-table a{color:var(--pg-link)}
.pg .btn-primary,.pg .btn-primary.cta-cyan{background:var(--pg-link);color:#fff}
.pg .btn-primary:hover{background:var(--pg-link-h)}
.pg-hero h1{font-size:clamp(1.75rem,6.4vw,2.6rem);line-height:1.15}
.pg-hero .answer-lead{max-width:760px}
.pg-meta{font-size:.92rem;color:var(--pg-ink-soft);margin:8px 0 0}
.pg-dl{display:inline-flex;align-items:center;gap:8px;min-height:48px}
.pg-dl svg{width:20px;height:20px;flex:0 0 20px}
.pg-band{margin:0 auto 16px;max-width:768px}
.pg-band img{display:block;width:100%;max-width:768px;height:auto;aspect-ratio:768/184;object-fit:cover;border-radius:var(--rf-r,16px)}
.pg-fig{margin:0 0 18px}
.pg-fig img{display:block;width:100%;max-width:672px;height:auto;background:#fff;border:1px solid var(--pg-line);border-radius:var(--rf-r,16px)}
.pg-warn{background:var(--pg-warn-bg);border-left:4px solid var(--pg-warn-line);padding:12px 16px;border-radius:0 10px 10px 0;margin:0 0 16px;color:var(--pg-ink)}
.pg-warn p{margin:0 0 6px}.pg-warn p:last-child{margin:0}
.pg-goals{display:grid;gap:12px;margin:0 0 18px;padding:0;list-style:none}
.pg-goals li{background:var(--pg-card);border:2px solid var(--pg-cyan);border-radius:var(--rf-r,16px);padding:14px 16px}
.pg-goals .pg-num{display:block;font-size:1.5rem;font-weight:800;color:var(--pg-navy);line-height:1.2}
@media (min-width:600px){.pg-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-tl{list-style:none;margin:0 0 18px 8px;padding:0 0 0 22px;border-left:3px solid var(--pg-tint2);counter-reset:pgtl}
.pg-tl li{position:relative;margin:0 0 16px;padding-left:4px;line-height:1.55;counter-increment:pgtl}
.pg-tl li::before{content:counter(pgtl);position:absolute;left:-39px;top:0;width:28px;height:28px;border-radius:50%;background:var(--pg-link);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.pg-tl .pg-when{display:block;font-weight:700;color:var(--pg-navy)}
.pg-stage{border:1px solid var(--pg-line);border-radius:var(--rf-r,16px);padding:16px;margin:0 0 18px;background:var(--pg-card)}
.pg-stage h3{margin:0 0 4px}
.pg-dur{display:inline-block;background:var(--pg-tint2);color:var(--pg-navy);border-radius:999px;padding:4px 12px;font-weight:600;font-size:.92rem;margin:0 0 8px}
.pg-check{list-style:none;padding:0;margin:0 0 16px}
.pg-check li{position:relative;padding-left:28px;margin:0 0 8px;line-height:1.55}
.pg-check li::before{content:"";position:absolute;left:2px;top:.3em;width:16px;height:16px;border:2px solid var(--pg-link);border-radius:4px;background:#fff}
.pg-faq dt{font-weight:700;margin:14px 0 4px;color:var(--pg-ink)}
.pg-faq dd{margin:0 0 8px}
.pg-formula{background:var(--pg-tint);border-radius:10px;padding:10px 14px;font-weight:600;margin:0 0 10px}
.pg .hb-tablewrap{overflow-x:auto}
@media print{
  @page{size:Letter}
  .pg .topbar,.pg header.site,.pg footer.site,.pg .hb-crumbs,.pg .btn-row,.pg .cta-band,.pg .pg-noprint,.pg .cta-subline{display:none!important}
  .pg body,.pg{font-size:11pt}
  .pg .qa-sec,.pg .page-head{padding:8px 0!important;background:none!important}
  .pg .section-soft{background:none!important}
  .pg .wrap{max-width:none;padding:0}
  .pg h2{break-after:avoid;font-size:16pt}.pg h3{break-after:avoid}
  .pg tr,.pg .pg-goals li,.pg .pg-warn,.pg .pg-tl li,.pg figure{break-inside:avoid}
  .pg .pg-stage{break-inside:auto}.pg .pg-stage .pg-dur,.pg table thead{break-after:avoid}.pg .hb-tablewrap{overflow:visible}
  .pg main a:not(.btn){color:#000;text-decoration:none}
  .pg .hb-table,.pg .hb-table tbody,.pg .hb-table tr,.pg .hb-table th,.pg .hb-table td{display:revert}
  .pg .hb-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  .pg .hb-table td::before{content:none}
  .pg .hb-table thead th{background:#e9eef2!important;color:#000}
  .pg *{box-shadow:none!important}
}
.pg-goalbox{background:var(--pg-tint);border-radius:var(--rf-r,16px);padding:14px 16px;margin:14px 0}
.pg-goalbox .qa-a{margin:0}
.pg-sub{font-size:1.05rem}
.pg-links li{margin-bottom:0}
.pg .text-link{display:inline-flex;align-items:center;min-height:44px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- r2: CC design review fixes (Oct 23, 2026) ---------- */
/* 1) sans headings + body, scoped to the guide content (shared header/footer chrome unchanged) */
.pg main{font-family:var(--pg-body-font)}
.pg main h1,.pg main h2,.pg main h3,.pg main h4{font-family:var(--pg-head-font);font-weight:700;letter-spacing:-.01em}
.pg main .btn,.pg main button{font-family:var(--pg-body-font);font-weight:600}
/* AA: #1479AE links in the hero intro need >=4.5:1 on the hero tint (site tint #EAF5FB gives 4.33) */
.pg .pg-hero{background:linear-gradient(#F4FAFD,#FFFFFF)}
/* 5) keep each h3 with its first block */
.pg-keep{break-inside:avoid;page-break-inside:avoid}
/* 7) spacing */
.pg .hb-tablewrap + h3,.pg figure + h3,.pg .hb-tablewrap + .pg-keep > h3:first-child,.pg figure + .pg-keep > h3:first-child{margin-top:28px}
/* 8) end-of-page download block */
.pg-end .btn-row{margin-bottom:16px}
.pg .qa-sec.pg-end{padding-top:32px}
/* 9) file size inside the download buttons */
.pg-dl small{font-size:14px;font-weight:400;opacity:.9;margin-left:2px}
/* 10) phones below 480px */
@media (max-width:479.98px){
  .pg .pg-stage{border:0;padding:0;background:none;border-radius:0}
  .pg .hb-table.pg-compact{display:table;table-layout:fixed;border-collapse:collapse;background:#fff;font-size:.95rem}
  .pg .hb-table.pg-compact thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
  .pg .hb-table.pg-compact tbody{display:table-row-group}
  .pg .hb-table.pg-compact tr{display:table-row;border:0;border-radius:0;margin:0}
  .pg .hb-table.pg-compact th,.pg .hb-table.pg-compact td{display:table-cell;width:auto;border:1px solid var(--pg-line);padding:8px 10px;font-size:.95rem}
  .pg .hb-table.pg-compact td::before{content:none}
  .pg .hb-table.pg-compact.pg-c2 thead th:first-child{width:56%}
  .pg .hb-table.pg-compact.pg-c3 thead th:first-child{width:44%}
}
/* fluid tracker: 4-column grid from 768px */
@media (min-width:768px){.pg-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}.pg-check-grid li{margin:0}}
/* 11) wide screens: first table column 32% */
@media (min-width:1280px){.pg .hb-table thead th:first-child{width:32%}}
@media print{
  /* 6) print tables and lists at 10pt */
  .pg .hb-table,.pg .hb-table th,.pg .hb-table td,.pg main ul,.pg main ol,.pg main dl,.pg .pg-check li,.pg .pg-tl li{font-size:10pt}
  .pg .pg-keep,.pg .hb-table tr{break-inside:avoid}
  .pg main h2 + p.qa-a,.pg main h2 + .pg-warn{break-after:avoid}
  .pg .pg-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px}
  .pg .hb-table thead th:first-child{width:32%}
}

/* ---------- release (post-op guide v3 source, Oct 23, 2026) ---------- */
.pg-readfirst{background:#fff;border:1px solid var(--pg-line);border-left:4px solid var(--pg-navy);border-radius:0 10px 10px 0;padding:12px 16px;margin:14px 0;color:var(--pg-ink)}
.pg-note{background:var(--pg-tint);border-radius:10px;padding:12px 16px;margin:0 0 14px;color:var(--pg-ink)}
.pg-readfirst p,.pg-note p{margin:0}
.pg-label{margin:14px 0 6px}
.pg-tracker{margin:0 0 16px}
.pg-boxes{display:grid;grid-template-columns:repeat(4,32px);gap:12px;margin-top:8px}
.pg-box{display:block;width:32px;height:32px;border:2px solid var(--pg-link);border-radius:6px;background:#fff}
.pg-closing{border-top:1px solid var(--pg-line);padding-top:14px;margin-top:20px;color:var(--pg-ink)}
@media print{
  .pg .pg-readfirst,.pg .pg-note{break-inside:avoid}
  .pg .pg-label{break-after:avoid}
  .pg .pg-boxes{grid-template-columns:repeat(8,18px);gap:10px}.pg .pg-box{width:18px;height:18px}
  .pg .pg-hero .pg-meta{margin-top:4px}
  /* rel r2 (Brand/CC): the 'Your two daily goals' list prints at the body size (same as .rf .qa-a), not the 10pt list size */
  .pg #your-two-daily-goals .pg-ol,.pg #your-two-daily-goals .pg-ol li{font-size:1.0625rem;line-height:1.65}
}

/* ---------- rel r4 (CC): every list in the guide prints at the body size (Oct 23, 2026) ---------- */
@media print{
  /* all lists (meal ideas, habits, care, links, ...) = body size + body line-height (= .rf .qa-a, as the r2 goals fix); tables stay 10pt */
  .pg main ul,.pg main ol,.pg main dl,.pg main li,.pg main dt,.pg main dd{font-size:1.0625rem;line-height:1.65}
  /* keep every heading with its next block; never split a list item */
  .pg main h2,.pg main h3,.pg main h4,.pg .pg-label{break-after:avoid;page-break-after:avoid}
  .pg main h2 + *,.pg main h3 + *{break-before:avoid;page-break-before:avoid}
  .pg main li{break-inside:avoid;page-break-inside:avoid}
}