/* ==========================================================================
   강남 피부과 (skinlab.rand3.com) — Design System
   저채도 블루그린 + 화이트 + 샴페인 골드 / 8pt spacing scale
   ========================================================================== */

:root{
  --c-bg:#F7FAF9;
  --c-bg-soft:#EEF5F3;
  --c-surface:#FFFFFF;
  --c-primary:#4C7A73;
  --c-primary-600:#3C625C;
  --c-primary-700:#2E4C47;
  --c-primary-100:#DCEAE7;
  --c-primary-50:#EEF5F3;
  --c-gold:#B8912E;
  --c-gold-light:#E7D6A0;
  --c-text:#1F2C2A;
  --c-text-muted:#5B6B68;
  --c-text-faint:#8B9997;
  --c-border:#E2EAE8;
  --c-border-strong:#C9D8D5;
  --c-white:#FFFFFF;

  --radius-sm:8px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-full:999px;

  --shadow-sm:0 2px 10px rgba(31,44,42,.06);
  --shadow-md:0 10px 30px rgba(31,44,42,.10);
  --shadow-lg:0 20px 50px rgba(31,44,42,.14);

  --sp-1:8px;  --sp-2:16px; --sp-3:24px; --sp-4:32px;
  --sp-5:40px; --sp-6:48px; --sp-8:64px; --sp-10:80px;
  --sp-12:96px; --sp-14:112px; --sp-16:128px; --sp-18:140px;

  --container:1180px;
  --content-w:720px;
  --ease:cubic-bezier(.22,1,.36,1);
  --dur:220ms;

  --font-sans:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  font-family:var(--font-sans);
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  word-break:keep-all;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p{margin:0}
.sk-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.sk-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;border-radius:4px}

/* ---------- typography ---------- */
.sk-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:.04em;
  color:var(--c-primary-600);background:var(--c-primary-100);
  padding:6px 14px;border-radius:var(--radius-full);
}
.sk-section-head{max-width:640px;margin:0 auto var(--sp-8);text-align:center}
.sk-section-head h2{
  font-size:clamp(26px,3.4vw,38px);
  line-height:1.35;
  font-weight:700;
  color:var(--c-primary-700);
  margin-top:14px;
}
.sk-section-head p{
  margin-top:16px;font-size:16px;line-height:1.8;color:var(--c-text-muted);
  max-width:520px;margin-left:auto;margin-right:auto;
}
.sk-section{padding:var(--sp-14) 0}
.sk-section--soft{background:var(--c-bg-soft)}
.sk-section--primary{background:linear-gradient(160deg,var(--c-primary-700),var(--c-primary-600))}

/* reveal-on-scroll (16px rise + fade, staggered) */
.sk-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.sk-reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .sk-reveal{opacity:1;transform:none;transition:none}
}

/* ---------- header / nav ---------- */
.sk-header{
  position:sticky;top:0;z-index:500;
  background:rgba(247,250,249,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c-border);
}
.sk-header__inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.sk-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:var(--c-primary-700)}
.sk-logo img{width:32px;height:32px}
.sk-nav{display:flex;align-items:center;gap:8px}
.sk-nav a{
  padding:10px 16px;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--c-text);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.sk-nav a:hover{background:var(--c-primary-100);color:var(--c-primary-700)}
.sk-header__cta{display:flex;align-items:center;gap:12px}
.sk-tel-link{font-weight:700;color:var(--c-primary-700);font-size:15px;display:none}
.sk-hamburger{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center}
.sk-hamburger span,.sk-hamburger::before,.sk-hamburger::after{content:"";display:block;width:22px;height:2px;background:var(--c-primary-700);position:relative;transition:all var(--dur) var(--ease)}
.sk-hamburger::before{position:absolute;transform:translateY(-7px)}
.sk-hamburger::after{position:absolute;transform:translateY(7px)}

