/* Modern Klinik: visual theme only; all content and routes stay intact. */
:root{--paper:#f8fbff;--ink:#112e50;--muted:#516981;--line:#dce8f3;--blue:#0877d8;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:linear-gradient(180deg,#fff 0,#f8fbff 780px);color:var(--ink)}
.header{top:0;margin-top:0;min-height:90px;border-radius:0 0 18px 18px;border:1px solid #e4edf6;border-top:0;background:#fff;box-shadow:0 5px 24px #143d6410;backdrop-filter:none;-webkit-backdrop-filter:none;padding:18px 26px}
.brand-name{color:#102f55;letter-spacing:-.6px;font-weight:750}.brand-dot{color:#168aea}.brand-role{font-size:13px;color:#526d87}
.header nav>a{border-radius:10px;font-weight:600}.header nav>a.nav-active,.header nav>a.nav-active:hover{background:#e8f3ff;color:#075cab;box-shadow:inset 0 -3px #0877d8}.header nav>a:hover{background:#f1f7fd}
.hero{position:relative;isolation:isolate;padding-top:65px;padding-bottom:60px;gap:50px}
.hero:before{content:"";position:absolute;z-index:-1;inset:10px -20px 10px 37%;border-radius:45% 12% 28% 40%;background:radial-gradient(ellipse at 95% 15%,#cce8ff 0,transparent 54%),linear-gradient(145deg,#f4faff00,#e4f3ff);pointer-events:none}
.hero-copy h1{font-size:clamp(34px,4.3vw,56px);line-height:1.14;letter-spacing:-1.7px;color:#102f55;font-weight:750}.hero-copy .lead{color:#48647f}.eyebrow{color:#0870c4;letter-spacing:1.3px;font-weight:700}
.button{border-radius:12px;min-height:52px;gap:15px;font-weight:650;box-shadow:0 5px 14px #0877d81c}.button.whatsapp-action{background:#20c464;color:#083f25;box-shadow:0 5px 16px #10a24c22}.button.whatsapp-action:hover{background:#25d366;color:#083f25}
.hero-secondary{border:1px solid #98c9f3;background:#ffffffcc;border-radius:12px;padding:11px 19px;margin-top:12px;text-align:center;min-width:245px;color:#0767b7}.hero-note{display:flex;align-items:center;gap:12px;color:#355c80;font-size:14px;margin-top:20px}.hero-note:before{content:"";width:35px;height:1px;background:#8dc6f4}
.hero-panel,.quote-carousel.hero-panel{border:1px solid #cce3f8;border-radius:20px;background:linear-gradient(140deg,#fff,#e9f5ff);box-shadow:0 16px 40px #15548b0b;min-height:400px}.quote-slide{min-height:320px;padding:30px}.quote-slide .panel-top{background:#e7f3ff;color:#1d6097;border-radius:6px;font-size:12px}.quote-slide blockquote{color:#153b62;font-size:27px;font-weight:600}.quote-controls button{border:1px solid #cfe1f0;border-radius:9px;background:#fff}.quote-caption{color:#486b8a}
.band-inner span{background:#fff;border-color:#d6e7f4;border-radius:8px;color:#426581;font-size:13px}.section-heading h2,.blog-heading h2{color:#14395e;font-weight:700}.home-directory{border-top:1px solid #deebf7}.group-heading{border-bottom:1px solid #dce9f5;padding-bottom:16px}.group-heading h2{font-size:24px;color:#173c60}
.topic-card,.services article,.blog-card,.reading-card,.contents,.profile-steps article,.contact-option{border:1px solid #dbe8f4;background:#fff;border-radius:16px;box-shadow:0 5px 18px #1f558607}
.topic-card{padding:26px}.topic-card:hover,.blog-card:hover{border-color:#90c5f0;box-shadow:0 10px 25px #1e69a412;transform:translateY(-3px)}.topic-card h3{color:#173b63;font-size:21px;font-weight:700;margin-top:18px}.topic-card p,.blog-card p{color:#526981}.number,.tone-1 .number,.tone-2 .number,.tone-3 .number,.tone-4 .number,.field-icon,.blog-symbol{background:#eef7ff;color:#0780dd;border:1px solid #d3eaff;border-radius:12px}.card-bottom{padding-top:15px;border-top:1px solid #ebf1f8;color:#0773cc}.category-nav a{border-radius:10px;border-color:#c6def2;color:#1a588a}.category-nav a:hover{background:#e8f4ff}
.directory-hero h1,.detail-hero h1,.blog-heading h1,.blog-article-head h1,.profile-intro h1{color:#14365a;font-weight:740;letter-spacing:-1.4px}.topic-tag,.role-tag,.profile-chips>*{border-radius:8px;background:#eaf5ff;color:#1a5d94}.reading-card h2,.faq-section h2{color:#194064}.reading-card p,.reading-card ul,.blog-prose p{color:#425b72}.daily-card{background:#edf7ff;border-color:#c9e4f9}.contents{border-left:3px solid #58acf0}.contents-contact{border-radius:9px}.faq-section details{border:1px solid #dbe8f4;border-radius:12px}.detail-cta{border-radius:18px;border:1px solid #cbe4f8;background:#eaf6ff}.medical-note{border-radius:12px}
.about-inner{border-radius:20px;border:1px solid #dbe8f4;background:#fff;box-shadow:0 8px 24px #1f558607}.profile-portrait{border-radius:20px;box-shadow:0 12px 32px #234b7615}.profile-portrait>figcaption{border-radius:12px;background:#fffffff2}.profile-links,.contact-details{border:1px solid #dbe8f4;border-radius:16px;background:#fff}.profile-steps article{border-top:3px solid #94c9f1}
.channel{border:1px solid #dbe8f4;border-radius:14px;box-shadow:0 4px 12px #1f558606}.channel-icon{border-radius:11px;background:#edf7ff;color:#0780d9}.channel.whatsapp-channel{border-color:#32bd70;background:#e5faed;color:#075831}.channel.whatsapp-channel small{color:#286b48}.whatsapp-channel .channel-icon{background:#21c866;color:#073b1c}.channel.instagram-action{background:#fff8fc;border-color:#efdfeb}
.blog-card h2{color:#173b63;font-weight:700}.blog-category{color:#0872c4}.blog-prose{border-radius:16px;box-shadow:0 6px 25px #1e558608;border-color:#dbe8f4}.blog-prose h2{color:#173b63}.blog-source{background:#f5faff;padding:12px 18px;border-radius:10px;border:1px solid #d9eaf8}.blog-next{margin-top:24px}.blog-related>.blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.footer{color:#526f89;font-size:13px;border-top:1px solid #ccdfef}.breadcrumbs{color:#527291}
@media(max-width:900px){.header{justify-content:center}.hero{gap:28px}.hero-copy h1{font-size:40px}}
@media(max-width:650px){
 .wrap{width:calc(100% - 32px)}.header{width:100%;border-left:0;border-right:0;border-radius:0;min-height:78px;padding:15px 20px;justify-content:flex-start}.header .brand-name{font-size:22px}.header .brand-role{font-size:13px}
 .hero{padding-top:32px;padding-bottom:32px;gap:25px}.hero:before{inset:0 -16px auto 20%;height:420px;border-radius:0 0 0 85%;background:radial-gradient(ellipse at 100% 0,#d5ecff,transparent 70%)}.hero-copy h1{font-size:clamp(30px,8.2vw,38px);line-height:1.15;letter-spacing:-.9px}.hero-copy .lead{font-size:16px;line-height:1.65}.hero-copy .button,.hero-secondary{width:100%;min-width:0;min-height:48px}.hero-secondary{margin-top:10px}.hero-note{font-size:13px;margin-top:18px}
 .quote-carousel.hero-panel{min-height:325px;border-radius:16px}.quote-slide{min-height:255px;padding:24px}.quote-slide blockquote{font-size:24px;line-height:1.4}.quote-controls{padding:10px 18px 16px}
 .topic-card,.reading-card,.blog-card{border-radius:14px;padding:23px}.topic-card h3{font-size:21px}.group-heading h2{font-size:23px}.group-heading{padding-bottom:12px}.topic-cards{gap:14px}.blog-prose{padding:24px 20px;border-radius:14px}.blog-article-head h1{font-size:32px;line-height:1.18;letter-spacing:-.8px}.blog-prose h2{font-size:23px}.blog-source{padding:12px}.reading-card h2{font-size:25px}.profile-hero{gap:24px}.channel{padding:16px;min-height:92px}.direct-contact{margin-top:0}.direct-contact h1{font-size:31px}.about-inner{padding:25px;border-radius:16px}
 .mobile-dock{width:100%;max-width:none;left:0;transform:none;bottom:0;border-radius:0;border:0;border-top:1px solid #d6e5f2;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -5px 22px #1848770c;padding:9px 8px calc(9px + env(safe-area-inset-bottom));gap:3px;grid-template-columns:1fr 1fr .8fr 1.3fr 1.1fr}.mobile-dock a{border-radius:10px;font-size:13px;min-height:48px;color:#476581;font-weight:550}.mobile-dock a.nav-active{background:#e5f2ff;color:#0569ba;box-shadow:inset 0 -3px #1688df;font-weight:700}.footer{padding-bottom:25px}body{padding-bottom:calc(95px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.topic-card:hover,.blog-card:hover{transform:none}}
/* Match the selected reference's structure and icon-led navigation. */
.clinic-menu-toggle{display:none}.mobile-dock svg{width:23px;height:23px;flex:none}.clinic-home .hero{display:block;max-width:900px;padding:38px 24px 26px}.hero-chat{display:block;width:48px;height:48px;color:#45aaff;margin-bottom:17px}.hero-chat svg{width:100%;height:100%}.clinic-home .hero:before{inset:0 -24px 0 46%;border-radius:0 0 0 90%;background:linear-gradient(140deg,#e8f5ff 10%,#c9e7ff 70%,#eaf6ff)}.clinic-home .hero:after{content:"";position:absolute;z-index:-1;right:-24px;top:38%;width:110px;height:165px;border-radius:80% 0 0 65%;background:#6fbdf34a;pointer-events:none}.clinic-home .hero-copy{max-width:680px}.clinic-home .hero-copy h1{max-width:640px;font-size:44px;line-height:1.14;color:#092353;letter-spacing:-1px}.clinic-home .hero-copy .lead{font-size:17px;line-height:1.55;margin:16px 0 20px}.clinic-home .hero-copy .button,.clinic-home .hero-secondary{display:flex;width:100%;justify-content:center;align-items:center;max-width:520px}.button.whatsapp-action{background:linear-gradient(110deg,#13b943,#0eb53e);color:#fff;box-shadow:0 4px 12px #14af4020}.button.whatsapp-action:hover{background:#0c9d37;color:#fff}.hero-secondary:after{content:'›';font-size:24px;line-height:1;margin-left:10px}.hero-note{max-width:520px;justify-content:center;white-space:nowrap;color:#143e73}.hero-note:before,.hero-note:after{content:"";height:1px;background:#c0def7;flex:1;max-width:75px}.clinic-home .home-directory{background:#ffffffd9;border-radius:26px 26px 0 0;padding:28px 24px;margin-top:0;border-top:0;box-shadow:0 -6px 25px #eaf5ff55}.clinic-home .section-heading{display:block;text-align:center;margin-bottom:20px}.clinic-home .section-heading .eyebrow{font-size:23px;letter-spacing:0;text-transform:none;color:#092353;margin-bottom:14px}.clinic-home .section-heading .eyebrow:after{content:"";display:block;width:42px;height:3px;margin:10px auto 0;border-radius:3px;background:#6dc0ff}.clinic-home .section-heading h2{font-size:21px;line-height:1.35}.clinic-home .section-heading>p{font-size:15px;max-width:620px;margin:14px auto}.clinic-home .group-heading{padding-bottom:10px;margin-bottom:14px}.clinic-home .group-heading h2{font-size:20px}.clinic-home .topic-card{text-align:center;align-items:center;padding:20px 16px;border-radius:15px}.clinic-home .topic-card .field-icon{background:transparent;border:0;color:#168aff;border-radius:0;width:42px;height:42px}.clinic-home .field-svg{width:34px;height:34px}.clinic-home .topic-card h3{font-size:18px;line-height:1.35;margin:10px 0}.clinic-home .topic-card p{font-size:14px;line-height:1.55}.clinic-home .card-bottom{width:100%;font-size:13px;justify-content:center;gap:8px}.clinic-quotes{max-width:750px;margin:32px auto}.clinic-home .intro-band{margin-top:24px}
@media(max-width:900px){.header{justify-content:space-between}.clinic-menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#174779;border-radius:8px;padding:10px}.clinic-menu-toggle svg{width:24px;height:24px}.header nav{display:none}.header nav.is-open{display:flex;position:absolute;left:12px;right:12px;top:calc(100% + 6px);flex-direction:column;gap:4px;padding:10px;background:#fff;border:1px solid #d9e9f5;border-radius:14px;box-shadow:0 12px 30px #16395f22}.header nav a{display:block;padding:14px}.clinic-home .hero:before{right:-20px}}
@media(max-width:650px){.header{min-height:76px;padding:13px 20px;z-index:100}.header .brand-name{font-size:23px;letter-spacing:-.6px}.brand-dot{display:none}.header .brand-role{font-size:12px;margin-top:2px}.clinic-home .hero{width:100%;padding:28px 25px 24px;overflow:hidden}.clinic-home .hero:before{inset:0 -65px 0 48%;border-radius:0 0 0 95%;background:linear-gradient(145deg,#dcefff,#cce7ff 65%,#f5fbff)}.clinic-home .hero:after{right:-38px;width:85px;height:130px;top:40%;background:#68b7f27a}.hero-chat{width:43px;height:43px;margin-bottom:14px}.clinic-home .hero-copy h1{font-size:clamp(27px,7.3vw,34px);line-height:1.13;letter-spacing:-.7px;margin:12px 0}.clinic-home .hero-copy .eyebrow{font-size:10px;letter-spacing:.7px;margin:0 0 12px}.clinic-home .hero-copy .lead{font-size:15px;line-height:1.5;margin:14px 0 19px}.clinic-home .hero-copy .button{min-height:49px;font-size:15px;gap:10px;padding:11px 12px}.clinic-home .hero-secondary{min-height:46px;font-size:14px;padding:10px;margin-top:10px;border-color:#93c7f6;background:#ffffffa8}.hero-note{margin-top:19px;gap:10px;font-size:12px}.clinic-home .home-directory{width:100%;padding:23px 20px}.clinic-home .section-heading .eyebrow{font-size:23px}.clinic-home .section-heading h2{font-size:19px}.clinic-home .section-heading>p{font-size:14px;line-height:1.5}.clinic-home .services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clinic-home .topic-card{padding:17px 10px;min-width:0}.clinic-home .topic-card h3{font-size:15px;letter-spacing:0}.clinic-home .topic-card p{font-size:12px;line-height:1.5}.clinic-home .card-bottom{font-size:11px}.clinic-home .group-heading h2{font-size:18px}.clinic-home .group-heading p{font-size:13px}.mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border-radius:19px 19px 0 0;z-index:110}.mobile-dock a{display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:10px;min-height:48px;border-radius:8px;padding:3px 0;color:#35465b;line-height:1.2}.mobile-dock a.nav-active{color:#0785ff;background:transparent;box-shadow:none}.mobile-dock a.nav-active svg{stroke-width:2.3}.mobile-dock a:first-child.nav-active svg{fill:#0785ff;stroke:#0785ff}.clinic-quotes{width:calc(100% - 40px)}}
:focus-visible{outline:3px solid #1284da;outline-offset:4px}