/* The original A layout is in style.css. Restore its reading and colour tokens
   inside the homepage only. The global navigation and contact dock keep theirs. */
body.va .er-main {
  --sans:"Noto Sans KR","Malgun Gothic",sans-serif;
  --serif:"Noto Serif KR","Batang",serif;
  --head:var(--serif);--ink:#1e332b;--sub:#4b5952;--accent:#28634f;
  --tint:#eff2ea;--paper:#fcfbf6;--line:#c8d1c7;--dark:#1c3d32;
  font:17px/1.72 var(--sans);letter-spacing:-.1px;line-break:auto;
  color:var(--ink);background:var(--paper);
}
body.va .er-main :is(h1,h2,h3){letter-spacing:-.052em;text-wrap:wrap}
body.va .er-main :is(p,dd){text-wrap:wrap}
body.va .er-main .section{padding-block:76px}
body.va .er-main .shead{margin-bottom:36px}
body.va .er-main :is(.split,.team) .shead{margin-bottom:19px}
body.va .er-main .shead p{max-width:66ch}
body.va .er-main .shead h2{font-size:44px;line-height:1.38}
body.va .er-main .kicker{font-size:12px;letter-spacing:.15em}
body.va .er-main figcaption{font-size:13px;line-height:inherit}
body.va .er-main :is(.note,.svc p,.spec dd,.foodnote p){font-size:15px}
body.va .er-main .hours dd{font-size:16px;line-height:inherit}
body.va .er-main .er-body-actions{--sans:"Earlyrain Sans","Malgun Gothic",sans-serif}
.er-a-bookmark{position:absolute;width:1px;height:1px}
.er-a-map{margin-top:clamp(24px,3.5vw,48px)}
.er-a-map .er-map-title{color:#244137}
.er-a-map .er-map-caption{color:#47594e}
.er-a-directions{display:flex;align-items:baseline;gap:12px 24px;flex-wrap:wrap}
.er-main .visit .er-copy,.er-main .visit .er-copy-result{color:#e0ebe2}
.er-main .visit .er-copy[hidden]{display:none}
@media(max-width:900px){
  body.va .er-main .section{padding-block:45px}
  body.va .er-main .shead h2{font-size:32px}
}
@media(min-width:701px) and (max-width:900px){
  body.va .er-main .ha h1{font-size:69px}
  body.va .er-main .split{gap:25px}
}
@media(max-width:700px){
  body.va .er-main{font-size:16px}
  body.va .er-main .wrap{width:90%}
  body.va .er-main .shead h2{font-size:29px}
}

/* Home visit guide: the schedule, directions and first-visit landmarks. */
body.va .er-main #visit {
  --v-milk:#fbfaf3;--v-pine:#183e34;--v-mint:#cddccf;--v-brass:#d3be91;
  position:relative;background:#1c3d32;color:var(--v-milk);
  padding-block:clamp(48px,6.2vw,90px);
}
#visit .v-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,6vw,96px)}
#visit .v-layout>*{min-width:0;margin-block:0}
#visit .v-icon{flex:none;display:block;width:20px;height:20px}
#visit .v-eyebrow{display:flex;align-items:center;gap:10px;font:650 14px/1.5 var(--sans);color:#efebd9}
#visit .v-eyebrow i{width:26px;height:2px;background:var(--v-brass)}
#visit .v-eyebrow span{padding-left:2px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--v-brass)}
#visit .v-time h2{font:600 clamp(32px,3.15vw,47px)/1.35 var(--serif);letter-spacing:-.055em;margin:12px 0 32px;color:var(--v-milk)}
#visit .v-subhead,#visit .v-place-name{display:flex;align-items:center;gap:9px}
#visit .v-subhead .v-icon{color:var(--v-brass)}
#visit .v-subhead h3{margin:0;font:650 19px/1.5 var(--sans);letter-spacing:-.03em}
#visit .v-schedule{margin:12px 0 0;padding:0;border-top:1px solid #92a99b}
#visit .v-schedule>div{display:grid;grid-template-columns:minmax(100px,.72fr) minmax(0,1fr);gap:10px;align-items:baseline;padding:15px 0;border-bottom:1px solid #ffffff33}
#visit .v-schedule dt{font-size:16px;font-weight:600;color:#e8eee5}
#visit .v-schedule dd{margin:0;line-height:1.45}
#visit .v-schedule strong,#visit .v-phone strong{font:600 clamp(22px,1.85vw,27px)/1.3 var(--sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#fff}
#visit .v-schedule em{font-size:.8em;font-style:normal;font-weight:450;color:#b4c8b9}
#visit .v-schedule small{display:block;font-size:14px;line-height:1.65;color:var(--v-mint);margin-top:3px}
#visit .v-closed{font-size:16px;color:#ece2c9;font-weight:650}
#visit .v-phone{display:flex;align-items:center;gap:13px;width:fit-content;max-width:100%;padding:8px 0;margin-top:17px;color:#fff;text-decoration:none}
#visit .v-phone-icon{height:43px;width:43px;display:grid;place-items:center;border:1px solid #8fa998;border-radius:50%;color:#d9e7dc}
#visit .v-phone small{display:block;font:550 14px/1.45 var(--sans);color:var(--v-mint)}
#visit .v-phone strong{display:block;font-size:clamp(22px,1.85vw,27px)}
#visit .v-phone>.v-icon{margin-left:3px;width:17px;color:var(--v-mint)}
#visit .v-place{background:var(--v-milk);color:var(--v-pine);border:0;border-radius:16px;box-shadow:0 14px 38px #102b222e;overflow:hidden;scroll-margin-top:var(--er-head-space,95px)}
#visit .v-address-block{padding:clamp(18px,2.35vw,31px) clamp(18px,2.5vw,35px) 22px;margin:0}
#visit .v-place-name{gap:8px;color:var(--v-pine)}
#visit .v-place-name .v-icon{width:22px;height:22px}
#visit .v-place-name h3{font:700 clamp(20px,1.8vw,25px)/1.4 var(--sans);letter-spacing:-.045em;margin:0;color:inherit}
#visit .v-address-line{display:flex;align-items:center;flex-wrap:wrap;gap:0 14px;margin-top:4px}
#visit .er-address{margin:0;font:500 clamp(16px,1.23vw,18px)/1.65 var(--sans);color:#2e473b}
#visit .er-copy{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 3px;margin:0;border:0;color:#3b5d4e;background:transparent;font:600 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:3px}
#visit .er-copy[hidden]{display:none}
#visit .er-copy .v-icon{width:15px;height:15px}
#visit .er-copy-result{display:block;color:#2e5c45;margin:0;font:550 14px/1.5 var(--sans)}
#visit .v-routes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#visit .v-route{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:8px 16px;border-radius:7px;font:650 15px/1.5 var(--sans);letter-spacing:-.025em;text-decoration:none;border:1px solid #acc0ac}
#visit .v-naver{background:var(--v-pine);border-color:var(--v-pine);color:#fff}
#visit .v-kakao{color:var(--v-pine);background:var(--v-milk)}
#visit .v-route .v-icon{height:14px;width:14px}
#visit .er-map-frame{border-block:1px solid #d5dbcf;min-width:0;margin:0}
#visit .root_daum_roughmap>.cont{display:none} /* Our address and phone are above. Keep Kakao's logo, tools and attribution. */
#visit .er-map-caption{font:500 14px/1.6 var(--sans);background:#f2efe3;color:#435540}
#visit .er-map-caption:empty{display:none}
#visit .v-arrive{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;padding:14px clamp(18px,2.5vw,35px);margin:0}
#visit .v-transit{display:grid;gap:4px;margin:0;font:500 15px/1.6 var(--sans);color:#364c40}
#visit .v-transit>div,#visit .v-transit dt{display:flex;align-items:center;gap:7px}
#visit .v-transit>div{gap:11px}
#visit .v-transit dt{font-weight:650;color:var(--v-pine);white-space:nowrap}
#visit .v-transit dd{margin:0}
#visit .v-transit .v-icon{width:16px;height:16px}
#visit .v-detail{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:650 14px/1.5 var(--sans);color:#365b49;text-decoration:underline;text-underline-offset:4px}
#visit .v-detail .v-icon{width:15px;height:15px}
#visit :is(.v-phone,.v-route,.v-detail,.er-copy):focus-visible{outline:3px solid #ad6829;outline-offset:3px}
#visit .v-phone:focus-visible{outline-color:#f5cb87}
@media(hover:hover){
  #visit .v-naver:hover{background:#2d5546}
  #visit .v-kakao:hover{background:#e5ede1}
  #visit .v-phone:hover strong,#visit .v-detail:hover{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:900px){
  #visit .v-layout{grid-template-columns:1fr;gap:30px;max-width:680px}
  #visit .v-time h2{margin-bottom:24px}
  #visit .v-schedule>div{grid-template-columns:minmax(92px,.75fr) minmax(0,1fr)}
}
@media(max-width:550px){
  #visit .v-time h2{font-size:clamp(29px,7.6vw,36px);margin:9px 0 24px}
  #visit .v-subhead h3{font-size:18px}
  #visit .v-schedule>div{padding:12px 0}
  #visit .v-place{border-radius:12px}
  #visit .v-address-block{padding:19px 17px 17px}
  #visit .v-address-line{gap:0 7px}
  #visit .v-routes{display:grid;grid-template-columns:1fr 1fr;margin-top:6px}
  #visit .v-route{padding:8px 5px;font-size:14px;gap:5px}
  #visit .v-arrive{padding:14px 17px 8px;align-items:flex-start;flex-direction:column;gap:3px}
}

/* Home A: illustrated treatment stages and the clinical directory. */
#journey .pathgrid article{padding:0;min-width:0;border-top:0;display:flex;align-items:flex-start;flex-direction:column}
#journey .hs-stage-art{position:relative;isolation:isolate;width:100%;aspect-ratio:2.32;overflow:hidden;background:#e9e8d9;border-radius:clamp(19px,2.2vw,32px) 3px 3px 3px;margin:0 0 17px}
#journey .hs-stage-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#journey .hs-stage-art .bigindex{position:absolute;bottom:0;left:0;margin:0;padding:4px 10px 3px;min-width:39px;background:#234638;color:#fff9ea;text-align:center;font:normal 24px/1.23 Georgia,serif;letter-spacing:-.025em}
#journey .pathgrid article>small{margin:0;letter-spacing:.065em}
#journey .pathgrid article>h3{margin:4px 0 6px}
#journey .pathgrid article>p{margin:0}
#journey .pathgrid .textlink{margin:12px 0 0;min-height:44px;display:inline-flex;gap:6px;align-items:center;border:0;text-decoration:underline;text-underline-offset:5px}
#journey .textlink span{margin:0}
.hs-symbol{display:block;flex:none}
#center .centergrid .svc{display:grid;grid-template-columns:47px minmax(0,1fr) 22px;align-items:start;column-gap:16px;padding:22px 1px;text-decoration:none}
#center .svc .hs-service-mark{display:flex;align-items:center;flex-direction:column;gap:5px;margin:0;padding-top:2px;font:normal 14px/1.15 Georgia,serif;letter-spacing:.06em;color:#deca9c}
#center .hs-service-mark .hs-symbol{width:44px;height:44px;padding:8px;color:#e5d6ad;background:#ffffff09;border:1px solid #8aa28c;border-radius:50%}
#center .svc>span{margin:0;color:#d1e1d5;justify-self:end;align-self:start;font-size:20px}
#center .svc h3{margin:0}
#center .svc p{margin:5px 0 0}
#center .svc:focus-visible{outline:3px solid #f2d49b;outline-offset:3px}
#center .svc:focus-visible h3{text-decoration:underline;text-underline-offset:4px}
@media(hover:hover){#center .svc:hover h3{text-decoration:underline;text-underline-offset:4px}#center .svc:hover .hs-symbol{background:#ffffff15;border-color:#d9cba8}}
#prep .hs-prep-mark,#concerns .hs-kicker,#questions .hs-kicker{display:inline-flex;align-items:center;gap:9px}
#prep .hs-prep-mark{margin:0 0 6px;color:#386349}
#prep .hs-prep-mark .hs-symbol{width:24px;height:24px}
#concerns .hs-kicker .hs-symbol,#questions .hs-kicker .hs-symbol{width:20px;height:20px}
@media(min-width:701px) and (max-width:920px){
  #center .centergrid .svc{grid-template-columns:39px minmax(0,1fr) 17px;column-gap:9px}
  #center .hs-service-mark .hs-symbol{width:36px;height:36px;padding:6px}
}
@media(max-width:700px){
  #journey .pathgrid article{display:grid;grid-template-columns:clamp(77px,24vw,124px) minmax(0,1fr);grid-template-areas:"art label" "art title" "body body" "link link";column-gap:14px;align-items:center;align-content:start;padding-top:15px;border-top:1px solid #bac7b7}
  #journey .hs-stage-art{grid-area:art;aspect-ratio:1.22;margin:0;border-radius:15px 2px 2px 2px}
  #journey .hs-stage-art .bigindex{font-size:16px;min-width:26px;padding:2px 5px}
  #journey .pathgrid article>small{grid-area:label;align-self:end;line-height:1.65;font-size:12px;letter-spacing:.02em}
  #journey .pathgrid article>h3{grid-area:title;align-self:start;margin:2px 0 0;font-size:clamp(20px,5.45vw,24px);line-height:1.4}
  #journey .pathgrid article>p{grid-area:body;margin-top:12px}
  #journey .pathgrid .textlink{grid-area:link;justify-self:start;margin-top:3px}
  #center .centergrid .svc{grid-template-columns:auto minmax(0,1fr) 18px;gap:9px 11px;align-items:center;padding:18px 0}
  #center .svc .hs-service-mark{grid-column:1;grid-row:1;flex-direction:row;gap:6px;padding:0;font-size:13px}
  #center .hs-service-mark .hs-symbol{height:35px;width:35px;padding:6px}
  #center .svc>div{display:contents}
  #center .svc h3{grid-column:2;grid-row:1;font-size:clamp(20px,5.2vw,23px)}
  #center .svc p{grid-column:1/-1;grid-row:2;margin:0}
  #center .svc>span{grid-column:3;grid-row:1;align-self:center}
}

/* Home symptom notes: group with spacing and clear link affordances. */
#concerns .cintro{border-left:0;border-radius:18px 3px 3px 3px}
#concerns .crows article{border-top:0;padding:0}
#concerns .crows article+article{margin-top:26px}
#concerns .crows p{margin:7px 0 2px}
#concerns .crows .textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;border:0;text-decoration:none}
#concerns .crows .textlink span{display:grid;place-items:center;width:26px;height:26px;margin:0;border-radius:50%;background:#e6ece0;color:#28513e;font-size:16px;line-height:1}
#concerns .crows .textlink:focus-visible{outline:3px solid #a46327;outline-offset:3px;border-radius:3px}
@media(hover:hover){
  #concerns .crows .textlink:hover{color:#173c29}
  #concerns .crows .textlink:hover span{color:#fff;background:#315b44}
}
@media(max-width:700px){
  #concerns .cgrid{gap:26px}
  #concerns .crows article+article{margin-top:23px}
}