/* ---------- buttons ---------- */
.sk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:var(--radius-full);
  font-size:15px;font-weight:600;border:1px solid transparent;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease);
  min-height:44px;
}
.sk-btn--primary{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-sm)}
.sk-btn--primary:hover{background:var(--c-primary-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.sk-btn--gold{background:var(--c-gold);color:#fff}
.sk-btn--gold:hover{background:#9c7a25;transform:translateY(-2px)}
.sk-btn--ghost{background:#fff;color:var(--c-primary-700);border-color:var(--c-border-strong)}
.sk-btn--ghost:hover{border-color:var(--c-primary);background:var(--c-primary-50)}
.sk-btn--sm{padding:10px 18px;font-size:14px}

/* ---------- hero ---------- */
.sk-hero{position:relative;overflow:hidden;background:var(--c-primary-700)}
.sk-hero__bg{position:absolute;inset:0}
.sk-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.sk-hero__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(46,76,71,.55) 0%,rgba(46,76,71,.85) 75%,rgba(46,76,71,.96) 100%);
}
.sk-hero__inner{position:relative;z-index:2;padding:150px 24px 120px;max-width:760px;margin:0 auto;text-align:center;color:#fff}
.sk-hero__badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:600;letter-spacing:.03em;
}
.sk-hero h1{
  font-size:clamp(30px,5vw,50px);line-height:1.35;font-weight:700;margin-top:24px;letter-spacing:-.01em;
}
.sk-hero__lead{margin-top:20px;font-size:17px;line-height:1.8;color:rgba(255,255,255,.86);max-width:540px;margin-left:auto;margin-right:auto}
.sk-hero__cta{display:flex;gap:14px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.sk-hero__cta .sk-btn{padding:16px 32px;font-size:16px}
.sk-hero__notice{margin-top:28px;font-size:12.5px;color:rgba(255,255,255,.58);line-height:1.7;max-width:480px;margin-left:auto;margin-right:auto}

/* ---------- about / trust ---------- */
.sk-about{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-10);align-items:center}
.sk-about__text .sk-eyebrow{margin-bottom:16px}
.sk-about__text h2{font-size:clamp(24px,3vw,32px);line-height:1.45;font-weight:700;color:var(--c-primary-700)}
.sk-about__text p{margin-top:18px;font-size:16px;line-height:1.85;color:var(--c-text-muted);max-width:440px}
.sk-stat-row{display:flex;gap:var(--sp-6);margin-top:var(--sp-5);flex-wrap:wrap}
.sk-stat b{display:block;font-size:28px;font-weight:700;color:var(--c-primary-700)}
.sk-stat span{font-size:13.5px;color:var(--c-text-faint)}

/* 협진 네트워크 맵 */
.sk-network{position:relative;aspect-ratio:1/1;max-width:420px;margin:0 auto}
.sk-network__hub{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:118px;height:118px;border-radius:50%;background:var(--c-primary);color:#fff;
  display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;
  box-shadow:var(--shadow-lg);z-index:3;font-weight:700;font-size:14px;line-height:1.4;
}
.sk-network svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.sk-network svg line{stroke:var(--c-border-strong);stroke-width:1.5;stroke-dasharray:4 4}
.sk-network__node{
  position:absolute;transform:translate(-50%,-50%);
  background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-full);
  padding:9px 16px;font-size:13px;font-weight:600;color:var(--c-primary-700);
  box-shadow:var(--shadow-sm);z-index:2;white-space:nowrap;
}

/* ---------- departments minimap ---------- */
.sk-minimap{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  padding:var(--sp-10) var(--sp-4);
  min-height:560px;display:flex;align-items:center;justify-content:center;
}
.sk-minimap__bg{position:absolute;inset:0}
.sk-minimap__bg img{width:100%;height:100%;object-fit:cover}
.sk-minimap__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(238,245,243,.9),rgba(238,245,243,.97))}
.sk-minimap__stage{position:relative;z-index:2;width:100%;max-width:620px;aspect-ratio:1/1;margin:0 auto}
.sk-minimap__center{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:150px;height:150px;border-radius:50%;
  background:var(--c-surface);border:2px solid var(--c-primary-100);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:var(--shadow-lg);z-index:4;padding:12px;
}
.sk-minimap__center b{font-size:15px;color:var(--c-primary-700);font-weight:700}
.sk-minimap__center span{font-size:12px;color:var(--c-text-faint);margin-top:4px}
.sk-minimap svg.sk-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.sk-minimap svg.sk-lines line{stroke:var(--c-primary-100);stroke-width:2;transition:stroke var(--dur) var(--ease)}
.sk-minimap svg.sk-lines line.is-active{stroke:var(--c-gold)}
.sk-node{
  position:absolute;transform:translate(-50%,-50%);
  width:104px;height:104px;border-radius:50%;
  background:var(--c-surface);border:1px solid var(--c-border);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:var(--shadow-sm);z-index:3;padding:8px;gap:4px;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);
  font-size:12.5px;font-weight:600;color:var(--c-text);
}
.sk-node .ic{font-size:20px}
.sk-node:hover,.sk-node:focus-visible,.sk-node.is-active{
  transform:translate(-50%,-50%) scale(1.08);
  border-color:var(--c-primary);box-shadow:var(--shadow-md);color:var(--c-primary-700);
}
.sk-minimap__detail{
  position:relative;z-index:2;background:var(--c-surface);border:1px solid var(--c-border);
  border-radius:var(--radius-md);padding:var(--sp-4);margin-top:var(--sp-6);
  max-width:620px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm);
}
.sk-minimap__detail h3{font-size:19px;color:var(--c-primary-700);font-weight:700}
.sk-minimap__detail p{margin-top:10px;font-size:15px;color:var(--c-text-muted);line-height:1.8}

