/* Accepted cream / navy / teal mobile design. Loaded after existing components. */

:root{--ink:#103c52;--muted:#4d6671;--accent:#078d98;--navy:#123d53;--paper:#fff;--soft:#edf7f7;--line:#deebed}

body[data-design]{background:#fff;color:var(--ink);font-size:16px;line-height:1.85}

[data-design] .container{width:min(1160px,calc(100% - 40px))}

[data-design] .headerinner{min-height:76px;padding:16px 22px}

[data-design] .brand{font-size:19px;white-space:normal;gap:10px}

[data-design] .brandmark{background:none;position:relative;width:36px;height:36px;flex-shrink:0;font-size:0}

[data-design] .brandmark:before,[data-design] .brandmark:after{content:'';position:absolute;width:12px;height:30px;border-radius:8px;transform:rotate(42deg);background:#48ae9e;left:8px;top:0}

[data-design] .brandmark:after{left:20px;top:10px;height:24px;background:#219a9c}

.design-menu{display:block;position:relative;margin-left:auto}.design-menu>summary{display:block;list-style:none;cursor:pointer;padding:8px 14px;min-height:44px;border:1px solid #dce8ec;border-radius:8px;color:#164e62}.design-menu>summary::-webkit-details-marker{display:none}.design-menu:not([open])>.mainnav{display:none}.design-menu[open]>.mainnav{position:absolute;right:0;top:100%;z-index:20;background:#fff;box-shadow:0 8px 30px #14334726;border:1px solid #dce8ec;border-radius:12px;padding:16px;display:flex;flex-direction:column;min-width:220px}.design-menu .mainnav a{padding:10px;min-height:44px}

[data-design] h1,[data-design] h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:800;line-height:1.5}

[data-design] h2{border-left:5px solid #1ba49e;padding-left:14px}

[data-design] .lp-hero{padding:36px 28px;background:linear-gradient(100deg,#fcf8ef,#f7f6f0);gap:24px;border-radius:0;margin-bottom:22px}

[data-design] .lp-hero h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:0}

[data-design] .lp-kicker{color:#176376;letter-spacing:.04em}

[data-design] .lp-hero .lp-kicker{background:#d8f0ed;display:inline-block;padding:6px 16px;border-radius:24px}

[data-design] .lp-lead{font-size:17px;line-height:1.8;color:#214c60}

[data-design] .lp-photo img,[data-design] .editorialphoto img,[data-design] .photo img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:12px}

[data-design] .lp-photo figcaption{font-size:12px}

[data-design] .lp-primary,[data-design] .button{background:linear-gradient(110deg,#36aa9f,#078b9d);border:0;border-radius:28px;color:white!important;min-height:48px;font-size:15px;padding:13px 24px}

[data-design] .lp-secondary,[data-design] .button.secondary{background:#fff;color:#12576b!important;border:1px solid #abd4d7;border-radius:24px}

.design-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:20px 0 34px}

.design-benefits>div{display:flex;gap:16px;align-items:center;padding:20px;background:linear-gradient(100deg,#f3f9f7,#eaf6f8);border-radius:14px}

.design-benefits p{margin:0}.design-benefits strong{font-size:19px;display:block;line-height:1.5}.design-benefits span{font-size:14px;display:block;line-height:1.7;margin-top:5px}

.design-icon{width:36px;height:36px;flex-shrink:0;color:#117a92}

.design-benefits .design-icon{width:48px;height:48px;padding:8px;box-sizing:content-box;background:#d8eeeb;border-radius:50%}

[data-design] .lp-section,[data-design] .section{padding-top:34px;padding-bottom:34px}

[data-design] .lp-panel{background:#fcf8ee;border:1px solid #f0e9db;border-radius:16px;padding:28px}

[data-design] .lp-steps li{border-color:#e1eaeb;border-radius:12px}

[data-design] .lp-clinic,[data-design] .cliniccard{border:1px solid #dce8ec;box-shadow:0 3px 15px #173b5110;border-radius:14px;background:#fff}

[data-design] .lp-clinic h3 a{color:#103c52}

.design-clinic-heading{display:flex;align-items:center;gap:12px;background:#eff8f7;border-radius:10px;padding:13px;margin-bottom:18px;color:#3b6979;font-size:13px}

.design-card-icon{margin-bottom:14px}

[data-design] .lp-access{background:#edf7f8;color:#155668}

[data-design] .lp-clinic dd strong{color:#086c80}

[data-design] .lp-clinic dt{color:#476577;font-size:14px}

[data-design] .lp-clinic dd,[data-design] .lp-note{font-size:14px}

[data-design] .lp-intents a{background:#f6fbfa;border-color:#cde5e5}

[data-design] .lp-intents strong{color:#17566a}

[data-design] .pageintro{background:linear-gradient(100deg,#faf6ed,#eef8f7);padding:30px;border-radius:14px;margin:24px 0}

[data-design] .medical-video{border:1px solid #dce8ec;border-radius:14px;padding:24px;background:#fbfcf9}

[data-design] video{max-width:100%;height:auto;object-fit:contain}

[data-design] .clinic-map iframe{width:100%;height:350px;border:1px solid #dce8ec;border-radius:14px}

[data-design] summary{min-height:44px;cursor:pointer}

.design-final{text-align:center;background:linear-gradient(130deg,#125872,#143347);color:white;padding:40px 22px;margin:34px 0;border-radius:16px}

[data-design] .design-final h2{border:0;padding:0;color:white}.design-final a{display:inline-block;background:#ffc48b;color:#123d53;border-radius:30px;padding:16px 24px;min-height:48px;text-decoration:none;font-weight:700}

[data-design] footer{background:#eff7f5;border-top:1px solid #dcebea}

@media(max-width:720px){

 [data-design] .container{width:calc(100% - 28px)}

 [data-design] .headerinner{padding:12px 14px;align-items:center;gap:10px}

 [data-design] .brand{font-size:14px;max-width:calc(100% - 75px)}[data-design] .brand small{display:none}

 .design-menu{display:block;position:static}.design-menu>summary{display:block;list-style:none;font-size:12px;padding:8px;border:1px solid #dce8ec;border-radius:8px;color:#164e62}.design-menu>summary::-webkit-details-marker{display:none}

 .design-menu:not([open])>.mainnav{display:none}.design-menu[open]>.mainnav{position:absolute;left:14px;right:14px;top:72px;z-index:20;background:#fff;box-shadow:0 8px 30px #14334726;border:1px solid #dce8ec;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:0}.design-menu .mainnav a{padding:12px;min-height:44px}

 [data-design] .lp-hero{grid-template-columns:1fr;padding:24px 18px;gap:14px;margin-left:-14px;margin-right:-14px}

 [data-design] .lp-hero h1{font-size:28px;line-height:1.55;margin-bottom:16px}

 [data-design] .lp-lead{font-size:16px}.lp-copy>p.lp-lead~p.lp-lead{font-size:14px}

 [data-design] .lp-photo img{max-height:none;aspect-ratio:auto;height:auto;object-fit:contain}

 .design-benefits{grid-template-columns:1fr;gap:10px;margin:20px 0 28px}.design-benefits>div{padding:16px;gap:15px}.design-benefits strong{font-size:18px}.design-benefits span{font-size:14px}

 [data-design] .lp-clinic-grid,[data-design] .cards{grid-template-columns:1fr}

 [data-design] .lp-clinic{padding:20px}.design-clinic-heading{padding:10px}

 [data-design] .lp-card-actions a,[data-design] .lp-card-actions button{width:100%;min-height:48px}

 [data-design] h2,[data-design] .lp-panel h2,[data-design] .lp-section h2{font-size:23px}

 [data-design] .lp-panel,[data-design] .pageintro,[data-design] .medical-video{padding:20px 16px}

 [data-design] .lp-intents a{flex-direction:column;align-items:flex-start}.lp-intents span{text-align:left;font-size:14px!important}

 [data-design] .lp-area-grid{grid-template-columns:1fr 1fr}

 [data-design] .clinic-map iframe{height:280px}

 [data-design] .lp-steps li{padding:18px}.design-final a{width:100%}

}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Keep footer text readable on the light mobile-design background. */
[data-design] footer{color:#173c35}
[data-design] footer .footerbrand,[data-design] footer p,[data-design] footer .small,[data-design] footer .footnote{color:#173c35}
[data-design] footer a{color:#185e55}
[data-design] footer a:hover{color:#103f39}
[data-design] footer .footnote{border-top-color:#b5ccc5}