/* Korean typography and section rhythm */
#ear-main, #ear-footer, #ear-utility {font-weight:400}
:where(#ear-main, #ear-footer) p {letter-spacing:-.015em}
#ear-main h1, #ear-main h2, #ear-main h3 {text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
#ear-main :is(p,li,summary,figcaption),#ear-footer :is(p,a) {word-break:keep-all;overflow-wrap:break-word;line-break:strict}
#ear-main p {text-wrap:pretty}
#ear-main .wp-block-heading {letter-spacing:-.035em}
#ear-main .ear-clinic-note {max-width:43em;line-height:1.82;color:#38434a}
#ear-main .ear-reader-link {font-size:1rem;line-height:1.7;margin-top:1.15rem}
#ear-main .ear-reader-link a {display:inline-flex;align-items:center;min-height:44px;text-decoration-thickness:1px;text-underline-offset:.25em}
#ear-first-inner > p.has-small-font-size:last-child {--wp--preset--font-size--small:1rem;line-height:1.75}
#ear-service-faq summary {padding-block:16px;line-height:1.55}
#ear-main .ear-map-panel {display:block;margin:0;background:#fff;color:#243239;border:1px solid #cdd9d9;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #1635410c}
#ear-location .ear-map-panel {margin-top:clamp(28px,4vw,56px)}
.ear-map-panel iframe {display:block;width:100%;height:clamp(295px,31vw,410px);border:0;background:#edf3f1}
.ear-map-panel figcaption {padding:17px clamp(16px,2.6vw,32px);margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;text-align:left;color:#34434b;font-size:16px;line-height:1.65}
.ear-map-panel figcaption strong,.ear-map-panel figcaption small {display:block}
.ear-map-panel figcaption small {font-size:.9375rem;line-height:1.6;color:#48575c}
.ear-map-panel figcaption a {display:inline-flex;align-items:center;min-height:44px;font-weight:680;color:#23545e;text-decoration:underline;text-underline-offset:4px}
#ear-map .wp-block-column {min-width:0}
#ear-footer .wp-block-image {background:transparent;padding:0;margin-bottom:16px}
#ear-footer .wp-block-image a {display:block;position:relative}
#ear-footer .wp-block-image img {width:220px;filter:brightness(0) invert(1)}
#ear-footer .wp-block-image a::after {content:"";position:absolute;inset:0;background:url("../logo.png") center/contain no-repeat;clip-path:inset(0 67% 0 0);pointer-events:none}
#ear-footer-inner>p {font-size:14px;line-height:1.8}
#ear-footer .wp-block-column p, #ear-footer .wp-block-column p a {font-size:.9375rem;line-height:1.65}
#ear-footer .wp-block-column:not(:first-child) p {margin:0}
#ear-footer .wp-block-column p a, #ear-utility a, #ear-header-inner nav a,
#ear-header-inner > figure a, #ear-location a[href^="tel:"] {
  display:inline-flex;align-items:center;min-height:44px;min-width:44px
}
#ear-header-inner nav a {justify-content:center}
@media(min-width:961px){
  #ear-header-inner .wp-block-navigation__submenu-icon {width:44px;height:44px;margin:0;display:grid;place-items:center}
  #ear-header-inner .wp-block-navigation__submenu-icon svg {width:.75rem;height:.75rem}
}
#ear-utility, #ear-utility p {font-size:.875rem}
#ear-footer h3 {margin-bottom:8px}
#ear-privacy #ear-privacy-inner {max-width:42.5rem;padding-block:clamp(2.25rem,5vw,4.5rem)}
#ear-privacy-inner > h2 {margin:2rem 0 .625rem;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.45}
#ear-privacy-inner > h2:first-child {margin-top:0}
#ear-privacy-inner > p {margin:0;font-size:1.125rem;line-height:1.85}
#ear-page-intro > #ear-page-intro-inner {padding-block:clamp(2rem,4.5vw,4.25rem)}
#ear-page-intro-inner > p:first-child {margin:0 0 .625rem}
#ear-page-intro-inner h1 {margin:0 0 .75rem;font-size:clamp(2rem,3.6vw,3.25rem)!important}
#ear-map-inner .wp-block-column p {font-size:1.0625rem;line-height:1.8;margin:0 0 1.125rem}
#ear-location .wp-block-column:last-child p {font-variant-numeric:tabular-nums}
#ear-location .wp-block-column:last-child p:last-child {--wp--preset--font-size--small:.9375rem;font-size:.9375rem;line-height:1.7}
#ear-main .wp-block-post-content p {line-height:1.85}
#ear-article-body .wp-block-post-content p {max-width:42em;letter-spacing:-.008em}
#ear-article-body .wp-block-post-content h2 {scroll-margin-top:1rem}
@media(max-width:781px){
  :root {--ear-gutter:clamp(16px,5.2vw,24px)}
  html {scroll-padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  #ear-privacy-inner > p {font-size:1.0625rem}
  #ear-page-intro > #ear-page-intro-inner {padding-block:1.75rem}
  #ear-map #ear-map-inner {padding-block:1.5rem 2.5rem}
  #ear-location .wp-block-column:first-child p:nth-of-type(2) {white-space:normal;font-variant-numeric:tabular-nums}
  #ear-main .wp-block-heading {line-height:1.42}
  #ear-page-intro h1,#ear-article-heading h1 {letter-spacing:-.035em;line-height:1.36!important}
  #ear-service-faq summary,#ear-service-faq details p {font-size:17px}
  #ear-first-inner>p:last-child,#ear-doctors .wp-block-column p,#ear-footer-inner>p {font-size:14px}
  #ear-main .wp-block-button__link {font-size:15px;min-height:46px}
  #ear-hero-copy h1 {line-height:1.3!important}
  #ear-structure p,#ear-craniosacral p,#ear-first .wp-block-column p:last-child,#ear-location .wp-block-column:first-child p:nth-of-type(3) {font-size:17px;line-height:1.78}
  #ear-first-inner,#ear-articles-inner,#ear-space-inner,#ear-location-inner,#ear-map-inner {padding-block:clamp(42px,8vw,68px)}
  #ear-footer-inner {padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .ear-map-panel figcaption {gap:4px 16px;padding:13px 16px}
  #ear-header-inner .wp-block-navigation__responsive-container-open,#ear-header-inner .wp-block-navigation__responsive-container-close {min-width:44px;min-height:44px;align-items:center;justify-content:center}
}
@media(max-width:960px){
  #ear-header-inner .is-menu-open .wp-block-navigation__container {gap:.25rem;align-items:stretch}
  #ear-header-inner .is-menu-open a {justify-content:flex-start;white-space:normal;font-size:1.1875rem}
  body:has(#ear-header-inner .is-menu-open) #ear-mobile-cta {display:none}
}
@media(min-width:782px) and (prefers-reduced-motion:no-preference){
  #ear-hero figure img,#ear-craniosacral figure img {transform:translateY(var(--ear-shift,0px))}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .wp-block-button__link {transition:background-color .2s,color .2s,transform .2s}
  .wp-block-button__link:hover {transform:translateY(-2px)}
  #ear-articles .wp-block-image {overflow:hidden}
  #ear-articles .wp-block-image img {transition:transform .4s ease-out}
  #ear-articles .wp-block-column:hover .wp-block-image img {transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){html:focus-within,html {scroll-behavior:auto!important}}

/* Use the same controls in the page, masthead and mobile booking bar. */
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a:is([href^="tel:"],[href^="https://booking.naver.com/"]) {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  max-width:100%; min-height:max(48px,3rem); padding:8px clamp(10px,1.3vw,20px);
  border:1px solid #a89c91; border-radius:var(--ear-control-radius);
  background:#fff; color:#38302a; font:700 1rem/1.4 var(--wp--preset--font-family--body,sans-serif);
  text-align:center; letter-spacing:-.015em; text-decoration:none; transform:none;
}
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a[href^="https://booking.naver.com/"] {
  background:var(--ear-booking); border-color:var(--ear-booking); color:#fff;
}
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a:is([href^="tel:"],[href^="https://booking.naver.com/"])::before {
  content:""; flex:none; width:18px; height:18px; background:currentColor;
  mask:var(--ear-handset) center / contain no-repeat;
}
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a[href^="https://booking.naver.com/"]::before {mask-image:var(--ear-calendar)}
#ear-main #ear-location .wp-block-column:first-child p:has(> a[href^="tel:"]) {
  font-size:1rem; line-height:1.4; margin-bottom:1rem;
}
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a[href^="tel:"]:is(:hover,:active) {background:#faf6f0}
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a[href^="https://booking.naver.com/"]:is(:hover,:active) {background:var(--ear-booking-hover)}
:is(main,#ear-main) :is(.wp-block-button,#ear-location p,#ear-article-cta p) > a:is([href^="tel:"],[href^="https://booking.naver.com/"]):focus-visible {
  outline:2px solid #88401c; outline-offset:3px;
}
#ear-article-body .wp-block-post-content p a:is([href^="tel:"],[href^="https://booking.naver.com/"]) {color:var(--ear-booking); text-underline-offset:.2em}