/* ---------- doctors ---------- */
.sk-doctors{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.sk-doctor{text-align:center}
.sk-doctor__frame{
  width:168px;height:168px;border-radius:50%;margin:0 auto;padding:6px;
  background:conic-gradient(from 180deg,var(--c-gold-light),var(--c-gold),var(--c-gold-light));
  box-shadow:var(--shadow-md);
}
.sk-doctor__frame img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff}
.sk-doctor h3{margin-top:22px;font-size:18px;font-weight:700;color:var(--c-primary-700)}
.sk-doctor__role{display:block;margin-top:4px;font-size:13px;color:var(--c-gold);font-weight:600}
.sk-doctor p{margin-top:10px;font-size:14.5px;color:var(--c-text-muted);line-height:1.7}

/* ---------- gallery tour ---------- */
.sk-tour{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--sp-5);align-items:stretch}
.sk-tour__preview{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);min-height:420px;background:var(--c-primary-100)}
.sk-tour__preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .4s var(--ease)}
.sk-tour__preview img.is-active{opacity:1}
.sk-tour__caption{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(0deg,rgba(31,44,42,.75),transparent);color:#fff;z-index:2;font-weight:600}
.sk-tour__thumbs{display:flex;flex-direction:column;gap:var(--sp-2);justify-content:center}
.sk-tour__thumb{
  display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--radius-md);
  border:2px solid transparent;background:var(--c-surface);box-shadow:var(--shadow-sm);
  text-align:left;width:100%;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.sk-tour__thumb img{width:76px;height:76px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}
.sk-tour__thumb b{font-size:15px;color:var(--c-text)}
.sk-tour__thumb span{display:block;font-size:12.5px;color:var(--c-text-faint);margin-top:2px}
.sk-tour__thumb:hover{transform:translateX(4px)}
.sk-tour__thumb.is-active{border-color:var(--c-gold);background:var(--c-primary-50)}

/* ---------- consult / appointment ---------- */
.sk-consult{position:relative;color:#fff;border-radius:var(--radius-lg);overflow:hidden}
.sk-consult__bg{position:absolute;inset:0}
.sk-consult__bg img{width:100%;height:100%;object-fit:cover}
.sk-consult__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(46,76,71,.92),rgba(46,76,71,.68))}
.sk-consult__inner{position:relative;z-index:2;padding:var(--sp-12) var(--sp-6);max-width:640px}
.sk-consult h2{font-size:clamp(24px,3vw,32px);line-height:1.4;font-weight:700}
.sk-consult p{margin-top:16px;font-size:16px;line-height:1.85;color:rgba(255,255,255,.85);max-width:480px}
.sk-consult__cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.sk-consult__hours{margin-top:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:20px 24px;max-width:420px}
.sk-consult__hours table{width:100%;border-collapse:collapse;font-size:14px}
.sk-consult__hours td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.sk-consult__hours td:last-child{text-align:right;font-weight:600}
.sk-consult__hours tr:last-child td{border-bottom:0}

