:root{
    --cream:#f3ede3;        /* page bg */
    --cream2:#ebe2d3;
    --paper:#fbf8f2;        /* card / surface */
    --ink:#2c261d;          /* deep warm brown */
    --ink2:#473f33;
    --text:#6a6256;
    --muted:#9b927f;
    --line:#e2d8c6;
    --line2:#d4c8b2;
    --olive:#7b7550;        /* primary CTA khaki-green */
    --olive-d:#67613f;
    --clay:#a86a52;         /* terracotta accent */
    --clay-d:#92563f;
    --clay-soft:#ecdacd;
    --peach:#f4e4d6;
    --maxw:1280px;
    --shadow-s:0 10px 30px -18px rgba(63,48,28,.4);
    --shadow-m:0 30px 70px -36px rgba(63,48,28,.55);
    --r:22px;--r-s:14px;
    --bar-h:84px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
    color:var(--text);background:var(--cream);line-height:1.7;
    -webkit-font-smoothing:antialiased;letter-spacing:-.02em;overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  ::selection{background:var(--clay);color:#fff}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  .eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--clay)}
  .eyebrow.c{text-align:center;width:100%}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15px;
    padding:15px 30px;border-radius:999px;transition:.25s cubic-bezier(.3,.8,.4,1);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;line-height:1}
  .btn-olive{background:var(--olive);color:#fdfbf6;box-shadow:0 16px 34px -16px rgba(123,117,80,.8)}
  .btn-olive:hover{background:var(--olive-d);transform:translateY(-2px)}
  .btn-clay{background:var(--clay);color:#fff;box-shadow:0 16px 34px -16px rgba(168,106,82,.8)}
  .btn-clay:hover{background:var(--clay-d);transform:translateY(-2px)}
  .btn-line{background:transparent;color:var(--ink);border-color:var(--line2)}
  .btn-line:hover{border-color:var(--ink);transform:translateY(-2px)}
  .btn svg{width:16px;height:16px;flex:none}

  /* ===== header ===== */
  header{position:sticky;top:0;z-index:60;background:rgba(243,237,227,.82);
    backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid var(--line);transition:.3s}
  header.scrolled{background:rgba(251,248,242,.95);box-shadow:0 12px 30px -24px rgba(63,48,28,.5)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
  .logo{display:flex;align-items:center;gap:11px}
  .logo .mark{width:42px;height:42px;
    -webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDQTlGODFENkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDQTlGODFFNkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNBOUY4MUI2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNBOUY4MUM2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nTmtlAAALu0lEQVR42sRZ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) center/contain no-repeat;
            mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDQTlGODFENkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDQTlGODFFNkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNBOUY4MUI2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNBOUY4MUM2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nTmtlAAALu0lEQVR42sRZ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) center/contain no-repeat;
    background-color:var(--clay)}
  .logo b{font-size:21px;color:var(--ink);font-weight:800;letter-spacing:-.02em;display:block;line-height:1}
  .logo small{font-size:9px;letter-spacing:.135em;color:var(--muted);font-weight:700;display:block;line-height:1;margin-top:4px}
  .gnb{display:flex;gap:2px;align-items:center;height:100%}
  .gnb>li{height:100%;display:flex;align-items:center;position:relative}
  .gnb>li>a{font-size:15px;font-weight:700;color:var(--ink2);padding:10px 16px;border-radius:10px;transition:.2s}
  .gnb>li:hover>a{color:var(--clay)}
  .mega{position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%) translateY(10px);
    background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-m);border-radius:16px;
    padding:14px;display:grid;gap:4px;opacity:0;visibility:hidden;transition:.25s;min-width:210px;z-index:70}
  .gnb>li:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .mega a{display:block;font-size:14px;color:var(--text);padding:8px 12px;font-weight:600;border-radius:9px;transition:.16s;white-space:nowrap}
  .mega a:hover{color:var(--clay);background:var(--cream)}
  /* 기획-style full-width mega (all departments visible) */
  .mega-full{position:absolute;left:0;right:0;top:100%;background:var(--paper);
    border-top:1px solid var(--line);box-shadow:0 18px 34px -12px rgba(63,48,28,.16);
    opacity:0;visibility:hidden;transform:translateY(6px);transition:.22s;z-index:70}
  .gnb:hover ~ .mega-full,.gnb:focus-within ~ .mega-full,.mega-full:hover,.mega-full:focus-within{opacity:1;visibility:visible;transform:translateY(0)}
  .mega-full .mega-in{max-width:var(--maxw);margin:0 auto;padding:28px 32px 32px;
    display:grid;grid-template-columns:repeat(7,1fr);gap:8px 22px}
  .mega-full .mcol h4{font-size:14.5px;font-weight:800;color:var(--ink);
    padding-bottom:10px;margin-bottom:8px;border-bottom:2px solid var(--clay)}
  .mega-full .mcol>a{display:block;font-size:13.5px;color:var(--text);padding:6px 0;font-weight:600}
  .mega-full .mcol a:hover,.mega-full .mcol a:focus-visible{color:var(--clay)}
  @media(max-width:1140px){.mega-full{display:none}}
  .nav-cta{display:flex;align-items:center;gap:10px}
  .nav-tel{font-weight:800;color:var(--ink);font-size:16px;display:none;align-items:center;gap:6px}
  .hamb{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  .hamb span{width:24px;height:2px;background:var(--ink);border-radius:2px}
  @media(min-width:1280px){.nav-tel{display:flex}}
  @media(max-width:1140px){.gnb{display:none}.hamb{display:flex}}

  /* ===== drawer ===== */
  .drawer{position:fixed;inset:0;z-index:130;background:rgba(44,38,29,.45);opacity:0;visibility:hidden;transition:opacity .3s;backdrop-filter:blur(2px)}
  .drawer.open{opacity:1;visibility:visible}
  .drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(86%,360px);background:var(--cream);
    padding:24px 22px;transform:translateX(100%);transition:.4s cubic-bezier(.3,.8,.4,1);display:flex;flex-direction:column;gap:2px;overflow:auto}
  .drawer.open .drawer-panel{transform:translateX(0)}
  .drawer .close{align-self:flex-end;width:40px;height:40px;border-radius:12px;font-size:24px;background:var(--paper);
    border:1px solid var(--line);cursor:pointer;color:var(--text);line-height:1;margin-bottom:10px}
  .drawer a{padding:14px 12px;font-size:16px;font-weight:700;color:var(--ink);border-radius:12px}
  .drawer a.sub{font-size:14px;font-weight:600;color:var(--muted);padding:9px 12px 9px 26px}

  /* ===== hero (full-size slider) ===== */
  .hero{position:relative;overflow:hidden;display:flex;align-items:center;
    min-height:clamp(600px,88vh,880px);background:#e7ddcd}
  .hero-slides{position:absolute;inset:0;z-index:0}
  .hero .hs{position:absolute;inset:0;opacity:0;transform:scale(1.06);
    transition:opacity 1.6s ease,transform 7s ease;will-change:opacity,transform}
  .hero .hs.active{opacity:1;transform:scale(1)}
  /* blurred fill of same image — portrait never cropped, no empty bars */
  .hero .hs::before{content:"";position:absolute;inset:0;background:var(--img) center/cover no-repeat;
    filter:blur(40px) saturate(1.06) brightness(1.02);transform:scale(1.18)}
  .hero .hs img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center}
  /* portrait images: show whole frame, blurred fill covers the sides */
  .hero .hs img.port{object-fit:cover;object-position:center top;position:absolute;top:0;right:0;width:54%;height:100%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}
  /* cream scrim keeps dark text readable on the left */
  .hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(96deg,var(--cream) 0%,rgba(243,237,227,.98) 24%,rgba(243,237,227,.80) 40%,rgba(243,237,227,.36) 56%,rgba(243,237,227,.06) 72%,transparent 84%)}
  .hero .wrap{position:relative;z-index:2;width:100%}
  .hero .tx{display:flex;flex-direction:column;justify-content:center;max-width:560px;padding:80px 0}
  .hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.28;color:var(--ink);font-weight:800;letter-spacing:-.035em;margin-top:26px}
  .hero h1 .c{color:var(--clay)}
  .hero .lead{margin-top:22px;font-size:17px;color:var(--text);max-width:460px;line-height:1.85}
  .hero .cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
  .hero .prog{display:flex;align-items:center;gap:14px;margin-top:44px;font-size:13px;color:var(--muted);font-weight:700}
  .hero .prog .bar{width:120px;height:2px;background:var(--line2);position:relative;border-radius:2px;overflow:hidden}
  .hero .prog .bar i{position:absolute;left:0;top:0;height:100%;width:20%;background:var(--clay);border-radius:2px;transition:.8s cubic-bezier(.3,.8,.4,1)}
  .hero .prog .n b{color:var(--ink)}
  .hero .scroll{display:inline-block;margin-top:26px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700}
  @media(max-width:1040px){
    .hero{min-height:auto}
    .hero .tx{padding:60px 0 92px;max-width:none}
    .hero .hs img.port{object-position:center top;position:relative;width:100%}
    .hero-scrim{background:linear-gradient(180deg,rgba(243,237,227,.60) 0%,rgba(243,237,227,.84) 52%,var(--cream) 100%)}
  }

  /* ===== quick consult bar ===== */
  .consult{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-m);
    display:grid;grid-template-columns:auto repeat(3,1fr) auto;gap:14px;align-items:center;padding:16px 22px}
  .consult.float{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:90;width:min(var(--maxw),calc(100% - 40px))}
  .consult .lbl{font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px;white-space:nowrap;padding-right:6px}
  .consult .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--clay)}
  .consult select,.consult input{width:100%;border:1px solid var(--line);background:var(--cream);border-radius:10px;
    padding:13px 14px;font-size:14px;color:var(--ink);font-family:inherit;font-weight:600;outline:none;transition:.2s}
  .consult select:focus,.consult input:focus{border-color:var(--clay)}
  .consult select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239b927f' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
  .consult .go{white-space:nowrap}
  @media(max-width:1140px){.consult.float{display:none}}
  .consult.inline{margin-top:-44px;position:relative;z-index:30}
  @media(min-width:1141px){.consult.inline{display:none}}
  @media(max-width:880px){.consult.inline{grid-template-columns:1fr 1fr;gap:10px;padding:16px}.consult .lbl{grid-column:1/-1}.consult .go{grid-column:1/-1}}

  /* ===== section base ===== */
  section.block{padding:108px 0}
  .head{max-width:760px;margin-bottom:48px}
  .head.c{margin-left:auto;margin-right:auto;text-align:center}
  .head h2{font-size:clamp(28px,3.6vw,44px);color:var(--ink);font-weight:800;letter-spacing:-.03em;margin-top:14px;line-height:1.32}
  .head p{margin-top:16px;color:var(--text);font-size:16px;line-height:1.85}
  .head .row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

  /* ===== doctor + clay panel (ref 33) ===== */
  .doc{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .doc .grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
  .doc .ph{position:relative;overflow:hidden;background:#e7ddcd}
  .doc .ph img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
  .doc .panel{background:var(--clay);color:#fff;padding:72px 64px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
  .doc .panel .anat{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.16),transparent 55%);z-index:0}
  .doc .panel>*{position:relative;z-index:1}
  .doc .panel .eyebrow{color:rgba(255,255,255,.8)}
  .doc .panel h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.03em;margin-top:18px;color:#fff}
  .doc .panel p{margin-top:20px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.9);max-width:440px}
  .doc .panel .sign{margin-top:28px;font-size:15px;font-weight:700;color:#fff}
  .doc .panel .sign small{display:block;font-size:12.5px;color:rgba(255,255,255,.72);font-weight:600;margin-top:3px}
  @media(max-width:880px){.doc .grid{grid-template-columns:1fr}.doc .ph{height:380px}.doc .panel{padding:48px 32px}}

  /* ===== care process ===== */
  .careflow{background:linear-gradient(180deg,var(--paper),#f6eadc);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .careflow-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
  .careflow .head{margin-bottom:0;max-width:520px}
  .careflow .head h2{font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:var(--ink);margin-top:16px}
  .careflow .head h2 span{color:var(--clay)}
  .careflow .head p{margin-top:18px;font-size:16px;line-height:1.9;color:var(--text)}
  .careflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .care-card{min-height:260px;background:rgba(255,252,246,.86);border:1px solid var(--line);border-radius:18px;padding:28px 24px;box-shadow:var(--shadow-s)}
  .care-card .mark{width:42px;height:42px;border-radius:13px;background:var(--clay-soft);display:grid;place-items:center;color:var(--clay-d);margin-bottom:32px}
  .care-card .mark svg{width:21px;height:21px;display:block}
  .care-card h3{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
  .care-card p{margin-top:28px;font-size:14.5px;line-height:1.75;color:var(--text);word-break:keep-all}
  .careflow-note{margin-top:20px;padding:18px 22px;border-radius:16px;background:rgba(123,117,80,.1);color:var(--ink2);font-size:14.5px;line-height:1.75;font-weight:700}
  @media(max-width:980px){.careflow-in{grid-template-columns:1fr}.careflow .head{max-width:760px}.careflow-grid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:720px){.careflow-grid{grid-template-columns:1fr}.care-card{min-height:auto}.careflow-note{font-size:14px}}

  /* ===== services cards ===== */
  .svc{background:var(--cream);position:relative;overflow:hidden}
  .svc::before{content:"";position:absolute;left:0;right:0;bottom:0;height:280px;background:linear-gradient(180deg,transparent,var(--peach));pointer-events:none}
  .svc .wrap{position:relative;z-index:1}
  .svc .head{margin-left:auto;margin-right:auto;text-align:center}
  .svc .head .g{color:var(--clay)}
  .svc .head .uline{width:46px;height:2px;background:var(--clay);margin:26px auto 0;border-radius:2px}
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .scard{position:relative;border-radius:var(--r);overflow:hidden;background:#e7ddcd;box-shadow:var(--shadow-s);
    transition:.28s cubic-bezier(.3,.8,.4,1);display:block;min-height:360px;aspect-ratio:1/1}
  .scard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s ease;z-index:0}
  .scard::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(44,38,29,.04) 26%,rgba(44,38,29,.86))}
  .scard:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
  .scard:hover img{transform:scale(1.05)}
  .scard:focus-visible{outline:3px solid rgba(168,106,82,.45);outline-offset:4px}
  .scard .body{position:absolute;inset:0;z-index:2;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
  .scard .en{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ead2c3}
  .scard h3{font-size:26px;font-weight:800;margin-top:8px;letter-spacing:-.02em;line-height:1.32;color:#fff}
  .scard p{font-size:14px;color:rgba(255,255,255,.84);margin-top:12px;line-height:1.68;opacity:1;max-height:none;overflow:visible}
  .scard .arr{position:absolute;top:24px;right:24px;width:48px;height:48px;border-radius:50%;
    background:rgba(255,255,255,.14);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.34);
    display:grid;place-items:center;color:#fff;font-size:18px;z-index:2;transition:.25s}
  .scard:hover .arr{background:var(--clay);border-color:transparent;transform:rotate(-45deg)}
  .scard.cta{background:linear-gradient(135deg,var(--olive) 0%,var(--clay) 100%);box-shadow:var(--shadow-m);color:#fff}
  .scard.cta::after,.scard.cta img{display:none}
  .scard.cta .body{justify-content:center}
  .scard.cta .en{color:rgba(255,255,255,.76)}
  .scard.cta h3{font-size:30px;line-height:1.32}
  .scard.cta p{color:rgba(255,255,255,.9)}
  .scard.cta .mini{margin-top:24px}
  .scard.cta .mini a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--clay-d);
    font-weight:800;font-size:14px;padding:13px 23px;border-radius:999px;min-height:46px}
  .svc-local{margin:30px auto 0;max-width:860px;text-align:center;color:var(--text);font-size:15.5px;line-height:1.85}
  .svc-local b{color:var(--ink);font-weight:800}
  @media(max-width:900px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.svc-grid{grid-template-columns:1fr}.scard{min-height:340px;aspect-ratio:auto}.scard .body{padding:26px}.scard h3{font-size:24px}}

  /* ===== signature care ===== */
  .sig{background:#797255;color:#faf8ef;position:relative;overflow:hidden}
  .sig::before{content:"";position:absolute;inset:0;opacity:.55;
    background:radial-gradient(120% 90% at 82% -10%,rgba(232,221,188,.22),transparent 55%)}
  .sig .wrap{position:relative;z-index:1;padding-top:108px;padding-bottom:96px}
  .sig-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;flex-wrap:wrap}
  .sig-top .eyebrow{color:#eee3bd}
  .sig-top h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;color:#fff;line-height:1.32;margin-top:14px;letter-spacing:-.03em}
  .sig-top p{margin-top:16px;color:rgba(250,248,239,.82);font-size:16px;max-width:650px;line-height:1.85}
  .sig-nav{display:flex;gap:10px}
  .sig-nav button{width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:transparent;
    color:#faf8ef;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:.22s}
  .sig-nav button:hover{background:var(--clay);border-color:transparent}
  .sig-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:none}
  .sig-rail::-webkit-scrollbar{display:none}
  .schip{scroll-snap-align:start;flex:0 0 300px;position:relative;border-radius:18px;overflow:hidden;display:block;color:inherit;
    aspect-ratio:3/3.85;box-shadow:0 28px 60px -34px rgba(0,0,0,.55);transition:.35s cubic-bezier(.3,.8,.4,1)}
  .schip:focus-visible{outline:3px solid rgba(238,227,189,.75);outline-offset:4px}
  .schip .ph{position:absolute;inset:0;overflow:hidden;background:#5d573d}
  .schip .ph img{width:100%;height:100%;object-fit:cover;transition:.65s ease}
  .schip .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(121,114,85,.08) 24%,rgba(77,70,47,.55) 58%,rgba(36,30,20,.94))}
  .schip:hover{transform:translateY(-6px)}
  .schip:hover .ph img{transform:scale(1.06)}
  .schip .tag{position:absolute;left:16px;top:16px;z-index:2;background:rgba(72,66,45,.58);backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.22);color:#fbf7e9;font-size:11.5px;font-weight:800;padding:6px 13px;border-radius:999px}
  .schip .info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 20px;background:transparent;border-top:0;
    display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
  .schip .info h4{font-size:22px;color:#fff;font-weight:800;letter-spacing:-.02em}
  .schip .info p{font-size:12.5px;color:rgba(250,248,239,.78);margin-top:7px;line-height:1.55}
  .schip .info .circ{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;
    color:#fff;font-size:16px;flex-shrink:0;transition:.22s}
  .schip:hover .circ,.schip:focus-visible .circ{background:var(--clay);border-color:transparent;transform:rotate(-45deg)}
  .sig-note{margin-top:28px;font-size:12.5px;color:rgba(250,248,239,.62);line-height:1.7;max-width:820px}
  @media(max-width:720px){
    .sig .wrap{padding-top:78px;padding-bottom:78px}
    .sig-top{margin-bottom:34px}
    .sig-nav{display:none}
    .sig-rail{gap:16px;margin-right:-22px;padding-right:22px}
    .schip{flex-basis:78vw;max-width:320px}
  }

  /* ===== info ===== */
  .info{background:var(--peach)}
  .info-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
  .card-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:38px 34px;box-shadow:var(--shadow-s)}
  .card-box h3{font-size:20px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;margin-bottom:20px}
  .card-box h3 .tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--clay);text-transform:uppercase;background:var(--clay-soft);padding:4px 10px;border-radius:7px}
  .htable{width:100%;border-collapse:collapse;font-size:15.5px}
  .htable tr{border-bottom:1px solid var(--line)}.htable tr:last-child{border-bottom:0}
  .htable th,.htable td{text-align:left;padding:15px 2px}
  .htable th{color:var(--muted);font-weight:600;width:140px}
  .htable td{padding-left:14px}
  .htable td{color:var(--ink);font-weight:800}
  .htable .night{display:inline-block;font-size:10.5px;font-weight:800;color:#fff;background:var(--clay);padding:2px 9px;margin-left:8px;border-radius:6px;letter-spacing:.04em;vertical-align:1px}
  .htable .off{color:var(--muted);font-weight:600}
  .time-note{margin-top:14px;color:#d84b4b;font-size:14px;font-weight:800;line-height:1.6}
  .telrow{margin-top:22px;background:var(--olive);color:#fff;border-radius:16px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .telrow span{font-weight:700;font-size:13px;letter-spacing:.04em;opacity:.92}
  .telrow a{font-size:24px;font-weight:800;color:#fff}
  .map{aspect-ratio:16/8.4;border-radius:16px;background:linear-gradient(150deg,#e7ddcd,#dccdb6);border:1px solid var(--line);position:relative;overflow:hidden;margin-bottom:20px;display:grid;place-items:center}
  .map iframe,.cp-map iframe{display:block;width:100%;height:100%;border:0}
  .map .pin{width:48px;height:48px;border-radius:50% 50% 50% 0;background:var(--clay);transform:rotate(-45deg);box-shadow:var(--shadow-s);position:relative}
  .map .pin::after{content:"";position:absolute;inset:15px;background:#fff;border-radius:50%}
  .map .lbl{position:absolute;bottom:12px;font-size:12px;color:var(--text);font-weight:700}
  .addr{display:grid;gap:13px}
  .addr .r{display:flex;gap:14px;align-items:flex-start;font-size:15px}
  .addr .k{flex-shrink:0;width:56px;font-weight:800;color:var(--clay);font-size:12.5px;letter-spacing:.04em;padding-top:2px}
  .addr .v{color:var(--text)}.addr .v b{color:var(--ink);font-weight:800}
  @media(max-width:860px){.info-grid{grid-template-columns:1fr}}

  /* ===== final ===== */
  .final{background:var(--ink);color:#fff;text-align:center;position:relative;overflow:hidden}
  .final::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(168,106,82,.45),transparent 60%);top:-260px;left:50%;transform:translateX(-50%) scale(.9);transform-origin:center;animation:reservationGlow 7s ease-in-out infinite alternate;will-change:transform,opacity}
  @keyframes reservationGlow{
    from{transform:translateX(-50%) scale(.9);opacity:.82}
    to{transform:translateX(-50%) scale(1.18);opacity:1}
  }
  .final .wrap{position:relative;z-index:1;padding:100px 28px}
  .final .eyebrow{color:var(--clay-soft)}
  .final h2{font-size:clamp(28px,3.8vw,46px);font-weight:800;line-height:1.3;letter-spacing:-.03em;margin-top:16px;color:#fff}
  .final p{margin-top:15px;color:#cfc4b3;font-size:16px}
  .final .tel{margin-top:26px;font-size:clamp(32px,5.5vw,52px);font-weight:800;letter-spacing:-.02em;color:#e6b89f}
  .final .cta{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

  /* ===== footer ===== */
  footer{background:#241f17;color:#9a8f7c;font-size:14px;padding:62px 0 40px}
  .foot-top{display:grid;grid-template-columns:1.6fr repeat(7,1fr);gap:32px 22px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}
  .foot-brand .fl{display:flex;align-items:center;gap:11px;margin-bottom:16px}
  .foot-brand .fmark{width:40px;height:40px;
    -webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDQTlGODFENkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDQTlGODFFNkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNBOUY4MUI2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNBOUY4MUM2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nTmtlAAALu0lEQVR42sRZ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) center/contain no-repeat;
            mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmExY2QxMmY0MSwgMjAyNC8xMS8wOC0xNjowOToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDQTlGODFENkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDQTlGODFFNkE1NDExRjFCRTdFODY0RUZDNDBCQTBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNBOUY4MUI2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNBOUY4MUM2QTU0MTFGMUJFN0U4NjRFRkM0MEJBMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nTmtlAAALu0lEQVR42sRZ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) center/contain no-repeat;
    background-color:var(--clay)}
  .foot-brand b{color:#fff;font-size:19px;font-weight:800;display:block;line-height:1.1}
  .foot-brand small{letter-spacing:.2em;font-size:9px;color:#8a7f6c;font-weight:700}
  .foot-brand p{font-size:13.5px;line-height:1.8;color:#8a7f6c;max-width:290px;margin-top:6px}
  .foot-col h4{color:#e8e0d2;font-size:14px;font-weight:800;margin-bottom:14px}
  .foot-col a{display:block;font-size:13.5px;color:#9a8f7c;padding:5px 0;transition:.18s}
  .foot-col a:hover{color:#fff;padding-left:4px}
  .foot-info{margin-top:26px;line-height:1.95;color:#8a7f6c;font-size:13px}
  .foot-info .sep{margin:0 9px;opacity:.4}
  .foot-info strong{color:#c3b8a4;font-weight:700}
  .foot-business{white-space:nowrap}
  .foot-bottom{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
  .foot-bottom .links{display:flex;gap:20px;flex-wrap:wrap}
  .foot-bottom .links a{font-weight:700}.foot-bottom .links a:hover{color:#fff}
  .disclaimer{font-size:12px;color:#6f6553;line-height:1.7;margin-top:14px;max-width:800px}
  @media(max-width:860px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
  @media(max-width:520px){.foot-top{grid-template-columns:1fr}}

  /* info card header icon */
  .card-box h3 .hi{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--clay-soft);
    display:grid;place-items:center;color:var(--clay-d)}
  .card-box h3 .hi svg{width:19px;height:19px;display:block}
  .card-box h3 .tag{margin-left:auto}

  /* ===== right dock (ref) ===== */
  .dock{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:95}
  .dock .panel{background:#fffdfa;border:1px solid #eee5dd;
    box-shadow:0 12px 28px rgba(84,64,45,.10);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}
  .dock .panel a{width:84px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;
    font-size:11px;font-weight:700;color:#5e564f;transition:.2s;border-bottom:1px solid #eee5dd}
  .dock .panel a:last-child{border-bottom:0}
  .dock .panel a .ic{width:34px;height:34px;display:block;flex:none;font-size:0;line-height:0;background:center/28px auto no-repeat;transition:transform .2s}
  .dock .panel a:hover .ic{transform:translateY(-1px)}
  .dock .panel a:hover{background:#faf6f1;color:#5e564f}
  @media(max-width:1140px){.dock{display:none}}

  /* ===== mobile bar ===== */
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:none;grid-template-columns:repeat(4,1fr);
    background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px rgba(63,48,28,.4)}
  .mbar a{padding:10px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--text)}
  .mbar a .ic{width:30px;height:30px;display:block;flex:none;font-size:0;line-height:0;background:center/24px auto no-repeat}
  .dock .panel a:nth-child(1) .ic,.mbar a:nth-child(1) .ic{background-image:url("../icons/quick-naver.svg")}
  .dock .panel a:nth-child(2) .ic,.mbar a:nth-child(2) .ic{background-image:url("../icons/quick-phone.svg")}
  .dock .panel a:nth-child(2) .ic{background-size:34px auto}
  .mbar a:nth-child(2) .ic{background-size:30px auto}
  .dock .panel a:nth-child(3) .ic,.mbar a:nth-child(3) .ic{background-image:url("../icons/quick-online-user.png")}
  .dock .panel a:nth-child(4) .ic,.mbar a:nth-child(4) .ic{background-image:url("../icons/quick-kakao.png")}
  .mbar a.acc{color:#fff;background:var(--clay)}
  .mbar a.acc .ic{filter:brightness(0) invert(1);opacity:.94}
  @media(max-width:1140px){.mbar{display:grid}body{padding-bottom:62px}}

  /* ===== to top ===== */
  .toTop{position:fixed;right:20px;bottom:120px;z-index:94;width:52px;height:52px;border-radius:50%;background:var(--paper);
    color:var(--ink);border:1px solid var(--line2);cursor:pointer;display:grid;place-items:center;font-size:18px;
    opacity:0;visibility:hidden;transition:.3s;box-shadow:var(--shadow-m)}
  .toTop.show{opacity:1;visibility:visible}
  .toTop:hover{background:var(--clay);color:#fff;border-color:var(--clay)}
  @media(max-width:1140px){.toTop{bottom:74px}}

  /* ===== mobile polish ===== */
  .wrap,.head,.hero .tx,.doc .panel,.svc,.card-box,.addr .v{min-width:0}
  h1,h2,h3,p,.lead,.addr .v,.htable th,.htable td,.btn{word-break:keep-all;overflow-wrap:break-word}
  h1,h2,h3{text-wrap:balance}
  .telrow a,.final .tel,.nav-tel{white-space:nowrap}

  @media(max-width:640px){
    .wrap{padding-left:22px;padding-right:22px}
    .nav{height:68px;gap:12px}
    .logo{gap:9px;min-width:0}
    .logo .mark{width:34px;height:34px}
    .logo b{font-size:18px}
    .logo small{font-size:8px;letter-spacing:.12em}
    .nav-cta{gap:6px;flex-shrink:0}
    .nav-cta .btn{min-height:42px;padding:11px 16px!important;font-size:14px}
    .hamb{width:42px;height:42px;align-items:center;justify-content:center;padding:0}
    section.block{padding:76px 0}
    .head{margin-bottom:34px}
    .head h2{font-size:clamp(25px,7.1vw,30px);line-height:1.42;letter-spacing:-.025em}
    .head p{font-size:15px;line-height:1.75}
    .eyebrow{font-size:11px;letter-spacing:.18em}
    .hero .tx{padding:48px 0 72px}
    .hero h1{font-size:clamp(30px,8.2vw,34px);line-height:1.32;letter-spacing:-.025em;margin-top:18px}
    .hero .lead{font-size:15px;line-height:1.75;margin-top:18px}
    .hero .cta{gap:10px;margin-top:26px}
    .hero .cta .btn{flex:1 1 0;min-width:0;padding:14px 12px;font-size:13px}
    .hero .prog{margin-top:34px}
    .consult.inline{margin-top:-34px}
    .consult.inline{grid-template-columns:1fr;gap:10px;padding:16px}
    .consult .lbl,.consult .go{grid-column:auto}
    .consult select,.consult input,.consult .go{min-height:46px}
    .doc .ph{height:320px}
    .doc .panel{padding:40px 24px}
    .scard .arr{top:20px;right:20px;width:46px;height:46px}
    .scard p{font-size:13.5px;line-height:1.62}
    .card-box{padding:28px 24px;border-radius:18px}
    .card-box h3{font-size:19px;gap:9px;margin-bottom:18px}
    .card-box h3 .tag{font-size:10px;padding:4px 9px;letter-spacing:.1em}
    .htable{font-size:15px}
    .htable th,.htable td{padding:14px 0}
    .htable th{width:118px;padding-right:10px}
    .htable td{padding-left:10px}
    .htable .night{margin-left:6px}
    .telrow{margin-top:20px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
    .telrow a{font-size:26px;line-height:1.15;letter-spacing:-.02em}
    .map{aspect-ratio:16/9.6}
    .addr{gap:14px}
    .addr .r{gap:12px;font-size:14.5px;line-height:1.75}
    .addr .k{width:58px}
    .final .wrap{padding:78px 22px}
    footer{padding:48px 0 32px}
    .toTop{display:none}
  }

  @media(max-width:370px){
    .wrap{padding-left:18px;padding-right:18px}
    .nav-cta .btn{display:none}
    .hero .cta{flex-direction:column}
    .hero .cta .btn{width:100%;min-height:46px}
    .card-box{padding:24px 20px}
    .telrow a{font-size:24px}
  }

  /* ===== reveal ===== */
  .rv{opacity:1;transform:none}
  .js .rv{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.3,1)}
  .js .rv.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.final::before{animation:none;transform:translateX(-50%) scale(1);opacity:1}}

  /* ===== shared PHP / sub pages ===== */
  .skip-link{position:absolute;left:16px;top:12px;z-index:999;background:var(--ink);color:#fff;padding:9px 13px;border-radius:10px;transform:translateY(-140%);transition:.2s}
  .skip-link:focus{transform:none}
  .gnb>li>a.on{color:var(--clay);background:rgba(168,106,82,.08)}
  .sub-main{background:linear-gradient(180deg,var(--cream),#f8f2e8 42%,var(--cream))}
  .sub-hero{position:relative;min-height:360px;overflow:hidden;background:var(--ink)}
  .sub-hero .ph{position:absolute;inset:0;border-radius:0;background:center/cover no-repeat;min-height:100%;filter:saturate(.95)}
  .sub-hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(44,38,29,.82),rgba(44,38,29,.44),rgba(44,38,29,.72))}
  .ph-tag{display:none}
  .dept-urolithiasis .sub-hero .ph{background-image:url("../../images/urology-pain.jpg")}
  .dept-dermatology .sub-hero .ph{background-image:url("../../images/derma-lg.webp")}
  .dept-plastic .sub-hero .ph{background-image:url("../../images/plastic-lg.jpg")}
  .dept-hair .sub-hero .ph{background-image:url("../../images/hair-man.webp")}
  .dept-weightloss .sub-hero .ph{background-image:url("../../images/diet-lg.jpg")}
  .dept-about .sub-hero .ph{background-image:url("../../images/doctor.jpg")}
  .dept-community .sub-hero .ph,.dept-etc .sub-hero .ph{background-image:url("../../images/man-patient.jpg")}
  .sh-ov{position:relative;z-index:1;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 24px;color:#fff}
  .sh-title{display:flex;align-items:center;justify-content:center;gap:18px}
  .sh-title .bk{font-size:clamp(60px,9vw,118px);line-height:.8;font-weight:200;color:rgba(255,255,255,.34)}
  .sh-title .t{font-size:clamp(30px,4.3vw,56px);line-height:1.24;font-weight:800;letter-spacing:-.04em;color:#fff}
  .sh-title .t b{color:#f0c7b3}
  .sh-en{margin-top:18px;font-size:12px;letter-spacing:.28em;font-weight:800;color:rgba(255,255,255,.68)}
  .crumb{font-size:13px;font-weight:700;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .crumb a:focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:4px}
  .crumb a{color:var(--clay)}
  .crumb .sep{color:var(--line2)}
  .review-line{margin-top:12px;font-size:13px;color:var(--muted);font-weight:700}
  .layoutg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;margin-top:34px}
  .sidebar{position:sticky;top:102px;align-self:start;background:rgba(255,252,246,.86);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-s)}
  .sb-title{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:14px}
  .sb-list{display:grid;gap:6px}
  .sb-list a{display:block;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:750;color:var(--text);transition:.18s}
  .sb-list a:hover,.sb-list a.on{background:var(--clay-soft);color:var(--clay-d)}
  .content{min-width:0}
  .content>*,.sub-main .wrap>*{min-width:0}
  .prose-sec,.plain-block,.b-faq,.b-related,.b-info2,.b-check,.b-note,.b-closing,.tbl-tools,.tbl{background:rgba(255,252,246,.9);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s)}
  .prose-sec,.plain-block,.b-faq,.b-related,.b-info2,.b-check,.b-note,.b-closing{padding:32px;margin-top:24px}
  .content>:first-child{margin-top:0}
  .c-head,.why-h{margin-bottom:20px}
  .ch-s,.sh-s,.sp-s,.ck{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);margin-bottom:8px}
  .ch-b,.sh-b,.prose-sec h2,.plain-block h2{font-size:clamp(24px,3vw,36px);line-height:1.34;color:var(--ink);font-weight:900;letter-spacing:-.035em}
  .h,.prose-sec h3,.plain-block h3{font-size:21px;line-height:1.4;color:var(--ink);font-weight:900;margin-bottom:12px}
  .content p,.content li{font-size:16px;line-height:1.82;word-break:keep-all}
  .content b,.content strong{color:var(--ink);font-weight:900}
  .ph.navy,.b-img{min-height:260px;border-radius:18px;background:center/cover no-repeat;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-s)}
  .b-img::after,.ph.navy::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,38,29,.08),rgba(44,38,29,.42))}
  .dept-urolithiasis .b-img,.dept-urolithiasis .ph.navy{background-image:url("../../images/urology-lg.jpg")}
  .dept-dermatology .b-img,.dept-dermatology .ph.navy{background-image:url("../../images/derma-lg.webp")}
  .dept-dermatology .acne-fig{background-image:url("../../images/acne-skin-trouble-care.jpg");background-position:center 18%}
  .dept-dermatology .whitening-fig{background-image:url("../../images/whitening-redness-care.jpg");background-position:center 18%}
  .dept-dermatology .wrinkle-fig{background-image:url("../../images/wrinkle-botox-care.jpg");background-position:center 18%}
  .dept-dermatology .skinbooster-fig{background-image:url("../../images/skinbooster-glow-care.jpg");background-position:center 18%}
  .dept-dermatology .hair-removal-fig{background-image:url("../../images/hair-removal-face-care.jpg");background-position:center 18%}
  .dept-dermatology .tattoo-removal-fig{background-image:url("../../images/tattoo-removal-care.jpg");background-position:center 18%}
  .dept-dermatology .uro-about-grid .acne-fig,
  .dept-dermatology .uro-about-grid .whitening-fig,
  .dept-dermatology .uro-about-grid .wrinkle-fig,
  .dept-dermatology .uro-about-grid .skinbooster-fig,
  .dept-dermatology .uro-about-grid .hair-removal-fig,
  .dept-dermatology .uro-about-grid .tattoo-removal-fig{min-height:520px}
  .dept-dermatology .acne-fig::after,
  .dept-dermatology .whitening-fig::after,
  .dept-dermatology .wrinkle-fig::after,
  .dept-dermatology .skinbooster-fig::after,
  .dept-dermatology .hair-removal-fig::after,
  .dept-dermatology .tattoo-removal-fig::after{background:linear-gradient(180deg,rgba(44,38,29,.02),rgba(44,38,29,.14))}
  .dept-plastic .b-img,.dept-plastic .ph.navy{background-image:url("../../images/plastic-lg.jpg")}
  .dept-plastic .dimple-fig{background-image:url("../../images/plastic-dimple-care.jpg");background-position:center 12%}
  .dept-plastic .blepharoplasty-fig{background-image:url("../../images/plastic-blepharoplasty-care.jpg");background-position:center 12%}
  .dept-plastic .filler-fig{background-image:url("../../images/plastic-filler-care.jpg");background-position:center 12%}
  .dept-plastic .lifting-fig{background-image:url("../../images/plastic-lifting-care.jpg");background-position:center 12%}
  .dept-plastic .uro-about-grid .dimple-fig,
  .dept-plastic .uro-about-grid .blepharoplasty-fig,
  .dept-plastic .uro-about-grid .filler-fig,
  .dept-plastic .uro-about-grid .lifting-fig{min-height:520px}
  .dept-plastic .dimple-fig::after,
  .dept-plastic .blepharoplasty-fig::after,
  .dept-plastic .filler-fig::after,
  .dept-plastic .lifting-fig::after{background:linear-gradient(180deg,rgba(44,38,29,.02),rgba(44,38,29,.14))}
  .dept-hair .b-img,.dept-hair .ph.navy{background-image:url("../../images/hair-lg.jpg")}
  .dept-weightloss .b-img,.dept-weightloss .ph.navy{background-image:url("../../images/diet-lg.jpg")}
  .dept-about .b-img,.dept-about .ph.navy{background-image:url("../../images/doctor.jpg")}
  .dept-community .b-img,.dept-community .ph.navy,.dept-etc .b-img,.dept-etc .ph.navy{background-image:url("../../images/man-patient.jpg")}
  .pb-list,.b-rows,.equip-list,.hub-grid,.why-item,.proc-steps,.rel-list{display:grid;gap:14px}
  .hub-grid,.equip-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-item,.b-row,.equip-item,.why-item,.dept-card,.proc-steps li,.rel-list a{background:#fffaf3;border:1px solid var(--line);border-radius:16px;padding:20px;transition:.22s cubic-bezier(.3,.8,.4,1)}
  .pb-item:hover,.b-row:hover,.equip-item:hover,.why-item:hover,.dept-card:hover,.rel-list a:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--shadow-s)}
  .pb-t,.br-t,.dept-card h3,.equip-item h3{display:block;font-size:18px;font-weight:900;color:var(--ink);margin-bottom:6px}
  .pb-foot,.br-d,.tags,.eq-en{font-size:14px;color:var(--muted);font-weight:700}
  .dc-ic,.br-ic,.ps-n{width:38px;height:38px;border-radius:13px;background:var(--clay-soft);color:var(--clay-d);display:inline-grid;place-items:center;font-size:14px;font-weight:900;margin-bottom:12px}
  .proc{counter-reset:step;display:grid;gap:14px}
  .proc-steps{grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0}
  .proc-steps li{counter-increment:step;position:relative;padding-left:64px}
  .proc-steps li::before{content:counter(step, decimal-leading-zero);position:absolute;left:20px;top:20px;color:var(--clay);font-size:13px;font-weight:900}
  .b-faq{display:grid;gap:12px}
  .b-faq-item{border:1px solid var(--line);border-radius:16px;background:#fffaf3;overflow:hidden}
  .faq-q,.faq-a{display:flex;gap:12px;padding:18px 20px}
  .faq-q{font-weight:900;color:var(--ink);border-bottom:1px solid var(--line)}
  .faq-a{color:var(--text)}
  .qm,.am{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}
  .qm{background:var(--clay);color:#fff}
  .am{background:var(--clay-soft);color:var(--clay-d)}
  .btn-blue,.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:13px 22px;border-radius:999px;font-size:15px;font-weight:900;transition:.22s cubic-bezier(.3,.8,.4,1)}
  .btn-blue{background:var(--clay);color:#fff;box-shadow:0 16px 34px -16px rgba(168,106,82,.8)}
  .btn-white{background:#fff;color:var(--clay-d);border:1px solid var(--line)}
  .btn-blue:hover,.btn-white:hover{transform:translateY(-2px)}
  .b-closing{background:var(--ink);color:#efe7dc;text-align:center}
  .b-closing .h,.b-closing h2{color:#fff}
  .b-closing .tel,.tel-big{font-size:clamp(28px,4vw,44px);font-weight:900;color:#e6b89f}
  .tbl-tools{padding:20px;margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
  .search-bar{display:flex;gap:8px;flex:1;min-width:260px;background:transparent;border:0;box-shadow:none;padding:0}
  .search-bar input,.search-bar select,.b-form input,.b-form textarea,.b-form select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fffaf3;padding:0 14px;font:inherit;color:var(--ink)}
  .btn-srch{min-height:44px;border:0;border-radius:12px;background:var(--olive);color:#fff;font-weight:900;padding:0 18px}
  .tbl{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;overflow:hidden}
  .tbl th,.tbl td{padding:16px 14px;border-bottom:1px solid var(--line);font-size:14px;text-align:left;background:rgba(255,252,246,.9)}
  .tbl th{color:var(--ink);font-weight:900}
  .st-done,.st-wait{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900}
  .st-done{background:#e8f2e9;color:#507f5d}
  .st-wait{background:#fff2d8;color:#9a6a18}
  .lock{color:var(--muted);font-size:12px;margin-left:6px}
  .map-ph{min-height:260px;border-radius:18px;background:linear-gradient(150deg,#e7ddcd,#dccdb6);border:1px solid var(--line);display:grid;place-items:center;color:var(--text);font-weight:800}
  .addr{background:rgba(255,252,246,.9);border:1px solid var(--line);border-radius:var(--r);padding:28px;margin-top:18px}
  .hide-m{display:inline}
  .sub-final{margin-top:0}

  /* requested hover motion: CARE PROCESS + INFORMATION */
  .care-card,.card-box{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s,border-color .28s;background-clip:padding-box}
  .care-card::after,.card-box::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0) 42%);opacity:0;transform:translateX(-18%);transition:opacity .28s,transform .38s;pointer-events:none}
  .care-card:hover,.card-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:var(--line2)}
  .care-card:hover::after,.card-box:hover::after{opacity:1;transform:translateX(0)}
  .care-card .mark,.card-box h3 .hi{transition:transform .25s cubic-bezier(.3,.8,.4,1),background .25s,color .25s}
  .care-card:hover .mark,.card-box:hover h3 .hi{transform:translateY(-2px) scale(1.06);background:var(--clay);color:#fff}
  .card-box:hover .map .pin{animation:pinNudge .55s cubic-bezier(.3,.8,.4,1)}
  @keyframes pinNudge{0%,100%{transform:rotate(-45deg) translate(0,0)}45%{transform:rotate(-45deg) translate(4px,-5px)}}

  @media(max-width:980px){
    .layoutg{grid-template-columns:1fr}
    .sidebar{position:relative;top:auto}
    .sb-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:720px){
    .sub-hero,.sh-ov{min-height:310px}
    .layoutg{gap:24px}
    .prose-sec,.plain-block,.b-faq,.b-related,.b-info2,.b-check,.b-note,.b-closing{padding:24px 20px}
    .hub-grid,.equip-list,.proc-steps,.sb-list{grid-template-columns:1fr}
    .sh-title{gap:10px}
    .sh-title .bk{font-size:48px}
    .hide-m{display:none}
  }

  /* ===== sub page design refresh ===== */
  body.sub-page{
    --sub-max:1120px;
    --sub-content:820px;
    --hero-rgb:168,106,82;
    --hero-deep:#241f17;
    --hero-mid:#3a3027;
    --hero-low:#5a4c36;
    background:#f4ede3;
  }
  body.sub-page.dept-dermatology{--hero-rgb:184,120,100;--hero-mid:#3d2f2b;--hero-low:#60483d}
  body.sub-page.dept-plastic{--hero-rgb:178,128,88;--hero-mid:#3c3228;--hero-low:#62513a}
  body.sub-page.dept-hair{--hero-rgb:123,117,80;--hero-mid:#303428;--hero-low:#55573b}
  body.sub-page.dept-weightloss{--hero-rgb:138,124,84;--hero-mid:#333527;--hero-low:#5c593b}
  body.sub-page.dept-community,
  body.sub-page.dept-etc{--hero-rgb:123,117,80;--hero-mid:#312f26;--hero-low:#545038}
  body.sub-page .sub-main{
    background:
      linear-gradient(180deg,rgba(255,252,246,.52) 0,rgba(255,252,246,0) 460px),
      radial-gradient(circle at 18% 18%,rgba(168,106,82,.09),transparent 320px),
      linear-gradient(180deg,#f4ede3 0,#f9f3e9 48%,#f1e8dc 100%);
  }
  body.sub-page .sub-hero{
    min-height:clamp(216px,24vw,276px);
    isolation:isolate;
    background:
      radial-gradient(110% 150% at 84% -12%,rgba(var(--hero-rgb),.42),transparent 52%),
      radial-gradient(80% 120% at 8% 118%,rgba(var(--hero-rgb),.20),transparent 44%),
      radial-gradient(60% 90% at 16% -6%,rgba(255,255,255,.05),transparent 58%),
      linear-gradient(158deg,var(--hero-deep) 0%,var(--hero-mid) 56%,var(--hero-low) 128%);
  }
  body.sub-page .sub-hero::before,
  body.sub-page .sub-hero::after{
    content:"";
    position:absolute;
    pointer-events:none;
  }
  /* hole-in-one motif: soft center disc + concentric rings, cropped at right edge */
  body.sub-page .sub-hero::before{
    z-index:0;
    top:50%;
    right:clamp(-180px,-9vw,-60px);
    width:clamp(440px,54vw,780px);
    aspect-ratio:1;
    transform:translateY(-50%);
    border-radius:50%;
    background:
      radial-gradient(circle,rgba(var(--hero-rgb),.34) 0,rgba(var(--hero-rgb),.16) 20%,transparent 44%),
      repeating-radial-gradient(circle,transparent 0 54px,rgba(255,255,255,.07) 54px 55.5px);
    -webkit-mask-image:radial-gradient(circle,#000 40%,transparent 78%);
            mask-image:radial-gradient(circle,#000 40%,transparent 78%);
  }
  body.sub-page .sub-hero::after{
    z-index:2;
    inset:0;
    background:linear-gradient(180deg,rgba(20,16,11,.20),transparent 32%,transparent 62%,rgba(20,16,11,.38));
  }
  body.sub-page .sub-hero .ph,
  body.sub-page .sub-hero .ph.navy{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:100%;
    border:0;
    border-radius:0;
    box-shadow:none;
    filter:none;
    transform:none;
    z-index:1;
    background:none;
  }
  body.sub-page .sub-hero .ph::before,
  body.sub-page .sub-hero .ph.navy::before,
  body.sub-page .sub-hero .ph::after,
  body.sub-page .sub-hero .ph.navy::after{content:none}
  /* image-backed standard heroes keep their centered white title legible */
  body.sub-page .sub-hero.has-image:not(.is-feature) .ph::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(28,24,17,.74),rgba(28,24,17,.48) 56%,rgba(28,24,17,.38));
  }
  /* Community heroes are framed slightly higher so faces sit in the visible centre. */
  body.sub-page.dept-community .sub-hero.has-image .ph{background-position:center 35%}
  body.sub-page .sh-ov{
    z-index:3;
    min-height:clamp(216px,24vw,276px);
    padding:54px 24px 50px;
  }
  body.sub-page .sh-title{
    max-width:min(920px,calc(100vw - 48px));
    gap:16px;
  }
  body.sub-page .sh-title .bk{
    color:rgba(255,255,255,.42);
    font-size:clamp(52px,8vw,100px);
    font-weight:250;
  }
  body.sub-page .sh-title .t{
    font-size:clamp(34px,4.2vw,58px);
    line-height:1.18;
    text-shadow:0 18px 48px rgba(0,0,0,.28);
  }
  body.sub-page .sh-title .t b{color:#f0c7b3}
  body.sub-page .sh-en{
    margin-top:18px;
    color:rgba(255,255,255,.72);
  }
  /* opener folded into the hero: breadcrumb and lead ride the band, no cream opener below it */
  body.sub-page .sub-hero.has-lead,
  body.sub-page .sub-hero.has-lead .sh-ov{
    min-height:clamp(300px,31vw,384px);
  }
  body.sub-page .sub-hero.has-lead .sh-ov{
    padding:44px 24px 50px;
  }
  body.sub-page .sh-crumb{
    justify-content:center;
    margin-bottom:24px;
    color:rgba(255,255,255,.58);
  }
  body.sub-page .sh-crumb a{color:rgba(255,255,255,.84)}
  body.sub-page .sh-crumb a:hover{color:#f0c7b3}
  body.sub-page .sh-crumb .sep{color:rgba(255,255,255,.32)}
  body.sub-page .sh-lead{
    margin-top:24px;
    max-width:660px;
    font-size:16px;
    line-height:1.85;
    color:rgba(255,255,255,.80);
    word-break:keep-all;
    text-shadow:0 10px 30px rgba(0,0,0,.34);
  }
  /* feature hero: the page opener (crumb, headline, CTAs, facts) lives inside the hero band.
     Photo backdrop keeps the subject on the right; the scrim darkens the text side. */
  body.sub-page .sub-hero.is-feature::before{content:none}
  body.sub-page .sub-hero.is-feature,
  body.sub-page .sub-hero.is-feature .sh-ov{min-height:auto}
  /* the photo itself is set inline from the page's hero.image; this only sizes it */
  body.sub-page .sub-hero.is-feature .ph{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:78% center;
  }
  body.sub-page .sub-hero.is-feature .ph::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(96deg,rgba(28,24,17,.96) 0%,rgba(28,24,17,.93) 30%,rgba(28,24,17,.72) 52%,rgba(28,24,17,.34) 74%,rgba(28,24,17,.20) 100%);
  }
  body.sub-page .sub-hero.is-feature .sh-ov{
    display:block;
    text-align:left;
    padding:52px 0 46px;
  }
  body.sub-page .sub-hero.is-feature .sh-crumb{justify-content:flex-start;margin-bottom:26px}
  .sh-pill{
    display:inline-flex;
    align-items:center;
    padding:8px 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.08);
    font-size:11.5px;
    font-weight:800;
    letter-spacing:.18em;
    color:rgba(255,255,255,.86);
  }
  .sh-feat-t{
    margin-top:22px;
    max-width:700px;
    font-size:clamp(27px,3.2vw,44px);
    font-weight:800;
    line-height:1.3;
    letter-spacing:-.035em;
    color:#fff;
    word-break:keep-all;
    text-shadow:0 18px 48px rgba(0,0,0,.34);
  }
  .sh-feat-t b{color:#f0c7b3}
  body.sub-page .sub-hero.is-feature .sh-lead{margin-top:22px;max-width:560px}
  .sh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
  .sh-btn-ghost{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
  .sh-btn-ghost:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.12)}
  /* facts strip pinned to the foot of the band, above the photo scrim */
  .sh-facts{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.14);background:rgba(16,13,9,.42)}
  .sh-facts ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}
  .sh-facts li{padding:20px 24px;border-left:1px solid rgba(255,255,255,.12)}
  .sh-facts li:first-child{border-left:0;padding-left:0}
  .sh-facts-k{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.56)}
  .sh-facts-v{display:block;margin-top:7px;font-size:15px;font-weight:800;color:#fff;word-break:keep-all}
  .sh-facts-v em{font-style:normal;color:#f0c7b3}
  .sh-facts-v a:hover{color:#f0c7b3}

  body.sub-page .sub-main>.wrap{
    width:100%;
    max-width:min(var(--sub-max),calc(100% - 48px));
    padding-left:0;
    padding-right:0;
  }
  body.sub-page .sub-main>.wrap.layoutg{
    grid-template-columns:240px minmax(0,var(--sub-content));
    justify-content:center;
    gap:32px;
    margin-top:0;
    padding-top:58px;
    padding-bottom:86px;
  }
  body.sub-page .sub-main>.wrap:not(.layoutg){
    max-width:min(900px,calc(100% - 48px));
    padding-top:58px!important;
    padding-bottom:86px!important;
  }
  body.sub-page .sidebar{
    top:100px;
    padding:20px;
    border-radius:18px;
    background:rgba(255,252,246,.78);
    backdrop-filter:saturate(135%) blur(12px);
    box-shadow:0 18px 44px -34px rgba(63,48,28,.54);
  }
  body.sub-page .sb-title{
    padding-bottom:14px;
    margin-bottom:12px;
    border-bottom:1px solid var(--line);
    font-size:17px;
  }
  body.sub-page .sb-list{gap:8px;list-style:none}
  body.sub-page .sb-list a{
    min-height:42px;
    display:flex;
    align-items:center;
    padding:10px 12px;
    border-radius:12px;
    line-height:1.42;
  }
  body.sub-page .sb-list a.on{
    background:#efe0d4;
    color:#8d533d;
    box-shadow:inset 3px 0 0 var(--clay);
  }
  body.sub-page .content{
    width:100%;
    max-width:var(--sub-content);
  }
  body.sub-page .crumb{
    padding:0 2px;
    font-size:13px;
  }
  body.sub-page .review-line{
    margin-top:10px;
    padding:0 2px;
  }
  body.sub-page .content>.c-head,
  body.sub-page .content>.why-h{
    margin-top:24px!important;
    margin-bottom:26px!important;
    padding:34px;
    border:1px solid var(--line);
    border-radius:20px;
    background:rgba(255,252,246,.82);
    box-shadow:0 20px 54px -40px rgba(63,48,28,.55);
  }
  body.sub-page .chev{
    width:54px;
    height:3px;
    margin-top:20px;
    border-radius:999px;
    background:var(--clay);
  }
  body.sub-page .prose-sec,
  body.sub-page .plain-block,
  body.sub-page .b-related,
  body.sub-page .b-info2,
  body.sub-page .b-check,
  body.sub-page .b-note,
  body.sub-page .tbl-tools,
  body.sub-page .tbl{
    border-radius:20px;
    border:1px solid rgba(212,200,178,.86);
    background:rgba(255,252,246,.88);
    box-shadow:0 20px 54px -42px rgba(63,48,28,.52);
  }
  body.sub-page .prose-sec,
  body.sub-page .plain-block,
  body.sub-page .b-related,
  body.sub-page .b-info2,
  body.sub-page .b-check,
  body.sub-page .b-note{
    padding:34px;
    margin-top:24px;
  }
  body.sub-page .prose-sec+section,
  body.sub-page .plain-block+section,
  body.sub-page .b-check+section,
  body.sub-page .b-related+section{
    margin-top:24px!important;
  }
  body.sub-page .prose-sec h2,
  body.sub-page .plain-block h2,
  body.sub-page .b-check .t,
  body.sub-page .b-related h2{
    font-size:clamp(23px,2.2vw,31px);
    line-height:1.34;
    letter-spacing:-.025em;
  }
  body.sub-page .content p,
  body.sub-page .content li{
    color:#62594c;
    line-height:1.86;
  }
  body.sub-page .content ul,
  body.sub-page .content ol{
    padding-left:1.15em;
  }
  body.sub-page .content>.b-img,
  body.sub-page .content>.ph.navy{
    display:block;
    width:100%;
    min-height:clamp(260px,32vw,390px);
    margin-top:24px;
    border-radius:20px;
  }
  body.sub-page .prose-sec .b-faq,
  body.sub-page .plain-block .b-faq{
    padding:0;
    margin-top:18px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body.sub-page .b-faq-item,
  body.sub-page .pb-item,
  body.sub-page .b-row,
  body.sub-page .equip-item,
  body.sub-page .why-item,
  body.sub-page .proc-steps li,
  body.sub-page .rel-list a{
    border-radius:16px;
    background:#fffaf3;
    box-shadow:none;
  }
  body.sub-page .pb-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.sub-page .b-rows{
    grid-template-columns:1fr;
  }
  body.sub-page .b-sym{
    display:grid;
    gap:12px;
  }
  body.sub-page .b-sym ul{
    display:grid;
    gap:10px;
    padding-left:0;
    list-style:none;
  }
  body.sub-page .b-sym li{
    position:relative;
    padding:13px 16px 13px 42px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fffaf3;
  }
  body.sub-page .b-sym li::before{
    content:"";
    position:absolute;
    left:18px;
    top:24px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--clay);
  }
  body.sub-page .b-check ul{
    display:grid;
    gap:12px;
    margin-top:20px;
    padding-left:0;
    list-style:none;
  }
  body.sub-page .b-check li{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px 16px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fffaf3;
  }
  body.sub-page .b-check .ck{
    flex:0 0 auto;
    width:28px;
    height:28px;
    margin:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    background:var(--clay);
    letter-spacing:0;
  }
  body.sub-page .info2{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:26px;
    align-items:start;
  }
  body.sub-page .cmp-tbl{
    width:100%;
    border-collapse:collapse;
    font-size:15px;
  }
  body.sub-page .cmp-tbl caption{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
  }
  body.sub-page .cmp-tbl th,
  body.sub-page .cmp-tbl td{
    padding:14px 0;
    border-bottom:1px solid var(--line);
    text-align:left;
  }
  body.sub-page .cmp-tbl th{
    color:var(--muted);
    font-weight:800;
  }
  body.sub-page .cmp-tbl td{
    color:var(--ink);
    font-weight:800;
  }
  body.sub-page .time-pill{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    margin-left:8px;
    padding:0 9px;
    border-radius:999px;
    background:var(--clay);
    color:#fff;
    font-size:11px;
    font-weight:900;
  }
  body.sub-page .tel-big{
    margin-top:22px;
    padding:20px;
    border-radius:16px;
    background:rgba(123,117,80,.11);
  }
  body.sub-page .tel-big .tb-l{
    font-size:13px;
    font-weight:900;
    color:var(--olive);
  }
  body.sub-page .tel-big .tb-n{
    margin-top:4px;
    color:#a86a52;
    font-size:clamp(28px,3.3vw,40px);
    line-height:1.1;
    font-weight:900;
  }
  body.sub-page .b-info2 .addr{
    display:block;
    margin-top:18px;
    padding:20px;
    border-radius:16px;
    background:#fffaf3;
    color:var(--ink);
    font-weight:800;
  }
  body.sub-page .b-info2 .addr small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:13px;
    font-weight:700;
  }
  body.sub-page .map-ph{
    min-height:260px;
    border-radius:16px;
    background:
      linear-gradient(135deg,rgba(168,106,82,.14),transparent 42%),
      linear-gradient(150deg,#e7ddcd,#d9c8af);
  }
  body.sub-page .tbl-tools{
    align-items:center;
    padding:18px;
  }
  body.sub-page .search-bar input,
  body.sub-page .search-bar select,
  body.sub-page .b-form input,
  body.sub-page .b-form textarea,
  body.sub-page .b-form select{
    background:#fffaf3;
    border-radius:12px;
  }
  body.sub-page .tbl{
    border-collapse:separate;
    border-spacing:0;
  }
  body.sub-page table.tbl{
    display:table;
  }
  body.sub-page .b-closing{
    width:min(var(--sub-max),calc(100% - 48px));
    margin:0 auto 0;
    padding:42px 32px;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  body.sub-page .layoutg+.b-closing,
  body.sub-page .wrap+.b-closing{
    margin-top:-34px;
    margin-bottom:76px;
    border-radius:22px;
  }
  body.sub-page .b-closing .tel{
    line-height:1.12;
  }
  body.sub-page .sub-final{
    margin-top:0;
  }
  body.sub-page .sub-final .wrap{
    padding-top:84px;
    padding-bottom:88px;
  }
  body.sub-page .sub-final .rv{
    opacity:1;
    transform:none;
  }
  body.sub-page .consult.float{
    display:none;
  }

  @media(max-width:900px){
    .sh-facts ul{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sh-facts li:nth-child(odd){border-left:0;padding-left:0}
    .sh-facts li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
  }
  @media(max-width:1140px){
    body.sub-page .sub-main>.wrap.layoutg{
      grid-template-columns:220px minmax(0,1fr);
      gap:28px;
    }
  }
  @media(max-width:980px){
    body.sub-page .sub-main>.wrap.layoutg{
      grid-template-columns:1fr;
      max-width:min(820px,calc(100% - 44px));
    }
    body.sub-page .sidebar{
      position:relative;
      top:auto;
      padding:14px;
      overflow:hidden;
    }
    body.sub-page .sb-title{
      margin:0 0 10px;
      padding:0;
      border:0;
      font-size:14px;
      color:var(--muted);
    }
    body.sub-page .sb-list{
      display:flex;
      gap:8px;
      overflow-x:auto;
      padding-bottom:2px;
      scrollbar-width:none;
    }
    body.sub-page .sb-list::-webkit-scrollbar{display:none}
    body.sub-page .sb-list li{flex:0 0 auto}
    body.sub-page .sb-list a{
      white-space:nowrap;
      min-height:40px;
      padding:9px 13px;
      border:1px solid var(--line);
      background:#fffaf3;
    }
    body.sub-page .sb-list a.on{
      box-shadow:none;
      border-color:#e3c2b2;
    }
  }
  @media(max-width:720px){
    body.sub-page .sub-main>.wrap,
    body.sub-page .sub-main>.wrap.layoutg,
    body.sub-page .sub-main>.wrap:not(.layoutg),
    body.sub-page .b-closing{
      max-width:calc(100% - 36px);
      width:calc(100% - 36px);
    }
    body.sub-page .sub-hero,
    body.sub-page .sh-ov{
      min-height:200px;
    }
    body.sub-page .sh-ov{
      padding:48px 18px 42px;
    }
    body.sub-page .sh-title{
      gap:8px;
    }
    body.sub-page .sh-title .bk{
      font-size:42px;
    }
    body.sub-page .sh-title .t{
      font-size:clamp(28px,8vw,36px);
      line-height:1.22;
    }
    body.sub-page .sh-en{
      font-size:10px;
      letter-spacing:.22em;
    }
    body.sub-page .sub-hero.has-lead,
    body.sub-page .sub-hero.has-lead .sh-ov{
      min-height:auto;
    }
    body.sub-page .sub-hero.has-lead .sh-ov{
      padding:36px 18px 40px;
    }
    body.sub-page .sh-crumb{
      margin-bottom:16px;
      font-size:12px;
    }
    body.sub-page .sh-lead{
      margin-top:18px;
      font-size:14.5px;
      line-height:1.8;
    }
    /* subjects sit right of frame; on narrow screens pull them in and darken the whole plate */
    body.sub-page .sub-hero.is-feature .ph{background-position:72% center}
    body.sub-page .sub-hero.is-feature .ph::after{
      background:linear-gradient(180deg,rgba(28,24,17,.90) 0%,rgba(28,24,17,.86) 46%,rgba(28,24,17,.94) 100%);
    }
    body.sub-page .sub-hero.is-feature .sh-ov{padding:36px 0 38px}
    body.sub-page .sub-hero.is-feature .sh-crumb{margin-bottom:18px}
    .sh-pill{padding:7px 13px;font-size:10.5px;letter-spacing:.14em}
    .sh-feat-t{margin-top:18px;font-size:clamp(24px,6.4vw,32px)}
    .sh-cta{margin-top:26px}
    .sh-cta .btn{flex:1 1 100%}
    .sh-facts li{padding:16px 13px}
    .sh-facts-v{font-size:12.5px}
    body.sub-page .sub-main>.wrap.layoutg,
    body.sub-page .sub-main>.wrap:not(.layoutg){
      padding-top:36px!important;
      padding-bottom:58px!important;
    }
    body.sub-page .content>.c-head,
    body.sub-page .content>.why-h,
    body.sub-page .prose-sec,
    body.sub-page .plain-block,
    body.sub-page .b-related,
    body.sub-page .b-info2,
    body.sub-page .b-check,
    body.sub-page .b-note{
      padding:24px 20px;
      border-radius:18px;
    }
    body.sub-page .pb-list,
    body.sub-page .hub-grid,
    body.sub-page .equip-list,
    body.sub-page .proc-steps,
    body.sub-page .info2{
      grid-template-columns:1fr;
    }
    body.sub-page .proc-steps li{
      padding-left:54px;
    }
    body.sub-page .proc-steps li::before{
      left:18px;
    }
    body.sub-page .search-bar{
      min-width:0;
      width:100%;
      display:grid;
      grid-template-columns:1fr;
    }
    body.sub-page .tbl-tools .btn-blue,
    body.sub-page .btn-srch{
      width:100%;
    }
    body.sub-page .layoutg+.b-closing,
    body.sub-page .wrap+.b-closing{
      margin-top:-20px;
      margin-bottom:48px;
      border-radius:18px;
    }
    body.sub-page .sub-final .wrap{
      padding-top:68px;
      padding-bottom:72px;
    }
  }

  /* ===== director greeting page (dp-) ===== */

  /* -- 1. opening + letter (merged) : photo left, content right -- */
  .dp-open{background:var(--cream);padding:72px 0 96px}
  .dp-open-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;margin-top:48px}
  .dp-id-ph{position:sticky;top:102px;align-self:start}
  .dp-id-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow-s);display:block}
  .dp-id-info{display:flex;flex-direction:column;margin-top:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,252,246,.96);box-shadow:var(--shadow-s);overflow:hidden}
  .dp-id-tx h1{margin-top:16px;font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.28;color:var(--ink)}
  .dp-kicker{margin-top:18px;max-width:640px;font-size:16px;line-height:1.72;font-weight:700;color:var(--clay-d)}
  .dp-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;background:rgba(255,252,246,.92)}
  .dp-tags span,.dp-tags a{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;padding:9px 14px;border-radius:12px;background:#f7efe5;border:1px solid rgba(226,216,198,.72);font-size:13px;line-height:1.35;text-align:left;font-weight:800;color:var(--ink);box-shadow:none;word-break:keep-all}
  .dp-tags a{text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
  .dp-tags a:hover{background:#fff;border-color:rgba(168,106,82,.5);color:var(--clay-d)}
  .dp-tags a:focus-visible{outline:2px solid var(--clay-d);outline-offset:2px}
  .dp-tags span::before,.dp-tags a::before{content:"";flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:rgba(168,106,82,.52)}
  .dp-tags > :nth-child(3){grid-column:span 2}

  .dp-letter-in{margin-top:28px;max-width:600px}
  .dp-letter-in p{margin-top:24px;font-size:16.5px;line-height:1.86;color:#62594c}
  .dp-letter-in .dp-lead{margin-top:0;font-size:clamp(19px,2.4vw,20px);line-height:1.75;font-weight:700;color:var(--ink)}
  .dp-letter-in strong{color:var(--ink);font-weight:800}

  .dp-sign{position:relative;overflow:hidden;display:block;margin:0;padding:22px 24px 20px;background:linear-gradient(135deg,#ad684f 0%,#c18473 100%);color:#fff;box-shadow:none}
  .dp-sign-glow{position:absolute;inset:0;display:block;background:radial-gradient(circle at 86% 8%,rgba(255,255,255,.2),transparent 58%);pointer-events:none}
  .dp-sign-name{position:relative;display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:23px;font-weight:900;letter-spacing:-.02em}
  .dp-sign-name::after{content:"홀인원의원 대표원장";display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:11px;font-weight:900;line-height:1;letter-spacing:0}
  .dp-sign-cred{position:relative;display:block;margin-top:8px;font-size:13px;line-height:1.6;font-weight:700;color:rgba(255,255,255,.88);word-break:keep-all}

  /* -- 3. values : peach flat band, even 3-grid -- */
  .dp-values{background:var(--peach);padding:104px 0}
  .dp-values .head .dp-uline{width:46px;height:2px;background:var(--clay);margin:24px auto 0;border-radius:2px}
  .dp-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
  .dp-value{position:relative;overflow:hidden;background:rgba(255,252,246,.72);border:1px solid rgba(212,200,178,.7);border-radius:18px;padding:32px 24px;box-shadow:var(--shadow-s);transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s,border-color .28s}
  .dp-value:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:var(--line2)}
  .dp-mark{width:42px;height:42px;border-radius:13px;background:var(--clay-soft);color:var(--clay-d);display:grid;place-items:center;margin-bottom:24px;transition:transform .25s cubic-bezier(.3,.8,.4,1),background .25s,color .25s}
  .dp-mark svg{width:21px;height:21px;display:block}
  .dp-values .dp-value{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;align-items:center}
  .dp-values .dp-mark{width:56px;height:56px;margin-bottom:0;border-radius:16px}
  .dp-values .dp-mark svg{width:30px;height:30px}
  .dp-values .dp-value h3{font-size:20px;line-height:1.4}
  .dp-values .dp-value p{grid-column:1/-1;margin-top:16px}
  .dp-value:hover .dp-mark{transform:translateY(-2px) scale(1.06);background:var(--clay);color:#fff}
  .dp-value h3{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
  .dp-value p{margin-top:16px;font-size:14.5px;line-height:1.78;color:var(--text)}

  .dp-section-lead{max-width:720px;margin-top:18px;font-size:15.5px;line-height:1.82;color:var(--text)}
  .dp-values .dp-section-lead{margin-top:32px}
  .dp-scope{background:#fff;padding:104px 0}
  .dp-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
  .dp-scope-card{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow-s)}
  .dp-scope-wide{grid-column:span 2}
  .dp-scope-no{display:block;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--clay);text-transform:uppercase}
  .dp-scope-card h3{margin-top:8px;font-size:20px;line-height:1.35;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .dp-scope-card h3 small{display:inline-block;margin-left:6px;font-size:13px;font-weight:800;color:var(--muted)}
  .dp-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .dp-chip-list span,.dp-chip-list a{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border-radius:8px;background:#fff;border:1px solid rgba(212,200,178,.7);font-size:13.5px;font-weight:700;color:#62594c}
  .dp-chip-list a{text-decoration:none;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}
  .dp-chip-list a:hover{border-color:rgba(168,106,82,.55);color:var(--clay-d);box-shadow:0 2px 10px rgba(168,106,82,.12)}
  .dp-chip-list a:focus-visible{outline:2px solid var(--clay-d);outline-offset:2px}
  .dp-scope-note{margin-top:24px;padding:18px 22px;border-left:3px solid var(--clay);border-radius:12px;background:var(--peach);font-size:14px;line-height:1.78;color:var(--text)}

  /* -- 4. faq : cream, one contained list, real accordion -- */
  .dp-faq{background:var(--cream);padding:104px 0}
  .dp-faq .wrap{max-width:960px}
  .dp-faq-list{margin-top:48px;background:rgba(255,252,246,.9);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);overflow:hidden}
  .dp-faq-item{border-top:1px solid var(--line)}
  .dp-faq-item:first-child{border-top:0}
  .dp-faq-item h3{margin:0;font-size:inherit;font-weight:inherit}
  .dp-faq-q{width:100%;display:flex;align-items:center;gap:16px;min-height:64px;padding:24px 32px;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .2s}
  .dp-faq-q:hover{background:rgba(168,106,82,.06)}
  .dp-faq-q:focus-visible{outline:2px solid var(--clay);outline-offset:-2px;border-radius:8px}
  .dp-faq-n{flex:0 0 auto;width:24px;font-size:13px;font-weight:800;color:var(--clay);letter-spacing:.02em}
  .dp-faq-qt{flex:1 1 auto;font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
  .dp-faq-ic{flex:0 0 auto;width:20px;height:20px;color:var(--muted);transition:transform .2s cubic-bezier(.3,.8,.4,1),color .2s}
  .dp-faq-item.is-open .dp-faq-ic{transform:rotate(180deg);color:var(--clay)}
  .dp-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.3,.8,.4,1)}
  .dp-faq-item.is-open .dp-faq-a{grid-template-rows:1fr}
  .dp-faq-a-in{overflow:hidden;min-height:0}
  .dp-faq-a p{padding:0 32px 24px 72px;font-size:15px;line-height:1.82;color:var(--text)}
  .dp-faq-a p+p{padding-top:0}
  .dp-faq-a ul{margin:-8px 32px 22px 90px;padding:0;font-size:14.5px;line-height:1.8;color:var(--text)}
  .dp-faq-a li{margin-top:4px;list-style:disc}

  /* -- 5. closing : ink dark band (b-closing override, full-bleed) -- */
  body.dept-about .dp-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden}
  .dp-closing .eyebrow{color:var(--clay-soft)}
  .dp-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px}
  .dp-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em}
  .dp-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .dp-closing .tel{margin-top:24px}
  .dp-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .dp-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .dp-closing-cta .btn-line:hover{border-color:#efe7dc}

  /* -- responsive -- */
  @media(max-width:900px){
    .dp-open-in{grid-template-columns:1fr;gap:32px}
    .dp-id-ph{position:relative;top:auto}
    .dp-id-ph img{aspect-ratio:16/10}
    .dp-letter-in{max-width:none}
  }
  @media(max-width:720px){
    .dp-open{padding:40px 0 56px}
    .dp-open-in{margin-top:32px}
    .dp-values{padding:76px 0}
    .dp-values-grid{grid-template-columns:1fr}
    .dp-scope{padding:76px 0}
    .dp-scope-grid{grid-template-columns:1fr;margin-top:32px}
    .dp-scope-wide{grid-column:auto}
    .dp-scope-card{padding:24px 20px}
    .dp-faq{padding:76px 0}
    .dp-faq-list{margin-top:32px}
    .dp-faq-q{padding:16px 24px;gap:8px;min-height:56px}
    .dp-faq-a p{padding:0 24px 16px 56px;font-size:14.5px}
    .dp-faq-a ul{margin:-6px 24px 18px 74px}
    .dp-closing-in{padding:64px 24px}
    .dp-closing-cta .btn{width:100%}
  }

  @media(prefers-reduced-motion:reduce){
    .dp-faq-a,.dp-faq-ic{transition:none}
    .dp-value,.dp-mark{transition:none}
  }

  /* ===== clinic intro page (cp-) ===== */

  /* -- 1. opening : intro text left, fact card right (sticky) -- */
  .cp-open{background:var(--cream);padding:72px 0 88px}
  .cp-open-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;margin-top:40px}
  .cp-open-tx h1{margin-top:16px;font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.28;color:var(--ink)}
  .cp-kicker{margin-top:20px;max-width:600px;font-size:16.5px;line-height:1.8;font-weight:700;color:var(--clay-d)}
  .cp-lead-note{margin-top:18px;max-width:600px;font-size:15.5px;line-height:1.82;color:var(--text)}
  .cp-facts{position:sticky;top:102px;list-style:none;border:1px solid var(--line);border-radius:18px;background:rgba(255,252,246,.96);box-shadow:var(--shadow-s);overflow:hidden}
  .cp-facts li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-top:1px solid var(--line)}
  .cp-facts li:first-child{border-top:0}
  .cp-facts-k{flex:0 0 auto;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--muted)}
  .cp-facts-v{font-size:14.5px;font-weight:800;color:var(--ink);text-align:right;word-break:keep-all}
  .cp-facts-v em{display:inline-block;margin-left:4px;padding:2px 8px;border-radius:999px;background:var(--clay-soft);color:var(--clay-d);font-size:11px;font-weight:900;font-style:normal;vertical-align:middle}
  .cp-facts-v a{color:var(--clay-d)}

  /* -- 2. scope : editorial intro, numbered department cards -- */
  .cp-section-lead{max-width:720px;margin-top:18px;font-size:15.5px;line-height:1.82;color:var(--text)}
  .cp-scope{background:#f7f1e9;padding:104px 0 112px}
  .cp-scope .head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);column-gap:64px;align-items:end;max-width:none;margin-bottom:56px}
  .cp-scope .head .eyebrow{grid-column:1;display:inline-flex;align-items:center;gap:12px;width:max-content;margin-bottom:14px}
  .cp-scope .head .eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
  .cp-scope .head h2{grid-column:1;margin-top:0;font-size:clamp(34px,4vw,52px);line-height:1.12}
  .cp-scope .head .cp-section-lead{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:500px;margin:0 0 2px}
  .cp-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:0;counter-reset:scope-care}
  .cp-scope-card{position:relative;display:flex;flex-direction:column;min-height:262px;padding:36px 40px 32px;overflow:hidden;isolation:isolate;background:#fff;border:1px solid #e9ddcc;border-radius:20px;counter-increment:scope-care;transition:border-color .2s ease,background .2s ease}
  .cp-scope-card>*{position:relative;z-index:1}
  .cp-scope-card::after{content:counter(scope-care,decimal-leading-zero);position:absolute;top:18px;right:30px;z-index:0;color:#f3e9db;font-size:68px;font-weight:800;line-height:1;letter-spacing:-.07em;font-variant-numeric:tabular-nums;pointer-events:none}
  .cp-scope-card:hover{background:#fffdfa;border-color:#dccbb5}
  .cp-scope-feature{grid-column:span 2;min-height:332px;padding:44px 48px}
  .cp-scope-feature::after{top:22px;right:44px;font-size:96px}
  .cp-scope-meta{display:flex;align-items:center;gap:14px}
  .cp-scope-no{display:block;font-size:13px;font-weight:900;letter-spacing:.15em;color:var(--clay);text-transform:uppercase}
  .cp-scope-badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border-radius:999px;background:#f6efe5;color:#9d8e7f;font-size:12px;font-weight:700}
  .cp-scope-card h3{margin-top:10px;font-size:26px;line-height:1.35;font-weight:900;color:var(--ink);letter-spacing:-.03em}
  .cp-scope-feature h3{font-size:32px}
  .cp-scope-card h3 small{display:inline-block;margin-left:6px;font-size:13px;font-weight:800;color:var(--muted)}
  .cp-scope-desc{max-width:640px;margin-top:10px;font-size:16px;line-height:1.7;color:#786a5e}
  .cp-chip-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
  .cp-scope-feature .cp-chip-list{margin-top:28px;gap:10px}
  .cp-chip-list span,.cp-chip-list a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:9px;background:#fbf7f1;border:1px solid #e9dccb;font-size:13.5px;font-weight:700;color:#4a3f37}
  .cp-scope-feature .cp-chip-list a{padding:9px 16px;font-size:14px}
  .cp-chip-list a{text-decoration:none;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}
  .cp-chip-list a:hover{border-color:rgba(168,106,82,.55);color:var(--clay-d);box-shadow:0 2px 10px rgba(168,106,82,.12)}
  .cp-chip-list a:focus-visible{outline:2px solid var(--clay-d);outline-offset:2px}
  .cp-scope-more{margin-top:auto;padding-top:28px}
  .cp-scope-more a{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--clay-d)}
  .cp-scope-more svg{width:15px;height:15px;transition:transform .2s cubic-bezier(.3,.8,.4,1)}
  .cp-scope-card:hover .cp-scope-more svg{transform:translateX(3px)}
  .cp-scope-note{display:flex;align-items:flex-start;gap:16px;margin-top:40px;padding:20px 24px;border:1px solid #e8d8c3;border-left:4px solid var(--clay);border-radius:14px;background:#fbf3ea;font-size:14px;line-height:1.78;color:var(--text)}
  .cp-scope-note strong{flex:0 0 auto;display:inline-flex;align-items:center;min-height:28px;padding:2px 12px;border:1px solid #e8d8c3;border-radius:999px;background:#fff;color:var(--clay-d);font-size:13px;font-weight:800}
  .cp-scope-note p{margin:0}

  /* -- 3. equipment : peach band, 2-grid cards -- */
  .cp-equip{background:var(--peach);padding:100px 0}
  .cp-equip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px}
  .cp-equip-grid.eq-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-left:auto;margin-right:auto}
  .cp-equip-grid.eq-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cp-equip-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(255,252,246,.86);border:1px solid rgba(212,200,178,.7);border-radius:18px;padding:34px 28px 30px;box-shadow:var(--shadow-s);transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s}
  .cp-equip-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
  .cp-eq-fig{width:136px;height:136px;margin:0 0 22px;border-radius:50%;overflow:hidden;background:#fbf8f2;display:grid;place-items:center;box-shadow:0 0 0 5px rgba(255,255,255,.9),0 0 0 6px var(--line),var(--shadow-s)}
  .cp-eq-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.3,.8,.4,1)}
  .cp-equip-card:hover .cp-eq-fig img{transform:scale(1.07)}
  .cp-eq-fig-icon{background:linear-gradient(135deg,var(--clay-soft),var(--peach))}
  .cp-eq-fig-icon svg{width:54px;height:54px;color:var(--clay-d)}
  .cp-eq-en{font-size:11.5px;font-weight:900;letter-spacing:.14em;color:var(--clay);text-transform:uppercase;word-break:break-word}
  .cp-equip-card h3{margin-top:10px;font-size:19px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .cp-equip-card p{margin-top:14px;font-size:14.5px;line-height:1.78;color:var(--text)}

  /* -- 3.5 clinic tour : real photos of the clinic -- */
  .cp-tour{background:#fff;padding:100px 0}
  .cp-tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px}
  .cp-tour-card{margin:0;overflow:hidden;background:var(--cream);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-s);transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s}
  .cp-tour-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
  .cp-tour-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .45s cubic-bezier(.3,.8,.4,1)}
  .cp-tour-card:hover img{transform:scale(1.04)}
  .cp-tour-card figcaption{padding:18px 20px 20px}
  .cp-tour-card figcaption b{display:block;font-size:16px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .cp-tour-card figcaption span{display:block;margin-top:6px;font-size:13.5px;line-height:1.7;color:var(--text)}
  .cp-tour-card:focus-visible{outline:2px solid var(--clay-d);outline-offset:3px}

  /* clinic tour lightbox */
  .cp-lb{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:24px;background:rgba(28,22,14,.82);opacity:0;transition:opacity .22s ease}
  .cp-lb.open{display:grid;opacity:1}
  .cp-lb-inner{position:relative;max-width:min(1120px,94vw);max-height:92vh;display:flex;flex-direction:column;transform:scale(.97);transition:transform .22s cubic-bezier(.3,.8,.4,1)}
  .cp-lb.open .cp-lb-inner{transform:scale(1)}
  .cp-lb-img{max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);background:#000}
  .cp-lb-cap{margin:14px 2px 0;text-align:center;font-size:15px;font-weight:800;color:#f3ede3;letter-spacing:-.01em}
  .cp-lb-close{position:absolute;top:-14px;right:-14px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--shadow-m);cursor:pointer;transition:transform .18s ease}
  .cp-lb-close:hover{transform:scale(1.08)}
  .cp-lb-close:focus-visible{outline:2px solid var(--clay-d);outline-offset:2px}
  .cp-lb-close svg{width:22px;height:22px}
  @media(max-width:720px){
    .cp-lb{padding:16px}
    .cp-lb-close{top:-8px;right:-8px;width:40px;height:40px}
    .cp-lb-img{max-height:74vh}
  }
  @media(prefers-reduced-motion:reduce){
    .cp-lb,.cp-lb-inner{transition:none}
  }

  /* -- 4. info : hours + directions, 2-panel -- */
  .cp-info{background:var(--cream);padding:100px 0}
  .cp-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:8px}
  .cp-panel{background:rgba(255,252,246,.9);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:34px}
  .cp-panel h3{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:22px}
  .cp-hours{width:100%;border-collapse:collapse}
  .cp-hours caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cp-hours th,.cp-hours td{padding:14px 6px;text-align:left;border-top:1px solid var(--line);font-size:15px;vertical-align:middle}
  .cp-hours thead th{border-top:0;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}
  .cp-hours tbody th{font-weight:800;color:var(--ink);width:42%}
  .cp-hours tbody td{font-weight:700;color:var(--text)}
  .cp-time-pill{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--clay-soft);color:var(--clay-d);font-size:11px;font-weight:900}
  .cp-tel-big{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
  .cp-tel-big .tb-l{font-size:12.5px;font-weight:800;color:var(--muted)}
  .cp-tel-big .tb-n{margin-top:4px;font-size:clamp(26px,3.4vw,32px);font-weight:900;color:var(--clay-d);letter-spacing:-.01em}
  .cp-map{margin:0 0 18px;position:relative;display:grid;place-items:center;text-align:center;aspect-ratio:16/10;border-radius:var(--r-s);overflow:hidden;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#efe7d9,#efe7d9 12px,#ece3d3 12px,#ece3d3 24px)}
  .cp-map .ph-tag{display:block;max-width:82%;padding:10px 16px;border-radius:999px;background:rgba(255,252,246,.94);border:1px solid var(--line);font-size:12.5px;font-weight:800;color:var(--muted);box-shadow:var(--shadow-s);word-break:keep-all;line-height:1.5}
  .cp-addr{font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.6}
  .cp-addr small{display:block;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--text);line-height:1.6}

  /* -- 5. closing : ink dark band (b-closing override, full-bleed) -- */
  body.dept-about .cp-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:var(--ink)}
  .cp-closing .eyebrow{color:var(--clay-soft)}
  .cp-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px;text-align:center}
  .cp-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:#fff}
  .cp-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .cp-closing .tel{margin-top:24px}
  .cp-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .cp-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .cp-closing-cta .btn-line:hover{border-color:#efe7dc}

  /* -- responsive -- */
  @media(max-width:900px){
    .cp-open-in{grid-template-columns:1fr;gap:28px}
    .cp-facts{position:relative;top:auto}
    .cp-scope-grid,.cp-info-grid{grid-template-columns:1fr}
    .cp-scope .head{grid-template-columns:1fr;row-gap:0}
    .cp-scope .head .cp-section-lead{grid-column:1;grid-row:auto;max-width:720px;margin-top:18px}
    .cp-equip-grid,.cp-equip-grid.eq-4,.cp-tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cp-scope-feature{grid-column:auto}
  }
  @media(max-width:720px){
    .cp-open{padding:40px 0 48px}
    .cp-open-in{margin-top:28px}
    .cp-scope,.cp-equip,.cp-tour,.cp-info{padding:72px 0}
    .cp-scope-grid,.cp-equip-grid,.cp-tour-grid{margin-top:32px}
    .cp-equip-grid,.cp-equip-grid.eq-2,.cp-equip-grid.eq-4,.cp-tour-grid{grid-template-columns:1fr}
    .cp-equip-grid.eq-2{max-width:420px}
    .cp-scope .head{margin-bottom:0}
    .cp-scope-card{min-height:248px;padding:28px 24px}
    .cp-scope-card::after{top:16px;right:20px;font-size:62px}
    .cp-scope-feature{min-height:304px}
    .cp-scope-feature::after{top:16px;right:20px;font-size:62px}
    .cp-scope-feature h3{font-size:26px}
    .cp-scope-desc{font-size:15px}
    .cp-scope-note{flex-direction:column;margin-top:32px;padding:18px 20px}
    .cp-equip-card{padding:28px 22px 24px}
    .cp-eq-fig{width:120px;height:120px;margin-bottom:18px}
    .cp-panel{padding:26px 22px}
    .cp-closing-in{padding:64px 24px}
    .cp-closing-cta .btn{width:100%}
  }

  @media(prefers-reduced-motion:reduce){
    .cp-scope-card,.cp-equip-card,.cp-tour-card,.cp-tour-card img,.cp-scope-more svg{transition:none}
  }

  /* ===== urolithiasis clinic pages (uro-) ===== */

  /* -- 1. opening : intro text (+ optional sticky fact card) -- */
  .uro-open{background:var(--cream);padding:72px 0 88px}
  .uro-open.c{text-align:center}
  .uro-open-in{margin-top:40px}
  .uro-open-in.has-aside{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
  .uro-open-tx h1{margin-top:16px;font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.28;color:var(--ink)}
  .uro-open.c .uro-open-tx{max-width:760px;margin:0 auto}
  .uro-kicker{margin-top:20px;max-width:620px;font-size:16.5px;line-height:1.8;font-weight:700;color:var(--clay-d)}
  .uro-open.c .uro-kicker{margin-left:auto;margin-right:auto}
  .uro-lead-note{margin-top:18px;max-width:620px;font-size:15.5px;line-height:1.82;color:var(--text)}
  .uro-open.c .uro-lead-note{margin-left:auto;margin-right:auto}
  .uro-open.faq-intro{padding-bottom:30px}
  .dp-faq.faq-compact{padding-top:56px}
  .dp-faq.faq-compact .dp-faq-list{margin-top:0}
  @media(max-width:720px){.dp-faq.faq-compact{padding-top:40px}}

  /* -- 2. hub : white band, big nav cards (index) -- */
  .uro-hub{background:#fff;padding:100px 0}
  .uro-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
  .uro-hub-card{position:relative;display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:32px 30px;box-shadow:var(--shadow-s);transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s,border-color .28s}
  .uro-hub-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:var(--line2)}
  .uro-hub-no{display:block;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--clay);text-transform:uppercase}
  .uro-hub-card h3{margin-top:8px;font-size:22px;line-height:1.34;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .uro-hub-card p{margin-top:14px;font-size:15px;line-height:1.78;color:var(--text)}
  .uro-hub-more{margin-top:auto;padding-top:22px}
  .uro-hub-more span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--clay-d)}
  .uro-hub-more svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.3,.8,.4,1)}
  .uro-hub-card:hover .uro-hub-more svg{transform:translateX(3px)}

  /* -- 3. article : contained prose bands (about/treatment) -- */
  .uro-article{background:#fff;padding:96px 0}
  .uro-article.alt{background:var(--cream)}
  .uro-article .wrap{max-width:860px}
  .uro-fig{margin:40px 0 8px;min-height:300px;border-radius:var(--r)}
  .uro-prose+.uro-prose{margin-top:40px}
  .uro-prose>h2,.uro-prose>h3{font-size:clamp(21px,2.6vw,28px);line-height:1.36;font-weight:900;color:var(--ink);letter-spacing:-.03em}
  .uro-prose>h2:not(:first-child),.uro-prose>h3:not(:first-child){margin-top:14px}
  .uro-prose p{margin-top:16px;font-size:16.5px;line-height:1.86;color:#62594c;word-break:keep-all}
  .uro-prose p strong,.uro-prose strong{color:var(--ink);font-weight:800}
  .uro-lead-p{font-size:clamp(18px,2.3vw,20px);line-height:1.75;font-weight:700;color:var(--ink)}
  .uro-article .head+.uro-prose{margin-top:0}
  /* narrow prose bands (good-to-know / care callouts) are centered like the FAQ band */
  .uro-article:not(.uro-about) .head{max-width:none;margin-left:auto;margin-right:auto;text-align:center}
  .uro-article:not(.uro-about) .uro-prose{text-align:center}
  .uro-article:not(.uro-about) .uro-prose p{max-width:720px;margin-left:auto;margin-right:auto}
  /* cream article band running straight into the cream FAQ band — alternate so they read as two */
  .uro-article.alt+.dp-faq{background:var(--peach)}
  /* about : full-width, image-left + text-right (image and title no longer cramped) */
  .uro-about .wrap{max-width:var(--maxw)}
  .uro-about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:52px;align-items:start;margin-top:8px}
  .uro-about-grid .uro-fig{position:sticky;top:150px;margin:0;min-height:440px}
  .uro-about-body>.uro-prose:first-child{margin-top:0}
  /* centered section heads keep their lead paragraph centered too */
  .head.c .cp-section-lead,.head.c .dp-section-lead{margin-left:auto;margin-right:auto}
  /* urolithiasis has only 2 equipment items — center them (clinic grid is 3-col) */
  body.dept-urolithiasis .cp-equip-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-left:auto;margin-right:auto}

  /* -- 4. steps : numbered process cards (treatment) -- */
  .uro-steps-sec{background:#fff;padding:100px 0}
  .uro-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
  .uro-step{position:relative;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:30px 28px;box-shadow:var(--shadow-s);transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s,border-color .28s}
  .uro-step-img{aspect-ratio:4/3;margin:0 0 22px;border-radius:12px;overflow:hidden;background:#e7e1d8}
  .uro-step-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.3,.8,.4,1)}
  .uro-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:var(--line2)}
  .uro-step:hover .uro-step-img img{transform:scale(1.04)}
  .uro-step-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--clay-soft);color:var(--clay-d);font-size:15px;font-weight:900;letter-spacing:.02em;margin-bottom:18px;transition:background .25s,color .25s}
  .uro-step:hover .uro-step-n{background:var(--clay);color:#fff}
  .uro-step h3{font-size:19px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .uro-step h3 small{display:block;margin-top:4px;font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--clay);text-transform:uppercase}
  .uro-step p{margin-top:12px;font-size:14.5px;line-height:1.8;color:var(--text)}

  /* urolithiasis treatment: split media process cards */
  .uro-steps:has(> .uro-step.has-photo){gap:24px}
  .uro-step.has-photo{display:grid;grid-template-columns:210px 44px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"photo number title" "photo copy copy";column-gap:20px;align-items:start;min-height:300px;overflow:hidden;background:#fff;border-color:rgba(21,45,68,.12);border-radius:20px;padding:16px;box-shadow:var(--shadow-s)}
  .uro-step.has-photo .uro-step-img{grid-area:photo;position:relative;width:100%;height:100%;min-height:268px;aspect-ratio:auto;margin:0;border-radius:14px;overflow:hidden;background:#dfe4e7}
  .uro-step.has-photo .uro-step-img::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,40,62,.2),rgba(18,40,62,.02) 68%);pointer-events:none}
  .uro-step.has-photo .uro-step-img img{filter:saturate(.78) contrast(.98)}
  .uro-step.has-photo .skinbooster-consult-img img{object-position:20% center}
  .uro-step.has-photo .doctor-defocus-right img{object-position:right center}
  .uro-step.has-photo .uro-step-n{grid-area:number;position:static;width:40px;height:40px;margin:12px 0 0;border-radius:10px;background:var(--ink);color:#fff;font-size:14px;box-shadow:none}
  .uro-step.has-photo h3{grid-area:title;align-self:center;margin:12px 12px 0 0;font-size:21px;line-height:1.3}
  .uro-step.has-photo p{grid-area:copy;margin:20px 12px 12px 0;padding-top:20px;border-top:1px solid rgba(21,45,68,.1)}
  .uro-step.has-photo:hover{transform:translateY(-4px);border-color:rgba(21,45,68,.22)}
  .uro-step.has-photo:hover .uro-step-n{background:var(--ink);color:#fff}

  /* -- 5. symptoms + self check : peach band (about) -- */
  .uro-symp{background:var(--peach);padding:100px 0}
  .uro-symp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:42px;align-items:stretch}
  .uro-panel{display:flex;flex-direction:column;background:rgba(255,252,246,.86);border:1px solid rgba(212,200,178,.7);border-radius:18px;padding:32px 30px;box-shadow:var(--shadow-s)}
  .uro-panel h3{font-size:19px;font-weight:900;color:var(--ink);letter-spacing:-.02em;margin-bottom:8px}
  .uro-panel .uro-panel-s{font-size:14px;line-height:1.7;color:var(--text);margin-bottom:20px}
  .uro-symp-list{list-style:none;display:grid;gap:12px}
  .uro-symp-list li{position:relative;padding-left:28px;font-size:15px;line-height:1.68;color:#62594c;font-weight:600;word-break:keep-all}
  .uro-symp-list li::before{content:"";position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 4px rgba(168,106,82,.14)}
  .uro-check-list{list-style:none;display:grid;gap:13px}
  .uro-check-list li{display:flex;gap:12px;font-size:15px;line-height:1.6;color:#62594c;font-weight:600;word-break:keep-all}
  .uro-ck{flex:0 0 auto;width:24px;height:24px;border-radius:8px;background:var(--clay);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}
  .uro-check-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:14px;line-height:1.72;color:var(--text)}
  body.dept-urolithiasis .uro-symp .uro-check-foot{position:relative;padding-top:38px;border-top:0}
  body.dept-urolithiasis .uro-symp .uro-check-foot::before{content:"";position:absolute;left:0;right:0;top:18px;border-top:1px solid var(--line)}

  /* -- 6. tail (related) + closing -- */
  .uro-tail{background:#fff;padding:88px 0 0}
  .uro-tail .wrap{max-width:960px}
  .uro-faqpage .head h1{margin-top:14px;font-size:clamp(28px,3.6vw,44px);color:var(--ink);font-weight:800;letter-spacing:-.03em;line-height:1.32}
  .uro-faqpage .b-related{margin-top:40px}

  body.dept-urolithiasis .uro-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:var(--ink)}
  .uro-closing .eyebrow{color:var(--clay-soft)}
  .uro-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px;text-align:center}
  .uro-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:#fff}
  .uro-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .uro-closing .tel{margin-top:24px}
  .uro-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .uro-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .uro-closing-cta .btn-line:hover{border-color:#efe7dc}

  /* -- single page: in-page anchors + sticky jump nav -- */
  body.dept-urolithiasis section[id]{scroll-margin-top:150px}
  .uro-jump{position:sticky;top:77px;z-index:40;background:rgba(251,248,242,.96);backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid var(--line)}
  .uro-jump .wrap{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:12px;padding-bottom:12px}
  .uro-jump a{display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;color:var(--text);border:1px solid var(--line2);transition:color .2s,background .2s,border-color .2s;white-space:nowrap}
  .uro-jump a:hover{color:var(--clay-d);border-color:var(--clay);background:var(--clay-soft)}
  .uro-jump a.on{background:var(--clay);color:#fff;border-color:var(--clay)}
  .uro-jump a:focus-visible{outline:2px solid var(--clay);outline-offset:2px}

  /* -- responsive -- */
  @media(max-width:900px){
    .uro-open-in.has-aside{grid-template-columns:1fr;gap:28px}
    .uro-hub-grid,.uro-steps,.uro-symp-grid{grid-template-columns:1fr}
    .uro-about-grid{grid-template-columns:1fr;gap:26px}
    .uro-about-grid .uro-fig{position:relative;top:auto;min-height:280px;order:-1}
    .dept-dermatology .uro-about-grid .acne-fig,
    .dept-dermatology .uro-about-grid .whitening-fig,
    .dept-dermatology .uro-about-grid .wrinkle-fig,
    .dept-dermatology .uro-about-grid .skinbooster-fig,
    .dept-dermatology .uro-about-grid .hair-removal-fig,
    .dept-dermatology .uro-about-grid .tattoo-removal-fig{min-height:340px}
    .dept-plastic .uro-about-grid .dimple-fig,
    .dept-plastic .uro-about-grid .blepharoplasty-fig,
    .dept-plastic .uro-about-grid .filler-fig,
    .dept-plastic .uro-about-grid .lifting-fig{min-height:340px}
  }
  @media(max-width:720px){
    body.dept-urolithiasis section[id]{scroll-margin-top:176px}
    .uro-jump .wrap{gap:6px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch}
    .uro-jump a{padding:7px 13px;font-size:13px}
    body.dept-urolithiasis .uro-jump .wrap{padding:10px 18px;overflow:visible;flex-wrap:wrap;justify-content:center}
    body.dept-urolithiasis .uro-jump a{flex:1 1 calc(50% - 6px);max-width:176px;min-height:42px;padding:7px 12px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;justify-content:center}
    body.dept-dermatology .dept-jump .wrap{padding:10px 16px;overflow:visible;flex-wrap:wrap;justify-content:center}
    body.dept-dermatology .dept-jump a{min-height:40px;padding:7px 12px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;justify-content:center}
  }
  @media(max-width:640px){
    .uro-jump{top:67px}
    body.dept-urolithiasis section[id]{scroll-margin-top:168px}
  }
  @media(max-width:370px){
    body.dept-dermatology .dept-jump .wrap{gap:5px;padding:8px 14px}
    body.dept-dermatology .dept-jump a{min-height:38px;padding:6px 10px;font-size:11px}
  }
  @media(max-width:720px){
    body.dept-urolithiasis .cp-equip-grid{grid-template-columns:1fr;max-width:420px}
  }
  @media(max-width:720px){
    .uro-open{padding:40px 0 48px}
    .uro-open-in{margin-top:28px}
    .uro-hub,.uro-steps-sec,.uro-symp,.uro-article{padding:72px 0}
    .uro-tail{padding:64px 0 0}
    .uro-hub-grid,.uro-steps{margin-top:32px}
    .uro-hub-card{padding:26px 22px}
    .uro-step,.uro-panel{padding:24px 20px}
    .uro-step-img{margin-bottom:18px}
    .uro-step.has-photo{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"photo photo" "number title" "copy copy";gap:0 16px;min-height:0;padding:12px}
    .uro-step.has-photo .uro-step-img{width:100%;height:auto;min-height:0;aspect-ratio:2.15/1;border-radius:12px}
    .uro-step.has-photo .uro-step-n{margin:20px 0 0 8px}
    .uro-step.has-photo h3{margin:20px 8px 0 0}
    .uro-step.has-photo p{margin:18px 8px 12px;padding-top:18px}
    .uro-closing-in{padding:64px 24px}
    .uro-closing-cta .btn{width:100%}
  }
  @media(prefers-reduced-motion:reduce){
    .uro-hub-card,.uro-step,.uro-step-n,.uro-hub-more svg,.uro-step-img img{transition:none}
  }

  /* ===== dermatology clinic pages (derm-) ===== */
  /* reuses the uro-/dp-/cp- premium full-bleed bands; only the closing override + minor tweaks are dermatology-specific */
  body.dept-dermatology .derm-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:var(--ink)}
  .derm-closing .eyebrow{color:var(--clay-soft)}
  .derm-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px;text-align:center}
  .derm-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:#fff}
  .derm-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .derm-closing .tel{margin-top:24px}
  .derm-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .derm-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .derm-closing-cta .btn-line:hover{border-color:#efe7dc}
  /* dermatology reuses the uro image-left article; figure sticks a touch higher (no jump nav) */
  body.dept-dermatology .uro-about-grid .uro-fig{top:120px}
  @media(max-width:900px){
    body.dept-dermatology .uro-about-grid .uro-fig{top:auto}
  }
  /* cause / type / area cards: dp-value cards in a balanced 2-col grid (4 or 3 items) */
  .derm-cause-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
  /* single self-check panel centered inside the peach uro-symp band */
  .derm-check{max-width:640px;margin:42px auto 0}
  .skinbooster-check{max-width:860px}
  .derm-check .uro-check-foot,.hc-check .uro-check-foot{margin-top:24px;padding-top:24px}
  .uro-article.wrinkle-guide .wrap{max-width:1180px}
  .uro-article.wrinkle-guide .head{text-align:left;margin:0}
  .wrinkle-guide-list{margin-top:52px;border-bottom:1px solid var(--line2)}
  .wrinkle-guide-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;padding:40px 0;border-top:1px solid var(--line2)}
  .wrinkle-guide-label span{display:block;font-size:54px;line-height:1;font-weight:800;color:#d3b398;letter-spacing:-.04em}
  .wrinkle-guide-label h3{margin-top:22px;font-size:20px;line-height:1.4;font-weight:900;color:var(--ink);letter-spacing:-.03em}
  .wrinkle-guide-copy>p:first-child{font-size:16px;line-height:1.9;color:#62594c;word-break:keep-all}
  .wrinkle-guide-note{margin-top:22px;padding:16px 20px;border-radius:12px;background:rgba(168,106,82,.08);font-size:14px;line-height:1.7;font-weight:800;color:var(--clay-d);word-break:keep-all}
  .uro-article.alt:not(.wrinkle-guide){counter-reset:treatment-guide}
  .uro-article.alt:not(.wrinkle-guide) .wrap{max-width:1180px}
  .uro-article.alt:not(.wrinkle-guide) .head{text-align:left;margin:0}
  .uro-article.alt:not(.wrinkle-guide) .head+.uro-prose{margin-top:52px}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose{counter-increment:treatment-guide;display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto auto;column-gap:38px;padding:40px 0;border-top:1px solid var(--line2);text-align:left}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose+.uro-prose{margin-top:0}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose:last-child{border-bottom:1px solid var(--line2)}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose::before{content:counter(treatment-guide,decimal-leading-zero);grid-column:1;grid-row:1;display:block;font-size:54px;line-height:1;font-weight:800;color:#d3b398;letter-spacing:-.04em}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose>h3{grid-column:1;grid-row:2;margin-top:22px;font-size:20px;line-height:1.4;font-weight:900;color:var(--ink);letter-spacing:-.03em}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose>p{grid-column:2;margin:0;max-width:none;text-align:left;font-size:16px;line-height:1.9;color:#62594c;word-break:keep-all}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose>p:first-of-type{grid-row:1/span 2}
  .uro-article.alt:not(.wrinkle-guide) .uro-prose>p+p{grid-row:auto;margin-top:22px;padding:16px 20px;border-radius:12px;background:rgba(168,106,82,.08);font-size:14px;line-height:1.7;font-weight:800;color:var(--clay-d)}
  @media(max-width:720px){
    .wrinkle-guide-list{margin-top:36px}
    .wrinkle-guide-row{grid-template-columns:1fr;gap:22px;padding:32px 0}
    .wrinkle-guide-label span{font-size:44px}
    .wrinkle-guide-label h3{margin-top:14px}
    .uro-article.alt:not(.wrinkle-guide) .head+.uro-prose{margin-top:36px}
    .uro-article.alt:not(.wrinkle-guide) .uro-prose{grid-template-columns:1fr;grid-template-rows:auto;gap:0;padding:32px 0}
    .uro-article.alt:not(.wrinkle-guide) .uro-prose::before,.uro-article.alt:not(.wrinkle-guide) .uro-prose>h3,.uro-article.alt:not(.wrinkle-guide) .uro-prose>p{grid-column:1;grid-row:auto}
    .uro-article.alt:not(.wrinkle-guide) .uro-prose::before{font-size:44px}
    .uro-article.alt:not(.wrinkle-guide) .uro-prose>h3{margin-top:14px}
    .uro-article.alt:not(.wrinkle-guide) .uro-prose>p:first-of-type{margin-top:22px}
  }
  .skinbooster-check .uro-panel{padding:36px 38px}
  .skinbooster-check .uro-check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}
  .skinbooster-check .uro-check-list li{align-items:flex-start}
  .skinbooster-check .uro-check-foot{margin-top:24px;padding-top:24px}
  /* related-links tail: 2-col link cards */
  body.dept-dermatology .uro-tail .b-related{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:36px}
  body.dept-dermatology .uro-tail .b-related>h2{font-size:21px;font-weight:900;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
  .b-related .rel-intro{margin:0 0 18px;font-size:14px;color:var(--muted);font-weight:700}
  body.dept-dermatology .rel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
  body.dept-dermatology .rel-list li{list-style:none}
  body.dept-dermatology .rel-list a{display:flex;align-items:center;min-height:48px;padding:14px 18px;border-radius:14px;background:#fffaf3;border:1px solid var(--line);font-size:14.5px;font-weight:750;color:var(--text)}
  body.dept-dermatology .rel-list a:hover{border-color:var(--clay);color:var(--clay-d);transform:translateY(-2px)}
  /* related tail needs breathing room before the dark closing band */
  body.dept-dermatology .uro-tail{padding-bottom:88px}
  @media(max-width:720px){
    .derm-closing-in{padding:64px 24px}
    .derm-closing-cta .btn{width:100%}
    .derm-cause-grid{grid-template-columns:1fr}
    .skinbooster-check .uro-panel{padding:24px 20px}
    .skinbooster-check .uro-check-list{grid-template-columns:1fr;gap:13px}
    .skinbooster-check .uro-check-foot{margin-top:20px;padding-top:20px}
    body.dept-dermatology .rel-list{grid-template-columns:1fr}
    body.dept-dermatology .uro-tail{padding-bottom:56px}
    body.dept-dermatology .uro-tail .b-related{padding:26px 22px}
  }

  /* ===== plastic surgery pages (ps-) ===== */
  /* reuses the uro-/dp-/cp- premium full-bleed bands; only the closing override + card grid are plastic-specific */
  body.dept-plastic .ps-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:var(--ink)}
  .ps-closing .eyebrow{color:var(--clay-soft)}
  .ps-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px;text-align:center}
  .ps-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:#fff}
  .ps-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .ps-closing .tel{margin-top:24px}
  .ps-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .ps-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .ps-closing-cta .btn-line:hover{border-color:#efe7dc}
  /* plastic reuses the uro image-left article; figure sticks a touch higher (no jump nav offset) */
  body.dept-plastic .uro-about-grid .uro-fig{top:120px}
  @media(max-width:900px){
    body.dept-plastic .uro-about-grid .uro-fig{top:auto}
  }
  /* treatment-area / signal cards: dp-value cards in a balanced 2-col grid */
  .ps-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
  /* related-links tail: 2-col link cards */
  body.dept-plastic .uro-tail .b-related{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:36px}
  body.dept-plastic .uro-tail .b-related>h2{font-size:21px;font-weight:900;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
  body.dept-plastic .rel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
  body.dept-plastic .rel-list li{list-style:none}
  body.dept-plastic .rel-list a{display:flex;align-items:center;min-height:48px;padding:14px 18px;border-radius:14px;background:#fffaf3;border:1px solid var(--line);font-size:14.5px;font-weight:750;color:var(--text)}
  body.dept-plastic .rel-list a:hover{border-color:var(--clay);color:var(--clay-d);transform:translateY(-2px)}
  body.dept-plastic .uro-tail{padding-bottom:88px}
  @media(max-width:720px){
    .ps-closing-in{padding:64px 24px}
    .ps-closing-cta .btn{width:100%}
    .ps-card-grid{grid-template-columns:1fr}
    body.dept-plastic .rel-list{grid-template-columns:1fr}
    body.dept-plastic .uro-tail{padding-bottom:56px}
    body.dept-plastic .uro-tail .b-related{padding:26px 22px}
    body.dept-plastic .dept-jump .wrap{padding:10px 16px;overflow:visible;flex-wrap:wrap;justify-content:center}
    body.dept-plastic .dept-jump a{min-height:40px;padding:7px 12px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;justify-content:center}
  }
  @media(max-width:370px){
    body.dept-plastic .dept-jump .wrap{gap:5px;padding:8px 14px}
    body.dept-plastic .dept-jump a{min-height:38px;padding:6px 10px;font-size:11px}
  }

  /* ===== hair clinic pages (hc-) ===== */
  /* reuses the uro-/dp-/cp- premium full-bleed bands; only the closing override,
     the card grid, the self-check panel and the treatment figure are hair-specific */
  body.dept-hair .hc-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:var(--ink)}
  .hc-closing .eyebrow{color:var(--clay-soft)}
  .hc-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px;text-align:center}
  .hc-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:#fff}
  .hc-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .hc-closing .tel{margin-top:24px}
  .hc-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .hc-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .hc-closing-cta .btn-line:hover{border-color:#efe7dc}
  /* hair reuses the uro image-left article; figure sticks a touch higher (no jump nav offset) */
  body.dept-hair .uro-about-grid .uro-fig{top:120px}
  /* hair-loss type / scalp-care program cards: dp-value cards in a balanced 2-col grid */
  .hc-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
  /* single self-check panel centered inside the peach uro-symp band */
  .hc-check{max-width:640px;margin:42px auto 0}
  .alopecia-check{max-width:720px}
  /* treatment figures — must follow the .dept-hair .b-img default to win on source order */
  .dept-hair .alopecia-areata-fig{background-image:url("../../images/hair-alopecia-care.jpg");background-position:center top}
  .dept-hair .scalp-care-fig{background-image:url("../../images/hair-lg.jpg")}
  /* related-links tail: 2-col link cards */
  body.dept-hair .uro-tail .b-related{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:36px}
  body.dept-hair .uro-tail .b-related>h2{font-size:21px;font-weight:900;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
  body.dept-hair .rel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
  body.dept-hair .rel-list li{list-style:none}
  body.dept-hair .rel-list a{display:flex;align-items:center;min-height:48px;padding:14px 18px;border-radius:14px;background:#fffaf3;border:1px solid var(--line);font-size:14.5px;font-weight:750;color:var(--text)}
  body.dept-hair .rel-list a:hover{border-color:var(--clay);color:var(--clay-d);transform:translateY(-2px)}
  /* related tail needs breathing room before the dark closing band */
  body.dept-hair .uro-tail{padding-bottom:88px}
  @media(max-width:900px){
    body.dept-hair .uro-about-grid .uro-fig{top:auto}
    body.dept-hair .uro-about-grid .alopecia-areata-fig,
    body.dept-hair .uro-about-grid .scalp-care-fig{min-height:340px}
  }
  @media(max-width:720px){
    .hc-closing-in{padding:64px 24px}
    .hc-closing-cta .btn{width:100%}
    .hc-card-grid{grid-template-columns:1fr}
    body.dept-hair .rel-list{grid-template-columns:1fr}
    body.dept-hair .uro-tail{padding-bottom:56px}
    body.dept-hair .uro-tail .b-related{padding:26px 22px}
    body.dept-hair .dept-jump .wrap{padding:10px 16px;overflow:visible;flex-wrap:wrap;justify-content:center}
    body.dept-hair .dept-jump a{min-height:40px;padding:7px 12px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;justify-content:center}
  }
  @media(max-width:370px){
    body.dept-hair .dept-jump .wrap{gap:5px;padding:8px 14px}
    body.dept-hair .dept-jump a{min-height:38px;padding:6px 10px;font-size:11px}
  }

  /* ===== weightloss clinic page (wl-) ===== */
  /* single consolidated page like urolithiasis: sticky jump nav + anchored sections */
  body.dept-weightloss section[id]{scroll-margin-top:150px}
  body.dept-weightloss .uro-jump .wrap{justify-content:center}
  /* complication cards: 4 dp-value cards read better in a 2-col grid */
  .wl-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
  /* single self-check panel centered inside the peach uro-symp band */
  .wl-check{max-width:640px;margin:42px auto 0}
  .wl-check .uro-check-foot{margin-top:24px;padding-top:24px}
  /* the 3-step process band would leave an orphan slot in the default 2-col steps grid */
  body.dept-weightloss .wl-steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  @media(min-width:901px){
    body.dept-weightloss .wl-steps-3 .uro-step.has-photo{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"photo photo" "number title" "copy copy";min-height:0;row-gap:0}
    body.dept-weightloss .wl-steps-3 .uro-step-img{height:220px;min-height:220px;aspect-ratio:auto}
    body.dept-weightloss .wl-steps-3 .uro-step-n{margin-top:20px}
    body.dept-weightloss .wl-steps-3 h3{margin-top:20px}
  }
  /* medication band flips the about grid: text left, figure right */
  body.dept-weightloss .wl-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  /* section figures — must follow the .dept-weightloss .b-img default to win on source order */
  .dept-weightloss .wl-body-fig{background-image:url("../../images/weightloss-body-check.jpg");background-position:center 12%}
  .dept-weightloss .wl-arm-fig{background-image:url("../../images/weightloss-arm-check.jpg");background-position:center 12%}
  .dept-weightloss .uro-about-grid .wl-body-fig,
  .dept-weightloss .uro-about-grid .wl-arm-fig{min-height:520px}
  /* dark full-bleed closing band */
  body.dept-weightloss .wl-closing.b-closing{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;background:var(--ink)}
  .wl-closing .eyebrow{color:var(--clay-soft)}
  .wl-closing-in{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:96px 32px;text-align:center}
  .wl-closing-in h2{margin-top:16px;font-size:clamp(28px,3.8vw,44px);font-weight:800;line-height:1.32;letter-spacing:-.03em;color:#fff}
  .wl-closing-in p{margin-top:16px;font-size:16px;color:#cfc4b3}
  .wl-closing .tel{margin-top:24px}
  .wl-closing-cta{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .wl-closing-cta .btn-line{color:#efe7dc;border-color:rgba(239,231,220,.32)}
  .wl-closing-cta .btn-line:hover{border-color:#efe7dc}
  @media(max-width:900px){
    body.dept-weightloss section[id]{scroll-margin-top:176px}
    /* outranks the base 1-col rule on specificity, so it must collapse itself */
    body.dept-weightloss .wl-flip{grid-template-columns:1fr}
    body.dept-weightloss .wl-steps-3{grid-template-columns:1fr}
    .dept-weightloss .uro-about-grid .wl-body-fig,
    .dept-weightloss .uro-about-grid .wl-arm-fig{min-height:340px}
    body.dept-weightloss .uro-jump .wrap{padding:10px 18px;overflow:visible;flex-wrap:wrap;justify-content:center}
    body.dept-weightloss .uro-jump a{flex:1 1 calc(50% - 6px);max-width:176px;min-height:42px;padding:7px 12px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;justify-content:center}
  }
  @media(max-width:720px){
    body.dept-weightloss section[id]{scroll-margin-top:168px}
    .wl-card-grid{grid-template-columns:1fr}
    .wl-closing-in{padding:64px 24px}
    .wl-closing-cta .btn{width:100%}
  }

  /* ===== fees + certificates ===== */
  .fees-content{padding:72px 0 96px;background:var(--cream)}
  .fees-content .wrap{max-width:980px}
  .fees-intro{margin-bottom:34px}
  .fees-intro h2{margin-top:12px;font-size:clamp(28px,3.4vw,42px);font-weight:850;line-height:1.32;letter-spacing:-.035em;color:var(--ink)}
  .fees-intro>p:last-child{margin-top:14px;font-size:16px;color:var(--text)}
  .fees-card{padding:36px;margin-top:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow-s)}
  .fees-card-head{display:flex;align-items:flex-start;gap:18px}
  .fees-card-no{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;background:var(--clay-soft);font-size:13px;font-weight:900;color:var(--clay-d)}
  .fees-label{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--clay-d)}
  .fees-card h2{margin-top:3px;font-size:24px;font-weight:850;line-height:1.35;letter-spacing:-.025em;color:var(--ink)}
  .fees-head-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .fees-head-note{margin-top:3px;padding:5px 12px;border-radius:999px;background:var(--clay-soft);font-size:12px;font-weight:800;line-height:1.4;color:var(--clay-d);word-break:keep-all}
  .fees-table-wrap{margin-top:26px;overflow:hidden;border:1px solid var(--line);border-radius:16px}
  .fees-table{width:100%;border-collapse:collapse;background:#fffaf3}
  .fees-table caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .fees-table th,.fees-table td{padding:17px 20px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5;text-align:left;color:var(--text)}
  .fees-table thead th{background:rgba(244,228,214,.48);font-size:13px;font-weight:850;color:var(--ink)}
  .fees-table tbody th{font-weight:800;color:var(--ink)}
  .fees-row-note{display:block;margin-top:4px;font-size:12px;font-weight:500;line-height:1.45;color:var(--muted);word-break:keep-all}
  .fees-table tbody td:last-child{font-size:16px;font-weight:850;color:var(--clay-d);text-align:right;white-space:nowrap}
  .fees-table tr:last-child th,.fees-table tr:last-child td{border-bottom:0}
  .fees-note{margin-top:16px;font-size:13px;line-height:1.7;color:var(--muted);word-break:keep-all}
  .fees-disclaimer{margin-top:14px;font-size:12px;line-height:1.65;color:var(--muted);text-align:right;word-break:keep-all}
  .fees-disclaimer p+p{margin-top:2px}
  @media(max-width:720px){
    .fees-content{padding:48px 0 68px}
    .fees-content .wrap{padding:0 20px}
    .fees-intro{margin-bottom:26px}
    .fees-intro h2{font-size:28px}
    .fees-intro>p:last-child{font-size:15px}
    .fees-card{padding:26px 20px;margin-top:18px;border-radius:18px}
    .fees-card-head{gap:13px}
    .fees-card-no{width:42px;height:42px}
    .fees-card h2{font-size:21px}
    .fees-head-title{gap:7px}
    .fees-head-note{margin-top:1px;padding:4px 10px;font-size:11px}
    .fees-table-wrap{margin-top:22px;border-radius:14px}
    .fees-table th,.fees-table td{padding:14px 12px;font-size:14px}
    .fees-table thead th{font-size:12px}
    .fees-row-note{font-size:11px;word-break:normal}
    .fees-table tbody td:last-child{font-size:14px}
    .fees-table-three th:first-child,.fees-table-three td:first-child{width:40%}
    .fees-table-three th:nth-child(2),.fees-table-three td:nth-child(2){width:25%;word-break:keep-all}
    .fees-table-three th:last-child,.fees-table-three td:last-child{width:35%}
    .fees-disclaimer{text-align:left}
  }

  /* ===== privacy policy (pv-) — 문서 셸은 fees-를 그대로 쓰고 산문 스타일만 얹는다 ===== */
  .pv-body{margin-top:24px;font-size:15px;line-height:1.85;color:var(--text);word-break:keep-all}
  .pv-body>*+*{margin-top:14px}
  .pv-body ul{padding-left:20px;list-style:disc}
  .pv-body li+li{margin-top:7px}
  .pv-body strong{font-weight:800;color:var(--ink)}
  .pv-body a{color:var(--clay-d);text-decoration:underline;text-underline-offset:3px}
  .pv-meta{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--muted)}
  @media(max-width:720px){
    .pv-body{margin-top:20px;font-size:14.5px}
  }

  /* ===== community boards (cm-) ===== */
  /* visually hidden, still announced (table captions, search field labels) */
  .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  /* 공지 사항 · 의학 칼럼 · 온라인 문의 · 통합 FAQ · 게시글 보기.
     Contained content column (boards are lists, not full-bleed marketing bands). */
  .cm-open{background:var(--cream);padding:64px 0 40px}
  .cm-open .wrap{max-width:var(--sub-max)}
  .cm-open h2{margin-top:12px;font-size:clamp(24px,3vw,34px);font-weight:900;color:var(--ink);letter-spacing:-.03em;line-height:1.34}
  .cm-open p{margin-top:14px;max-width:680px;font-size:15.5px;line-height:1.82;color:var(--text);word-break:keep-all}
  .cm-board{background:#fff;padding:16px 0 96px}
  .cm-board .wrap{max-width:var(--sub-max)}
  /* board whose opener moved into the hero: it carries the top air the cm-open band used to give */
  .cm-flush{padding-top:56px}
  .cm-flush .cm-tools,
  .cm-flush .cm-tabs,
  .cm-flush .cm-view-head{margin-top:0}

  /* toolbar: search + primary action */
  .cm-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:32px}
  .cm-search{display:flex;gap:8px;flex:1;min-width:280px}
  .cm-search select,.cm-search input{min-height:46px;border:1px solid var(--line2);border-radius:12px;background:var(--paper);padding:0 14px;font:inherit;color:var(--ink)}
  .cm-search input{flex:1;min-width:0}
  .cm-search select:focus-visible,.cm-search input:focus-visible,.cm-btn:focus-visible{outline:2px solid var(--clay);outline-offset:2px}
  .cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border:1px solid var(--line2);border-radius:12px;background:var(--paper);font-size:14.5px;font-weight:800;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
  .cm-btn:hover{border-color:var(--clay);color:var(--clay-d)}
  .cm-btn-solid{background:var(--clay);border-color:var(--clay);color:#fff}
  .cm-btn-solid:hover{background:var(--clay-d);border-color:var(--clay-d);color:#fff}
  .cm-count{font-size:13.5px;font-weight:700;color:var(--text);margin-top:26px}
  .cm-count b{color:var(--clay-d);font-weight:900}

  /* list table */
  .cm-tbl-wrap{margin-top:14px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line2)}
  .cm-tbl{width:100%;border-collapse:collapse}
  .cm-tbl th,.cm-tbl td{padding:16px 12px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--text);text-align:center;vertical-align:middle}
  .cm-tbl thead th{font-size:13.5px;font-weight:900;color:var(--ink);background:rgba(244,228,214,.42)}
  .cm-tbl tbody tr:last-child td{border-bottom:0}
  .cm-tbl tbody tr:hover{background:rgba(244,228,214,.28)}
  .cm-tbl .cm-t{text-align:left}
  .cm-tbl .cm-t a{font-weight:750;color:var(--ink);word-break:keep-all}
  .cm-tbl .cm-t a:hover{color:var(--clay-d);text-decoration:underline;text-underline-offset:3px}
  .cm-tbl .cm-t a:focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:4px}
  /* the locked title is real content, so it carries body-text contrast, not muted */
  .cm-locked{display:inline-flex;align-items:center;gap:7px;font-weight:750;color:var(--text)}
  .cm-locked svg{width:14px;height:14px;flex:0 0 auto;color:var(--muted)}
  .cm-pin{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--clay);color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em}
  .cm-pin-m{display:none;margin-right:8px;vertical-align:1px}
  .cm-new{margin-left:7px;font-size:11px;font-weight:900;color:var(--clay-d);vertical-align:2px}
  .cm-img{display:inline-block;width:15px;height:15px;margin-left:6px;color:var(--muted);vertical-align:-2px;transition:color .2s}
  .cm-img svg{display:block;width:100%;height:100%}
  .cm-tbl a:hover .cm-img{color:var(--clay-d)}
  .cm-st{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:900}
  .cm-st-done{background:#e6efe6;color:#3d6347}
  .cm-st-wait{background:#f7e7cd;color:#7a5316}

  /* column cards */
  .cm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
  .cm-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow-s);transition:transform .28s cubic-bezier(.3,.8,.4,1),box-shadow .28s,border-color .28s}
  .cm-card-thumb{height:180px;margin:-28px -26px 22px;overflow:hidden;border-radius:17px 17px 0 0;background:var(--clay-soft)}
  .cm-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.3,.8,.4,1)}
  .cm-card:hover .cm-card-thumb img{transform:scale(1.035)}
  .cm-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-m);border-color:var(--line2)}
  .cm-card:focus-within{border-color:var(--clay)}
  .cm-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;background:var(--clay-soft);color:#7a4530;font-size:11.5px;font-weight:900;letter-spacing:.02em}
  .cm-card h3{margin-top:14px;font-size:19px;line-height:1.42;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .cm-card h3 a::after{content:"";position:absolute;inset:0}
  .cm-card{position:relative}
  .cm-card h3 a{color:inherit}
  .cm-card:hover h3 a{color:var(--clay-d)}
  .cm-card h3 a:focus-visible{outline:2px solid var(--clay);outline-offset:4px;border-radius:6px}
  .cm-card p{margin-top:12px;font-size:14.5px;line-height:1.8;color:var(--text);word-break:keep-all}
  .cm-card-meta{margin-top:auto;padding-top:20px;font-size:12.5px;font-weight:700;color:var(--text)}

  /* pager */
  .cm-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-top:44px}
  .cm-pager a,.cm-pager span{display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:0 10px;border-radius:11px;border:1px solid var(--line);background:var(--paper);font-size:14px;font-weight:800;color:var(--text)}
  .cm-pager a:hover{border-color:var(--clay);color:var(--clay-d)}
  .cm-pager a:focus-visible{outline:2px solid var(--clay);outline-offset:2px}
  .cm-pager [aria-current="page"]{background:var(--clay);border-color:var(--clay);color:#fff}
  .cm-pager .is-off{opacity:.42;pointer-events:none}
  .cm-pager .is-gap{min-width:20px;padding:0;border:0;background:none;color:var(--muted)}
  .cm-pager svg{width:15px;height:15px}

  /* notice / guidance panel */
  .cm-note{margin-top:28px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px 28px;box-shadow:var(--shadow-s)}
  .cm-note h3{font-size:16px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .cm-note ul{list-style:none;display:grid;gap:9px;margin-top:14px}
  .cm-note li{position:relative;padding-left:16px;font-size:14px;line-height:1.75;color:var(--text);word-break:keep-all}
  .cm-note li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--clay)}

  /* FAQ category filter */
  .cm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}
  .cm-tab{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:var(--paper);font-size:14px;font-weight:800;color:var(--text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
  .cm-tab:hover{border-color:var(--clay);color:var(--clay-d)}
  .cm-tab:focus-visible{outline:2px solid var(--clay);outline-offset:2px}
  .cm-tab[aria-pressed="true"]{background:var(--clay);border-color:var(--clay);color:#fff}
  .cm-tab[aria-pressed="true"]:hover{color:#fff}
  .cm-faq-group{margin-top:44px}
  .cm-faq-group[hidden]{display:none}
  .cm-faq-group>h2{font-size:21px;font-weight:900;color:var(--ink);letter-spacing:-.02em;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}

  /* board detail (view) */
  .cm-view{background:#fff;padding:16px 0 96px}
  .cm-view .wrap{max-width:var(--sub-max)}
  /* no border-top: the sticky .dept-jump already rules off the header band */
  .cm-view-head{margin-top:32px;padding-bottom:22px;border-bottom:1px solid var(--line);padding-top:30px}
  .cm-view-head h2{font-size:clamp(22px,2.7vw,30px);font-weight:900;color:var(--ink);letter-spacing:-.03em;line-height:1.4;word-break:keep-all}
  .cm-view-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px}
  .cm-view-meta li{font-size:13.5px;color:var(--text)}
  .cm-view-meta b{font-weight:800;color:var(--ink);margin-right:6px}
  .cm-view-body{padding:38px 2px 44px;border-bottom:1px solid var(--line)}
  .cm-view-body p{margin-top:16px;font-size:17px;line-height:1.95;color:#62594c;word-break:keep-all}
  .cm-view-body p:first-child{margin-top:0}
  .cm-view-body h3{margin-top:34px;font-size:18px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .cm-view-body ul{list-style:none;display:grid;gap:10px;margin-top:16px}
  .cm-view-body li{position:relative;padding-left:17px;font-size:16.5px;line-height:1.85;color:#62594c;word-break:keep-all}
  .cm-view-body li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--clay)}
  .cm-view-nav{list-style:none;border-bottom:1px solid var(--line)}
  .cm-view-nav li{display:flex;align-items:center;gap:16px;padding:16px 4px;border-top:1px solid var(--line)}
  .cm-view-nav li:first-child{border-top:0}
  .cm-view-nav .cm-view-dir{flex:0 0 74px;font-size:13px;font-weight:900;color:var(--clay-d)}
  .cm-view-nav a{font-size:14.5px;font-weight:750;color:var(--ink)}
  .cm-view-nav a:hover{color:var(--clay-d);text-decoration:underline;text-underline-offset:3px}
  .cm-view-nav a:focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:4px}
  .cm-view-nav .cm-view-off{font-size:14.5px;color:var(--muted)}
  .cm-view-actions{display:flex;justify-content:center;margin-top:36px}

  @media(max-width:900px){
    .cm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.dept-community .dept-jump .wrap{padding:10px 16px;overflow:visible;flex-wrap:wrap;justify-content:center}
    body.dept-community .dept-jump a{min-height:40px;padding:7px 12px;font-size:12px;line-height:1.25;text-align:center;white-space:normal;justify-content:center}
  }
  @media(max-width:720px){
    .cm-open{padding:40px 0 28px}
    .cm-board,.cm-view{padding-bottom:64px}
    .cm-flush{padding-top:34px}
    .cm-cards{grid-template-columns:1fr}
    /* column + wrap would size the cross axis to the widest item's max-content (the search input) */
    .cm-tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
    .cm-search{min-width:0}
    .cm-tbl .cm-hide-m{display:none}
    /* the 번호 column carries the 공지 pin — surface it inside the title cell instead */
    .cm-pin-m{display:inline-flex}
    .cm-tbl th,.cm-tbl td{padding:14px 8px;font-size:13.5px}
    .cm-view-head{padding-top:24px}
    .cm-view-meta{gap:6px 16px}
    .cm-view-nav li{gap:10px}
    .cm-view-nav .cm-view-dir{flex-basis:60px;font-size:12px}
  }

  /* ===== inquiry write + quick consult (iqw-) ===== */
  /* 문의 글쓰기 폼, 비밀글 게이트, 답변 패널, 푸터 빠른 상담 상태 메시지.
     톤은 커뮤니티 보드(cm-)와 동일: paper 카드, clay 단일 액센트, 46px 컨트롤. */
  .iqw-flash{margin-bottom:22px;padding:15px 20px;border:1px solid #cfe0cf;border-radius:14px;background:#e6efe6;font-size:14.5px;font-weight:700;color:#3d6347;word-break:keep-all}
  .iqw-alert{margin-bottom:20px;padding:14px 18px;border:1px solid #e8c7c1;border-radius:12px;background:#f9e9e7;font-size:14px;font-weight:700;color:#b3372f;word-break:keep-all}
  .iqw-form-wrap{max-width:760px;margin:0 auto}
  .iqw-form{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:34px 32px;box-shadow:var(--shadow-s)}
  .iqw-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .iqw-grid .iqw-field{margin-top:0}
  .iqw-field{margin-top:20px}
  .iqw-field label{display:block;font-size:14.5px;font-weight:800;color:var(--ink);margin-bottom:8px}
  .iqw-field label em{color:var(--clay-d);font-style:normal}
  .iqw-field input,.iqw-field textarea{width:100%;min-height:46px;border:1px solid var(--line2);border-radius:12px;background:#fff;padding:11px 14px;font:inherit;font-size:15px;color:var(--ink)}
  .iqw-field textarea{resize:vertical;line-height:1.7}
  .iqw-field input:focus-visible,.iqw-field textarea:focus-visible{outline:2px solid var(--clay);outline-offset:2px}
  .iqw-field input[aria-invalid="true"],.iqw-field textarea[aria-invalid="true"]{border-color:#b3372f}
  .iqw-count{display:block;margin-top:6px;font-size:12.5px;color:var(--muted);text-align:right}
  .iqw-count b{color:var(--clay-d)}
  .iqw-err{margin-top:7px;font-size:13px;font-weight:700;color:#b3372f}
  .iqw-secret{margin-top:22px;padding:16px 18px;border:1px dashed var(--line2);border-radius:14px;background:rgba(244,228,214,.32)}
  .iqw-check{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;color:var(--ink);cursor:pointer;flex-wrap:wrap}
  .iqw-check input{width:18px;height:18px;accent-color:var(--clay)}
  .iqw-check small{font-size:13px;font-weight:500;color:var(--text)}
  .iqw-pw{max-width:340px}
  .iqw-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .iqw-agree{margin-top:18px;font-size:13px;color:var(--muted)}
  .iqw-actions{display:flex;gap:10px;margin-top:24px}

  /* 상세: 비밀글 게이트 + 답변 패널 */
  .iqw-view-lock{display:inline-flex;vertical-align:-2px;margin-right:9px;color:var(--muted)}
  .iqw-view-lock svg{width:19px;height:19px}
  .iqw-answer{margin-top:26px;background:rgba(244,228,214,.42);border:1px solid var(--line);border-left:4px solid var(--clay);border-radius:14px;padding:24px 26px}
  .iqw-answer-head{display:flex;align-items:baseline;gap:12px}
  .iqw-answer-head b{font-size:15px;font-weight:900;color:var(--clay-d)}
  .iqw-answer-head span{font-size:13px;color:var(--muted)}
  .iqw-answer p{margin-top:12px;font-size:15.5px;line-height:1.85;color:#62594c;word-break:keep-all}
  .iqw-answer h2,.iqw-answer h3,.iqw-answer h4{margin-top:18px;color:var(--clay-d)}
  .iqw-answer ul,.iqw-answer ol{margin-top:12px;padding-left:22px;font-size:15.5px;line-height:1.85;color:#62594c}
  .iqw-answer img{max-width:100%;height:auto;border-radius:10px;margin-top:12px}
  .iqw-gate{margin:46px auto 10px;max-width:430px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:38px 30px;box-shadow:var(--shadow-s)}
  .iqw-gate-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--clay-soft);color:var(--clay-d)}
  .iqw-gate-ic svg{width:22px;height:22px}
  .iqw-gate h3{margin-top:14px;font-size:18px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
  .iqw-gate p{margin-top:8px;font-size:14px;line-height:1.75;color:var(--text);word-break:keep-all}
  .iqw-gate .iqw-err{margin-top:12px}
  .iqw-gate-form{display:flex;gap:8px;margin-top:18px}
  .iqw-gate-form input{flex:1;min-width:0;min-height:46px;border:1px solid var(--line2);border-radius:12px;background:#fff;padding:0 14px;font:inherit;color:var(--ink)}
  .iqw-gate-form input:focus-visible{outline:2px solid var(--clay);outline-offset:2px}

  /* 푸터 빠른 상담: 상태 메시지 + 접수 완료 */
  .consult .consult-msg{display:none;grid-column:1/-1;font-size:13px;font-weight:700;color:#b3372f}
  .consult .consult-msg.show{display:block}
  .consult .consult-done{grid-column:2/-1;font-size:14.5px;font-weight:800;color:#3d6347}

  @media(max-width:720px){
    .iqw-form{padding:26px 20px}
    .iqw-grid{grid-template-columns:1fr;gap:0}
    .iqw-grid .iqw-field+.iqw-field{margin-top:20px}
    .iqw-actions{flex-direction:column}
    .iqw-gate{padding:30px 20px}
  }