@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/source-serif-4-400-italic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}
@font-face{font-family:"Source Serif Fallback";src:local("Georgia");size-adjust:107.5%}
:root{--serif:"Source Serif 4","Source Serif Fallback",Georgia,"Times New Roman",serif;--sans:Inter,"Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
:root{color-scheme:light;--paper:#fcfcff;--ink:#203659;--muted:#465b80;--surface-soft:#f0f3fc;--line:#e3e9f7;--action:#ac006d;--ease-out:cubic-bezier(.23,1,.32,1);--fast:160ms;--reveal:600ms;--shadow:0 18px 48px #2036590a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}a,button,input,select,summary{touch-action:manipulation}button,a,input,select,summary{outline-offset:5px} :focus-visible{outline:3px solid #465b80}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h1{font-size:clamp(3rem,6.5vw,6.2rem);letter-spacing:-.045em}h2{font-size:clamp(2.3rem,4vw,3.7rem);letter-spacing:-.035em}h3{font-size:1.7rem}p{max-width:65ch}small,.small{font-size:.875rem}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.preview{padding:8px 24px;text-align:center;background:#f0f3fc;font-size:.875rem}.header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}.brand{text-decoration:none;line-height:1.3}.brand strong{font:1.6rem var(--serif)}.brand span{display:block;font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;margin-top:6px}.navlinks{display:flex;gap:26px;align-items:center}.navlinks a{text-decoration:none;font-size:.9rem}.navlinks a[aria-current]{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:4px;padding:14px 23px;background:var(--action);color:white;border:1px solid var(--action);text-decoration:none;cursor:pointer;min-height:50px;transition:transform var(--fast) var(--ease-out)}.button:active{transform:scale(.97)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button:disabled{opacity:.6;cursor:not-allowed}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;margin-bottom:24px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:74px 0 64px}.hero p{max-width:470px;color:var(--muted);font-size:1.125rem}.hero h1 em{font-weight:400;color:#465b80}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}.portrait{background:#f0f3fc;border-radius:180px 180px 8px 8px;min-height:490px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative;border:1px solid #e3e9f7}.portrait .initials{font:6rem var(--serif);color:#637395;display:block}.portrait p{font-size:.875rem;max-width:230px;margin:auto}.portrait img{width:100%;height:490px;object-fit:cover;border-radius:inherit}.portrait:has(img){padding:0}.caption{background:var(--paper);padding:16px 24px;border:1px solid var(--line);position:absolute;bottom:24px;left:-25px;text-align:left;box-shadow:0 8px 25px #20365908}.caption strong{display:block;font:1.3rem var(--serif)}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:25px}.trust strong{display:block;font:1.4rem var(--serif)}.trust span{font-size:.875rem;color:var(--muted)}.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head p{max-width:400px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);padding:30px;min-height:250px;position:relative;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;transition:transform var(--fast) var(--ease-out);border-radius:5px}.card .number{font-size:.8rem;color:var(--muted);margin-bottom:35px}.card h3{font-size:1.55rem}.card p{color:var(--muted);font-size:.95rem}.card .arrow{margin-top:auto}.card:nth-child(3n+2){background:#f0f3fc}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.tint{background:var(--surface-soft)}.note{border-left:2px solid #637395;padding-left:22px;color:var(--muted)}.banner{background:#f0f3fc;padding:48px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:6px}.banner h2{font-size:2.6rem}.page-head{padding:64px 0 30px;max-width:850px}.page-head h1{font-size:clamp(3rem,5.3vw,5rem)}.prose{max-width:780px}.prose h2{font-size:2rem;margin-top:38px}.prose li{margin-bottom:12px}.placeholder{background:#f0f3fc;min-height:270px;border:1px dashed #637395;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;border-radius:6px}.placeholder p{margin:0;max-width:300px}.rows>div{border-bottom:1px solid var(--line);padding:20px 0}.rows strong{display:block}.rows p{margin-bottom:0;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:1.125rem;list-style:none;display:flex;justify-content:space-between;gap:25px}summary::after{content:'+';font-size:1.4rem}details[open] summary::after{content:'−'}details p{padding-top:20px;margin-bottom:0;color:var(--muted)}.form-panel{padding:38px;background:#fcfcff;border:1px solid var(--line);border-radius:6px}label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.field{margin-bottom:20px}input:not([type=checkbox]),select{width:100%;min-height:50px;padding:12px;background:var(--paper);border:1px solid #637395;border-radius:3px;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:start;gap:12px;font-weight:400}input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin-top:5px;accent-color:var(--action)}.status:not(:empty){padding:20px;background:var(--surface-soft);margin-top:20px}.footer{border-top:1px solid var(--line);padding:45px 0 90px;margin-top:50px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;max-width:550px}.footer .small{color:var(--muted);margin-top:25px}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:15px}.mobile-book{display:none}.menu{display:none}.wide{grid-column:1/-1}iframe{width:100%;height:340px;border:0}.pill{display:inline-block;border:1px solid var(--line);padding:5px 12px;border-radius:30px;font-size:.8rem;margin-bottom:20px}@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.card:hover{transform:translateY(-5px)}a:hover{text-decoration:underline}}@media(max-width:950px){.navlinks{gap:14px}.navlinks a{font-size:.8rem}.hero{gap:35px}.portrait{min-height:430px}.grid{grid-template-columns:repeat(2,1fr)}.split{gap:35px}}@media(max-width:730px){.wrap{width:calc(100% - 40px)}.nav{min-height:90px;flex-wrap:wrap;padding:18px 0;gap:18px}.brand strong{font-size:1.3rem}.menu{display:block;background:transparent;border:1px solid var(--line);padding:8px 12px;min-height:44px}.navlinks{width:100%;flex-wrap:wrap;gap:18px;padding-bottom:10px}.navlinks a{font-size:.9rem}.navlinks[hidden]{display:none}.navlinks .button{display:none}.hero{grid-template-columns:1fr;padding:40px 0;gap:36px}.hero h1{font-size:3.7rem}.portrait{min-height:350px;max-width:430px;width:100%;margin:auto}.caption{left:12px;bottom:16px}.trust{grid-template-columns:1fr 1fr;gap:25px}.section{padding:55px 0}.section-head,.banner{display:block}.grid,.split,.form-row{grid-template-columns:1fr}.card{min-height:210px}.card .number{margin-bottom:20px}.banner,.form-panel{padding:26px}.footer-grid{display:block}.footer-links{margin-top:25px}.mobile-book{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 20px;background:var(--paper);border-top:1px solid var(--line);z-index:5}.mobile-book .button{width:100%}.preview{font-size:.75rem}.page-head{padding-top:40px}}@media(prefers-reduced-motion:reduce){.button,.card{transition:none!important;transform:none!important}*{scroll-behavior:auto!important}}
img{max-width:100%;object-fit:cover}#appointment-form{scroll-margin-top:24px}@media(max-width:730px){.nav .brand span{font-size:12px;letter-spacing:.12em}.nav{gap:10px}.menu{font-size:.875rem}body:has(#appointment-form) .section.split>.form-panel{grid-row:1}}

/* Doctor profile: the shared responsive doctor profile layout. */
.hero-credentials{font-size:1rem!important;line-height:1.6}.hero-credentials strong{color:var(--ink)}.hero-credentials span{font-size:.9rem}.doctor-hero{height:560px;min-height:0;align-self:center}.doctor-hero img{height:100%;width:100%;object-fit:cover;object-position:50% 34%}.doctor-hero .caption{bottom:22px;left:-24px}.page-head em{color:#465b80}.doctor-intro{padding-top:35px;align-items:start}.personal-portrait{background:var(--surface-soft);border-radius:180px 180px 5px 5px;overflow:hidden;position:relative;align-self:start}.personal-portrait img{display:block;width:100%;height:auto;padding:30px 20px 0}.photo-label{background:var(--surface-soft);padding:16px 24px;font-size:.875rem;border-top:1px solid var(--line)}.qualification-list{border-top:1px solid var(--line);margin-top:30px}.qualification-list>div{padding:17px 0;border-bottom:1px solid var(--line)}.qualification-list span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px}.qualification-list strong{font-weight:500}.care-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.care-principles article{border-top:1px solid #c7d2eb;padding-top:28px}.care-principles .eyebrow{display:block}.care-principles h3{font-size:1.8rem}.care-principles p{color:var(--muted)}.surgical-section{align-items:center}.surgical-portrait{margin:0}.surgical-portrait img{display:block;width:100%;height:auto;border-radius:6px}.surgical-portrait figcaption{font-size:.875rem;color:var(--muted);margin-top:12px}.pregnancy-focus .banner{align-items:center}.pregnancy-focus .button{flex-shrink:0}.service-list{padding-left:22px}.service-list li::marker{color:#465b80}@media(max-width:950px){.doctor-hero{height:500px}.hero{gap:40px}}@media(max-width:730px){.doctor-hero{height:440px;width:100%}.doctor-hero .caption{left:12px;right:12px;bottom:16px}.doctor-intro{padding-top:20px}.personal-portrait{max-width:430px;margin:auto;width:100%}.care-principles{grid-template-columns:1fr;gap:20px}.surgical-section{gap:32px}.pregnancy-focus .button{white-space:normal}.hero h1{font-size:clamp(3rem,13vw,3.7rem)}}

/* --- merged from refinement.css (visual refinement layer) --- */
/* Shared visual refinement. One light brand palette; original content and form contracts retained. */

body{background:var(--paper)}
.preview{font-size:12px;letter-spacing:.025em;padding:7px 20px;background:#f0f3fc;color:#465b80}
.header{border-bottom:0;background:#fcfcfff5}.nav{min-height:104px}.brand{display:flex;align-items:center;gap:12px}.brand .brand-seal{display:flex;align-items:center;justify-content:center;width:48px;height:54px;margin:0;border:1px solid #637395;border-radius:24px 24px 8px 8px;font:21px var(--serif);letter-spacing:-2px;flex-shrink:0}.brand .brand-name{margin:0;letter-spacing:normal;text-transform:none}.brand strong{font-size:1.45rem}.brand .brand-name>span{font-size:12px;letter-spacing:.15em}.navlinks{gap:24px}.navlinks a{position:relative}.navlinks a[aria-current]{text-decoration:none}.navlinks a[aria-current]:not(.button)::after{content:'';position:absolute;bottom:-8px;left:0;width:22px;height:2px;background:#637395}.button{border-radius:100px;gap:20px;padding:14px 23px;box-shadow:0 5px 12px #2036590a;font-size:.9rem}.button>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffffff16}.button.secondary{background:#fcfcff;border-color:#c7d2eb;box-shadow:none}.button.secondary>span{background:#f0f3fc}.button:hover{text-decoration:none}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.17em;color:#465b80}.eyebrow::before{content:'';width:26px;height:1px;background:#637395;flex-shrink:0}h1{line-height:1.04}h1 em{font-weight:400;color:#465b80}h2{line-height:1.1}.section{padding:92px 0}.hero{position:relative;grid-template-columns:1.12fr .88fr;gap:70px;padding:48px 0 72px}.hero h1{font-size:clamp(4rem,6.5vw,6rem);margin-bottom:25px}.hero h1 em{color:#465b80}.hero p{font-size:1rem;line-height:1.75;max-width:430px}.hero .eyebrow{font-size:12px}.hero-credentials{border-left:2px solid #c7d2eb;padding-left:18px;font-size:.875rem!important;margin-top:28px}.hero-credentials span{font-size:.8rem}.doctor-hero{height:590px;border:0;border-radius:220px 220px 24px 24px;box-shadow:0 0 0 12px #f0f3fc,0 0 0 13px #e3e9f7;margin-right:12px}.doctor-hero img{object-position:50% 38%}.portrait-badge{position:absolute;right:-25px;top:46px;width:122px;height:122px;display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:1.45;background:#fcfcff;border:1px solid #e3e9f7;border-radius:50%;font-size:12px;letter-spacing:.12em;box-shadow:var(--shadow)}.portrait-badge span{font:40px var(--serif);letter-spacing:-2px;margin-bottom:4px}.doctor-hero .caption{background:#fcfcfff5;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:16px;bottom:28px;left:-35px;box-shadow:0 16px 40px #20365912;padding:20px 25px}.caption strong{margin-bottom:6px}.caption .small{font-size:.8rem}.trust{background:#f0f3fc;border:1px solid #e3e9f7;border-radius:20px;padding:30px 34px;gap:30px}.trust>div+div{border-left:1px solid #e3e9f7;padding-left:24px}.trust strong{font-size:1.5rem;margin-bottom:7px}.trust span{font-size:.8rem}.section-head{margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head>p{font-size:.95rem;max-width:330px}.grid{gap:20px}.card{background:#fcfcff;border:1px solid #f0f3fc;border-radius:20px;padding:28px;min-height:292px;box-shadow:0 8px 28px #20365903;overflow:hidden}.card:nth-child(3n+2){background:#f0f3fc}.card:nth-child(3n){background:#f0f3fc}.card-top{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:32px}.care-icon{width:48px;height:48px;border-radius:15px;background:#f0f3fc;display:grid;place-items:center;color:#465b80}.care-icon svg{width:27px;height:27px}.card:nth-child(3n+2) .care-icon{background:#fcfcff}.card:nth-child(3n) .care-icon{background:#fcfcff}.card .number{margin:0;color:#637395;font:italic 20px var(--serif)}.card h3{font-size:1.65rem;max-width:260px}.card p{font-size:.875rem}.card .arrow{border-top:1px solid #f0f3fc;padding-top:18px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.card .arrow>span{border-radius:50%;background:#f0f3fc;width:30px;height:30px;text-align:center;line-height:30px}.section-link{text-align:center;margin-top:34px}.tint{background:#f0f3fc;border-top:1px solid #e3e9f7;border-bottom:1px solid #e3e9f7}.home-page .tint .split{align-items:center}.approach-photo{height:220px;border-radius:16px;background:#e3e9f7;display:flex;align-items:center;overflow:hidden;max-width:430px;margin-top:32px}.approach-photo img{height:100%;width:48%;object-fit:cover;object-position:top}.approach-photo span{padding:20px;font:italic 1.35rem/1.3 var(--serif);color:#465b80}.home-page .tint .split>div:nth-child(2){padding-top:32px}.banner{background:linear-gradient(115deg,#f0f3fc,#f0f3fc);border:1px solid #e3e9f7;border-radius:28px;padding:52px 56px;position:relative;overflow:hidden}.banner::after{content:'';position:absolute;width:260px;height:260px;right:-70px;top:-120px;border:1px solid #e3e9f7;border-radius:50%;pointer-events:none}.banner h2{font-size:2.8rem}.banner p{font-size:.95rem;margin-bottom:0}.banner .button{flex-shrink:0;position:relative;z-index:1}.page-head{padding:64px 0 30px;max-width:900px}.page-head>p{font-size:1.1rem;color:var(--muted);max-width:650px}.inner-page main>.wrap:first-child{border-bottom:1px solid var(--line)}.inner-page .page-head h1{font-size:clamp(3rem,5.4vw,5.2rem)}.personal-portrait{border-radius:180px 180px 20px 20px;border:1px solid #e3e9f7;box-shadow:var(--shadow)}.photo-label{padding:18px 26px;background:#f0f3fc}.qualification-list{border:1px solid #e3e9f7;border-radius:18px;padding:8px 24px;background:#f0f3fc}.qualification-list>div:last-child{border-bottom:0}.care-principles{gap:20px}.care-principles article{padding:30px;background:#fcfcff;border:1px solid #e3e9f7;border-radius:20px}.care-principles .eyebrow{display:flex}.surgical-portrait img{border-radius:24px 100px 24px 24px;box-shadow:var(--shadow)}.surgical-portrait figcaption{padding-left:10px}.form-panel{border-radius:24px;border-color:#e3e9f7;box-shadow:var(--shadow);padding:38px}.form-panel h2{font-size:2.5rem}input:not([type=checkbox]),select{border-radius:10px;border-color:#c7d2eb;background:#fcfcff}input:focus,select:focus{background:white}.rows>div{padding:24px 0}.service-list{list-style:none;padding:0!important}.service-list li{padding:16px 18px 16px 42px;background:#f0f3fc;border-radius:12px;position:relative}.service-list li::before{content:'✓';position:absolute;left:17px;color:#465b80}.pill{background:#f0f3fc;border:0;padding:8px 16px}.placeholder{border-radius:24px;background:#f0f3fc;border-color:#c7d2eb}.footer{background:#f0f3fc;border:0;padding:56px 0 42px;margin-top:40px}.footer-grid{align-items:start}.footer-links a{font-size:.875rem;text-decoration:none}.footer .small{border-top:1px solid #e3e9f7;padding-top:24px;font-size:.75rem}.footer .brand span{font-size:12px}
/* Questions are a designed reading surface, with native accessible disclosures. */
.faq-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:90px;align-items:center;background:#f0f3fc;border:1px solid #e3e9f7;border-radius:30px;margin-top:26px;padding:52px 58px;overflow:hidden}.faq-hero h1{font-size:clamp(3.2rem,5.4vw,5rem)}.faq-hero p{max-width:520px;color:var(--muted);font-size:1rem}.topic-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.topic-chips span{padding:6px 12px;background:#fcfcff;border:1px solid #e3e9f7;border-radius:30px;font-size:.75rem}.faq-portrait{background:#e3e9f7;border-radius:150px 150px 18px 18px;position:relative;align-self:end}.faq-portrait img{display:block;width:100%;height:300px;object-fit:cover;object-position:top;padding:15px 12px 0}.faq-portrait>div{background:#fcfcffe8;border:1px solid #fff;padding:16px 20px;border-radius:14px;position:absolute;bottom:12px;left:-22px;right:16px;backdrop-filter:blur(8px);box-shadow:var(--shadow)}.faq-portrait span{font-size:12px;letter-spacing:.15em;display:block;margin-bottom:3px}.faq-portrait strong{font:1.25rem var(--serif)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-aside h2{font-size:3.4rem}.faq-aside p{font-size:.95rem;max-width:300px;color:var(--muted)}.text-link{font-size:.9rem;text-decoration:none;display:flex;gap:36px;align-items:center}.faq-help{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.faq-help .small{display:block;margin-bottom:14px;color:var(--muted)}.faq-list-label{font-size:12px;letter-spacing:.12em;display:flex;justify-content:space-between;color:#465b80;margin-bottom:20px}.faq-list-label>span{color:#465b80}details{border:1px solid #e3e9f7;border-radius:15px;background:#fcfcff;padding:0;margin-bottom:12px;box-shadow:0 5px 16px #20365903}summary{font-size:1rem;align-items:center;padding:22px;gap:18px;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span:nth-child(2){flex:1}.question-number{font:italic 18px var(--serif);color:#637395;flex-shrink:0}summary::after{display:grid;place-items:center;background:#f0f3fc;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:20px;color:#465b80}details[open]{background:#f0f3fc;border-color:#c7d2eb}details[open] summary::after{background:#e3e9f7}details p{padding:0 24px 24px 60px;font-size:.95rem;line-height:1.8}.faq-disclaimer{padding:15px 5px;color:#465b80;font-size:.8rem}
@media(hover:hover) and (pointer:fine){.card:hover{box-shadow:0 16px 36px #2036590c;text-decoration:none;border-color:#c7d2eb}.navlinks a:not(.button):hover{color:#465b80}.button:hover{box-shadow:0 8px 20px #20365915}}
@media(max-width:1050px){.navlinks{gap:14px}.brand strong{font-size:1.25rem}.hero{gap:45px}.hero h1{font-size:4.8rem}.doctor-hero{height:550px}.portrait-badge{right:-10px;width:100px;height:100px}.faq-hero{gap:35px;padding:40px}.faq-layout{gap:40px}.faq-aside h2{font-size:2.8rem}}
@media(max-width:730px){.wrap{width:calc(100% - 36px)}.preview{font-size:12px;line-height:1.5}.nav{min-height:86px;padding:16px 0}.brand .brand-seal{width:35px;height:42px;font-size:17px}.brand{gap:9px}.brand strong{font-size:1.15rem}.brand .brand-name>span{font-size:12px;letter-spacing:.1em}.menu{border-radius:30px;padding:8px 13px;font-size:12px}.navlinks{padding:20px 10px;border-top:1px solid var(--line);gap:22px}.hero{padding:30px 0 42px;gap:44px}.hero h1{font-size:clamp(3.6rem,14vw,5rem)}.hero h1 em br{display:none}.hero p{font-size:.95rem}.hero .eyebrow{font-size:12px;gap:8px;letter-spacing:.1em}.hero .eyebrow::before{width:15px}.hero-credentials{margin-top:20px}.hero .actions{gap:10px}.button{font-size:.8rem;padding:12px 18px;gap:10px}.doctor-hero{height:450px;width:calc(100% - 24px);margin:0 auto;border-radius:160px 160px 20px 20px;box-shadow:0 0 0 8px #f0f3fc,0 0 0 9px #e3e9f7}.doctor-hero .caption{left:-8px;right:20px;padding:16px 20px;border-radius:14px}.portrait-badge{top:30px;right:-13px;width:92px;height:92px;font-size:12px}.portrait-badge span{font-size:30px}.trust{padding:22px 20px;gap:22px 16px;border-radius:18px}.trust>div+div{padding-left:0;border:0}.trust strong{font-size:1.25rem}.trust span{font-size:.75rem;line-height:1.5;display:block}.section{padding:56px 0}.section-head{margin-bottom:25px}.section-head h2{margin-bottom:20px}.section-head p{max-width:none}.grid{gap:12px}.card{min-height:230px;padding:24px}.card-top{margin-bottom:24px}.card h3{font-size:1.8rem;max-width:none}.section-link{margin-top:24px}.banner{padding:32px 26px;border-radius:22px}.banner h2{font-size:2.4rem}.banner .button{margin-top:22px}.home-page .tint .split>div:nth-child(2){padding-top:0}.approach-photo{height:200px;margin-top:24px}.approach-photo span{font-size:1.25rem}.page-head{padding:34px 0 20px}.inner-page .page-head h1{font-size:3.2rem}.page-head>p{font-size:1rem}.personal-portrait{border-radius:150px 150px 18px 18px}.care-principles article{padding:26px}.form-panel{padding:26px}.footer{padding-bottom:100px}.footer .brand{display:block}.footer-links{gap:18px 24px}.mobile-book{background:#fcfcffed;backdrop-filter:blur(12px);padding:10px 18px 14px}.mobile-book .button{min-height:46px}.faq-hero{grid-template-columns:1fr;gap:28px;padding:30px 25px;margin-top:14px;border-radius:24px}.faq-hero .eyebrow{font-size:12px;letter-spacing:.1em;gap:8px}.faq-hero .eyebrow::before{width:16px}.faq-hero h1{font-size:3.3rem}.faq-hero p{font-size:.95rem}.faq-portrait{width:190px;margin:0 auto;height:205px;border-radius:100px 100px 18px 18px}.faq-portrait img{height:205px}.faq-portrait>div{left:-25px;right:-25px;bottom:0;padding:12px 20px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-aside h2{font-size:2.5rem}.faq-aside h2 br{display:none}.faq-aside p{max-width:none}.faq-help{display:none}.faq-aside{padding:0 5px}.faq-list-label{font-size:12px}.faq-list-label>span{display:none}summary{padding:20px 16px;gap:12px;font-size:.95rem}.question-number{font-size:16px}details p{padding:0 20px 22px;font-size:.9rem}.topic-chips span{font-size:12px;padding:5px 9px}}
@media(prefers-reduced-motion:reduce){.card,.button{transform:none!important;transition:none!important}}
.hero>div,.split>div,.grid>*{min-width:0}
@media(max-width:730px){.hero{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(3.1rem,13vw,4.5rem)}.faq-hero h1{font-size:2.8rem}.faq-hero{padding:28px 24px}.faq-portrait{height:160px;width:160px}.faq-portrait img{height:160px}.faq-portrait>div{padding:10px 16px}.faq-hero .topic-chips{margin-top:18px}}

/* --- merged from finish.css (motion, accessibility and interaction layer) --- */
/* Final motion + interaction layer. No runtime dependencies; one existing ease-out curve. */
[hidden] { display: none !important; }
:root { --motion-fast: 160ms; --motion-ui: 200ms; }
html { scroll-padding-top: 112px; }
main:focus { outline: none; }
h1, h2, h3 { text-wrap: balance; overflow-wrap: anywhere; }
p { text-wrap: pretty; }
::selection { background: #e3e9f7; color: #203659; }
.card .number, .question-number, .faq-list-label > span { color: #465b80; }
.approach-photo span { color: #465b80; }
.trust { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust > div, .form-row > div, .faq-layout > *, .qualification-list { min-width: 0; }
.trust strong, .trust span, .caption, .button { overflow-wrap: anywhere; }
.button { max-width: 100%; }
.button > span { flex-shrink: 0; }
input, select { min-width: 0; }
input:not([type=checkbox]):user-invalid, select:user-invalid { border-color: #465b80; }
input:focus-visible, select:focus-visible { outline: 2px solid #465b80; outline-offset: 3px; }
:focus-visible { outline: 3px solid #465b80; outline-offset: 5px; }
summary:focus-visible { border-radius: 14px; outline-offset: -4px; }
.card:focus-visible { outline-offset: 4px; }
.skip { z-index: 30; border-radius: 0 0 10px 10px; }
.hero h1 { font-size: clamp(3rem, 6.4vw, 6rem); }
.brand:hover { text-decoration: none; }
.header { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.header.is-scrolled { box-shadow: 0 1px 0 #e3e9f7, 0 10px 28px #20365907; }
.navlinks a:not(.button) { padding-block: 10px; }
.navlinks a:not(.button)::after { content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px; background: #465b80; transform: scaleX(0); transform-origin: left; transition: transform var(--motion-ui) var(--ease-out); }
.navlinks a[aria-current]:not(.button)::after { bottom: 2px; width: 100%; height: 1px; transform: scaleX(.4); }
.menu { align-items: center; gap: 9px; }
.menu-glyph { display: inline-block; width: 14px; height: 12px; position: relative; }
.menu-glyph::before, .menu-glyph::after { content: ''; position: absolute; width: 14px; height: 1px; left: 0; background: currentColor; transition: transform var(--motion-ui) var(--ease-out); }
.menu-glyph::before { top: 3px; }
.menu-glyph::after { top: 9px; }
.menu[aria-expanded=true] .menu-glyph::before { transform: translateY(3px) rotate(45deg); }
.menu[aria-expanded=true] .menu-glyph::after { transform: translateY(-3px) rotate(-45deg); }
summary::after { content: none !important; }
.question-toggle { width: 30px; height: 30px; position: relative; flex-shrink: 0; border-radius: 50%; background: #f0f3fc; }
.question-toggle::before, .question-toggle::after { content: ''; width: 10px; height: 1.5px; background: #465b80; position: absolute; left: 10px; top: 14px; transition: transform var(--motion-ui) var(--ease-out); }
.question-toggle::after { transform: rotate(90deg); }
details[open] .question-toggle::after { transform: rotate(0); }
details[open] .question-toggle { background: #e3e9f7; }
details { scroll-margin-block: 130px 35px; }
.topic-chips a { padding: 6px 12px; background: #fcfcff; border: 1px solid #e3e9f7; border-radius: 30px; font-size: .75rem; text-decoration: none; min-height: 36px; display: inline-flex; align-items: center; }
.topic-chips a:focus-visible { outline-offset: 2px; }
.button > span, .card .arrow > span, .text-link > span { transition: transform var(--motion-fast) var(--ease-out); }
.approach-photo img { transition: transform 500ms var(--ease-out); }
.card:active { transform: translateY(-1px) scale(.995); }
.service-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 24px; gap: 12px; font-size: .875rem; text-decoration: none; color: #465b80; }
.not-found { padding: 80px 0 100px; max-width: 720px; }
.not-found .eyebrow { font-size: .875rem; }
.not-found h1 { font-size: clamp(3rem, 6vw, 5rem); }
.not-found p { max-width: 540px; }
@media (hover: hover) and (pointer: fine) {
  .navlinks a:not(.button):hover::after { transform: scaleX(1); }
  .button:hover > span, .card:hover .arrow > span, .text-link:hover > span { transform: translate(2px, -2px); }
  .approach-photo:hover img { transform: scale(1.025); }
  .topic-chips a:hover { background: #f0f3fc; }
  .service-back:hover { text-decoration: underline; }
}
@media (max-width: 900px) {
  html { scroll-padding-top: 24px; }
  .header { position: relative; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .header.is-scrolled { box-shadow: none; }
  .nav { min-height: 86px; flex-wrap: wrap; gap: 12px; padding-block: 16px; }
  .menu { display: inline-flex; background: transparent; border: 1px solid var(--line); padding: 10px 15px; border-radius: 30px; min-height: 44px; cursor: pointer; font-size: 13px; }
  .navlinks { flex: 0 0 100%; width: 100%; flex-wrap: wrap; gap: 14px 24px; padding: 14px 8px 4px; border-top: 1px solid var(--line); }
  .navlinks a { font-size: .9rem; }
  .navlinks a:not(.button) { padding-block: 10px; }
  .navlinks .button { display: inline-flex; }
  details { scroll-margin-block: 24px; }
}
@media (max-width: 730px) {
  .hero h1 { font-size: clamp(2.75rem, 12vw, 3.65rem); }
  .hero { row-gap: 22px; }
  .hero > div:first-child { display: contents; }
  .hero .eyebrow { margin-bottom: 0; order: 0; }
  .hero h1 { order: 1; margin: 0; }
  .hero > div > p:not(.hero-credentials) { order: 2; margin: 0; }
  .hero .actions { order: 3; margin: 0 0 16px; }
  .hero .doctor-hero { order: 4; height: 420px; }
  .hero .hero-credentials { order: 5; margin: 8px 0 0; font-size: .875rem !important; }
  .trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust strong { overflow-wrap: anywhere; }
  .navlinks .button { display: none; }
  .brand-name { min-width: 0; }
  .brand .brand-name > span { line-height: 1.7; }
  .mobile-book { padding-bottom: max(14px, env(safe-area-inset-bottom)); z-index: 15; }
  .footer { padding-bottom: calc(105px + env(safe-area-inset-bottom)); }
  #appointment-form { scroll-margin-top: 20px; }
  .form-panel .form-row { grid-template-columns: minmax(0, 1fr); }
  .form-panel input:not([type=checkbox]), .form-panel select { font-size: 16px; }
  .topic-chips a { font-size: .75rem; min-height: 40px; }
  .not-found { padding: 48px 0 60px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .card, .button, .button > span, .card .arrow > span, .text-link > span, .approach-photo img { transform: none !important; }
}
html[data-input=keyboard] *, html[data-input=keyboard] *::before, html[data-input=keyboard] *::after { transition: none !important; }
html[data-input=keyboard] .card, html[data-input=keyboard] .button, html[data-input=keyboard] .button > span, html[data-input=keyboard] .card .arrow > span { transform: none !important; }
@media (forced-colors: active) {
  .question-toggle, .menu { border: 1px solid ButtonText; }
  .question-toggle::before, .question-toggle::after, .menu-glyph::before, .menu-glyph::after { background: ButtonText; }
  .card, .button, details { border: 1px solid ButtonText; }
}
.approach-photo { height: auto; min-height: 220px; align-items: stretch; }
.approach-photo img { width: 45%; height: auto; object-fit: cover; }
.approach-photo span { min-width: 0; flex: 1; align-self: center; overflow-wrap: anywhere; }
@media (max-width: 730px) {
  .approach-photo { min-height: 200px; }
  .navlinks .button { display: inline-flex; }
}
/* Avoid a header jump if enhancement is slow; noscript restores the full nav. */
@media (max-width: 900px) {
  .navlinks:not([data-ready]) { display: none; }
}

/* --- inline icon support: phone/WhatsApp/map-pin icons for contact rows and buttons --- */
.icon { display: inline-block; vertical-align: -3px; flex-shrink: 0; }
.button .icon { vertical-align: -4px; margin-right: 2px; }
.credentials { display: flex; align-items: center; gap: 8px; }
.rows.has-icons > div { display: flex; gap: 14px; align-items: flex-start; }
.rows.has-icons .row-icon { width: 38px; height: 38px; border-radius: 50%; background: var(--surface-soft); color: var(--action); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }

/* Homepage clinic information stays visible without JavaScript. */
.hero-location-button{gap:10px;background:transparent;border-color:transparent}
.hero-location-button svg,.clinic-map-label svg{width:22px;height:22px;flex-shrink:0}
.home-location{scroll-margin-top:120px;align-items:center}
.home-location h2{font-size:clamp(2.2rem,3.8vw,3.5rem)}
.clinic-map-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface-soft);box-shadow:var(--shadow)}
.clinic-map-label{display:flex;align-items:center;gap:14px;padding:22px 24px;font-weight:600}
.clinic-map-label small{display:block;color:var(--muted);font-weight:400;margin-top:3px}
.clinic-map-card iframe{display:block;width:100%;height:360px;border:0;border-radius:0;background:#f0f3fc}
.clinic-map-footer{padding:20px 24px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.clinic-map-footer a{font-size:.9rem;font-weight:600}
@media(max-width:730px){.home-location{scroll-margin-top:24px;gap:28px}.clinic-map-card iframe{height:300px}.clinic-map-label,.clinic-map-footer{padding:20px}}

/* Persistent, labelled contact actions work without JavaScript. */
.contact-dock{position:fixed;right:24px;bottom:24px;z-index:15;display:flex;gap:8px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:40px;box-shadow:0 8px 30px #20365920}
.contact-dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:30px;text-decoration:none;font-size:.875rem;font-weight:600}
.dock-call{background:var(--surface-soft);color:var(--ink)}.dock-whatsapp{background:#203659;color:#fff}.contact-dock .dock-book{display:none}
.contact-dock a:hover{box-shadow:inset 0 0 0 2px currentColor}
.footer{padding-bottom:120px}
@media(max-width:730px){.contact-dock{left:0;right:0;bottom:0;border-radius:0;padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.contact-dock a{padding:8px 6px;font-size:.75rem;gap:5px}.contact-dock .dock-book{display:flex;background:var(--action);color:white}body:has(form:focus-within,input:focus,select:focus,textarea:focus) .contact-dock{display:none}}

.clinic-email{overflow-wrap:anywhere}

/* Editorial doctor profile and a clearer hierarchy for actions. */
.doctor-intro{grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding-top:76px;padding-bottom:76px}
.doctor-intro .personal-portrait{max-width:none;width:100%;border-radius:150px 150px 28px 28px;background:linear-gradient(145deg,#f0f3fc,#f0f3fc);box-shadow:0 22px 55px #20365912;align-self:start}
.doctor-intro .personal-portrait img{padding:28px 12px 0;max-height:490px;object-fit:contain;object-position:bottom}
.doctor-intro .photo-label{padding:26px 30px;background:#f0f3fc}
.doctor-intro .photo-label>span{font-size:12px;letter-spacing:.18em;color:var(--muted)}
.doctor-intro .photo-label strong{display:block;font:1.85rem var(--serif);margin:10px 0}
.doctor-intro .photo-label p{font-size:.85rem;margin:0;color:var(--muted)}
.doctor-intro h2{font-size:clamp(2.2rem,3.4vw,3.4rem);margin-bottom:25px}
.doctor-intro h2 em{font-weight:400;color:#465b80}
.doctor-intro .eyebrow{margin-bottom:18px}
.doctor-intro p{font-size:.96rem;line-height:1.8;color:var(--muted)}
.doctor-intro .qualification-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:8px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:28px}
.doctor-intro .qualification-list>div{padding:16px 0;border-bottom:1px solid var(--line)}
.doctor-intro .qualification-list strong{font-size:.87rem;line-height:1.55;display:block}
.doctor-intro .qualification-list span{font-size:12px}
a.button{padding:9px 10px 9px 22px;min-height:54px;gap:18px;font-weight:600;border-radius:14px;box-shadow:0 6px 16px #20365912}
a.button>span{width:34px;height:34px;border-radius:10px;background:#ffffff21;font-size:1.1rem}
a.button.secondary{box-shadow:none;background:transparent;border-color:#c7d2eb}
a.button.secondary>span{background:#f0f3fc}
a.button.hero-location-button{padding:12px 20px}
.doctor-actions{gap:10px}
@media(hover:hover){a.button:hover{background:#203659;box-shadow:0 9px 22px #20365920}a.button.secondary:hover{background:#f0f3fc;color:var(--ink)}}
@media(max-width:900px){.doctor-intro{gap:32px}.doctor-intro h2{font-size:2.3rem}}
@media(max-width:730px){.doctor-intro{grid-template-columns:1fr;padding-block:48px;gap:32px}.doctor-intro .personal-portrait{max-width:370px}.doctor-intro .personal-portrait img{max-height:350px}.doctor-intro .photo-label{padding:22px 26px}.doctor-intro h2{font-size:2.5rem}.doctor-intro .qualification-list{gap:0 16px}a.button{font-size:.8rem;gap:12px;padding-left:16px}.doctor-actions .button{flex-grow:1}.hero .actions{align-items:stretch}}

/* Keep the portrait and credentials aligned across the desktop profile. */
@media(min-width:731px){
  .doctor-intro{align-items:stretch}
  .doctor-intro .personal-portrait{align-self:stretch;display:flex;flex-direction:column}
  .doctor-intro .personal-portrait img{flex:1 1 0;min-height:0;height:0;max-height:none;object-fit:contain;object-position:center bottom}
  .doctor-intro .photo-label{flex:0 0 auto}
}

.surgical-highlights{list-style:none;padding:0;margin:24px 0 28px}
.surgical-highlights li{position:relative;padding:16px 0 16px 26px;border-bottom:1px solid var(--line)}
.surgical-highlights li::before{content:"";position:absolute;left:2px;top:25px;width:7px;height:7px;border-radius:50%;background:var(--action)}
.surgical-highlights strong{display:block;font-size:1rem;font-weight:600;margin-bottom:4px}
.surgical-highlights span{display:block;color:var(--muted);font-size:.9rem;line-height:1.6}

/* A complete light-theme footer, with clear navigation and clinic details. */
.clinic-footer{background:#f0f3fc;border-top:1px solid #e3e9f7;padding:0 0 110px;margin-top:48px}
.footer-invitation{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:58px 0 48px;border-bottom:1px solid #e3e9f7}
.footer-invitation .eyebrow{display:block;font-size:12px;margin-bottom:18px}
.footer-invitation h2{font-size:clamp(2.5rem,4vw,3.8rem);margin:0}
.footer-invitation h2 em{color:#465b80;font-weight:400}
.footer-invitation p{color:var(--muted);font-size:.95rem}
.footer-columns{display:grid;grid-template-columns:1.2fr .75fr 1.15fr 1.1fr;gap:36px;padding:48px 0}
.footer-columns>*{min-width:0}
.footer-identity .brand{display:flex;gap:12px;align-items:center}
.footer-identity .brand strong{font-size:1.2rem}
.footer-identity .brand-name>span{font-size:12px;letter-spacing:.11em}
.footer-identity>p{font:1.45rem/1.4 var(--serif);margin:24px 0 16px}
.footer-specialty{font-size:.75rem;color:var(--muted)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:.82rem}
.footer-column h3{font:600 .7rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;margin:0 0 9px}
.footer-column a{text-decoration:none;line-height:1.6}
.footer-column a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-column address{font-style:normal;color:var(--muted);line-height:1.8}
.footer-column p{font-size:.8rem;color:var(--muted);margin:0}
.footer-contact a{display:flex;align-items:center;gap:9px;max-width:100%}
.footer-contact .icon{flex-shrink:0}
.footer-contact span{overflow-wrap:anywhere;min-width:0}
.footer-column .footer-direction{font-weight:600}
.footer-bottom{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;border-top:1px solid #e3e9f7;padding-top:22px;font-size:12px;color:var(--muted)}
.footer-bottom p{margin:0}
@media(max-width:1050px){.footer-columns{grid-template-columns:1fr 1fr;gap:36px 48px}}
@media(max-width:730px){.clinic-footer{margin-top:20px;padding-bottom:110px}.footer-invitation{grid-template-columns:1fr;gap:25px;padding:40px 0}.footer-invitation h2{font-size:2.8rem}.footer-columns{grid-template-columns:1fr 1fr;gap:32px 24px;padding:36px 0}.footer-identity,.footer-contact{grid-column:1/-1}.footer-column{font-size:.8rem}.footer-bottom{flex-direction:column;gap:12px}}

.about-opening{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:center;padding-block:48px;border-bottom:1px solid var(--line)}
.about-opening h1{font-size:clamp(3rem,5.2vw,4.8rem);margin-bottom:24px}
.about-opening h1 em{font-weight:400;color:#465b80}
.about-opening>div>p{font-size:1.05rem;color:var(--muted);line-height:1.8}
.about-opening .text-link{display:inline-flex;gap:14px;margin-top:8px;font-size:.85rem}
.about-at-glance{background:#f0f3fc;border:1px solid #e3e9f7;border-radius:26px;padding:30px 34px;box-shadow:0 12px 32px #20365908}
.about-at-glance>.eyebrow{font-size:12px;display:block;margin-bottom:20px}
.about-experience{display:flex;align-items:center;gap:22px;padding-bottom:20px}
.about-experience>strong{font:4.8rem/.95 var(--serif);letter-spacing:-.06em}
.about-experience>strong>span{font-size:2.8rem;vertical-align:top}
.about-experience p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.5}
.about-training{border-top:1px solid #e3e9f7;padding:15px 0}
.about-training>span{display:block;font-size:12px;letter-spacing:.13em;color:var(--muted);margin-bottom:6px}
.about-training strong{font-size:.9rem;font-weight:600}
.about-training p{font-size:.78rem;color:var(--muted);margin:4px 0 0}
.about-at-glance .button{margin-top:10px;width:100%;justify-content:space-between}
#doctor-profile{scroll-margin-top:120px}
@media(max-width:900px){.about-opening{gap:30px;grid-template-columns:1.2fr 1fr}.about-at-glance{padding:24px}.about-opening h1{font-size:3rem}}
@media(max-width:730px){.about-opening{grid-template-columns:1fr;gap:28px;padding-block:30px}.about-opening h1{font-size:clamp(2.8rem,10vw,3.8rem)}.about-at-glance{padding:26px}.about-experience>strong{font-size:4rem}#doctor-profile{scroll-margin-top:24px}}

/* First-visit guidance pairs practical preparation with patient questions. */
.first-visit-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:32px}
.first-visit-heading h2{margin-bottom:0}.first-visit-heading h2 em{font-weight:400;color:#465b80}
.first-visit-heading>p{max-width:390px;color:var(--muted);margin-bottom:4px}
.first-visit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}
.visit-preparation{background:#f0f3fc;border:1px solid #e3e9f7;border-radius:26px;padding:30px 34px}
.visit-preparation-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e3e9f7;border-radius:14px;background:#fcfcff;margin-bottom:22px}
.visit-preparation h3{font-size:2rem;line-height:1.15;margin-bottom:14px}
.visit-preparation>p{font-size:.9rem;color:var(--muted)}
.visit-preparation ul{list-style:none;padding:0;margin:24px 0}
.visit-preparation li{display:flex;gap:16px;padding:16px 0;border-top:1px solid #e3e9f7}
.visit-preparation li>span{font:1.15rem var(--serif);color:#465b80;padding-top:1px}
.visit-preparation li strong{font-size:.9rem;font-weight:600}
.visit-preparation li p{font-size:.82rem;line-height:1.6;color:var(--muted);margin:5px 0 0}
.visit-preparation .button{width:100%;justify-content:space-between}
.visit-question-label{font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--muted);padding:4px 0 20px}
.first-visit-questions details{background:#fcfcff}
.visit-all-questions{display:flex;align-items:center;justify-content:space-between;padding:20px 6px;font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line)}
.visit-all-questions:hover{text-decoration:underline}
@media(max-width:730px){.first-visit-heading{display:block;margin-bottom:26px}.first-visit-heading h2{font-size:2.6rem;margin-bottom:20px}.first-visit-heading>p{max-width:none}.first-visit-grid{grid-template-columns:1fr;gap:28px}.visit-preparation{padding:26px}.visit-preparation h3{font-size:1.85rem}}

/* Align the first-visit title and introduction on the same top edge. */
.first-visit-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}
.first-visit-heading>p{margin:48px 0 0;max-width:440px}
@media(max-width:730px){.first-visit-heading{display:block}.first-visit-heading>p{margin:0;max-width:none}}

/* Shared homepage grid: consistent column edges and paired panel heights. */
.home-page{--section-gap:48px}
.home-page .section{padding-block:72px}
.home-page .section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section-gap);align-items:start}
.home-page .section-head>p{max-width:none;margin-top:42px}
.home-page .section-head h2{margin-bottom:0}
.home-page .care-principles article{display:flex;flex-direction:column}
.home-page .care-principles article p{margin-bottom:0}
@media(min-width:731px){
 .home-page .hero,.home-page .doctor-intro,.home-page .surgical-section,.home-page .home-location,.home-page .first-visit-grid,.home-page .first-visit-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--section-gap)}
 .home-page .doctor-intro,.home-page .surgical-section,.home-page .home-location,.home-page .first-visit-grid{align-items:stretch}
 .home-page .surgical-portrait{display:flex;flex-direction:column;min-height:0}
 .home-page .surgical-portrait img{flex:1;min-height:0;height:0;object-fit:cover;object-position:center;border-radius:26px}
 .home-page .surgical-portrait figcaption{flex-shrink:0;margin-bottom:0}
 .home-page .surgical-section>div>.button{margin-top:0}
 .home-page .surgical-section>div{display:flex;flex-direction:column;align-items:flex-start}
 .home-page .first-visit-questions{display:flex;flex-direction:column}
 .home-page .visit-all-questions{margin-top:auto}
 .home-page .clinic-map-card{display:flex;flex-direction:column}
 .home-page .clinic-map-card iframe{flex:1;min-height:300px;height:0}
 .home-page .clinic-map-label,.home-page .clinic-map-footer{flex-shrink:0}
 .home-page .home-location .actions{margin-bottom:0}
 .home-page .first-visit-heading>p{max-width:none;margin-top:42px}
}
@media(min-width:731px) and (max-width:1050px){.home-page{--section-gap:32px}}
@media(max-width:730px){
 .home-page .section{padding-block:48px}
 .home-page .section-head{grid-template-columns:1fr;gap:16px}
 .home-page .section-head>p{margin:0}
 .home-page .first-visit-heading>p{margin-top:0}
}

.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem;background:var(--surface-soft);padding:20px;border-radius:16px}.booking-message{margin-top:24px}

.brand .brand-mark{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}.footer-identity .brand .brand-mark{width:54px;height:54px}@media(max-width:730px){.brand .brand-mark{width:44px;height:44px}}

/* Visible hierarchy matches BreadcrumbList data. */
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding-top:1.2rem;font-size:.8rem}.breadcrumbs a{padding:.4rem 0;text-underline-offset:4px}.breadcrumbs [aria-current]{opacity:.75}

/* ASHA identity — supplied designer logo, October 2026.
   Cobalt anchors information; magenta highlights actions and personal care. */
:root{--brand-blue:#21489b;--brand-pink:#d90089;--pink-ink:#ad006d;--pink-soft:#fff0f8;--blue-soft:#eef3ff;--paper:#fcfcff;--ink:#203659;--muted:#52617c;--surface-soft:#eef3ff;--line:#dce3f0;--action:#ad006d;--shadow:0 18px 48px #21489b0a}
::selection{background:#f8cce7;color:#203659}
:focus-visible{outline-color:var(--brand-blue)}
.preview{background:var(--brand-blue);color:#fff;letter-spacing:.04em}
.header{background:#fcfcfff5;border-bottom:1px solid var(--line)}
.brand .brand-mark{width:62px;height:64px;object-fit:contain;border-radius:14px;background:#fcfefe;padding:3px}
.brand strong{color:var(--brand-blue)}
.brand .brand-name>span{color:var(--pink-ink);letter-spacing:.12em}
.navlinks a[aria-current]:not(.button)::after,.navlinks a:not(.button)::after{background:var(--brand-pink)}
.hero{position:relative}.hero h1 em,.page-head em,.about-opening h1 em,.first-visit-heading h2 em,.footer-invitation h2 em{color:var(--pink-ink)}
.eyebrow{color:var(--brand-blue)}.eyebrow::before{background:var(--brand-pink);height:2px}
.button{background:var(--pink-ink);border-color:var(--pink-ink);color:#fff;box-shadow:0 6px 18px #ad006d18}
.button.secondary{background:#fff;border-color:#bccbea;color:var(--brand-blue);box-shadow:none}
.button.secondary>span{background:var(--blue-soft)}
.button:disabled{box-shadow:none}
.doctor-hero{border:1px solid #e9c8df;box-shadow:16px 16px 0 var(--pink-soft),0 20px 60px #21489b0d}
.portrait-badge{background:var(--brand-blue);color:white;border-color:var(--brand-blue)}
.caption{background:#fcfcff;border-color:var(--line)}
.trust{background:var(--blue-soft);border:1px solid var(--line);border-radius:20px;padding:28px}.trust strong{color:var(--brand-blue)}
.card{background:#fff;border-radius:22px;border-color:var(--line);box-shadow:0 4px 20px #21489b05}
.card:nth-child(3n+2){background:var(--pink-soft);border-color:#f0d5e5}
.card:nth-child(3n+3){background:var(--blue-soft)}
.care-icon{background:var(--blue-soft);color:var(--brand-blue)}
.card:nth-child(3n+2) .care-icon{background:#f9dfee;color:var(--pink-ink)}
.card .arrow,.text-link,.service-back{color:var(--brand-blue)}
.tint{background:linear-gradient(120deg,#eef3ff,#faf3fb)}
.banner{background:linear-gradient(120deg,#eef3ff,#fff0f8);border:1px solid var(--line);border-radius:26px}
.personal-portrait,.photo-label,.about-at-glance{background:var(--blue-soft)}
.visit-preparation{background:var(--pink-soft);border-color:#f0d5e5}
.visit-preparation-icon{background:#fff;color:var(--pink-ink);border-color:#efc6de}
.visit-preparation li>span{color:var(--pink-ink)}
.first-visit-questions details,details{background:#fff;border-color:var(--line)}
.question-toggle,details[open] .question-toggle{background:var(--pink-soft)}
.question-toggle::before,.question-toggle::after{background:var(--pink-ink)}
.form-panel{background:#fff;border-radius:24px;box-shadow:0 12px 40px #21489b08}
input:not([type=checkbox]),select{background:#fcfcff;border-color:#9caecc}
.clinic-footer{background:linear-gradient(135deg,#eaf0fc 0%,#f5f3fc 60%,#fff0f8 100%);border-top:3px solid var(--brand-blue)}
.footer-column h3,.footer-direction{color:var(--brand-blue)}
.footer-invitation,.footer-bottom{border-color:#cdd8ed}
.contact-dock{background:#fcfcfff5;border-color:#dce3f0;box-shadow:0 8px 40px #21489b20}
.contact-dock .dock-book{background:var(--pink-ink);color:#fff}
.contact-dock .dock-call{color:var(--brand-blue)}.contact-dock .dock-whatsapp{background:var(--brand-blue);color:#fff}
.surgical-highlights li::before,.service-list li::marker{color:var(--pink-ink)}
@media(hover:hover) and (pointer:fine){.button:not(.secondary):not(:disabled):hover{background:#93005d;border-color:#93005d}.button.secondary:hover{background:var(--blue-soft)}.card:hover{border-color:#b6c6e9;box-shadow:0 14px 36px #21489b10}}
@media(max-width:730px){.brand .brand-mark{width:46px;height:48px;border-radius:10px}.brand strong{font-size:1.2rem}.trust{padding:22px;gap:22px}.doctor-hero{box-shadow:8px 8px 0 var(--pink-soft)}.footer-identity .brand .brand-mark{width:52px;height:54px}}

/* Motion refinement: shared tokens, native state, no content hidden for reveals. */
:root{--reveal:450ms;--motion-fast:160ms;--motion-ui:200ms}
.button,.contact-dock a{transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}
.card{transition:transform var(--motion-ui) var(--ease-out),border-color var(--motion-ui) ease,box-shadow var(--motion-ui) ease}
.button:active,.contact-dock a:active{transform:scale(.97)}
input:not([type=checkbox]):user-invalid{border-color:var(--pink-ink);box-shadow:0 0 0 2px #ad006d12}
details[data-expanding=false] .question-toggle::after{transform:rotate(90deg)}
details[data-expanding=true] .question-toggle::after{transform:rotate(0)}
.booking-message{transition:opacity var(--motion-ui) var(--ease-out),transform var(--motion-ui) var(--ease-out);}
@starting-style{.booking-message:not([hidden]){opacity:0;transform:translateY(8px)}}
@media(max-width:900px){
 .navlinks[data-ready=true]{transform-origin:top right;transition:opacity var(--motion-ui) var(--ease-out),transform var(--motion-ui) var(--ease-out),display var(--motion-ui) allow-discrete}
 .navlinks[data-ready=true][hidden]{opacity:0;transform:translateY(-6px)}
 @starting-style{.navlinks[data-ready=true]:not([hidden]){opacity:0;transform:translateY(-6px)}}
}
@media(hover:hover) and (pointer:fine){
 .card:hover{transform:translateY(-4px)}
 .button:hover>span{transform:translate(2px,-2px)}
 .contact-dock a:hover{transform:translateY(-2px)}
 .card:active{transform:translateY(-1px) scale(.995)}
}
html[data-input=keyboard] .navlinks,html[data-input=keyboard] .booking-message{transition:none}
@media(prefers-reduced-motion:reduce){
 .navlinks[data-ready=true],.booking-message,.contact-dock a{transition:none!important;transform:none!important}
}

/* Editorial refinement — presentation only, approved copy remains intact. */
:root{--section-gap:56px}
body{background:#fdfcff;-webkit-font-smoothing:antialiased}
.wrap{width:min(1200px,calc(100% - 64px))}
.preview{font-size:12px;padding-block:6px}
.nav{min-height:94px}.brand .brand-mark{width:58px;height:60px}
.navlinks{gap:22px}.navlinks .button{padding:12px 20px;min-height:46px}
.button{font-weight:600;border-radius:14px;gap:16px}.button>span{border-radius:9px}
.button.secondary{background:transparent;box-shadow:none}
.hero{padding-block:54px 58px!important}
.hero h1{font-size:clamp(3.3rem,6vw,5.65rem);line-height:1.05;letter-spacing:-.055em}
.hero h1 em{color:#ad006d}.hero p{max-width:45ch}
.hero .actions{gap:12px;align-items:center}
.hero .actions>.button:nth-child(2){border-color:transparent;padding-inline:12px;background:transparent;box-shadow:none}
.hero .hero-location-button{flex-basis:100%;justify-content:flex-start;border:0;padding:4px 0;min-height:36px;font-size:.8rem;background:transparent;color:var(--muted)}
.hero-credentials{border-left:2px solid #e9bfd9;padding-left:18px;margin-top:22px}
.doctor-hero{height:560px;border-radius:190px 190px 24px 24px;box-shadow:12px 12px 0 #fff0f8;margin-right:12px}
.portrait-badge{width:100px;height:100px;right:-12px;top:36px;font-size:12px;box-shadow:0 0 0 8px #fdfcff}
.portrait-badge span{font-size:32px}
.doctor-hero .caption{left:20px;right:20px;bottom:20px;padding:16px 20px;border-radius:14px;background:#fcfcfff2;box-shadow:none}
.caption strong{font-size:1.15rem}.caption .small{font-size:.75rem}
.trust{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:26px 0}
.trust strong{font-size:1.3rem}.trust span{font-size:.78rem}
.home-page .section{padding-block:84px}
.section-head h2,.first-visit-heading h2,.doctor-intro h2,.surgical-section h2,.home-location h2{font-size:clamp(2.25rem,3.5vw,3.25rem);line-height:1.14;letter-spacing:-.04em}
.eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:20px}
.doctor-intro{border-bottom:1px solid var(--line)}
.doctor-intro>div:nth-child(2)>p{font-size:.95rem;line-height:1.85;color:var(--muted)}
.doctor-intro .personal-portrait{border-radius:120px 120px 20px 20px;box-shadow:none;border:1px solid var(--line)}
.photo-label{padding:24px 28px;background:#eef3ff}
.qualification-list{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:0;gap:0}
.qualification-list>div{padding:20px 16px 20px 0;background:transparent;border-radius:0}
.qualification-list span{font-size:12px;letter-spacing:.03em}.qualification-list strong{font-size:.88rem;line-height:1.6}
.surgical-highlights li{padding-block:14px}.surgical-highlights strong{font-size:.94rem}
.surgical-portrait img{box-shadow:none}
.care-principles article{background:transparent;border:0;border-top:1px solid #c5d1e8;border-radius:0;padding:28px 24px 0 0}
.care-principles h3{font-size:1.65rem}.care-principles p{font-size:.94rem;line-height:1.8}
.tint{background:#eef3ff}
.grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:22px;overflow:hidden}
.grid>.card,.grid>.card:nth-child(n){border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none;padding:30px;min-height:280px}
.grid>.card:nth-child(2n){background:#fafbff}
.card-top{margin-bottom:18px}.care-icon{border-radius:12px}.card .number{font-size:12px}
.card h3{font-size:1.55rem;line-height:1.2}.card .arrow{font-size:.8rem;font-weight:600}
.visit-preparation{border-radius:22px;padding:32px;background:#fff3f9;border-color:#f1dce8}
.first-visit-questions details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:23px 0}
.first-visit-questions summary{font-size:1rem;line-height:1.5}
.banner{background:#f2f5fc;border-radius:22px;padding:44px 48px;box-shadow:none}
.banner h2{font-size:2.5rem}.banner::after{border-color:#dce3f0}
.clinic-footer{background:linear-gradient(110deg,#edf2fc,#fbf2f8);border-top:1px solid #cdd8ed}
.footer-invitation h2{font-size:clamp(2.5rem,4vw,3.5rem)}
.footer-column a{padding-block:3px}.footer-bottom a{padding-block:6px}
@media(hover:hover) and (pointer:fine){.grid>.card:hover{background:#fff4fa;transform:translateY(-2px);box-shadow:inset 0 3px 0 var(--pink-ink)}.hero .actions>.button:nth-child(2):hover{background:var(--blue-soft)}}
@media(min-width:731px){.doctor-intro .personal-portrait{align-self:start;position:sticky;top:120px}.home-page .surgical-section{grid-template-columns:1fr 1fr}.surgical-portrait{padding-left:12px}}
@media(max-width:1050px){.navlinks{gap:14px}.hero h1{font-size:4.5rem}.doctor-hero{height:510px}.grid>.card{padding:24px}}
@media(max-width:730px){
 .wrap{width:calc(100% - 36px)}.nav{min-height:80px;padding-block:12px}.brand .brand-mark{width:42px;height:44px}.brand strong{font-size:1.16rem}.brand .brand-name>span{font-size:12px}.menu{padding:8px 12px}
 .hero{padding-block:30px 30px!important;row-gap:20px}.hero h1{font-size:clamp(2.9rem,12vw,3.65rem);line-height:1.02}.hero .eyebrow{font-size:12px;letter-spacing:.12em;gap:8px}.hero .eyebrow::before{width:16px}
 .hero>div>p:not(.hero-credentials){font-size:.94rem;line-height:1.65}
 .hero .actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-bottom:0;width:100%}.hero .actions .button{font-size:.76rem;gap:8px;padding:12px;white-space:nowrap;min-height:46px}.hero .actions>.button:nth-child(2){padding:8px 4px}.hero .actions .hero-location-button{grid-column:1/-1;min-height:30px;padding:0;background:transparent;justify-content:flex-start;font-size:.75rem}
 .hero .doctor-hero{height:390px;max-width:440px;width:calc(100% - 8px);margin:8px 8px 0 0;border-radius:140px 140px 20px 20px;box-shadow:8px 8px 0 #fff0f8}.portrait-badge{width:82px;height:82px;right:-6px;top:20px;font-size:12px}.portrait-badge span{font-size:27px}.doctor-hero .caption{left:12px;right:12px;bottom:12px;padding:12px 16px}.caption strong{font-size:1rem}
 .hero .hero-credentials{margin-top:6px;padding-left:14px}.trust{gap:20px;padding:22px 0}.trust>div+div{padding-left:0;border-left:0}.trust strong{font-size:1.18rem}
 .home-page .section{padding-block:52px}.section-head h2,.first-visit-heading h2,.doctor-intro h2,.surgical-section h2,.home-location h2{font-size:2.3rem}.eyebrow{font-size:12px}
 .grid{grid-template-columns:1fr}.grid>.card,.grid>.card:nth-child(n){min-height:230px;padding:26px}.card-top{margin-bottom:12px}
 .doctor-intro .personal-portrait{position:static}.care-principles article{padding:24px 0 0}.surgical-portrait{padding:0}.banner{padding:28px}.banner h2{font-size:2.15rem}.visit-preparation{padding:26px}.footer-invitation{padding-block:36px}.contact-dock a{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.grid>.card:hover{transform:none}}
.hero .actions .button.hero-location-button{background:transparent;border:0;box-shadow:none;padding-inline:0;border-radius:0}
@media(min-width:731px){.doctor-intro .personal-portrait img{flex:none;height:auto;aspect-ratio:1.12;max-height:490px;object-fit:contain}}
/* Preparation is a compact checklist, not a panel stretched to FAQ height. */
.home-page .first-visit-grid{align-items:start}
.home-page .visit-preparation{align-self:start}
.home-page .first-visit-questions details{padding:0}
.home-page .first-visit-questions summary{padding:20px 0;min-height:74px}
.home-page .first-visit-questions details p{padding:0 0 22px 42px}
/* Equal paired columns; distribute checklist space rather than leaving a void. */
@media(min-width:731px){
 .home-page .first-visit-grid{align-items:stretch}
 .home-page .visit-preparation{align-self:stretch;display:flex;flex-direction:column}
 .home-page .visit-preparation ul{flex:1;display:flex;flex-direction:column}
 .home-page .visit-preparation li{flex:1;align-items:center}
 .home-page .visit-preparation>.button{margin-top:auto;flex-shrink:0}
}

/* Readability and whitespace audit: labels >=12px, supporting text >=14px. */
.eyebrow,.hero .eyebrow,.faq-hero .eyebrow,.about-at-glance>.eyebrow,.footer-invitation .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.08em}
.brand .brand-name>span,.footer-identity .brand-name>span,.nav .brand .brand-name>span{font-size:12px;letter-spacing:.04em;line-height:1.5}
.preview{font-size:12px;line-height:1.6}
.footer-column h3{font-size:13px;letter-spacing:.08em}
.footer-column,.footer-column p,.footer-specialty,.footer-bottom,.footer .small{font-size:14px;line-height:1.7}
.trust span,.caption .small,.doctor-hero .caption .small,.hero-credentials span,.qualification-list span,.doctor-intro .qualification-list span,.photo-label>span,.about-training>span,.about-training p,.visit-preparation li p,.clinic-map-label small,.clinic-map-footer .small,.faq-portrait>div>span,.breadcrumbs,.card .arrow,.message-preview{font-size:14px;line-height:1.65}
.visit-question-label,.faq-list-label,.faq-list-label>span{font-size:12px;line-height:1.6;letter-spacing:.07em}
.button,.hero .actions .button,.hero .actions .hero-location-button,.contact-dock a{font-size:14px}
.portrait-badge{font-size:12px;letter-spacing:.03em;width:118px;height:118px;line-height:1.35}
.section,.home-page .section{padding-block:60px}
.section+.section,.home-page .section+.section{padding-top:40px}
.section-head,.first-visit-heading{margin-bottom:28px}
.page-head{padding-block:38px 20px}.page-head+section{padding-top:32px}
.footer{margin-top:24px}.footer-columns{padding-block:36px;gap:28px}
.footer-invitation{padding-block:40px}.footer-bottom{gap:12px 24px}
.home-page .first-visit-questions summary{padding-block:16px}
@media(max-width:900px){.brand{gap:8px}.brand .brand-name{max-width:230px}}
@media(max-width:730px){
 .section,.home-page .section{padding-block:40px}.section+.section,.home-page .section+.section{padding-top:28px}
 .hero .eyebrow{flex-wrap:wrap;letter-spacing:.03em}.hero .actions{grid-template-columns:1fr 1fr}.hero .actions .button{white-space:normal;padding:12px 8px;gap:7px;line-height:1.45}
 .brand .brand-name{max-width:210px}.brand strong{font-size:1.12rem}.brand .brand-name>span{font-size:12px}
 .portrait-badge{width:104px;height:104px;right:-4px;font-size:12px}.portrait-badge span{font-size:28px}
 .contact-dock a{font-size:13px}.footer-columns{gap:26px 18px}.footer-bottom{font-size:14px}
 .visit-preparation{padding:24px}.page-head{padding-top:28px}
}

.header-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}

.card h2{font-size:1.55rem;line-height:1.2;letter-spacing:normal}

/* Launch-pass accessibility and touch-target refinements */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.footer-column a,.footer-direction,.footer-bottom a,.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.footer-column address+p{margin-block:12px}
.footer-visit a[href^="tel:"],.footer-visit a[href^="mailto:"]{min-height:44px}
input:not([type=checkbox]),select{border-color:#8593b0}
.check{min-height:44px;align-items:center}
.field-error{display:block;margin-top:6px;color:#8a0053;font-size:.875rem;line-height:1.4}
input[aria-invalid=true],select[aria-invalid=true]{border-color:#8a0053;box-shadow:0 0 0 1px #8a0053}
.note-gap{margin-top:20px}