/* ---------- location / map ---------- */
.sk-location{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--sp-6)}
.sk-map-embed{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:0;width:100%;min-height:420px}
.sk-info-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}
.sk-info-card h3{font-size:18px;font-weight:700;color:var(--c-primary-700);display:flex;align-items:center;gap:8px}
.sk-info-list{margin-top:16px;display:flex;flex-direction:column;gap:14px}
.sk-info-list li{display:flex;gap:12px;font-size:14.5px;color:var(--c-text-muted);line-height:1.7}
.sk-info-list b{color:var(--c-text);min-width:64px;flex-shrink:0;font-weight:700}

/* ---------- health info / symptom accordion ---------- */
.sk-symptom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sk-symptom{
  background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);
  padding:0;overflow:hidden;box-shadow:var(--shadow-sm);
}
.sk-symptom__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:20px 22px;background:none;border:0;text-align:left;
}
.sk-symptom__q b{font-size:15.5px;color:var(--c-text)}
.sk-symptom__q em{display:block;font-style:normal;font-size:13px;color:var(--c-text-faint);margin-top:4px}
.sk-symptom__q .chev{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--c-primary-100);color:var(--c-primary-700);display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform var(--dur) var(--ease)}
.sk-symptom.is-open .sk-symptom__q .chev{transform:rotate(45deg)}
.sk-symptom__a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.sk-symptom__a div{padding:0 22px 20px;font-size:14.5px;color:var(--c-text-muted);line-height:1.8}
.sk-symptom.is-open .sk-symptom__a{max-height:260px}

.sk-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:var(--sp-10)}
.sk-post-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sk-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.sk-post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sk-post-card__body{padding:18px 20px 22px}
.sk-post-card__cat{font-size:12px;font-weight:700;color:var(--c-primary-600)}
.sk-post-card h3{margin-top:8px;font-size:16px;line-height:1.5;font-weight:700;color:var(--c-text)}
.sk-post-card p{margin-top:8px;font-size:13.5px;color:var(--c-text-faint);line-height:1.6}

/* 지역 병원정보 검색 */
.sk-hospfinder{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);margin-top:var(--sp-10)}
.sk-hospfinder__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sk-hospfinder__head h3{font-size:18px;font-weight:700;color:var(--c-primary-700)}
.sk-hospfinder__head span{font-size:13px;color:var(--c-text-faint)}
.sk-hospfinder__form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.sk-hospfinder__form select,.sk-hospfinder__form input{
  height:44px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);
  padding:0 14px;font-size:14px;font-family:inherit;background:#fff;color:var(--c-text);
}
.sk-hospfinder__form input{flex:1;min-width:160px}
.sk-hospfinder__results{margin-top:18px;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto}
.sk-hosp-row{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:14px}
.sk-hosp-row .nm{font-weight:700;color:var(--c-text)}
.sk-hosp-row .addr{color:var(--c-text-faint);font-size:13px;margin-top:3px}
.sk-hosp-row .tel{color:var(--c-primary-600);font-weight:600;white-space:nowrap}
.sk-hospfinder__empty{padding:24px;text-align:center;color:var(--c-text-faint);font-size:14px}
.sk-hospfinder__note{margin-top:14px;font-size:12px;color:var(--c-text-faint)}

