/* Patient companion: calm navigation, clearer priorities and useful return visits. */
:root{--paper:#f8f8f3;--gold:#b98a47;--ink:#163f3b;--deep:#123f3d;--muted:#62736b}
.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:50;background:white;padding:12px 18px;border:2px solid var(--deep);border-radius:8px}.skip-link:focus{transform:none}
.sidebar{background:#edf2e8;padding:32px 20px}.nav{margin-top:38px}.nav button{min-height:48px}.nav .nav-profile{margin-top:19px;border-top:1px solid #d6dfd0;padding-top:20px;border-radius:0}.nav-profile.is-profile{background:transparent;color:var(--deep);font-weight:750}.side-note{padding:20px 8px 0;font-size:12px}.side-note .side-call{display:flex;gap:9px;align-items:center;text-decoration:none;margin:12px 0;color:var(--deep);min-height:44px}.side-note .side-call strong{font-size:15px}.sidebar-profile{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}.sidebar-profile img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 25%}.sidebar-profile span{font-size:11px;line-height:1.5}.sidebar-profile strong{font-size:12px}.content{padding-inline:42px}.topbar{height:88px}.topbar-label{display:flex;flex-direction:column;gap:5px}.topbar-label strong{font-weight:600;color:var(--ink);font-size:13px}.topbar-label small{font-size:11px}.topbar-doctor{background:none;border:0;padding:0;text-align:start;cursor:pointer}.topbar-doctor:hover strong{text-decoration:underline}.main{padding-top:29px;padding-bottom:20px}.main:focus{outline:0}.mobile-nav{display:none}.nav button,.lang-controls button,.primary,.secondary,.link-btn{min-height:44px}.primary{transition:background .18s,transform .18s}.primary:hover{background:#22554c}.secondary:hover{background:#edf3e7}.primary:active,.secondary:active{transform:translateY(1px)}
.ex-home-hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(300px,.87fr);gap:37px;align-items:center;margin-bottom:28px}.ex-hero-copy{padding:24px 0}.ex-hero-copy .eyebrow{color:#6c805f;font-size:10px;letter-spacing:1.8px;margin-bottom:22px}.ex-hero-copy h1{font-size:clamp(40px,4.6vw,66px);max-width:600px;line-height:1.04;letter-spacing:-2px;margin-bottom:23px}.ex-hero-copy .sub{max-width:510px;line-height:1.85;font-size:15px;margin-bottom:25px}.ex-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.ex-hero-actions .primary,.ex-hero-actions .secondary{padding:13px 19px;min-height:49px}.ex-library-facts{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.6;margin-top:22px}.ex-library-facts span{display:flex;align-items:center;gap:6px}
.ex-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;margin:8px 0 17px}.ex-quick-actions>button{display:flex;gap:12px;align-items:center;min-height:96px;padding:19px 17px;border:0;background:none;text-align:start;transition:background .18s}.ex-quick-actions>button+button{border-inline-start:1px solid var(--line)}.ex-quick-actions>button:hover{background:#f0f5e9}.ex-action-icon{display:grid;place-items:center;width:40px;height:40px;background:#edf3e5;border-radius:50%;flex-shrink:0}.ex-quick-actions strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.ex-quick-actions small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.ex-quick-actions>button>svg{margin-inline-start:auto;width:16px;flex-shrink:0}.urgent-banner{font-size:11px;padding:11px 15px;margin-bottom:29px;background:#fbf0e8;border-color:#efdfd3}.urgent-banner button{font-size:11px;min-height:30px}
.ex-audio-section{display:grid;grid-template-columns:.85fr 1.4fr;gap:35px;align-items:center;padding:33px 0;margin:20px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ex-section-intro h2{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.18;letter-spacing:-.9px;margin:14px 0}.ex-section-intro>p{font-size:14px;color:var(--muted);line-height:1.8}.ex-section-intro .link-btn{font-size:13px}.ex-voice-note{display:block;font-size:10px;line-height:1.65;color:var(--muted);max-width:290px;margin-top:16px}.ex-audio-list{border:1px solid var(--line);border-radius:17px;background:white;padding:4px 18px}.ex-audio-row{display:flex;align-items:center;width:100%;gap:14px;padding:19px 0;background:none;border:0;text-align:start}.ex-audio-row+.ex-audio-row{border-top:1px solid var(--line)}.ex-track-number{font-size:11px;color:#8a9a88;font-variant-numeric:tabular-nums}.ex-track-copy{flex:1;min-width:0}.ex-track-copy strong{display:block;font-size:14px;line-height:1.55}.ex-track-copy small{display:block;margin-top:5px;font-size:11px;line-height:1.5;color:var(--muted)}.ex-track-length{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.ex-play{display:grid;place-items:center;border:1px solid #d8e3cd;border-radius:50%;width:32px;height:32px;color:var(--deep);background:#f2f6ec}.ex-audio-row:hover .ex-play{background:var(--deep);color:white}.ex-audio-row:hover .ex-track-copy strong{text-decoration:underline}
.ex-care-scope{margin:35px 0}.ex-care-scope .section-head{margin-bottom:22px}.ex-care-scope h2{font-family:Georgia,serif;font-weight:400;font-size:31px;margin-top:12px;line-height:1.3}.ex-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ex-scope-grid>button{border:1px solid var(--line);border-radius:17px;padding:23px;text-align:start;background:#f0f4e9}.ex-scope-grid>button:nth-child(2){background:#eaf2ed}.ex-scope-grid>button:nth-child(3){background:#f7efe2}.ex-scope-grid>button>svg{margin-bottom:22px}.ex-scope-grid h3{font-size:17px;margin-bottom:10px}.ex-scope-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:18px}.ex-scope-grid span{font-size:12px;font-weight:650}.ex-scope-grid button:hover{border-color:#7d9975}
.ex-visit-band{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--deep);color:#fff;border-radius:22px;padding:33px;margin:40px 0 24px}.ex-visit-band .eyebrow{color:#d8dbb7}.ex-visit-band h2{font-family:Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-.5px;margin:14px 0}.ex-visit-band p{color:#d3e1d9;font-size:13px;line-height:1.8;max-width:600px;margin-bottom:20px}.ex-clinic-labels{display:flex;gap:27px;flex-wrap:wrap;font-size:12px}.ex-clinic-labels strong{margin-inline-end:6px;color:#e2edbd}.ex-clinic-labels small{display:block;font-size:10px;margin-top:6px;color:#c5d6ca}.ex-visit-actions{display:flex;flex-direction:column;gap:21px}.ex-visit-actions .primary{background:#e2ecbd;color:var(--deep);justify-content:center;font-size:13px}.ex-visit-actions .primary:hover{background:#f0f5db}.ex-contact-number{text-decoration:none;display:block;text-align:center}.ex-contact-number span{font-size:10px;color:#d2dfd6;display:block;margin-bottom:7px}.ex-contact-number strong{font-size:21px;letter-spacing:.5px}.ex-contact-number:hover strong{text-decoration:underline}.ex-home-screen{display:flex;align-items:center;justify-content:space-between;gap:17px;font-size:12px;line-height:1.6;padding:11px 0 20px;color:var(--muted)}.ex-home-screen>span{display:flex;align-items:center;gap:10px}.ex-home-screen .link-btn{font-size:12px;flex-shrink:0}
.ex-library-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 27px;padding-bottom:18px;border-bottom:1px solid var(--line)}.ex-library-tabs button{min-height:43px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:white;font-size:12px}.ex-library-tabs .is-active{background:var(--deep);color:white;border-color:var(--deep)}.ex-library-tabs button:hover:not(.is-active){background:#eaf1e3}.ex-library-note{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edf3e7;padding:17px 20px;border-radius:12px;margin-bottom:22px;font-size:12px}.ex-library-note .link-btn{font-size:12px}.ex-contact-profile{margin-top:8px;margin-bottom:25px;display:flex;align-items:center;gap:14px}.ex-contact-profile button{border:0;background:none;padding:0;color:var(--deep);font-size:13px;text-decoration:underline;min-height:44px}
.large-text .ex-track-copy small,.large-text .ex-library-facts,.large-text .ex-voice-note,.large-text .ex-clinic-labels small,.large-text .ex-home-screen,.large-text .ex-quick-actions small{font-size:15px}.large-text .ex-quick-actions strong,.large-text .ex-track-copy strong,.large-text .ex-scope-grid p,.large-text .ex-visit-band p,.large-text .ex-library-tabs button{font-size:17px}
html[lang=ur] .ex-hero-copy h1{font-size:46px;line-height:1.6;letter-spacing:0}html[lang=ur] .ex-hero-copy .sub{font-size:17px;line-height:2}html[lang=ur] .ex-section-intro h2,html[lang=ur] .ex-care-scope h2,html[lang=ur] .ex-visit-band h2{font-family:inherit;letter-spacing:0;font-size:29px;line-height:1.7}html[lang=ur] .ex-quick-actions strong,html[lang=ur] .ex-track-copy strong{font-size:16px}html[lang=ur] .ex-quick-actions small,html[lang=ur] .ex-track-copy small,html[lang=ur] .ex-library-facts,html[lang=ur] .ex-voice-note,html[lang=ur] .ex-scope-grid p,html[lang=ur] .ex-home-screen,html[lang=ur] .ex-library-tabs button{font-size:14px;line-height:1.9}html[lang=ur] .ex-visit-band p{font-size:16px;line-height:2}html[lang=ur] .ex-clinic-labels{font-size:15px}html[lang=ur] .ex-clinic-labels small{font-size:12px}
@media(min-width:1500px){.content{padding-inline:60px}.ex-home-hero{gap:50px}.ex-hero-copy h1{font-size:67px}}
@media(max-width:1150px){.content{padding-inline:25px}.ex-home-hero{gap:22px;grid-template-columns:1fr 320px}.ex-hero-copy h1{font-size:49px}.ex-quick-actions>button{padding:16px 13px;gap:9px}.ex-quick-actions>button>svg{display:none}.ex-action-icon{width:32px;height:32px}.ex-quick-actions strong{font-size:12px}.ex-quick-actions small{font-size:10px}.ex-audio-section{gap:24px}.ex-section-intro h2{font-size:30px}.ex-track-copy small{display:none}.ex-visit-band{padding:25px}.ex-scope-grid>button{padding:19px}}
@media(max-width:850px){.sidebar{padding:18px 23px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:static;height:auto;background:#eef3e9;border-bottom:1px solid var(--line)}.sidebar .nav,.side-note{display:none}.brand{width:auto}.brand strong{font-size:18px}.brand small{font-size:10px}.content{padding:0 23px 95px}.topbar{height:70px}.main{padding-top:23px}.ex-home-hero{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:24px}.ex-hero-copy h1{font-size:43px}.ex-hero-copy .sub{font-size:13px}.ex-hero-copy .eyebrow{font-size:9px;margin-bottom:17px}.ex-hero-actions{gap:9px}.ex-hero-actions .primary,.ex-hero-actions .secondary{font-size:12px;padding:11px 15px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--line);padding:7px 10px max(8px,env(safe-area-inset-bottom));z-index:3;box-shadow:0 -6px 24px #123f3d08}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:49px;font-size:10px;border-radius:10px;color:#68786a;padding:6px 2px}.mobile-nav button[aria-current=page]{background:#ebf2e4;color:var(--deep);font-weight:700}.mobile-nav button svg{width:20px;height:20px}#toast{bottom:86px}.ex-library-tabs{margin-bottom:24px}.ex-scope-grid h3{font-size:15px}.footer{padding-bottom:8px}}
@media(max-width:600px){.sidebar{padding:17px 18px}.content{padding-inline:18px}.topbar{height:72px;gap:10px}.topbar-label strong{font-size:11px}.topbar-label small{font-size:10px}.topbar-label{max-width:168px}.lang-controls{gap:5px}.lang-controls button{padding:8px;font-size:12px}.ex-home-hero{grid-template-columns:1fr;gap:21px;margin-bottom:22px}.ex-hero-copy{padding:8px 1px 0}.ex-hero-copy h1{font-size:48px;max-width:360px;letter-spacing:-1.7px;line-height:1.06;margin-bottom:19px}.ex-hero-copy .sub{font-size:14px;line-height:1.85;margin-bottom:22px}.ex-hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:18px}.ex-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ex-hero-actions .primary,.ex-hero-actions .secondary{justify-content:center;padding:11px 9px;font-size:12px}.ex-library-facts{font-size:10px;gap:11px;margin-top:16px}.ex-library-facts span{gap:4px}.ex-quick-actions{grid-template-columns:1fr;margin-bottom:17px}.ex-quick-actions>button{min-height:76px;padding:15px 17px;gap:14px}.ex-quick-actions>button+button{border-inline-start:0;border-top:1px solid var(--line)}.ex-quick-actions>button>svg{display:block}.ex-action-icon{height:39px;width:39px}.ex-quick-actions strong{font-size:14px}.ex-quick-actions small{font-size:12px;margin-top:3px}.urgent-banner{font-size:12px;margin-bottom:27px;padding:13px 15px}.urgent-banner button{font-size:12px;margin-top:3px}.ex-audio-section{grid-template-columns:1fr;gap:21px;padding:27px 0;margin:28px 0}.ex-section-intro h2{font-size:32px}.ex-section-intro>p{font-size:14px;margin-bottom:9px}.ex-voice-note{max-width:none;margin-top:8px}.ex-audio-list{padding-inline:14px}.ex-audio-row{gap:10px;padding:18px 0}.ex-track-copy strong{font-size:13px}.ex-track-copy small{display:block;font-size:11px}.ex-track-length{gap:9px;font-size:10px}.ex-play{width:29px;height:29px}.ex-track-number{font-size:10px}.ex-care-scope h2{font-size:29px;line-height:1.25}.ex-scope-grid{grid-template-columns:1fr;gap:12px}.ex-scope-grid>button{padding:22px;display:grid;grid-template-columns:32px 1fr;column-gap:13px}.ex-scope-grid>button>svg{grid-row:1/4;margin-top:1px;margin-bottom:0}.ex-scope-grid h3{font-size:17px}.ex-scope-grid p{font-size:13px;margin-bottom:12px}.ex-scope-grid span{font-size:12px}.ex-visit-band{grid-template-columns:1fr;padding:25px;gap:24px}.ex-visit-band h2{font-size:30px;line-height:1.2}.ex-clinic-labels{display:grid;gap:17px}.ex-visit-actions{gap:20px}.ex-visit-actions .primary{min-height:49px}.ex-contact-number strong{font-size:24px}.ex-home-screen{align-items:flex-start;font-size:12px;gap:12px}.ex-home-screen .link-btn{font-size:11px}.ex-home-screen>span{align-items:flex-start;gap:8px}.ex-library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-bottom:20px}.ex-library-tabs button{font-size:12px;padding:10px 8px}.ex-library-note{display:block}.ex-library-note .link-btn{margin-top:7px}.ex-contact-profile{font-size:12px}html[lang=ur] .ex-hero-copy h1{font-size:36px;line-height:1.6}html[lang=ur] .ex-hero-copy .sub{font-size:16px}html[lang=ur] .ex-hero-actions .primary,html[lang=ur] .ex-hero-actions .secondary{font-size:14px}html[lang=ur] .ex-library-facts{font-size:12px}html[lang=ur] .topbar-label strong{font-size:12px}html[lang=ur] .mobile-nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.mobile-nav,.skip-link{display:none!important}.cp-reader-next{display:none!important}}
