/* 1.33.4: MyDoctor Health library (pages/blog.php, pages/dept.php). Uses the site's teal design tokens (assets/site.css .mdx), with fallbacks. */
.b134,.b134-bar{--b-teal:var(--teal,#0e7c86);--b-deep:var(--deep,#0a5f67);--b-night:var(--night,#083f45);--b-ink:var(--ink,#123f48);--b-body:var(--body,#3a5961);--b-muted:var(--muted,#5a737b);
  --b-mint:var(--mint,#eaf4f4);--b-mint2:var(--mint2,#f4f9f9);--b-line:var(--line,#d6e5e6);--b-gold:var(--gold,#f2a541);--b-paper:var(--paper,#fffdf9);--b-serif:var(--serif,Georgia,serif);--b-sans:var(--sans,system-ui,sans-serif)}
.b134 .b134-sec{padding:40px 0}
.b134 .b134-sec.tight{padding:8px 0 40px}
.b134 .b134-top{padding-top:24px}
.b134 .b134-soft{background:var(--b-mint2);border-top:1px solid var(--b-line)}
.b134 .b134-h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 16px}
.b134 .b134-h2row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:8px}
.b134 .b134-h2row a{font-weight:700;text-decoration:none}
.b134 .b134-empty{max-width:640px;margin:40px auto;text-align:center}

/* hero and search */
.b134 .b134-hero{--da:#0e7c86;--db:#3dd6c4;background:radial-gradient(700px 380px at 100% 0%,color-mix(in srgb,var(--db) 32%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--da) 70%,#062f34),var(--da));color:#fff;padding:36px 0 44px}
.b134 .b134-hero h1{color:#fff;font-size:clamp(30px,4.2vw,48px);margin:6px 0 10px}
.b134 .b134-k{display:inline-flex;align-items:center;gap:8px;font:700 12px var(--b-sans);letter-spacing:.14em;text-transform:uppercase;color:#d8fbf6}
.b134 .b134-hlead{max-width:64ch;font-size:18px;color:#eef9f8;margin-bottom:18px}
.b134 .b134-search{display:flex;gap:8px;max-width:640px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.b134 .b134-search input{flex:1 1 auto;min-width:0;border:0;outline:0;padding:10px 12px;font-size:16px;color:var(--b-ink);background:transparent;border-radius:10px}
.b134 .b134-search input:focus-visible{outline:3px solid #b7650b;outline-offset:0}
.b134 .b134-search .btn{min-height:46px}
.b134 .b134-hlinks{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0}
.b134 .b134-hlinks a{color:#fff;font-weight:700;text-decoration:none}
.b134 .b134-hlinks a:hover{text-decoration:underline}
.b134-dline{font-size:14px;color:var(--b-muted,#5a737b);background:var(--b-mint2,#f4f9f9);border:1px solid var(--b-line,#d6e5e6);border-left:4px solid var(--b-teal,#0e7c86);border-radius:10px;padding:10px 14px;margin:16px auto 0}

/* breadcrumbs */
.b134 .b134-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--b-muted);margin-bottom:14px}
.b134 .b134-crumbs a{color:var(--b-deep);text-decoration:none}
.b134 .b134-crumbs a:hover{text-decoration:underline}
.b134 .b134-crumbs.light,.b134 .b134-crumbs.light a{color:#e3f7f5}

/* cards */
.b134 .b134-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:12px}
.b134 .b134-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--b-line);border-radius:16px;padding:18px;text-decoration:none;color:var(--b-body);transition:box-shadow .2s,transform .15s}
.b134 .b134-card:hover{box-shadow:0 10px 26px rgba(18,63,72,.1);transform:translateY(-2px)}
.b134 .b134-card h3{font-size:19px;margin:0;color:var(--b-ink);line-height:1.25}
.b134 .b134-card p{margin:0;font-size:15px}
.b134 .b134-cat{display:flex;align-items:center;gap:6px;font:700 12px var(--b-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--b-deep)}
.b134 .b134-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--da,#0e7c86);flex:0 0 auto}
.b134 .b134-k .b134-dot{width:11px;height:11px;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.b134 .b134-meta,.b134 small.b134-meta{font-size:13px;color:var(--b-muted);margin-top:auto}

/* department grid */
.b134 .b134-dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:28px}
.b134 .b134-dept{--da:#0e7c86;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--b-line);border-left:5px solid var(--da);text-decoration:none;color:var(--b-ink)}
.b134 .b134-dept b{font-size:16px}
.b134 .b134-dept small{color:var(--b-muted);font-size:13px}
.b134 .b134-dept:hover{box-shadow:0 8px 20px rgba(18,63,72,.08)}
.b134 .b134-dept.on{background:var(--b-mint)}
.b134 .b134-dept.empty b{color:var(--b-body)}
.b134 .b134-topics{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--b-muted)}
.b134 .b134-topics a{font-weight:700}

/* pager */
.b134 .b134-pager{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 0;align-items:center}
.b134 .b134-pager a,.b134 .b134-pager span{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:10px;border:1px solid var(--b-line);background:#fff;text-decoration:none;font-weight:700;color:var(--b-deep)}
.b134 .b134-pager span.on{background:var(--b-teal);border-color:var(--b-teal);color:#fff}
.b134 .b134-pager span:not(.on){border:0;background:transparent}

/* article */
.b134 .b134-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.b134 .b134-art{max-width:760px;min-width:0}
.b134 .b134-head h1{font-size:clamp(30px,3.6vw,44px);margin:10px 0 12px}
.b134 .b134-badge{--da:#0e7c86;display:inline-block;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--da) 12%,#fff);color:color-mix(in srgb,var(--da) 75%,#062f34);border:1px solid color-mix(in srgb,var(--da) 35%,#fff);font:700 13px var(--b-sans);text-decoration:none}
.b134 .b134-lead{font-size:19px;color:var(--b-ink);margin-bottom:12px}
.b134 p.b134-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--b-muted);margin:0}
.b134 .b134-rev{color:var(--b-deep);font-weight:700}
.b134 .b134-toc{margin:22px 0;border:1px solid var(--b-line);border-radius:14px;background:#fff;padding:12px 18px}
.b134 .b134-toc summary{font-weight:700;color:var(--b-ink);cursor:pointer}
.b134 .b134-toc ol{margin:10px 0 4px;padding-left:22px}
.b134 .b134-toc li{margin:4px 0}
.b134 .b134-body .prose{font-size:17.5px;line-height:1.75;color:var(--b-body)}
.b134 .b134-body .prose h2{font-size:clamp(23px,2.4vw,29px);margin:34px 0 10px;scroll-margin-top:96px}
.b134 .b134-body .prose h3{font-size:20px;margin:24px 0 8px}
.b134 .b134-body .prose p{margin:0 0 14px}
.b134 .b134-body .prose ul,.b134 .b134-body .prose ol{padding-left:22px;margin:0 0 16px}
.b134 .b134-body .prose li{margin:5px 0}
.b134 .b134-body .prose a{color:var(--b-deep)}

/* offer bands (between sections, never inside the medical text) */
.b134 .b134-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px;margin:28px 0;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,var(--b-mint),#fff);border:1px solid var(--b-line)}
.b134 .b134-offer.end{background:linear-gradient(135deg,var(--b-night),var(--b-teal));border:0;color:#e9f7f6}
.b134 .b134-offer.end b{color:#fff}
.b134 .b134-offer.end .btn-line{border-color:rgba(255,255,255,.75);color:#fff}
.b134 .b134-offer.end .btn-line:hover{background:rgba(255,255,255,.1)}
.b134 .b134-offer b{font:600 20px var(--b-serif);color:var(--b-ink)}
.b134 .b134-offer p{margin:4px 0 0;font-size:15px;max-width:52ch}
.b134 .b134-offer-b{display:flex;flex-wrap:wrap;gap:8px}
.b134 .b134-offer .btn{white-space:normal;text-align:center}

/* FAQ, disclaimer, sources */
.b134 .b134-faq{margin:34px 0;padding:0}
.b134 .b134-faq h2,.b134 .b134-disc h2,.b134 .b134-src h2{font-size:clamp(22px,2.2vw,27px);margin:0 0 12px}
.b134 .b134-faq details{border:1px solid var(--b-line);border-radius:12px;background:#fff;padding:12px 16px;margin-bottom:8px}
.b134 .b134-faq summary{font-weight:700;color:var(--b-ink);cursor:pointer}
.b134 .b134-faq details p{margin:8px 0 0}
.b134 .b134-disc{margin:34px 0 22px;padding:20px 22px;border-radius:16px;background:#fff8ec;border:1px solid #f1d6a8;border-left:6px solid var(--b-gold)}
.b134 .b134-disc ul{padding-left:20px;margin:0}
.b134 .b134-disc li{margin:6px 0;font-size:15px}
.b134 .b134-disc-l{margin:12px 0 0;font-size:14px}
.b134 .b134-src{margin:22px 0;padding:0}
.b134 .b134-src ol{padding-left:22px;margin:0}
.b134 .b134-src li{margin:6px 0;font-size:15px}
.b134 .b134-src small{color:var(--b-muted)}
.b134 .b134-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:24px 0 0;font-size:14px}
.b134 .b134-share a,.b134 .b134-share button{font:700 14px var(--b-sans);color:var(--b-deep);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* side column */
.b134 .b134-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
.b134 .b134-sbox{background:#fff;border:1px solid var(--b-line);border-radius:16px;padding:16px}
.b134 .b134-sbox b{display:block;color:var(--b-ink);font-size:16px;margin-bottom:4px}
.b134 .b134-sbox p{font-size:14px;margin:0 0 10px}
.b134 .b134-sbox .btn{margin:2px 0}

/* department page: latest articles */
.b134.b134-dlatest .b134-cards{margin-top:18px}

/* slim sticky quick-links bar */
.b134-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:65;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:6px 6px 6px 10px;border-radius:999px;background:var(--b-night);box-shadow:0 10px 30px rgba(8,40,45,.3);font:600 14px var(--b-sans)}
.b134-bar[hidden]{display:none!important}
.b134-bar .b134-bar-l{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.b134-bar .b134-bar-l::-webkit-scrollbar{display:none}
.b134-bar a{color:#fff;text-decoration:none;white-space:nowrap;padding:7px 12px;border-radius:999px}
.b134-bar a:hover,.b134-bar a:focus-visible{background:rgba(255,255,255,.14);color:#fff}
.b134-bar a:first-child{background:var(--b-gold);color:#2b1c00}
.b134-bar .b134-x{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.b134-bar .b134-x:hover{background:rgba(255,255,255,.26)}
html.b134-has-bar .mdx footer.foot,html.b134-has-bar body{padding-bottom:72px}

@media(max-width:960px){
  .b134 .b134-grid{grid-template-columns:1fr}
  .b134 .b134-side{position:static}
}
@media(max-width:700px){
  .b134-bar{left:10px;transform:none;max-width:calc(100vw - 88px);bottom:calc(76px + env(safe-area-inset-bottom));font-size:13px}
  .b134 .b134-hero{padding:26px 0 32px}
  .b134 .b134-search .btn{padding:10px 14px}
  .b134 .b134-sec{padding:28px 0}
  .b134 .b134-body .prose{font-size:17px}
  html.b134-has-bar .mdx footer.foot{padding-bottom:150px}
}
@media print{.b134-bar,.b134 .b134-offer,.b134 .b134-side,.b134 .b134-share{display:none!important}}