/* ---------- floating consult chip ---------- */
.sk-fab{position:fixed;right:24px;bottom:24px;z-index:900}
.sk-fab__menu{
  position:absolute;bottom:76px;right:0;display:flex;flex-direction:column;gap:10px;
  opacity:0;pointer-events:none;transform:translateY(10px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.sk-fab.is-open .sk-fab__menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.sk-fab__item{
  display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--radius-full);
  padding:10px 18px 10px 10px;box-shadow:var(--shadow-md);font-size:14px;font-weight:600;color:var(--c-text);
  white-space:nowrap;
}
.sk-fab__item .ic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}
.sk-fab__item--book .ic{background:var(--c-primary)}
.sk-fab__item--tel .ic{background:var(--c-gold)}
.sk-fab__item--kakao .ic{background:#f7dd52;color:#3c1e1e}
.sk-fab__main{
  width:64px;height:64px;border-radius:50%;background:var(--c-primary);color:#fff;border:0;
  box-shadow:var(--shadow-lg);font-size:26px;display:flex;align-items:center;justify-content:center;
  transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);
  animation:sk-pulse 2.6s ease-in-out infinite;
}
.sk-fab__main:hover{background:var(--c-primary-600)}
.sk-fab.is-open .sk-fab__main{transform:rotate(45deg);animation:none}
@keyframes sk-pulse{0%,100%{box-shadow:0 0 0 0 rgba(76,122,115,.35),var(--shadow-lg)}50%{box-shadow:0 0 0 12px rgba(76,122,115,0),var(--shadow-lg)}}
@media (prefers-reduced-motion:reduce){.sk-fab__main{animation:none}}
.sk-fab__label{position:absolute;right:76px;bottom:20px;background:var(--c-primary-700);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-full);white-space:nowrap;box-shadow:var(--shadow-sm)}

