/* 內頁共用樣式（醫師資歷、暗瘡等純 HTML 版）— on top of home.css */
.hp-page{--gold:#c9a24a;--tint:#f2f7ee}
.hp-page main{font-size:20px;line-height:1.8}
.hp-page h1,.hp-page h2,.hp-page h3{font-weight:700}
.hp-page h2{font-size:clamp(28px,3vw,38px);line-height:1.25;margin-bottom:22px}
.hp-page h2 em{font-style:normal;color:var(--g500)}
.hp-page .sec p+p{margin-top:16px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--g500);margin-bottom:14px}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--g500)}
.eyebrow-sm{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--g900);margin-bottom:8px}
.lead{max-width:760px;margin-bottom:36px}
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.ab-tint{background:linear-gradient(160deg,#eef6e4 0%,var(--tint) 45%,#fafcf7 100%)}
.btn-dark{display:inline-flex;align-items:center;gap:8px;background:var(--g900);color:#fff;font-weight:700;padding:14px 26px;border-radius:4px;margin-top:30px;transition:.2s}
.btn-dark:hover{background:var(--g500)}

/* hero */
.ab-hero{background:linear-gradient(90deg,#f4f8f1 0%,#f4f8f1 55%,#fff 55%)}
.ab-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:90px}
.crumb{font-size:13px;color:var(--g500);font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:14px}
.crumb::before{content:"";width:28px;height:2px;background:var(--g500)}
.crumb a{color:var(--g500)}
.eyebrow-en{font-size:clamp(15px,1.5vw,20px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g500);margin-bottom:10px}
.ab-hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.3;margin-bottom:22px}
.ab-hero-copy>p:not(.crumb):not(.eyebrow-en){font-size:20px;line-height:1.8}
.ab-hero-fig{position:relative;margin:0;padding:0 0 70px 40px}
.ab-hero-fig img{width:100%;aspect-ratio:435/344;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 84%,88% 100%,0 100%)}
.name-card{position:absolute;left:0;bottom:0;background:#fff;border-left:3px solid var(--gold);box-shadow:var(--shadow);padding:20px 26px;min-width:290px}
.name-card small{display:block;font-size:12px;color:#7a7a7a;letter-spacing:.1em}
.name-card strong{display:block;font-size:26px;color:var(--g900);letter-spacing:.2em;margin:4px 0}
.name-card span{font-size:13px;color:var(--ink-dark)}

/* stats */
.ab-stats{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ab-stats ul{display:grid;grid-template-columns:repeat(3,1fr)}
.ab-stats li{padding:34px 70px}
.ab-stats li+li{border-left:1px solid var(--line)}
.ab-stats svg{width:22px;height:22px;stroke:var(--g500);fill:none;stroke-width:2;color:var(--g500);margin-bottom:8px}
.ab-stats strong{display:block;font:700 42px/1.1 "Noto Serif JP","Noto Serif TC",Georgia,serif;color:var(--g900)}
.ab-stats span{display:block;margin-top:6px;font-size:14px;color:var(--ink-dark)}

/* qualifications */
.qual-table{margin-top:30px;border-top:1px solid var(--line)}
.qual-table div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.qual-table dt{color:#7a7a7a}
.qual-table dd{font-weight:700;color:var(--ink-dark)}
.ab-fig-callout{position:relative;margin:0;padding:0 0 110px}
.ab-fig-callout img{width:100%;aspect-ratio:423/300;object-fit:cover;border-radius:0 0 60% 0/0 0 45% 0;box-shadow:12px 12px 0 var(--g500)}
.ab-fig-callout .callout{position:absolute;right:0;bottom:0;width:min(300px,80%);background:var(--g900);color:#fff;padding:28px 30px}
.callout b{display:block;font-size:19px;line-height:1.5;margin-bottom:12px}
.callout span{font-size:14px;line-height:1.7;opacity:.9}
.faq-fig img{border-radius:0;box-shadow:none;clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,8% 100%,0 88%)}

/* dark philosophy band */
.ab-dark{background:var(--g900);color:#e8f1e1}
.ab-dark .eyebrow{color:#b9dc8f}.ab-dark .eyebrow::before{background:#b9dc8f}
.ab-dark h2{color:#fff}
.ab-dark p{max-width:960px;line-height:1.9}

/* specialties */
.spec-list{display:grid;gap:26px}
.spec{display:grid;grid-template-columns:370px 1fr;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.spec.flip{grid-template-columns:1fr 370px}
.spec.flip img{order:2}
.spec img{width:100%;height:100%;min-height:340px;object-fit:cover;align-self:stretch}
.spec-body{padding:38px 44px}
.spec h3{font-size:24px;margin-bottom:16px}
.spec-body p+p{margin-top:14px}

/* methods */
.methods{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-top:36px}
.methods article{padding:34px 32px;background:#fff}
.methods article+article{border-left:1px solid var(--line)}
.methods i{display:inline-block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--g500);background:#e6f2d6;padding:4px 10px;border-radius:4px;margin-bottom:22px}
.methods h3{font-size:20px;margin-bottom:12px}

/* faq */
.ab-faq{border-top:1px solid #cfdcc3}
.ab-faq details{border-bottom:1px solid #cfdcc3}
.ab-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;color:var(--g900)}
.ab-faq summary::-webkit-details-marker{display:none}
.ab-faq summary::after{content:"+";flex:none;font-size:24px;font-weight:400;color:var(--g500);line-height:1;transition:.2s}
.ab-faq details[open] summary::after{transform:rotate(45deg)}
.ab-faq summary:focus-visible{outline:2px solid var(--g500);outline-offset:2px}
.ab-faq p{padding:0 0 22px;margin:0!important}

/* services */
.svc-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}
.svc-head p{padding-bottom:8px}
.svc-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:var(--line);gap:1px}
.svc-grid li{background:#fff;padding:26px 18px 30px}
.leaf{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50% 50% 50% 6px;background:#e6f2d6;color:var(--g900);margin-bottom:18px}
.leaf svg{width:18px;height:18px}
.svc-grid h3{font-size:20px;margin-bottom:8px}
.svc-grid p{font-size:17px;color:#6a6a6a;margin-bottom:14px;line-height:1.6}
.svc-grid .more{font-size:16px;font-weight:700;color:var(--g500)}
.hp-page .steps li{font-size:17px;padding:12px 20px 12px 12px;gap:12px}
.hp-page .steps i{width:34px;height:34px;font-size:13px;line-height:34px}

/* booking (reuses home.css; left-aligned heading per design) */
.hp-page .book-band{border-top-width:1px}
.sec-head.left{text-align:left}
.sec-head.left h2::after{margin-left:0;display:none}
.sec-head.left p{margin-top:0}

@media(max-width:1024px){
  .ab-two,.ab-hero-grid,.svc-head{grid-template-columns:1fr;gap:40px}
  .ab-hero{background:#f4f8f1}
  .ab-hero-grid{padding-top:44px;padding-bottom:50px}
  .ab-hero-fig{max-width:560px}
  .ab-stats li{padding:28px 30px}
  .spec,.spec.flip{grid-template-columns:1fr}
  .spec.flip img{order:0}
  .spec img{height:auto;min-height:0;aspect-ratio:16/9;align-self:auto}
  .methods{grid-template-columns:1fr}
  .methods article+article{border-left:0;border-top:1px solid var(--line)}
  .svc-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .hp-page main,.ab-hero-copy>p:not(.crumb):not(.eyebrow-en){font-size:19px}
  .ab-hero-fig{padding:0 0 90px 0}
  .name-card{min-width:0;width:82%;padding:16px 20px}
  .ab-stats li{padding:22px 8px;text-align:center}
  .ab-stats svg{margin:0 auto 6px;display:block;width:18px;height:18px}
  .ab-stats strong{font-size:26px}
  .ab-stats span{font-size:12px;margin-top:4px}
  .qual-table div{grid-template-columns:1fr;gap:4px}
  .ab-fig-callout{padding-bottom:130px}
  .ab-fig-callout .callout{width:92%;right:auto;left:4%}
  .spec-body{padding:26px 22px}
  .spec h3{font-size:21px}
  .svc-grid{grid-template-columns:1fr 1fr}
}

/* shared click-to-enlarge dialog (parts/lightbox.php) */
.hp-lightbox-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.hp-lightbox-trigger:focus-visible{outline:3px solid var(--g500);outline-offset:3px}
.hp-lightbox{width:min(94vw,1100px);max-width:none;max-height:92vh;padding:52px 20px 20px;border:0;background:rgba(255,255,255,.98);box-shadow:0 18px 80px rgba(0,0,0,.35)}
.hp-lightbox::backdrop{background:rgba(0,0,0,.72)}
.hp-lightbox-image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 72px);margin:auto;object-fit:contain}
.hp-lightbox-close{position:absolute;top:10px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--g900);color:#fff;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:600px){.hp-lightbox{padding:48px 10px 10px}}