/* ---------- footer ---------- */
.sk-footer{background:var(--c-primary-700);color:rgba(255,255,255,.78);padding:var(--sp-10) 0 var(--sp-6)}
.sk-footer__top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--sp-6);padding-bottom:var(--sp-6);border-bottom:1px solid rgba(255,255,255,.14)}
.sk-footer h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px}
.sk-footer__brand{font-size:18px;font-weight:700;color:#fff}
.sk-footer p, .sk-footer li{font-size:13.5px;line-height:1.9}
.sk-footer a:hover{color:#fff}
.sk-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:var(--sp-4);font-size:12.5px;color:rgba(255,255,255,.55)}
.sk-footer__legal{font-size:11.5px;line-height:1.8;color:rgba(255,255,255,.48);margin-top:var(--sp-4);max-width:900px}
.sk-footer__links{display:flex;gap:16px}

/* ---------- single post / page template ---------- */
.sk-page-hero{background:var(--c-primary-700);color:#fff;padding:90px 24px 56px;text-align:center}
.sk-page-hero h1{font-size:clamp(24px,3.4vw,34px);font-weight:700;line-height:1.4}
.sk-page-hero .sk-crumb{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:12px;display:inline-block}
.sk-article{max-width:var(--content-w);margin:0 auto;padding:var(--sp-12) 24px}
.sk-article__thumb{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--sp-6);box-shadow:var(--shadow-md)}
.sk-article-body{font-size:17px;line-height:1.85;color:var(--c-text)}
.sk-article-body h2{font-size:24px;font-weight:700;color:var(--c-primary-700);margin:48px 0 16px;line-height:1.5}
.sk-article-body h3{font-size:19px;font-weight:700;color:var(--c-text);margin:32px 0 12px}
.sk-article-body p{margin:0 0 20px}
.sk-article-body ul,.sk-article-body ol{margin:0 0 20px;padding-left:22px}
.sk-article-body li{margin-bottom:8px}
.sk-article-body figure{margin:32px 0}
.sk-article-body figure img{border-radius:var(--radius-md)}
.sk-article-body figcaption{font-size:13px;color:var(--c-text-faint);margin-top:8px;text-align:center}
.sk-toc{background:var(--c-primary-50);border:1px solid var(--c-primary-100);border-radius:var(--radius-md);padding:22px 24px;margin-bottom:var(--sp-6)}
.sk-toc-title{font-weight:700;color:var(--c-primary-700);margin-bottom:10px;font-size:14px}
.sk-toc ol{margin:0;padding-left:20px;font-size:14px;color:var(--c-text-muted)}
.sk-related{max-width:var(--content-w);margin:0 auto;padding:0 24px var(--sp-12)}
.sk-related h4{font-size:15px;font-weight:700;color:var(--c-primary-700);margin-bottom:16px}
.sk-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sk-page-body{max-width:var(--content-w);margin:0 auto;padding:var(--sp-12) 24px;font-size:16px;line-height:1.85}
.sk-page-body h2{font-size:22px;font-weight:700;color:var(--c-primary-700);margin:36px 0 14px}
.sk-page-body h3{font-size:17px;font-weight:700;margin:24px 0 10px}
.sk-page-body p,.sk-page-body li{margin-bottom:14px}

/* ---------- legal / ai notices ---------- */
.legal-notice{font-size:.85em;color:#777;background:#f8f9fa;border-left:3px solid #cbd5e1;padding:10px 14px;margin-top:2em;border-radius:0 6px 6px 0}
.legal-notice p{margin:4px 0;font-size:inherit}
.ai-notice{font-size:.85em;color:#888;margin-top:2em}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .sk-about,.sk-tour,.sk-location{grid-template-columns:1fr}
  .sk-doctors{grid-template-columns:repeat(3,1fr);gap:20px}
  .sk-symptom-grid{grid-template-columns:repeat(2,1fr)}
  .sk-post-grid,.sk-related-grid{grid-template-columns:repeat(2,1fr)}
  .sk-footer__top{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .sk-nav,.sk-tel-link{display:none}
  .sk-hamburger{display:flex}
  .sk-header__inner{height:64px}
  .sk-section{padding:var(--sp-10) 0}
  .sk-doctors{grid-template-columns:1fr;max-width:260px;margin:0 auto;gap:36px}
  .sk-symptom-grid{grid-template-columns:1fr}
  .sk-post-grid,.sk-related-grid{grid-template-columns:1fr}
  .sk-footer__top{grid-template-columns:1fr;gap:32px}
  .sk-hero__inner{padding:120px 20px 90px}
  .sk-minimap{min-height:auto;padding:32px 16px}
  .sk-minimap__stage{max-width:340px}
  .sk-minimap__center{width:110px;height:110px}
  .sk-minimap__center b{font-size:12.5px}
  .sk-node{width:78px;height:78px;font-size:10.5px}
  .sk-node .ic{font-size:16px}
  .sk-fab{right:16px;bottom:16px}
  .sk-fab__main{width:58px;height:58px;font-size:22px}
  .sk-tour__thumbs{flex-direction:row;overflow-x:auto}
  .sk-tour__thumb{flex-direction:column;min-width:96px;text-align:center}
  .sk-tour__thumb span{display:none}
  .sk-tour__preview{min-height:260px}
  .sk-hospfinder__form{flex-direction:column}
  .sk-hospfinder__form select,.sk-hospfinder__form input{width:100%}
}

/* mobile nav drawer */
.sk-mobile-nav{
  position:fixed;inset:64px 0 0 0;background:#fff;z-index:400;
  transform:translateX(100%);transition:transform var(--dur) var(--ease);
  padding:32px 24px;display:flex;flex-direction:column;gap:4px;
}
.sk-mobile-nav.is-open{transform:translateX(0)}
.sk-mobile-nav a{padding:16px 4px;font-size:17px;font-weight:600;border-bottom:1px solid var(--c-border);min-height:44px;display:flex;align-items:center}