:root{
  --night:#14110E; --night-2:#211C17; --night-3:#2E2721;
  --paper:#FFFFFF; --ivory:#F8F5F0; --ivory-2:#F0EAE1;
  --ink:#1C1815; --ink-2:#5F574E; --ink-3:#6E665C; --ink-4:#8B8177;
  --line:#E7E0D6; --line-2:#D6CCBE;
  --gold:#A08247; --gold-ink:#7E6228; --gold-lt:#C9A96E; --gold-soft:#F3EADA;
  --ebd:#35597F; --ebd-soft:#E9EEF5; --inj:#8E4F5A; --inj-soft:#F6E9EB;
  --on-night:#EDE7DE; --on-night-2:rgba(237,231,222,.66);
  --line-green:#06C755;
  --latin:"Marcellus","Times New Roman",serif;
  --fig:"Noto Sans JP","Helvetica Neue",Arial,sans-serif;
  --mincho:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --wrap:1200px; --gut:clamp(20px,5vw,56px); --sec:clamp(64px,8vw,116px);
}

/* ---------- numerals: tabular lining figures for every number ---------- */
.num,.tnum,.facts .v,.paper .yr,.routes .num,.step::before,.fstep::before,.reason .n,
.ptbl td.p,.cmp td.p,.hours th,.hours td,.scale .m,.kpi .v,.serp .cnt,.rung::before,
td.r,th.r,.chk .t{
  font-family:var(--fig);
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  letter-spacing:.01em;
}
.num,.facts .v,.paper .yr,.routes .num,.kpi .v,.chk .t{font-weight:700}
.step::before,.fstep::before,.reason .n{font-weight:700;letter-spacing:.06em}
/* Marcellus ships a single weight — never synthesise bold */
.brand .wm,.ftr .wm,.shead .word,.crosstalk .mk,.doc .nm small,.dhero h1 small,
.type .k,.thesis .lbl,.mast .kicker,.shead .n,.dir .dl,.serp .fav,.lang li button small,
.eyebrow,.toc b{font-weight:400}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--ebd);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-family:var(--mincho),serif;font-weight:500;line-height:1.4;letter-spacing:.04em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
dl{margin:0}
table{border-collapse:collapse;width:100%}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec)}
.sec.tight{padding-block:clamp(44px,6vw,76px)}
.ivory{background:var(--ivory)}
.night{background:var(--night);color:var(--on-night)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;z-index:200;border-radius:3px}
.skip:focus{top:12px}

.tnum{font-variant-numeric:tabular-nums}
.measure{max-width:40em}

/* ---- section header: local label + latin word (Bianca-informed scanning pattern) ---- */
.shead{text-align:center;margin-bottom:clamp(34px,4.5vw,58px)}
.shead .lbl{font-size:13.5px;font-weight:700;letter-spacing:.18em;color:var(--gold-ink);display:block}
.shead h2.lbl{font-family:inherit;line-height:inherit;text-wrap:wrap}
.shead .word{font-family:var(--latin);font-size:clamp(36px,4.9vw,58px);font-weight:400;letter-spacing:.1em;line-height:1.05;display:block;margin-top:8px;text-transform:uppercase}
.shead .rule{display:block;width:38px;height:1px;background:var(--gold);margin:20px auto 0}
.shead p{margin-top:22px;color:var(--ink-2);font-size:15.5px;max-width:40em;margin-inline:auto}
.night .shead .word{color:#fff}
.night .shead .lbl{color:var(--gold-lt)}
.night .shead .rule{background:var(--gold-lt)}
.night .shead p{color:var(--on-night-2)}
.shead.left{text-align:left}
.shead.left .rule{margin-inline:0}
.shead.left p{margin-inline:0}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 28px;border:1px solid transparent;border-radius:2px;font-family:var(--sans);font-weight:700;font-size:14.5px;letter-spacing:.08em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn.p{background:var(--ink);color:#fff}.btn.p:hover{background:var(--night-3)}
.btn.g{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn.g:hover{border-color:var(--ink)}
.btn.w{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.btn.o:hover{background:rgba(255,255,255,.12)}
.btn.sm{min-height:42px;padding:0 18px;font-size:13px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--line-green);flex:none}
.lnk{color:var(--gold-ink);font-weight:700;font-size:14px;letter-spacing:.06em}
.lnk::after{content:" →"}
.lnk:hover{color:var(--ink)}
.night .lnk:hover{color:#fff}

/* ---- notice ---- */
.notice{background:var(--night-3);color:var(--on-night);font-size:12.5px;letter-spacing:.05em;position:relative;z-index:120}
.notice .in{max-width:1360px;margin-inline:auto;padding:6px var(--gut);display:flex;align-items:center;gap:16px}
.notice .msg{flex:1;text-align:center;min-width:0}
@media (max-width:820px){.notice .in{flex-direction:column;gap:4px;padding-bottom:8px}.notice .msg{text-align:center}}
.notice b{color:var(--gold-lt)}

/* ---- header ---- */
.hdr{position:sticky;top:0;z-index:110;background:var(--night);color:var(--on-night);border-bottom:1px solid rgba(237,231,222,.14)}
.hdr .bar{display:flex;align-items:center;gap:18px;min-height:68px;max-width:1360px;margin-inline:auto;padding-inline:var(--gut)}
.hdr .bar>*{min-width:0}
.brand{flex:none;display:flex;flex-direction:column;line-height:1.15}
.brand .wm{font-family:var(--latin);font-size:22px;font-weight:400;letter-spacing:.24em;color:#fff;white-space:nowrap}
.brand .sub{font-size:10.5px;letter-spacing:.12em;color:var(--on-night-2);margin-top:4px;white-space:nowrap}
.gnav{display:flex;align-items:center;gap:2px;margin-left:auto}
.gnav>li{position:relative}
.gnav>li>a,.gnav>li>button{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--on-night);font-family:inherit;font-size:12.5px;font-weight:500;letter-spacing:.03em;padding:10px 11px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}
.gnav>li>a:hover,.gnav>li>button:hover,.gnav>li>button[aria-expanded="true"]{color:#fff;border-color:var(--gold-lt)}
.gnav .car{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px rgba(20,17,14,.22);padding:26px 30px;min-width:640px;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;z-index:130}
.mega[hidden]{display:none}
.mega .mh{grid-column:1/-1;font-size:11.5px;letter-spacing:.16em;color:var(--ink-3);font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mega a{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 10px;font-size:14px;border-radius:2px}
.mega a:hover{background:var(--ivory)}
.mega a small{font-size:11.5px;color:var(--ink-3);font-family:var(--latin);letter-spacing:.1em;text-transform:uppercase}
.hdr .acts{display:flex;gap:8px;flex:none}
.hdr .acts .btn{min-height:38px;padding:0 13px;font-size:12.5px;border-radius:2px;white-space:nowrap}
.hdr .acts .btn.o{border-color:rgba(237,231,222,.4)}
.hdr .acts .btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.hdr .acts .btn.gold:hover{background:var(--gold-lt)}
.mbtn{display:none;margin-left:auto;background:none;border:1px solid rgba(237,231,222,.4);color:var(--on-night);border-radius:2px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer}
@media (max-width:1180px){
  .brand .sub{display:none}
  .gnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--night-2);flex-direction:column;align-items:stretch;gap:0;padding:6px var(--gut) 20px;max-height:76vh;overflow-y:auto}
  .gnav.open{display:flex}
  .gnav>li>a,.gnav>li>button{width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(237,231,222,.14);font-size:15px}
  .mega{position:static;transform:none;min-width:0;grid-template-columns:1fr;box-shadow:none;border:0;background:var(--night-3);color:var(--on-night);padding:6px 0 12px}
  .mega .mh{color:var(--on-night-2);border-color:rgba(237,231,222,.14)}
  .mega a{padding:11px 6px}
  .mega a:hover{background:rgba(255,255,255,.06)}
  .mega a small{color:var(--on-night-2)}
  .hdr .acts{display:none}
  .mbtn{display:inline-block}
  /* phones/tablets: the language switch sits beside MENU in the header bar (moved there by script, 2026-09-27) */
  .hdr .bar .lang{margin-left:auto}.hdr .bar .lang+.mbtn{margin-left:0}body.lang-in-bar .notice{display:none}
}

/* ---- language switcher ---- */
.lang{position:relative;flex:none}
.lang>button{display:flex;align-items:center;gap:7px;background:none;border:1px solid rgba(237,231,222,.34);color:var(--on-night);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;padding:4px 11px;border-radius:2px;cursor:pointer;min-height:28px;white-space:nowrap}
.lang>button:hover{border-color:var(--gold-lt);color:#fff}
.globe{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.lang ul{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(20,17,14,.2);min-width:186px;padding:6px;z-index:140}
.lang ul[hidden]{display:none}
.lang li button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:none;border:0;font-family:inherit;font-size:14px;color:var(--ink);padding:10px 12px;cursor:pointer;text-align:left;border-radius:2px}
.lang li button:hover{background:var(--ivory)}
.lang li button[aria-current="true"]{background:var(--gold-soft);font-weight:700}
.lang li button small{font-family:var(--latin);font-size:12px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}
/* no strip above the header (2026-10-04, owner). PC: the 言語 button of the right rail opens the switch as a box beside it
   (the script moves .lang out of the strip and marks it .lang-rail; --lang-rail-top is the button's top) */
.notice{display:none}
.lang.lang-rail{position:fixed;right:80px;top:var(--lang-rail-top,40%);z-index:140}
.lang.lang-rail>button{display:none}
.lang.lang-rail ul{top:0}
#railLang[aria-expanded="true"]{background:var(--night-3);color:#fff}

/* ---- floating rail (desktop) ---- */
.rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1px;background:var(--line-2)}
.rail a,.rail button{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;padding:16px 6px;background:var(--night);color:var(--on-night);border:0;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;line-height:1.4;text-align:center}
.rail a:hover,.rail button:hover{background:var(--night-3);color:#fff}
.rail a.gold{background:var(--gold);color:#fff}
.rail a.gold:hover{background:var(--gold-lt)}
.rail .ic{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}
@media (max-width:1180px){.rail{display:none}}

/* ---- hero: one unclouded photograph beside an ivory page of type ---- */
.hero{position:relative;background:var(--ivory);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);min-height:clamp(580px,50vw,780px)}
.hero-copy{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(28px,3.4vw,60px);align-items:stretch;
  padding:clamp(60px,6vw,100px) clamp(32px,3.6vw,64px) clamp(52px,5vw,84px) clamp(40px,6vw,112px)}
.hero h1{grid-column:2;grid-row:1;align-self:start;writing-mode:vertical-rl;white-space:nowrap;text-wrap:nowrap;
  font-size:clamp(32px,3.1vw,48px);font-weight:500;line-height:1.8;letter-spacing:.2em;color:var(--ink);margin:0;max-width:none}
.hero h1 em{font-style:normal;color:inherit}
.hero h1 em::before{content:"\A";white-space:pre}
.hero-side{grid-column:1;grid-row:1;align-self:end;display:flex;flex-direction:column;min-width:0}
.hero .eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold-ink);font-size:11.5px;font-weight:500;letter-spacing:.2em;line-height:1.8;margin:0}
.hero .eyebrow::before{content:"";flex:none;width:28px;height:1px;background:var(--gold)}
.hero .lead{margin:22px 0 0;font-family:var(--mincho),serif;font-size:clamp(15.5px,1.3vw,18px);line-height:2.15;letter-spacing:.08em;color:var(--ink)}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(30px,3vw,40px)}
.hero .cta .btn{min-height:56px;padding:0 30px 0 34px;gap:18px;font-weight:500;font-size:14px;letter-spacing:.18em;border-radius:0}
.hero .cta .btn::after{content:"";width:26px;height:1px;background:currentColor;opacity:.7;transition:width .4s cubic-bezier(.19,.72,.21,1)}
.hero .cta .btn:hover::after{width:38px}
.hero-facts{margin-top:clamp(26px,2.6vw,34px);padding-top:18px;border-top:1px solid var(--line-2);max-width:30em}
.hero .micro{margin:0;color:var(--ink-2);font-size:12.5px;letter-spacing:.08em;line-height:1.9}
.hero .hnote{margin:6px 0 0;color:var(--ink-3);font-size:12.5px;letter-spacing:.02em;line-height:1.9;max-width:none}
.hero .langhint{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:var(--ink-3);font-size:12px;letter-spacing:.12em;border-bottom:1px solid transparent;padding-bottom:3px}
.hero .langhint:hover{border-color:var(--gold);color:var(--gold-ink)}
.hero .lead-sp,.hero .micro-sp{display:none}
.hero .bg{position:relative;min-height:100%;overflow:hidden;background:var(--ivory-2)}
.hero .bg picture{display:block;position:absolute;inset:0}
.hero .bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:18% 50%;animation:heroSettle 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroSettle{from{transform:scale(1.045)}to{transform:none}}
/* English reads across, so the title turns horizontal and sits above the rest */
html[lang="en"] .hero-copy{display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,2.6vw,36px)}
html[lang="en"] .hero h1{writing-mode:horizontal-tb;white-space:normal;text-wrap:balance;font-size:clamp(30px,3vw,44px);line-height:1.35;letter-spacing:.02em}
html[lang="en"] .hero h1 em::before{content:none}
html[lang="en"] .hero-side{align-self:auto}

@media (max-width:900px){
  /* photograph first, with no type on it; the words follow underneath */
  .hero{background:var(--paper)}
  .hero-grid{display:flex;flex-direction:column;min-height:0}
  .hero .bg{order:-1;min-height:0}
  .hero .bg picture{position:static}
  .hero .bg img{height:auto;aspect-ratio:4/3;object-position:center 38%}
  .hero-copy{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto auto auto auto auto;column-gap:22px;padding:34px var(--gut) 36px}
  .hero-side{display:contents}
  .hero h1{grid-column:2;grid-row:1/4;font-size:clamp(25px,7vw,32px);letter-spacing:.16em}
  .hero .eyebrow{grid-column:1;grid-row:2;align-self:end;font-size:11px;letter-spacing:.14em;gap:10px}
  .hero .eyebrow::before{width:18px}
  .hero .lead{display:none}
  .hero .lead-sp{display:block;grid-column:1;grid-row:3;margin:14px 0 0;font-family:var(--mincho),serif;font-size:15px;line-height:2.05;letter-spacing:.06em;color:var(--ink)}
  .hero .cta{grid-column:1/-1;grid-row:4;margin-top:30px}
  .hero .cta .btn{flex:1 1 100%;min-height:54px}
  .hero-facts{grid-column:1/-1;grid-row:5;max-width:none;margin-top:22px;padding-top:14px}
  .hero .micro{display:none}
  .hero .micro-sp{display:block;margin:0;color:var(--ink-2);font-size:12px;letter-spacing:.06em;line-height:1.8}
  .hero .hnote{font-size:12px}
  .hero .langhint{grid-column:1/-1;grid-row:6;margin-top:16px}
  html[lang="en"] .hero-copy{display:flex}
  html[lang="en"] .hero h1{font-size:clamp(25px,6.6vw,30px)}
}
/* ---- concern index ---- */
.ccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(38px,4vw,58px) clamp(26px,2.6vw,38px)}
.ccard{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;min-width:0;color:inherit}
.ccard .cspine{grid-column:1;grid-row:1/-1;align-self:start;writing-mode:vertical-rl;font-family:var(--latin);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-ink);white-space:nowrap;margin-top:3px}
.ccard .ph{grid-column:2;grid-row:1;display:block;aspect-ratio:4/3;background:var(--ivory-2);overflow:hidden}
.ccard .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.19,.72,.21,1)}
.ccard:hover .ph img{transform:scale(1.045)}
.ccard .cbody{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;padding-top:18px}
.ccard h3{font-size:clamp(19px,1.5vw,21px);line-height:1.6;letter-spacing:.06em;overflow-wrap:anywhere}
.ccard p{margin-top:12px;font-size:14.5px;color:var(--ink-3);line-height:2;overflow-wrap:anywhere;flex:1}
.ccard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ccard .tag{background:none;border:1px solid var(--line);border-radius:0;color:var(--ink-3);font-weight:500;font-size:11.5px;letter-spacing:.04em;line-height:1.7;padding:3px 9px;white-space:nowrap}
.ccard .go{display:inline-flex;align-items:center;gap:11px;align-self:flex-start;margin-top:18px;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4);transition:color .3s}
.ccard .go::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .4s cubic-bezier(.19,.72,.21,1),background .4s}
.ccard:hover .go{color:var(--gold-ink)}
.ccard:hover .go::after{width:36px;background:var(--gold)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:11.5px;font-weight:700;letter-spacing:.05em;padding:4px 9px;border-radius:2px;background:var(--ivory);color:var(--ink-2);white-space:nowrap}
@media (max-width:1040px){.ccards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .ccards{grid-template-columns:minmax(0,1fr);gap:0}
  .ccard{grid-template-columns:104px minmax(0,1fr);column-gap:18px;padding:22px 0;border-top:1px solid var(--line);align-items:start}
  .ccards .ccard:first-child{border-top:0;padding-top:0}
  .ccard .cspine{grid-column:2;grid-row:1;writing-mode:horizontal-tb;font-size:10.5px;letter-spacing:.2em;margin-top:0}
  .ccard .ph{grid-column:1;grid-row:1/-1;width:104px;aspect-ratio:4/5}
  .ccard .cbody{grid-row:2;padding-top:7px}
  .ccard h3{font-size:18px;line-height:1.55}
  .ccard p{margin-top:9px;font-size:14px;line-height:1.95}
  .ccard .tags{margin-top:11px}
  .ccard .go{margin-top:13px;font-size:12px;gap:9px}
}

/* ---- treatment index ---- */
/* 画像上のボタン（機器・製剤） */
.hs-hint{font-size:13.5px;color:var(--ink-2);margin:0 0 18px}
.hs-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px);margin-bottom:14px}
.hs-h{font-size:13.5px;font-weight:700;letter-spacing:.12em;color:var(--gold-ink);margin:0 0 10px}
.hs{position:relative;margin:0;border:1px solid var(--line);background:#fff}
.hs>img{display:block;width:100%;height:auto}
.hs-pin{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
.hs-plus{position:relative;display:block;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--ink);box-shadow:0 0 0 5px rgba(255,255,255,.55),0 1px 4px rgba(28,24,21,.22);transition:transform .25s,background .25s}
.hs-plus::before,.hs-plus::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:var(--ink);transform:translate(-50%,-50%);transition:background .25s}
.hs-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.hs-pin:hover .hs-plus,.hs-pin[aria-expanded="true"] .hs-plus{background:var(--ink)}
.hs-pin:hover .hs-plus::before,.hs-pin:hover .hs-plus::after,.hs-pin[aria-expanded="true"] .hs-plus::before,.hs-pin[aria-expanded="true"] .hs-plus::after{background:#fff}
.hs-pin[aria-expanded="true"] .hs-plus{transform:rotate(45deg)}
.hs-pin:focus-visible{outline:2px solid var(--gold-ink);outline-offset:-6px;border-radius:50%}
.hs-card{position:absolute;z-index:3;width:220px;left:clamp(8px,calc(var(--x) - 110px),calc(100% - 228px));top:calc(var(--y) + 22px);background:#fff;border:1px solid var(--line-2);box-shadow:0 10px 28px rgba(28,24,21,.16);padding:14px 16px 15px;display:grid;gap:4px;text-align:left}
.hs-card.up{top:auto;bottom:calc(100% - var(--y) + 22px)}
.hs-card[hidden]{display:none}
.hs-k{font-size:11.5px;letter-spacing:.08em;color:var(--ink-3)}
.hs-n{font-size:15px;line-height:1.5;font-weight:700}
.hs-go{margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--gold-ink);justify-self:start;border-bottom:1px solid currentColor;padding-bottom:1px}
.hs-go::after{content:" →"}
.hs-soon{margin-top:6px;font-size:12.5px;color:var(--ink-3)}
.hs-note{font-size:12.5px;color:var(--ink-3);margin:0 0 28px}
@media (max-width:900px){.hs-grid{grid-template-columns:1fr}}
@media (max-width:520px){.hs-plus{width:20px;height:20px;box-shadow:0 0 0 3px rgba(255,255,255,.55),0 1px 3px rgba(28,24,21,.22)}.hs-plus::before,.hs-plus::after{width:8px}.hs-card{width:200px;left:clamp(6px,calc(var(--x) - 100px),calc(100% - 206px))}}
@media (prefers-reduced-motion:reduce){.hs-plus,.hs-plus::before,.hs-plus::after{transition:none}}
.tindex{margin-top:clamp(64px,7vw,96px)}
.tindex .row{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.tindex .k{font-weight:700;font-size:13.5px;letter-spacing:.06em}
.tindex .v{display:flex;flex-wrap:wrap;gap:8px 7px}
.tindex .v a{font-size:13.5px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:#fff}
.tindex .v a:hover{border-color:var(--ink)}
@media (max-width:700px){.tindex .row{grid-template-columns:1fr;gap:9px}}

/* ---- type map ---- */
.tabs{display:flex;gap:6px;justify-content:center;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.tab{background:none;border:0;border-bottom:3px solid transparent;font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.05em;padding:13px 22px;cursor:pointer;color:var(--ink-2);margin-bottom:-1px}
.tab[aria-selected="true"]{color:var(--ink);border-color:var(--gold)}
.types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.types.four{grid-template-columns:repeat(4,1fr)}
.type{background:#fff;border:1px solid var(--line);padding:26px 24px;display:flex;flex-direction:column}
.type .k{font-family:var(--latin);font-size:13.5px;letter-spacing:.2em;color:var(--gold-ink);font-weight:400}
.type h3{margin-top:8px;font-size:22px}
.type .d{font-size:14px;color:var(--ink-2);margin-top:11px;line-height:1.85;flex:1}
.type .rx{margin-top:18px;padding-top:15px;border-top:1px dashed var(--line-2);font-size:14px}
.type .rx b{display:block;font-size:11.5px;letter-spacing:.13em;color:var(--ink-3);margin-bottom:5px}
.type .who{margin-top:12px}
.note{font-size:13px;color:var(--ink-3);margin-top:24px;line-height:1.85}
.night .note{color:var(--on-night-2)}
@media (max-width:940px){.types,.types.four{grid-template-columns:1fr 1fr}}
@media (max-width:580px){.types,.types.four{grid-template-columns:1fr}.tab{padding:11px 14px;font-size:14px}}


/* ---- doctors ---- */
.docs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.2vw,46px)}
.doc{display:flex;flex-direction:column}
.doc>*{min-width:0}
.dphoto{background:var(--ivory-2);overflow:hidden}
.dphoto img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.dbody{padding:22px 0 0;display:flex;flex-direction:column;flex:1}
.drole{font-size:11.5px;letter-spacing:.16em;font-weight:700;color:var(--gold-ink)}
.dname{font-family:var(--mincho),serif;font-size:27px;margin-top:8px;letter-spacing:.08em;line-height:1.3}
.dname small{display:block;font-family:var(--latin);font-size:12.5px;letter-spacing:.22em;color:var(--ink-3);margin-top:7px;text-transform:uppercase}
.dspec{font-size:13px;color:var(--ink-2);margin-top:10px;line-height:1.7}
.dmsg{font-family:var(--mincho),serif;font-size:14.5px;color:var(--ink);margin-top:18px;line-height:1.95}
.dmeta{display:grid;grid-template-columns:max-content 1fr;gap:0 16px;margin-top:20px;border-top:1px solid var(--line)}
.dmeta dt{font-size:10.5px;letter-spacing:.1em;color:var(--ink-3);font-weight:700;padding:10px 0 0;white-space:nowrap}
.dmeta dd{margin:0;font-size:12.5px;color:var(--ink-2);padding:10px 0 0;line-height:1.75;border-bottom:1px solid var(--line);padding-bottom:10px}
.dmeta dt{border-bottom:1px solid var(--line);padding-bottom:10px}
.dbody .lnk{margin-top:20px;align-self:flex-start}
.crosstalk{margin-top:26px;border:1px solid var(--line);background:var(--ivory);padding:28px 32px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.crosstalk>*{min-width:0}
.crosstalk .mk{font-family:var(--latin);font-size:30px;font-weight:400;letter-spacing:.06em;white-space:nowrap;color:var(--gold)}
.crosstalk p{font-size:14px;color:var(--ink-2);line-height:1.85}
@media (max-width:820px){.docs{grid-template-columns:1fr}.dphoto img{aspect-ratio:4/3}}
@media (max-width:640px){
  .dphoto img{aspect-ratio:2/1}
  .dbody{padding:22px 20px 22px}
  .crosstalk{grid-template-columns:1fr;gap:12px;padding:22px 22px}
}

/* ---- devices ---- */
.devs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.dev{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.dev .ph{background:var(--ivory);border-bottom:1px solid var(--line)}
.dev .ph img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.dev .bd{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.dev h3{font-size:18px;letter-spacing:.04em}
.dev .d{font-size:13.5px;color:var(--ink-2);line-height:1.8;margin-top:9px;flex:1}
.dev .ap{margin-top:15px;padding-top:13px;border-top:1px dashed var(--line-2);font-size:12px;color:var(--ink-3);line-height:1.7}
.dev .ap b{display:block;font-size:10.5px;letter-spacing:.13em;color:var(--ink-3);margin-bottom:4px}
@media (max-width:900px){.devs{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.devs{grid-template-columns:1fr}}

/* ---- evidence ---- */
.papers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(237,231,222,.16);border:1px solid rgba(237,231,222,.16)}
.paper{background:var(--night);padding:30px 28px}
.paper .yr{font-size:40px;line-height:1;color:var(--gold-lt)}
.paper .j{font-size:12px;letter-spacing:.1em;color:var(--on-night-2);margin-top:12px;font-weight:700;line-height:1.6}
.paper .t{font-family:var(--mincho),var(--latin),serif;font-size:17px;color:#fff;margin-top:10px;line-height:1.65}
.paper .a{font-size:13px;color:var(--on-night-2);margin-top:14px}
.paper .a code{font-family:var(--latin);font-size:14px;letter-spacing:.04em;color:var(--on-night)}
.roles{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:34px;font-size:13.5px;color:var(--on-night-2);justify-content:center}
.roles span::before{content:"◆";font-size:8px;color:var(--gold-lt);margin-right:9px;vertical-align:2px}
@media (max-width:940px){.papers{grid-template-columns:1fr}}

/* ---- cases: plate first, no boxes ---- */
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px)}
.case{display:flex;flex-direction:column;min-width:0}
.case h3{font-size:17px;line-height:1.6;letter-spacing:.06em;text-wrap:initial}
.case dl{display:grid;grid-template-columns:1fr;font-size:13px}
.case dt{font-size:11px;letter-spacing:.14em;color:var(--ink-4);font-weight:500}
.case dd{margin:0;line-height:1.8}
@media (max-width:1000px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cases{grid-template-columns:minmax(0,1fr)}}

/* ---- reasons ---- */
.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.reason{display:flex;flex-direction:column;gap:12px}
.reason .ph{aspect-ratio:4/3;overflow:hidden;background:var(--ivory-2)}
.reason .ph img{width:100%;height:100%;object-fit:cover}
.reason .n{font-size:13px;letter-spacing:.14em;color:var(--gold-ink);font-weight:700}
.reason h3{font-size:19px}
.reason p{font-size:13.5px;color:var(--ink-2);line-height:1.85}
@media (max-width:940px){.reasons{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.reasons{grid-template-columns:1fr}}

/* ---- price ---- */
.pgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,70px);align-items:start}
.pgrid>*{min-width:0}
.ptbl th,.ptbl td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.ptbl th{font-weight:700;color:var(--ink-2);font-size:11.5px;letter-spacing:.12em;border-bottom:1px solid var(--line-2);white-space:nowrap}
.ptbl td.p{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.ptbl td .s{display:block;font-size:12.5px;color:var(--ink-3);font-weight:400;margin-top:3px}
.ptbl tr.hd td{background:var(--ivory);font-size:11.5px;letter-spacing:.14em;font-weight:700;color:var(--ink-2);padding:9px 10px}
.tw{overflow-x:auto}
@media (max-width:900px){.pgrid{grid-template-columns:1fr}}

/* ---- voices ---- */
.voices{border:1px solid var(--line);background:#fff;padding:32px 34px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}
.voices>*{min-width:0}
.voices+.voices{margin-top:18px}
.voices h3{font-size:20px}
.voices p{font-size:14px;color:var(--ink-2);margin-top:9px;line-height:1.85}
@media (max-width:760px){.voices{grid-template-columns:1fr}}

/* ---- faq ---- */
.faq{border-top:1px solid var(--line-2);max-width:52em;margin-inline:auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:21px 46px 21px 0;font-family:var(--mincho),var(--latin),serif;font-size:17px;position:relative;letter-spacing:.03em;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";font-family:var(--latin);font-weight:400;color:var(--gold);margin-right:14px;font-size:18px}
.faq summary::after{content:"+";position:absolute;right:6px;top:19px;font-family:var(--latin);font-size:26px;color:var(--ink-3);line-height:1}
.faq details[open] summary::after{content:"−"}
.faq .a{padding:0 0 24px 34px;font-size:14.5px;color:var(--ink-2);line-height:1.9}

/* ---- access ---- */
.access{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:start}
.access>*{min-width:0}
.access .map{aspect-ratio:16/10;overflow:hidden;background:var(--ivory-2)}
.access .map img{display:block;width:100%;height:100%;object-fit:cover}
.acc-place{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line-2)}
.acc-place .ad{margin:0;font-size:15px;line-height:1.85;letter-spacing:.03em;color:var(--ink)}
.acc-place .mb{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid var(--ink);color:var(--ink);font-size:13.5px;font-weight:500;letter-spacing:.08em;white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.acc-place .mb::after{content:"↗";font-size:12px;line-height:1;opacity:.75}
.acc-place .mb:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:520px){.acc-place .mb{width:100%}}
.routefacts{margin-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,2.4vw,28px);border:0;background:none}
.routefacts>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:8px 0;border-bottom:1px solid var(--line)}
.routefacts>div:last-child{grid-column:1/-1;justify-content:space-between;gap:8px;padding:8px 0;border-top:0;border-bottom:0}
.routefacts dt{margin:0;font-size:13px;color:var(--ink-3);line-height:1.6;letter-spacing:.02em;min-width:0}
.routefacts dd{margin:0;display:flex;align-items:baseline;gap:2px;white-space:nowrap;flex:none;font-size:13px;color:var(--ink)}
.routefacts dd b{font-family:var(--fig);font-size:16px;font-weight:400;color:var(--ink);line-height:1.3}
.routefacts dd i{font:inherit;font-size:12px;color:var(--ink-3);margin-left:1px}
@media (max-width:380px){.routefacts{column-gap:14px}.routefacts dt{font-size:12.5px;letter-spacing:0}}
.hours th,.hours td{padding:15px 6px;border-bottom:1px solid var(--line);font-size:14px;text-align:center}
.hours th:first-child,.hours td:first-child{text-align:left;white-space:nowrap;font-weight:400;color:var(--ink-2);font-size:13.5px;letter-spacing:.06em}
.hours th{font-weight:500;color:var(--ink-4);font-size:11.5px;letter-spacing:.14em;border-bottom:1px solid var(--line-2)}
.hours td.on{color:var(--gold-ink);font-weight:400}
.hours td.off{color:var(--line-2)}
@media (max-width:900px){.access{grid-template-columns:1fr}}

/* ---- cta band ---- */
.ctab{background:var(--night);color:var(--on-night);position:relative;overflow:hidden}
.ctab .bg{position:absolute;inset:0}
.ctab .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:.62}
.ctab .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,14,.9) 0%,rgba(20,17,14,.72) 45%,rgba(20,17,14,.34) 100%)}
.ctab .in{position:relative;max-width:var(--wrap);margin-inline:auto;padding:clamp(48px,6vw,76px) var(--gut);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.ctab .in>*{min-width:0}
.ctab h2{font-size:clamp(23px,3vw,34px);color:#fff}
.ctab p{font-size:14.5px;color:var(--on-night-2);margin-top:12px;line-height:1.85}
.ctab .bs{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:820px){.ctab .in{grid-template-columns:1fr}.ctab .bs .btn{flex:1 1 180px}}

/* ---- footer ---- */
.ftr{background:var(--night-2);color:var(--on-night);padding:clamp(52px,6vw,76px) 0 108px}
.ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.ftr .wm{font-family:var(--latin);font-size:22px;letter-spacing:.24em;font-weight:400;color:#fff}
.ftr .wm-img{width:min(300px,86%);height:auto}
.brand .btxt{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.brand .wordmark{width:auto;height:32px}
@media (max-width:1180px){.brand .wordmark{height:27px}}
@media (max-width:640px){.hdr .bar{gap:10px}.hdr .bar .lang>button{padding:4px 8px;gap:5px;font-size:11px;min-height:30px}.hdr .bar .mbtn{padding:8px 10px}.brand .wordmark{height:19px}} /* room for logo + language + MENU on phones (2026-09-27) */
@media (max-width:420px){.brand .wordmark{height:17px}}
/* The wordmark image carries a transparent margin (95 of 2610 x 309 px) on its left. Pull it back so the
   letters start on the same line as the text below them (owner, 2026-09-27). margin = -95/309 of the height. */
.brand .wordmark{margin-left:-9.84px}
@media (max-width:1180px){.brand .wordmark{margin-left:-8.3px}}
@media (max-width:640px){.brand .wordmark{margin-left:-5.84px}}
@media (max-width:420px){.brand .wordmark{margin-left:-5.23px}}
.ftr .wm-img{margin-left:calc(min(300px,86%)*-95/2610)}
/* English, PC menu bar: the facility guide is left out (owner, 2026-09-27); the phone menu keeps it */
@media (min-width:1181px){html[lang^="en"] .gnav>li:has(>a[data-i18n="fc_crumb"]){display:none}}
.ftr .corp{font-size:13px;color:var(--on-night-2);margin-top:12px;line-height:1.9}
.ftr h4{font-family:var(--sans);font-size:11.5px;letter-spacing:.16em;color:var(--gold-lt);margin-bottom:13px;font-weight:700}
.ftr li{font-size:13.5px;margin-bottom:9px}
.ftr li a:hover{color:#fff}
.ftr .legal{max-width:var(--wrap);margin:42px auto 0;padding:22px var(--gut) 0;border-top:1px solid rgba(237,231,222,.14);display:flex;flex-wrap:wrap;gap:9px 26px;font-size:12px;color:var(--on-night-2)}
.ftr .legal a:hover{color:#fff}
@media (max-width:900px){.ftr .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr .cols{grid-template-columns:1fr}}

.ftrinfo{max-width:var(--wrap);margin:38px auto 0;padding-inline:var(--gut)}
.ftrinfo h4{margin-bottom:14px}
.ftrinfo dl{display:grid;grid-template-columns:repeat(2,max-content 1fr);gap:0 18px;border-top:1px solid rgba(237,231,222,.14)}
.ftrinfo dt{font-size:11.5px;letter-spacing:.06em;color:var(--gold-lt);padding:9px 0;border-bottom:1px solid rgba(237,231,222,.1);white-space:nowrap;font-weight:700}
.ftrinfo dd{margin:0;font-size:12.5px;color:var(--on-night-2);padding:9px 0;border-bottom:1px solid rgba(237,231,222,.1);line-height:1.75}
@media (max-width:820px){.ftrinfo dl{grid-template-columns:max-content 1fr}}
/* ---- mobile cta ---- */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:105;display:none;grid-template-columns:1.3fr 1fr 1fr;gap:1px;background:var(--line-2);border-top:1px solid var(--line-2)}
.mcta a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:60px;background:#fff;font-weight:700;font-size:13.5px;letter-spacing:.05em;text-align:center;padding:0 6px}
.mcta a.p{background:var(--ink);color:#fff}
@media (max-width:1180px){.mcta{display:grid}}

/* ================= treatment / doctor / price pages ================= */
.crumbs{font-size:12px;color:var(--ink-3);letter-spacing:.05em;display:flex;gap:9px;flex-wrap:wrap;padding-top:24px}
.crumbs a:hover{color:var(--ink)}
.crumbs span::before{content:"›";margin-right:9px}
.phead{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:end;padding-block:clamp(28px,4vw,50px) clamp(34px,5vw,60px)}
.phead>*{min-width:0}
.phead h1{font-size:clamp(28px,3.7vw,46px);line-height:1.35;text-wrap:initial}
.phead .lead{margin-top:20px;color:var(--ink-2);font-size:15.5px;line-height:1.95;max-width:34em}
.phead .ph img{width:100%;aspect-ratio:3/2;object-fit:cover}
.phead .ph figcaption{font-size:12px;color:var(--ink-3);margin-top:9px;line-height:1.7}
@media (max-width:900px){.phead{grid-template-columns:1fr}.phead .ph{order:-1}}
.summary{border:1px solid var(--line-2);border-top:3px solid var(--gold);background:#fff;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.summary>*{min-width:0}
.summary .k{grid-column:1/-1;font-family:var(--mincho),var(--latin),serif;font-size:20px;margin-bottom:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;align-items:baseline}
.summary .k small{font-family:var(--sans);font-size:12px;color:var(--ink-3);letter-spacing:.05em;font-weight:400}
.summary .r{display:grid;grid-template-columns:104px 1fr;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.8}
.summary .r b{font-size:11.5px;letter-spacing:.1em;color:var(--ink-2);padding-top:4px}
@media (max-width:820px){.summary{grid-template-columns:1fr}.summary .r{grid-template-columns:92px 1fr}}
.author{display:flex;gap:20px;align-items:center;border:1px solid var(--line);background:var(--ivory);padding:18px 22px;margin-top:24px}
.author img{width:66px;height:66px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff}
.author .role{font-size:11.5px;letter-spacing:.13em;color:var(--gold-ink);font-weight:700}
.author .n{font-family:var(--mincho),var(--latin),serif;font-size:19px;margin-top:2px}
.author p{font-size:12.5px;color:var(--ink-2);margin-top:4px;line-height:1.75}
@media (max-width:600px){.author{flex-direction:column;align-items:flex-start;gap:12px}}
.toc{margin-top:30px;border:1px solid var(--line);padding:18px 24px;display:flex;gap:9px 24px;flex-wrap:wrap;font-size:13.5px;align-items:baseline}
.toc b{letter-spacing:.14em;font-size:11.5px;color:var(--ink-3)}
.toc a{color:var(--ink-2);font-weight:700}
.toc a:hover{color:var(--ink)}
.tsec{padding-block:clamp(46px,6vw,84px);border-top:1px solid var(--line)}
.tsec .shead{margin-bottom:clamp(28px,4vw,44px)}
.cmp th,.cmp td{padding:15px 13px;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.75;vertical-align:top;text-align:left;min-width:108px}
.cmp th{font-size:11.5px;letter-spacing:.11em;color:var(--ink-2);border-bottom:1px solid var(--line-2);white-space:nowrap}
.cmp td:first-child{font-family:var(--mincho),var(--latin),serif;font-size:16px;white-space:nowrap}
.cmp td:nth-child(2){min-width:240px}
.cmp td.p{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.ledger{border:1px solid var(--line-2);background:#fff}
.ledger .row{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:17px 24px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.85}
.ledger .row:last-child{border-bottom:0}
.ledger .row b{font-size:11.5px;letter-spacing:.1em;color:var(--ink-2)}
.ledger .todo{color:var(--inj);font-weight:700}
@media (max-width:700px){.ledger .row{grid-template-columns:1fr;gap:5px}}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:st}
.step{border:1px solid var(--line);background:#fff;padding:24px 22px}
.step::before{counter-increment:st;content:"0" counter(st);font-size:27px;color:var(--gold);line-height:1}
.step h3{font-size:17px;margin-top:11px}
.step p{font-size:13px;color:var(--ink-2);margin-top:7px;line-height:1.8}
@media (max-width:1000px){.steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.steps{grid-template-columns:1fr}}
.related{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.related a{border:1px solid var(--line);padding:19px 22px;display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff;font-family:var(--mincho),var(--latin),serif;font-size:16px;line-height:1.6}
.related a small{font-family:var(--sans);font-size:11.5px;color:var(--ink-3);letter-spacing:.08em;white-space:nowrap}
.related a:hover{border-color:var(--ink)}
@media (max-width:700px){.related{grid-template-columns:1fr}}

/* doctor page */
.dhero{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(30px,4vw,52px)}
.dhero>*{min-width:0}
.dhero img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 15%}
.dhero .role{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--gold-ink)}
.dhero h1{font-size:clamp(32px,4.4vw,52px);margin-top:10px;letter-spacing:.08em}
.dhero h1 small{display:block;font-family:var(--latin);font-size:15px;letter-spacing:.24em;color:var(--ink-3);margin-top:10px;text-transform:uppercase}
.dhero .fld{font-size:15px;color:var(--ink-2);margin-top:16px;line-height:1.85}
.dhero .kv{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
@media (max-width:860px){.dhero{grid-template-columns:1fr}}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dbox{border:1px solid var(--line);padding:24px 24px;background:#fff}
.dbox h3{font-size:17px;margin-bottom:12px}
.dbox li{font-size:13.5px;color:var(--ink-2);padding-left:16px;position:relative;margin:7px 0;line-height:1.75}
.dbox li::before{content:"";position:absolute;left:0;top:.82em;width:8px;height:1px;background:var(--gold)}
@media (max-width:940px){.dgrid{grid-template-columns:1fr}}
.tl{border-left:1px solid var(--line-2);padding-left:26px;margin-left:6px}
.tl .it{position:relative;padding-bottom:22px}
.tl .it::before{content:"";position:absolute;left:-31px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:2px solid var(--paper)}
.tl .y{font-family:var(--fig);font-size:16px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
.tl .t{font-size:14.5px;margin-top:3px;line-height:1.8}

/* ---- diagnosis ---- */
.dx{background:var(--night);color:var(--on-night)}
.dxgrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,5vw,70px);align-items:start}
.dxgrid>*{min-width:0}
.dxintro .shead{margin-bottom:0}
.dxpoints{margin-top:26px;list-style:none;padding:0;display:grid;gap:12px}
.dxpoints li{position:relative;padding-left:26px;font-size:14px;color:var(--on-night-2);line-height:1.8}
.dxpoints li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:1px;background:var(--gold-lt)}
.dxwrap{min-width:0}
@media (max-width:1000px){.dxgrid{grid-template-columns:1fr}.dxintro .shead{text-align:center}.dxintro .shead .rule{margin-inline:auto}.dxintro .shead p{margin-inline:auto}.dxpoints{display:none}}
.dxcard{background:var(--paper);color:var(--ink);border-top:4px solid var(--gold);padding:clamp(26px,4vw,42px);box-shadow:0 26px 64px rgba(8,6,4,.42)}
.dxtop{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.dxtag{display:inline-flex;align-items:center;gap:8px;background:var(--gold-soft);color:var(--gold-deep,var(--gold));border:1px solid var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;padding:6px 13px;border-radius:999px}
.dxtag .dot2{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.dxcount{font-size:12.5px;letter-spacing:.1em;color:var(--ink-3);font-weight:700}
.dxcount b{color:var(--gold);font-size:19px}
.dxbar{margin:14px 0 24px}
.dxbar .track{display:block;height:4px;background:var(--line);position:relative;border-radius:999px;overflow:hidden}
.dxbar .fill{position:absolute;left:0;top:0;bottom:0;background:var(--gold);transition:width .35s ease}
.dxq{font-family:var(--mincho),serif;font-size:clamp(20px,2.6vw,28px);color:var(--ink);line-height:1.5}
.dxopts{display:grid;gap:10px;margin-top:24px}
.dxopt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line-2);color:var(--ink);padding:15px 18px;font-family:inherit;font-size:15.5px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.dxopt:hover{border-color:var(--gold);background:var(--gold-soft);transform:translateX(3px)}
.dxopt .kk{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--fig);font-size:14px;letter-spacing:0;color:var(--ink-2);background:var(--ivory)}
.dxopt:hover .kk{background:var(--gold);border-color:var(--gold);color:#fff}
.dxopt .tt{flex:1;line-height:1.6}
.dxopt .tt small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px;line-height:1.7}
.dxback{margin-top:20px;background:none;border:0;color:var(--ink-3);font-family:inherit;font-size:13px;cursor:pointer;padding:6px 0}
.dxback:hover{color:var(--ink)}
.dxres .rl{font-size:12px;letter-spacing:.14em;color:var(--gold-ink);font-weight:700}
.dxres h3{color:var(--ink);font-size:clamp(21px,2.8vw,29px);margin-top:10px;line-height:1.5}
.dxres .rb{color:var(--ink-2);font-size:15px;margin-top:16px;line-height:1.9}
.dxres .rm{color:var(--ink);font-size:14.5px;margin-top:14px;padding-left:16px;border-left:2px solid var(--gold);line-height:1.85}
.dxres .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px}
.dxres .rgrid div{background:var(--ivory);padding:16px 18px}
.dxres .rgrid b{display:block;font-size:11px;letter-spacing:.1em;color:var(--ink-3);font-weight:700}
.dxres .rgrid span{display:block;font-size:14.5px;color:var(--ink);margin-top:6px;line-height:1.6}
.dxres .rcta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.dxres .rcta .btn.o{color:var(--ink);border-color:var(--line-2)}
.dxres .rcta .btn.o:hover{background:var(--ivory)}
.dxres .rcta .btn.w{background:var(--ink);color:#fff;border-color:var(--ink)}
.dxnote{font-size:13.5px;color:var(--ink-2);margin-top:20px;line-height:1.85;max-width:34em}
@media (max-width:700px){.dxres .rgrid{grid-template-columns:1fr}.dxres .rcta .btn{flex:1 1 100%}}
/* ---- case details on click ---- */
.cdet{margin-top:auto}
.cdet summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:11px}
.cdet summary::-webkit-details-marker{display:none}
.case-close-label{display:none}
.cdet[open] .case-open-label{display:none}
.cdet[open] .case-close-label{display:inline}

#cases .cases{align-items:start}
#cases .case h4{padding:0 0 13px;margin-bottom:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;text-wrap:initial;border-bottom:1px solid var(--line-2)}

/* the plate: the pictures fill it exactly, so no white margins are left over */
.case-photo{display:grid;aspect-ratio:4/3;gap:3px;background:var(--ivory);overflow:hidden;margin-top:14px}
.case-photo.split{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-photo.stacked{grid-template-rows:repeat(2,minmax(0,1fr))}
.case-photo-pending{align-self:center;justify-self:center;padding:24px;color:var(--ink-3);font-size:14px}
.case-image{position:relative;min-width:0;min-height:0;background:var(--night)}
.case-image img{display:block;width:100%;height:100%;object-fit:contain}
.case-image-label{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 11px;font-family:var(--latin);font-size:10.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:#fff;background:linear-gradient(to top,rgba(10,9,8,.55),rgba(10,9,8,0))}
.case-caption{padding:11px 0 0;font-size:12px;color:var(--ink-4);line-height:1.7}

#cases .cdet summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#cases .cdet summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .4s cubic-bezier(.19,.72,.21,1),background .4s}
#cases .cdet summary:hover{color:var(--gold-ink)}
#cases .cdet summary:hover::after{width:34px;background:var(--gold)}
#cases .cdet summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#cases .case dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#cases .case dt{padding-top:13px}
#cases .case dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}

#cases .case-jump{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px clamp(18px,2.4vw,32px);margin:0 0 clamp(34px,4vw,54px)}
#cases .case-jump span{width:100%;text-align:center;font-size:11.5px;letter-spacing:.2em;color:var(--ink-4);margin-bottom:10px}
#cases .case-jump a{font-size:14.5px;letter-spacing:.06em;color:var(--ink);padding:3px 0 5px;border-bottom:1px solid var(--line-2);transition:border-color .3s,color .3s}
#cases .case-jump a:hover{border-bottom-color:var(--gold);color:var(--gold-ink)}
#cases .case-group{scroll-margin-top:90px}
#cases .case-group+.case-group{margin-top:clamp(50px,5.5vw,78px)}
#cases .case-group-title{font-size:clamp(17px,1.8vw,20px);margin:0 0 clamp(22px,2.4vw,30px);letter-spacing:.14em;padding-bottom:13px;border-bottom:1px solid var(--line-2)}
#cases .case-more{display:none}
@media (max-width:640px){
  #cases .case-group:not(.is-open) .case:nth-child(n+3){display:none}
  #cases .case-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin-top:30px;padding:0 16px;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--ink-3);cursor:pointer}
  #cases .case-group.is-open .case-more-open,#cases .case-group:not(.is-open) .case-more-close{display:none}
  #cases .case-jump{gap:4px 18px}
  #cases .case-jump a{font-size:14px}
  #cases .case h4{font-size:18px}
}
.case-source-note{font-size:13px;line-height:1.8;color:var(--ink-2);padding:14px 0 0}
.case-source{border-top:1px solid var(--line);margin-top:16px;padding:14px 0 0;font-size:13px;line-height:1.75}
.case-source span{display:block;color:var(--ink-4);margin-bottom:5px;font-size:11.5px;letter-spacing:.1em}
.case-source a{font-size:13px;color:var(--gold-ink);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:1px;overflow-wrap:anywhere}
.case-source a:hover{border-bottom-color:var(--gold)}
.case-intro{max-width:44em;margin:0 auto clamp(30px,3.4vw,42px);font-size:14px;color:var(--ink-3);line-height:1.95;text-align:center}
@media(prefers-reduced-motion:reduce){#cases .cdet summary{scroll-behavior:auto}}

/* ---- AI assistant ---- */
.aibtn{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,visibility .4s;position:fixed;right:20px;bottom:20px;z-index:115;display:flex;align-items:center;gap:10px;background:var(--night);color:#fff;border:1px solid var(--gold);border-radius:999px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 34px rgba(20,17,14,.34)}
.aibtn:hover{background:var(--night-3)}
.aibtn .sp{width:9px;height:9px;border-radius:50%;background:var(--gold-lt)}
.aibtn.is-in{opacity:1;visibility:visible;transform:none}
@media (prefers-reduced-motion:reduce){.aibtn{transition:none;transform:none}}
@media (max-width:1180px){.aibtn{bottom:74px;right:14px;padding:11px 16px;font-size:13px}}
.aipanel{position:fixed;right:20px;bottom:20px;z-index:116;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 40px));background:var(--paper);border:1px solid var(--line-2);box-shadow:0 24px 70px rgba(20,17,14,.38);display:flex;flex-direction:column;overflow:hidden}
.aipanel[hidden]{display:none}
@media (max-width:1180px){.aipanel{right:8px;left:8px;bottom:8px;width:auto;height:min(78vh,560px)}}
.aihead{background:var(--night);color:var(--on-night);padding:15px 18px;display:flex;align-items:center;gap:12px;flex:none}
.aihead .nm{flex:1;min-width:0}
.aihead .nm b{display:block;font-size:14px;color:#fff;font-weight:700;letter-spacing:.04em}
.aihead .nm span{display:block;font-size:11.5px;color:var(--on-night-2);margin-top:2px}
.aihead button{background:none;border:0;color:var(--on-night);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px}
.aihead button:hover{color:#fff}
.aibody{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--ivory)}
.aimsg{max-width:86%;padding:12px 15px;font-size:14px;line-height:1.85;border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere}
.aimsg.bot{background:#fff;border:1px solid var(--line);align-self:flex-start}
.aimsg.me{background:var(--night);color:var(--on-night);align-self:flex-end}
.aimsg.err{background:var(--inj-soft);border:1px solid var(--inj);color:var(--inj);align-self:flex-start}
.aichips{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 12px;background:var(--ivory);flex:none}
.aichips button{background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:7px 13px;font-family:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer}
.aichips button:hover{border-color:var(--ink);color:var(--ink)}
.aiform{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--paper);flex:none}
.aiform input{flex:1;min-width:0;border:1px solid var(--line-2);padding:11px 13px;font-family:inherit;font-size:14px;background:var(--paper);color:var(--ink);border-radius:3px}
.aiform input:focus{outline:2px solid var(--ebd);outline-offset:1px}
.aiform button{background:var(--ink);color:#fff;border:0;padding:0 17px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;border-radius:3px;white-space:nowrap}
.aiform button:disabled{opacity:.45;cursor:default}
.aifoot{font-size:13px;color:var(--ink-2);padding:0 14px 14px;line-height:1.85;background:var(--paper);flex:none}


/* ---- evidence: papers + credentials ---- */
.evsub{font-size:12px;letter-spacing:.14em;color:var(--gold-lt);font-weight:700;margin:0 0 20px}
.evsub::before{content:"";display:inline-block;width:22px;height:1px;background:var(--gold-lt);vertical-align:middle;margin-right:11px}
.papers2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{background:var(--night-2);border:1px solid rgba(237,231,222,.16);display:flex;flex-direction:column}
.pcard .shot{aspect-ratio:4/3;background:linear-gradient(168deg,#2A241D,#1B1712 62%,#241E17);border-bottom:1px solid rgba(237,231,222,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;position:relative}
.pcard .shot .jr{font-size:10.5px;letter-spacing:.14em;color:var(--gold-lt);font-weight:700;line-height:1.7}
.pcard .shot .ph{font-size:11.5px;color:rgba(237,231,222,.42);line-height:1.7}
.pcard .shot .yr2{position:absolute;left:0;bottom:0;background:var(--gold);color:#1A1613;font-size:12px;font-weight:700;letter-spacing:.06em;padding:4px 11px}
.pcard .bd{padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px;flex:1}
.pcard h4{font-family:var(--mincho),serif;font-size:17px;color:#fff;line-height:1.6;font-weight:500}
.pcard .what{font-size:13.5px;color:var(--on-night-2);line-height:1.85}
.pcard .gain{font-size:14px;color:var(--on-night);line-height:1.85;border-top:1px dashed rgba(237,231,222,.24);padding-top:14px;margin-top:auto}
.pcard .gain b{display:block;font-size:11px;letter-spacing:.12em;color:var(--gold-lt);margin-bottom:6px;font-weight:700}
@media (max-width:940px){.papers2{grid-template-columns:1fr}}
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cred{background:var(--night-2);border:1px solid rgba(237,231,222,.16);display:flex;flex-direction:column}
.cred .shot{aspect-ratio:2/1;background:linear-gradient(150deg,#282118,#191510 60%,#221C15);border-bottom:1px solid rgba(237,231,222,.16);display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:11.5px;color:rgba(237,231,222,.42);line-height:1.7}
.cred .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.cred .nm2{font-size:14.5px;color:#fff;font-weight:700;letter-spacing:.02em;line-height:1.55}
.cred .who2{font-size:11px;letter-spacing:.08em;font-weight:700;padding:3px 9px;border-radius:2px;align-self:flex-start}
.cred .who2{background:rgba(201,169,110,.22);color:var(--gold-lt)}
.cred .what2{font-size:13px;color:var(--on-night-2);line-height:1.85}
.cred .gain2{font-size:13.5px;color:var(--on-night);line-height:1.85;border-top:1px dashed rgba(237,231,222,.24);padding-top:12px;margin-top:auto}
.cred .gain2 b{display:block;font-size:10.5px;letter-spacing:.12em;color:var(--gold-lt);margin-bottom:5px;font-weight:700}
@media (max-width:940px){.creds{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.creds{grid-template-columns:1fr}}

.view[hidden]{display:none}

.bknote{margin-top:clamp(26px,3vw,34px);padding:22px 0 0;background:none;border:0;border-top:1px solid var(--line-2)}
.bknote h4{font-size:11.5px;letter-spacing:.18em;color:var(--ink-4);font-weight:500;margin:0}
.bknote ul{margin:11px 0 0;display:grid;gap:7px;padding:0;list-style:none}
.bknote li{font-size:13.5px;color:var(--ink-2);line-height:1.85;padding-left:16px;position:relative}
.bknote li::before{content:"";position:absolute;left:0;top:.92em;width:8px;height:1px;background:var(--gold-lt)}
.cpt{max-width:42em;margin:0 auto;text-align:center}
.cpt h2{font-family:var(--mincho),serif;font-weight:500;font-size:clamp(20px,2.7vw,31px);
  line-height:1.78;letter-spacing:.05em;margin:0 0 30px}
.cpt p{font-size:15px;color:var(--ink-2);line-height:2.15;margin:0}
.cpt p+p{margin-top:20px}
.cpt .nw{white-space:nowrap}
@media (max-width:700px){
  .cpt{text-align:left}
  .cpt h2{font-size:20px;line-height:1.72;margin-bottom:22px}
  .cpt p{font-size:14.5px;line-height:2.05}
  }
/* ---- crosstalk section ---- */
.ctk{max-width:44em;margin:0 auto;text-align:center}
.ctk h2{font-family:var(--mincho),serif;font-weight:500;font-size:clamp(21px,2.7vw,31px);line-height:1.75;letter-spacing:.04em;margin:0 0 28px}
.ctk p{font-size:15px;color:var(--ink-2);line-height:2.1;margin:0}
.ctk p+p{margin-top:18px}
.ctk p i,.evsec i{font-style:italic}
.ctk .ctk-l{margin-top:26px}
a.doi{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:700;font-size:13.5px;letter-spacing:.04em;color:var(--gold-ink)}
a.doi small{font-weight:400;font-size:12px;letter-spacing:.02em;opacity:.85;font-family:var(--fig)}
a.doi::after{content:"↗";font-weight:400}
a.doi:hover{color:var(--ink)}
.night a.doi{color:var(--gold-lt)}
.night a.doi:hover{color:#fff}
/* ---- evidence (revised) ---- */
.evlead{max-width:46em;margin:0 auto clamp(34px,4vw,50px);text-align:center}
.evlead h3,.celead h3{font-family:var(--mincho),serif;font-weight:500;font-size:clamp(20px,2.4vw,27px);color:#fff;line-height:1.7;letter-spacing:.04em}
.evlead p{margin-top:16px;font-size:14.5px;color:var(--on-night-2);line-height:2}
.pcard .no{font-family:var(--latin);font-size:13px;letter-spacing:.2em;color:var(--gold-lt)}
.pcard h4{margin-top:-6px}
.pcard .meth{font-family:var(--latin);font-size:15px;letter-spacing:.04em;color:var(--on-night);line-height:1.5}
.pcard .jr2{font-size:12.5px;color:var(--on-night-2);margin-top:-8px}
.pcard .jr2 i{font-style:italic}
.pcard a.doi{align-self:flex-start;margin-top:2px}
.evdisc{max-width:52em;margin:26px auto 0;font-size:12.5px;line-height:1.9;color:var(--on-night-2);border:1px solid rgba(237,231,222,.18);padding:14px 18px}
.celead{text-align:center;margin:clamp(56px,6vw,80px) 0 clamp(26px,3vw,36px)}
.celead .evsub{margin-bottom:12px}
.creds.four{grid-template-columns:1fr 1fr}
.creds.four .cred .shot{aspect-ratio:3/1}
@media (max-width:700px){.creds.four{grid-template-columns:1fr}.ctk,.evlead{text-align:left}.celead{text-align:left}}
.hero .lead2 .nw{white-space:nowrap}
.hero .lead2{color:var(--ink-2);font-size:14px;line-height:1.95;margin-top:14px;max-width:34em;padding-left:14px;border-left:1px solid var(--gold)}
@media (max-width:900px){.hero .lead2{font-size:13.5px;line-height:1.9;margin-top:12px}}
/* ---- doctors: portrait, then a ruled profile ---- */
.drole{letter-spacing:.14em;line-height:1.7;font-size:11px;font-weight:500;color:var(--gold-ink)}
.dlead{font-size:14.5px;color:var(--ink);line-height:1.95;margin-top:16px}
.dmeta{display:block;margin-top:22px;border-top:1px solid var(--line-2)}
.dmeta dt{font-size:11px;letter-spacing:.16em;color:var(--ink-4);font-weight:500;padding:15px 0 0;border:0;white-space:normal}
.dmeta dd{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.9;padding:5px 0 15px;border-bottom:1px solid var(--line)}
.dmeta dd i,.dpapers i{font-style:italic}
.dpapers{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.dpapers li{padding-left:16px;position:relative}
.dpapers li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:1px;background:var(--gold-lt)}
.dpapers a{border-bottom:1px solid var(--line-2)}
.dpapers a:hover{color:var(--ink);border-color:var(--gold)}
.dpapers a::after{content:" ↗";font-size:.9em}
.dbody .lnk{margin-top:auto;padding-top:22px}
.dconsult{margin-top:clamp(36px,4vw,54px);background:none;border:0;border-top:1px solid var(--line-2);padding:clamp(26px,3vw,34px) 0 0;display:grid;grid-template-columns:1fr auto;gap:8px 44px;align-items:center}
.dconsult>*{min-width:0;grid-column:1}
.dconsult h3{font-size:19px;letter-spacing:.06em}
.dconsult p{font-size:14px;color:var(--ink-2);line-height:1.9;margin:0}
.dconsult .dc-note{font-size:12.5px;color:var(--ink-4)}
.dconsult .btn{grid-column:2;grid-row:1/span 3}
@media (max-width:760px){.dconsult{grid-template-columns:1fr}.dconsult .btn{grid-column:1;grid-row:auto;margin-top:14px;width:100%}}

/* ---- stories: "does aesthetic medicine make people happier?" ---- */
.hap{display:grid;grid-template-columns:minmax(0,32fr) minmax(0,68fr);gap:clamp(40px,5vw,88px);align-items:start}
.hap-intro{position:sticky;top:112px;min-width:0}
.hap-kicker{margin:0;color:var(--gold-ink);font-size:11.5px;font-weight:500;letter-spacing:.18em}
.hap-intro h2{margin:16px 0 0;font-size:clamp(22px,1.95vw,28px);font-weight:500;line-height:1.65;letter-spacing:.04em;text-wrap:nowrap}
.hap-intro>p:not(.hap-kicker):not(.hap-note){margin:20px 0 0;font-size:14.5px;line-height:2;color:var(--ink-2)}
.hap-intro>p+p:not(.hap-note){margin-top:12px}
.hap-doc{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line-2)}
.hap-doc img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.hap-doc b{display:block;font-family:var(--mincho),serif;font-weight:500;font-size:16px;letter-spacing:.08em;color:var(--ink)}
.hap-doc small{display:block;margin-top:2px;font-size:12px;letter-spacing:.08em;color:var(--ink-3)}
.hap-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}
.hap-links a{display:inline-flex;align-items:center;gap:11px;font-size:13.5px;letter-spacing:.06em;color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:4px;transition:border-color .3s,color .3s}
.hap-links a::after{content:"↗";font-size:11px;color:var(--ink-3)}
.hap-links a:hover{color:var(--gold-ink);border-color:var(--gold)}
.hap-note{margin:22px 0 0;font-size:12px;line-height:1.85;color:var(--ink-3)}
.stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,2.6vw,40px) clamp(16px,1.6vw,24px)}
.story{display:flex;flex-direction:column;min-width:0;color:inherit}
.story-ph{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ivory-2)}
.story-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.19,.72,.21,1)}
.story:hover .story-ph img{transform:scale(1.045)}
.story-age{margin-top:14px;font-size:11px;letter-spacing:.16em;color:var(--gold-ink)}
.story-t{margin-top:6px;font-family:var(--mincho),serif;font-size:14.5px;line-height:1.75;letter-spacing:.04em;color:var(--ink);flex:1}
.stories-note{grid-column:-2/-1;margin-top:calc(clamp(18px,2vw,26px) - clamp(40px,5vw,88px));font-size:11.5px;line-height:1.8;color:var(--ink-4)}
.story-go{display:inline-flex;align-items:center;gap:9px;margin-top:10px;font-size:11.5px;letter-spacing:.12em;color:var(--ink-4);transition:color .3s}
.story-go::after{content:"";width:18px;height:1px;background:var(--line-2);transition:width .4s cubic-bezier(.19,.72,.21,1),background .4s}
.story:hover .story-go{color:var(--gold-ink)}
.story:hover .story-go::after{width:28px;background:var(--gold)}
.rnote{margin-top:clamp(52px,6vw,84px);padding-top:clamp(24px,2.6vw,32px);border-top:1px solid var(--line-2)}
.rnote-label{margin:0;font-family:var(--latin);font-size:12px;letter-spacing:.24em;color:var(--gold-ink)}
.rnote-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px clamp(24px,3vw,44px);margin:18px 0 0}
.rnote-list dt{font-size:12.5px;font-weight:500;letter-spacing:.08em;color:var(--ink)}
.rnote-list dd{margin:8px 0 0;font-size:12.5px;line-height:1.95;color:var(--ink-3)}
@media (max-width:1000px){.rnote-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rnote-list{grid-template-columns:minmax(0,1fr);gap:18px}}
@media (max-width:1100px){.hap{grid-template-columns:minmax(0,1fr)}.hap-intro{position:static;max-width:40em}.stories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){
  .stories{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);padding:0 var(--gut) 8px;scrollbar-width:none}
  .stories::-webkit-scrollbar{display:none}
  .story{flex:0 0 44%;scroll-snap-align:start}
  .story-t{font-size:14px}
  .stories-note{margin-top:calc(12px - clamp(40px,5vw,88px))}
}
/* ---- original combination treatments: a ruled list, not three boxes ---- */
.ptwrap{margin-top:0;text-align:left}
.ptlbl{font-size:12.5px;letter-spacing:.14em;color:var(--gold-ink);font-weight:500}
.pts{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:0;text-align:left;border-top:1px solid var(--line-2)}
.pt{background:none;border:0;border-bottom:1px solid var(--line);padding:clamp(24px,3vw,36px) 0;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto auto;gap:10px clamp(28px,4.5vw,68px);align-items:start}
.pt h3{grid-column:1;grid-row:1;font-family:var(--mincho),var(--latin),serif;font-size:clamp(20px,2vw,24px);letter-spacing:.04em;line-height:1.5}
.pt .for{grid-column:1;grid-row:2;font-size:14px;color:var(--ink-2);line-height:1.8}
.pt .d{grid-column:2;grid-row:1;font-size:14.5px;color:var(--ink);line-height:2;margin:0}
.pt .c{grid-column:2;grid-row:2;font-size:14px;color:var(--ink);line-height:1.8}
.pt .for b,.pt .c b{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--ink-4);font-weight:500;margin-bottom:5px}
.pt .todo{color:var(--inj);font-weight:500}
.ptnote{font-size:12.5px;color:var(--ink-4);margin-top:20px}
@media (max-width:820px){.pt{grid-template-columns:minmax(0,1fr);gap:0}
  .pt h3,.pt .for,.pt .d,.pt .c{grid-column:1;grid-row:auto}
  .pt .for{margin-top:12px}.pt .d{margin-top:16px}.pt .c{margin-top:16px}}
/* ---- evidence: CrossTalk feature + paper page images ---- */
.ctfeat{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start;background:var(--night-2);border:1px solid rgba(237,231,222,.16);padding:clamp(22px,3vw,34px);margin-bottom:clamp(30px,4vw,44px)}
.ctfeat .cf-ph{margin:0;background:#fff;border:1px solid rgba(237,231,222,.2)}
.ctfeat .cf-ph img{width:100%;height:auto;display:block}
.ctfeat .cf-k{font-family:var(--latin);font-size:13px;letter-spacing:.12em;color:var(--gold-lt)}
.ctfeat .cf-k i{font-style:italic;letter-spacing:.02em}
.ctfeat h3{font-family:var(--mincho),serif;font-weight:500;font-size:clamp(20px,2.3vw,27px);color:#fff;line-height:1.7;letter-spacing:.04em;margin-top:12px}
.ctfeat .cf-bd>p{font-size:14.5px;color:var(--on-night-2);line-height:2;margin-top:16px}
.ctfeat .cf-bd>p i{font-style:italic}
.ctfeat .gain{font-size:14px;color:var(--on-night);border-top:1px dashed rgba(237,231,222,.24);padding-top:14px}
.ctfeat .gain b{display:block;font-size:11px;letter-spacing:.12em;color:var(--gold-lt);margin-bottom:6px;font-weight:700}
.ctfeat a.doi{margin-top:18px}
.pcard .shot.img{padding:0;display:block;background:#fff}
.pcard .shot.img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pcard .award{font-size:12px;line-height:1.75;color:var(--gold-lt);border:1px solid rgba(201,169,110,.45);padding:7px 11px}
@media (max-width:760px){.ctfeat{grid-template-columns:1fr}.ctfeat .cf-ph{max-width:260px}}
.ptwrap{margin-top:0}
.papers2.four{grid-template-columns:1fr 1fr}
.pcard .shot.img{position:relative;overflow:hidden;aspect-ratio:2/1}
.pcard .shot.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.papers2.four .pcard .shot:not(.img){aspect-ratio:2/1}
@media (max-width:940px){.papers2.four{grid-template-columns:1fr}.pcard .shot.img,.papers2.four .pcard .shot:not(.img){aspect-ratio:16/9}}
/* ---- CrossTalk feature: same paper-page crop as the cards ---- */
.ctfeat{grid-template-columns:1fr 1fr;gap:20px 36px}
.ctfeat .cf-shot{position:relative;overflow:hidden;aspect-ratio:2/1;background:#fff;border:1px solid rgba(237,231,222,.2)}
.ctfeat .cf-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.ctfeat .cf-shot .yr2{position:absolute;left:0;bottom:0;background:var(--gold);color:#1A1613;font-size:12px;font-weight:700;letter-spacing:.06em;padding:4px 11px}
@media (max-width:940px){.ctfeat{grid-template-columns:1fr}.ctfeat .cf-shot{aspect-ratio:16/9}}
/* ---- CrossTalk feature: paper image fills the panel height ---- */
@media (min-width:941px){
  .ctfeat{align-items:stretch}
  .ctfeat .cf-shot{aspect-ratio:auto;height:100%;min-height:246px}
}
@media (min-width:941px) and (max-width:1180px){.reason h3{font-size:16.5px}}
@media (max-width:640px){.hours th,.hours td{padding:12px 2px}.hours th{font-size:13px;letter-spacing:0;line-height:1.35}.hours th:first-child,.hours td:first-child{font-size:12.5px;letter-spacing:.02em}}
/* ---- evidence: overview first, full sources on demand ---- */
#evidence{padding-block:clamp(48px,6vw,80px)}
#evidence .shead{margin-bottom:24px}
#evidence .ev-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:18px clamp(32px,4.5vw,64px);align-items:start;margin-bottom:clamp(36px,4.5vw,58px)}
#evidence .ev-intro h2{font-size:clamp(23px,2.5vw,31px);font-weight:500;line-height:1.65;color:var(--on-night);margin:0}
#evidence .ev-intro p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin:0;max-width:43em}
#evidence .ev-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start}
#evidence .ev-columns>*{min-width:0}
#evidence .ev-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:0;padding-bottom:13px;border-bottom:1px solid rgba(201,169,110,.45)}
#evidence .ev-group-head h3{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.2em;color:var(--gold-lt);margin:0}
#evidence .ev-group-head>span{font-size:12px;letter-spacing:.1em;color:rgba(237,231,222,.5);white-space:nowrap}
#evidence .ev-studies{border-top:0}
#evidence .ev-study{border-bottom:1px solid rgba(237,231,222,.22);scroll-margin-top:92px}
#evidence .ev-studies>.ev-study:last-child,#evidence .ev-credentials>.ev-credential:last-child{border-bottom:0}
#evidence .ev-study>summary{display:grid;grid-template-columns:92px minmax(0,1fr) 20px;align-items:start;gap:20px;padding:24px 0;cursor:pointer;list-style:none}
#evidence .ev-paper-thumb{display:block;grid-column:1;grid-row:1;width:92px;aspect-ratio:3/4;background:#fff;border:0;box-shadow:0 3px 18px rgba(0,0,0,.5)}
#evidence .ev-paper-thumb img{display:block;width:100%;height:100%;object-fit:contain}
#evidence .ev-study>summary>.ev-toggle{grid-column:3;grid-row:1}
#evidence summary::-webkit-details-marker{display:none}
#evidence summary::marker{content:""}
#evidence summary:focus-visible{outline:2px solid var(--gold-lt);outline-offset:4px}
#evidence .ev-summary-copy{display:block;min-width:0;grid-column:2;grid-row:1}
#evidence .ev-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-family:var(--latin);font-size:13px;letter-spacing:.12em;font-weight:400;color:var(--gold-lt);margin-bottom:8px}
#evidence .ev-badge{font-family:var(--sans);font-size:11px;letter-spacing:.1em;font-weight:400;line-height:1.7;border:1px solid rgba(201,169,110,.45);padding:1px 8px}
#evidence .ev-title{display:block;font-family:var(--mincho),serif;font-size:clamp(18px,1.6vw,20px);font-weight:500;letter-spacing:.04em;color:var(--on-night);line-height:1.65;transition:color .3s}
#evidence .ev-method{display:block;margin-top:7px;font-size:12.5px;line-height:1.8;letter-spacing:.02em;color:var(--on-night-2)}
#evidence .ev-journal{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;margin-top:9px;font-size:11.5px;letter-spacing:.06em;line-height:1.7;color:rgba(237,231,222,.5)}
#evidence .ev-year{font-family:var(--fig);font-variant-numeric:tabular-nums}
#evidence .ev-toggle{position:relative;display:block;flex:none;width:20px;height:20px;margin-top:5px;color:var(--gold-lt);opacity:.8}
#evidence .ev-toggle::before,#evidence .ev-toggle::after{position:absolute;content:"";background:currentColor;top:10px;left:3px;width:14px;height:1px}
#evidence .ev-toggle::after{transform:rotate(90deg)}
#evidence details[open]>summary .ev-toggle::after{display:none}
#evidence summary:hover .ev-title,#evidence .ev-credential-detail>summary:hover{color:var(--gold-lt)}
#evidence .ev-featured{background:none}
#evidence .ev-award-note{display:block;margin-top:6px;font-size:12px;line-height:1.75;color:var(--gold-lt)}
#evidence .ev-study-body{padding:2px 0 26px}
#evidence .ev-study-detail{display:grid;gap:20px}
#evidence .ev-study-detail p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin:0}
#evidence .ev-study-detail p+p{margin-top:14px}
#evidence .ev-study-detail .ev-technique{font-size:14px;color:var(--gold-lt)}
#evidence .ev-study-detail .ev-body-label{font-size:13px;color:var(--gold-lt);margin-top:20px;margin-bottom:6px}
#evidence .ev-study-detail .ev-body-label+p{margin-top:0}
#evidence .ev-study-detail .ev-award-full{font-size:13px;line-height:1.8;color:var(--gold-lt);border-top:1px solid rgba(201,169,110,.25);padding-top:14px}
#evidence .ev-study-detail a.doi{font-size:14px;line-height:1.8;margin-top:18px;overflow-wrap:anywhere}
#evidence .ev-study-detail a.doi small{font-size:12px;overflow-wrap:anywhere}
#evidence .ev-study-detail .ev-photo-credit{font-size:12px;line-height:1.8;color:var(--on-night-2);margin-top:16px}
#evidence .ev-photo-credit a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}
#evidence .ev-credentials{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#evidence .ev-credential{display:block;padding:24px 0;background:none;border:0;border-bottom:1px solid rgba(237,231,222,.22);min-width:0}
#evidence .ev-credential-top{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:start}
#evidence .ev-credential-overview{min-width:0}
#evidence .ev-activity-thumb{display:block;aspect-ratio:1/1;overflow:hidden;border:0;background:var(--night-2)}
#evidence .ev-activity-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#evidence .ev-activity-thumb:hover{border-color:var(--gold-lt)}
#evidence .ev-activity-thumb:focus-visible{outline:2px solid var(--gold-lt);outline-offset:4px}
#evidence .ev-credential-title{font-family:var(--latin),serif;font-size:19px;font-weight:400;letter-spacing:.06em;line-height:1.55;color:var(--on-night);margin:0;overflow-wrap:anywhere}
#evidence .ev-credential-who{font-size:12px;letter-spacing:.1em;color:var(--gold-lt);margin-top:8px;line-height:1.65}
#evidence .ev-activity{font-size:14px;line-height:1.8;color:var(--on-night-2);margin-top:9px}
#evidence .ev-credential-detail{margin-top:12px;border-top:0}
#evidence .ev-credential-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-size:12.5px;letter-spacing:.1em;line-height:1.7;color:rgba(237,231,222,.55);min-height:44px;padding-top:4px}
#evidence .ev-credential-detail .ev-toggle{margin:0}
#evidence .ev-credential-detail>div{padding-top:8px}
#evidence .ev-credential-detail p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin:0}
#evidence .ev-credential-detail p+p{margin-top:12px}
#evidence .ev-photo-source{display:inline-block;font-size:14px;line-height:1.8;margin-top:14px;color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}
#evidence .ev-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 36px;border-top:1px solid rgba(237,231,222,.22);margin-top:28px;padding-top:20px}
#evidence .evdisc{max-width:none;border:0;padding:0;margin:0;font-size:13px;line-height:1.85}
#evidence .ev-next{display:inline-flex;align-items:center;gap:22px;min-height:52px;padding:0 26px;border:1px solid rgba(237,231,222,.55);font-size:14px;letter-spacing:.08em;color:var(--on-night);transition:border-color .3s,background .3s}
#evidence .ev-next:hover{border-color:var(--gold-lt);background:rgba(255,255,255,.06)}
#evidence .ev-next:focus-visible{outline:2px solid var(--gold-lt);outline-offset:5px}
:lang(ja) #evidence p,:lang(ja) #evidence .ev-method,:lang(ja) #evidence .ev-title{word-break:auto-phrase}
@media (min-width:901px){
  #evidence .ev-columns{row-gap:16px}
  #evidence .ev-research,#evidence .ev-education{display:contents}
  #evidence .ev-group-head{grid-row:1;margin-bottom:0}
  #evidence .ev-research>.ev-group-head{grid-column:1}
  #evidence .ev-education>.ev-group-head{grid-column:2}
  #evidence .ev-studies{grid-column:1;grid-row:2}
  #evidence .ev-credentials{grid-column:2;grid-row:2}
}
@media (max-width:900px){
  #evidence .ev-intro{grid-template-columns:1fr;gap:12px;margin-bottom:28px}
  #evidence .ev-columns{grid-template-columns:1fr;gap:32px}
  #evidence .ev-credentials{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(26px,3.4vw,40px);border-top:1px solid rgba(237,231,222,.22);padding-top:26px}
  #evidence .ev-credential{border-bottom:0;padding:0}
  #evidence .ev-footer{grid-template-columns:1fr;gap:12px}
}
@media (max-width:600px){
  #evidence .ev-credentials{grid-template-columns:minmax(0,1fr);gap:0;border-top:0;padding-top:0}
  #evidence .ev-credential{padding:22px 0;border-bottom:1px solid rgba(237,231,222,.22)}
  #evidence .ev-study>summary{grid-template-columns:60px minmax(0,1fr) 24px;column-gap:12px;row-gap:8px;padding-block:16px}
  #evidence .ev-paper-thumb{width:60px;grid-row:1}
  #evidence .ev-summary-copy{display:contents}
  #evidence .ev-title{grid-column:2;grid-row:1;align-self:center;font-size:18px}
  #evidence .ev-method{grid-column:1/-1;grid-row:2;margin:0;font-size:12px}
  #evidence .ev-journal{grid-column:1/-1;grid-row:3;margin:0}
  #evidence .ev-award-note{grid-column:1/-1;grid-row:4;margin:0}
  #evidence .ev-featured .ev-paper-thumb{grid-row:1/span 2}
  #evidence .ev-featured .ev-kicker{grid-column:2;grid-row:1;margin:0}
  #evidence .ev-featured .ev-title{grid-row:2;align-self:start}
  #evidence .ev-featured .ev-method{grid-row:3}
  #evidence .ev-featured .ev-journal{grid-row:4}
  #evidence .ev-credential-top{grid-template-columns:88px minmax(0,1fr);gap:12px}
}
/* ---- Japanese line breaking ---- */
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(ja) h4,
:lang(ja) .lead,:lang(ja) .lead-sp,:lang(ja) .ctfeat p,:lang(ja) .pcard .award,:lang(ja) .pt .d,:lang(ja) .pt .for,:lang(ja) .ptnote,:lang(ja) .dlead,:lang(ja) .dmeta dd,:lang(ja) .dconsult p,:lang(ja) .lead2,:lang(ja) .shead p,:lang(ja) .dxq,
:lang(ja) .ctab p,:lang(ja) .dmsg,:lang(ja) .cpt p,:lang(ja) .note,
:lang(ja) .ccard p,:lang(ja) .reason p,:lang(ja) .type .d,
:lang(ja) .faq summary,:lang(ja) .dxres .rb,:lang(ja) .dxres .rm,
:lang(ja) .bknote li,:lang(ja) .dev .d,:lang(ja) .cnote,:lang(ja) .ctk p,:lang(ja) .evlead p,:lang(ja) .pcard .what,:lang(ja) .pcard .gain,:lang(ja) .cred .what2,:lang(ja) .cred .gain2,:lang(ja) .evdisc{word-break:auto-phrase}
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(ja) .ctab h2{text-wrap:balance}
/* ---- price & reads ---- */
.fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,96px);max-width:1040px;margin:0 auto}
.fee-h,.read-k{display:flex;align-items:baseline;gap:14px;font-size:12.5px;font-weight:700;letter-spacing:.16em;color:var(--gold-ink)}
.fee-k{font-family:var(--latin);font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4)}
.fee-list{margin-top:18px;border-top:1px solid var(--ink)}
.fee-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:18px;padding:19px 0 17px;border-bottom:1px solid var(--line)}
.fee-list dt{font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.fee-list dt small{display:inline-block;margin-left:10px;font-size:11.5px;letter-spacing:.1em;color:var(--ink-4)}
.fee-list dd{white-space:nowrap;color:var(--ink)}
.fee-n{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;font-variant-numeric:tabular-nums lining-nums}
.fee-u{margin-left:4px;font-size:12px;letter-spacing:.08em;color:var(--ink-3)}
html[lang="en"] .fee-u{display:none}
html[lang="en"] .fee-n::before{content:"¥";margin-right:2px}
.fee-more,.read-go{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-size:13px;letter-spacing:.1em;color:var(--ink)}
.fee-more::after,.read-go::after{content:"";width:22px;height:1px;background:var(--ink-4);transition:width .4s cubic-bezier(.19,.72,.21,1),background .4s}
.read-go>span::after{content:"↗";margin-left:8px;font-size:11px;color:var(--ink-4)}
.fee-more:hover,.read-go:hover{color:var(--gold-ink)}
.fee-more:hover::after,.read-go:hover::after{width:34px;background:var(--gold)}
.reads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin:0 auto}
.read{padding:6px clamp(28px,4.5vw,64px) 4px;min-width:0}
.read:first-child{padding-left:0}
.read+.read{border-left:1px solid var(--line-2);padding-right:0}
.read h3{margin-top:16px;font-size:clamp(19px,1.8vw,22px);line-height:1.6;letter-spacing:.04em}
.read-p{margin-top:12px;font-size:13.5px;line-height:1.95;color:var(--ink-3);max-width:34em}
@media (max-width:760px){
  .fees{grid-template-columns:1fr;gap:44px}
  .fee-list>div{padding:15px 0 13px}
  .fee-list dt{font-size:14px}
  .reads{grid-template-columns:1fr}
  .read,.read:first-child{padding:0}
  .read+.read{border-left:0;border-top:1px solid var(--line-2);margin-top:34px;padding-top:34px}
}
/* ---- price list page ---- */
.pl-head{text-align:center;max-width:44em;margin:clamp(28px,4vw,52px) auto 0}
.pl-head .lbl{font-size:13.5px;font-weight:700;letter-spacing:.18em;color:var(--gold-ink);display:block}
.pl-head h1.word{font-family:var(--latin);font-size:clamp(36px,4.9vw,58px);font-weight:400;letter-spacing:.1em;line-height:1.05;margin-top:8px;text-transform:uppercase}
.pl-head .rule{display:block;width:38px;height:1px;background:var(--gold);margin:20px auto 0}
.pl-head p{margin-top:22px;color:var(--ink-2);font-size:14.5px;line-height:1.95;text-align:left}
.pl-index{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;max-width:1040px;margin:clamp(32px,4vw,52px) auto 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pl-index a{display:inline-flex;align-items:baseline;gap:9px;font-size:12.5px;letter-spacing:.06em;color:var(--ink-2);padding:4px 0}
.pl-index a:hover{color:var(--gold-ink)}
.pl-index .fee-k{font-size:10.5px}
.pl-groups{max-width:1040px;margin:0 auto}
.pl-group{padding-top:clamp(40px,5vw,64px);scroll-margin-top:90px}
.pl-group .fee-list{max-width:none}
.pl-group .fee-list>div{grid-template-columns:minmax(0,1fr) auto}
.pl-group .fee-list dt small{display:block;margin:2px 0 0;font-size:11.5px;letter-spacing:.04em;line-height:1.7}
.fee-t{font-size:13px;letter-spacing:.06em;color:var(--ink-3)}
.fee-note{margin-top:14px;font-size:12.5px;line-height:1.85;color:var(--ink-3)}
.fee-fold{margin-top:6px}
.fee-fold summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:12px;padding:16px 0 4px;font-size:13px;letter-spacing:.1em;color:var(--ink)}
.fee-fold summary::-webkit-details-marker{display:none}
.fee-fold summary::after{content:"";width:22px;height:1px;background:var(--ink-4);transition:width .4s cubic-bezier(.19,.72,.21,1),background .4s}
.fee-fold[open] summary::after,.fee-fold summary:hover::after{width:34px;background:var(--gold)}
.fee-fold .fee-list{margin-top:10px;border-top-color:var(--line)}
.pl-checked{max-width:1040px;margin:clamp(36px,5vw,56px) auto 0;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-4)}
.pl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;max-width:1040px;margin:28px auto clamp(56px,7vw,96px)}
.pl-cta .fee-more{margin-top:0}
@media (max-width:760px){
  .pl-index{justify-content:flex-start;gap:4px 18px}
  .pl-group .fee-list dt small{font-size:11px}
  .fee-n{font-size:20px}
  .pl-cta .btn{width:100%}
}
/* ---- mobile density fixes ---- */
.prep{max-width:640px;margin:0 auto 26px;border-top:1px solid var(--line)}
.prep .prow{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:15px 2px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}
.prep .prow b{font-weight:700;white-space:nowrap;font-size:17px;
  font-variant-numeric:tabular-nums lining-nums}
@media (max-width:900px){
  .case dl{grid-template-columns:1fr;gap:0;font-size:14px}
  .case dt{font-size:11.5px;padding-top:11px}
  .summary .r b,.ledger .row b{font-size:13.5px;letter-spacing:.04em;color:var(--ink)}
  .tindex .v a{font-size:14.5px;padding:10px 16px}
}
@media (max-width:820px){
  .summary{padding:22px 20px}
  .summary .r{grid-template-columns:1fr;gap:2px;padding:11px 0}
  .summary .r b{padding-top:0}
}
@media (max-width:760px){
  .ptbl,.ptbl tbody,.ptbl tr,.ptbl td{display:block;width:auto}
  .ptbl thead{display:none}
  .ptbl tr{border-bottom:1px solid var(--line-2);padding:14px 0}
  .ptbl tr.hd{padding:0}
  .ptbl td{border:0;padding:2px 0;font-size:15px;line-height:1.85}
  .ptbl td:first-child{font-size:16px;font-weight:700}
  .ptbl td:nth-child(2){color:var(--ink-2);font-size:14px}
  .ptbl td.p{text-align:left;font-size:17px;margin-top:6px}
  .ptbl tr.hd td{background:var(--ivory);padding:9px 12px;font-size:13px}
  .ptbl td .s{font-size:13.5px}
  .cmp,.cmp tbody,.cmp tr{display:block}
  .cmp thead{display:none}
  .cmp tr{border:1px solid var(--line);background:var(--paper);margin-bottom:12px;padding:15px 17px}
  .cmp td{display:grid;grid-template-columns:92px 1fr;gap:10px;border:0;padding:6px 0;
    min-width:0;font-size:14px;line-height:1.8;text-align:left;white-space:normal}
  .cmp td::before{content:attr(data-th);font-size:11.5px;letter-spacing:.08em;
    color:var(--ink-2);font-weight:700;padding-top:3px}
  .cmp td:first-child{grid-template-columns:1fr;font-size:16.5px;font-weight:700;
    padding-bottom:11px;border-bottom:1px solid var(--line)}
  .cmp td:first-child::before{content:none}
  .cmp td.p{font-variant-numeric:tabular-nums lining-nums}
  #s-cmp .tw{overflow-x:visible;border:0;background:none}
  .crosstalk{padding:20px 20px;gap:12px}
  .crosstalk .mk{font-size:24px}
}

/* Detail-page additions follow the fixed gold, ink and ivory design. */
body{font-synthesis:none}
:lang(ja){word-break:auto-phrase}
.dname small,.dxopt .kk,.pcard .no,.pcard .meth,.ctfeat .cf-k{font-weight:400}
.cdet dl{padding-top:18px}
.journal-eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--gold-ink);margin-bottom:14px}
.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:clamp(28px,5vw,72px);align-items:start;margin-top:24px}
.journal-copy{min-width:0}
.journal-block{padding:28px 0;border-top:1px solid var(--line)}
.journal-block h2{font-size:clamp(21px,2.3vw,27px);margin-bottom:18px}
.journal-block p{font-size:16px;line-height:2;color:var(--ink-2);max-width:40em}
.journal-aside{padding:28px;background:var(--ivory);border-top:2px solid var(--gold)}
.journal-aside h2{font-size:22px;margin-bottom:18px}
.journal-aside p{font-size:15px;line-height:1.95;margin-bottom:22px}
.journal-aside .btn{width:100%;padding:14px 18px;height:auto;line-height:1.65}
.journal-aside .lnk{display:block;margin-top:20px}
.journal-source-title{font-size:24px;margin-bottom:24px}
.journal-view .related a{min-width:0;overflow-wrap:anywhere}
.journal-view .note{font-size:14px}
.journal-points{margin-top:26px;padding:clamp(22px,4vw,36px);background:var(--ivory);border-top:2px solid var(--gold)}
.journal-points h3{font-size:22px;margin-bottom:20px}
.journal-points p{font-size:16px;color:var(--ink-2);line-height:2;margin-top:14px}
@media(max-width:820px){.journal-layout{grid-template-columns:1fr}.journal-aside{padding:24px}.journal-view .phead .ph{max-height:240px;overflow:hidden}.journal-view .phead .ph img{width:100%;height:240px;object-fit:cover}}


/* Source-backed assistant and adaptive self-check. */
.dxopts.concern-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.dxopts.concern-options .dxopt{gap:10px;padding:13px 12px;min-height:64px;font-size:14px}
.dxopts.concern-options .kk{display:none}
.dxopt[aria-pressed="true"]{border-color:var(--gold-ink);background:var(--gold-soft)}
.dxq:focus,.dxres h3:focus{outline:2px solid var(--gold-ink);outline-offset:7px}
.dxtag,.dxcount b{color:var(--gold-ink)}
.guide-caption{font-size:14px;color:var(--ink-2);margin-top:22px;margin-bottom:9px}
.guide-answers{display:flex;flex-wrap:wrap;gap:8px}
.guide-answer{font-size:14px;line-height:1.6;border:1px solid var(--line-2);padding:5px 9px;background:var(--ivory)}
.guide-subhead{font-size:18px;margin-top:28px}
.guide-checks{list-style:decimal;padding-left:22px;margin:14px 0;display:grid;gap:12px;font-size:16px;line-height:1.85}
.dxres .rgrid{grid-template-columns:1fr}
.dxres .rgrid b{font-size:14px}
.guide-links,.ai-sources{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.guide-source{font-size:14px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#dxMemo{width:100%;margin-top:16px;padding:15px;font-family:var(--sans);font-size:16px;border:1px solid var(--line-2)}
.aipanel{width:min(500px,calc(100vw - 32px));height:min(720px,calc(100dvh - 40px))}
.aihead .nm span{font-size:12px}.aihead button{font-family:var(--sans);font-size:14px;min-width:44px;min-height:44px}
.aimsg{font-size:16px;max-width:96%;line-height:1.8;white-space:normal}
.aimsg.me{white-space:pre-wrap}.aimsg p{white-space:pre-wrap}.aimsg p+p{margin-top:12px}
.aimsg .ai-source-label{font-size:12px;color:var(--ink-2);margin-top:16px}
.aichips button{font-size:14px;min-height:42px}
.ai-tools{padding:8px 14px;display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line)}
.ai-tools button{font:inherit;font-size:14px;border:0;background:none;color:var(--gold-ink);text-decoration:underline;cursor:pointer;min-height:32px}
.ai-status{font-size:13px;padding:0 14px;color:var(--ink-2)}
.aiform input{font-size:16px}.aiform button{font-size:14px;min-height:44px}
.aifoot{font-size:12px;line-height:1.7}
.ai-sources{flex-direction:column;margin-top:6px}
@media(max-width:700px){.dxcard{padding:24px 18px}.dxopts.concern-options{gap:8px}.dxopts.concern-options .dxopt{font-size:14px;min-height:60px}.guide-checks{font-size:15px}.dxres .rcta .btn{font-size:14px;padding:12px;height:auto}.aipanel{left:8px;right:8px;width:auto;bottom:8px;height:min(740px,calc(100dvh - 16px))}.aibody{padding:14px}.aichips{padding:0 14px 8px}.aimsg{padding:12px}.ai-tools{padding-block:3px}}

/* Consultation opens only from the floating assistant button. */
#aiWelcome h3{font-family:var(--sans);font-size:16px;font-weight:500;color:#514A43;margin:0 0 12px}
.assist-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}
.assist-concerns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.assist-choice{font:inherit;font-size:14px;line-height:1.5;min-height:46px;padding:10px 12px;cursor:pointer;color:#514A43;background:#fff;border:1px solid var(--line-2);border-radius:3px;text-align:left;overflow-wrap:anywhere}
.assist-services .assist-choice{background:var(--ivory);text-align:center;color:var(--gold-ink);border-color:#DBCFBB}
.assist-choice:hover{background:#F8F5F0;border-color:var(--gold-ink)}
.assist-choice:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}
.assist-backdrop{position:fixed;inset:0;background:rgba(42,35,28,.3);z-index:114}
body.assistant-open .aibtn{visibility:hidden}
#aiPanel{--ink:#514A43;z-index:116;right:20px;left:auto;bottom:20px;width:min(560px,calc(100vw - 40px));height:min(790px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);color:var(--ink);border-radius:8px;border-color:#DDD3C6;box-shadow:0 18px 70px rgba(42,35,28,.22);display:flex;flex-direction:column}
#aiPanel .aihead{padding:17px 20px;background:#F8F5F0;color:var(--ink);border-bottom:1px solid var(--line);gap:12px}
#aiPanel .aihead .nm b{color:var(--ink);font-size:16px;font-weight:500;line-height:1.6}
#aiPanel .aihead .nm span{color:var(--ink-2);font-size:12px;line-height:1.6}
#aiPanel .aihead button{color:var(--ink-2);font-size:14px;border:1px solid var(--line-2);border-radius:3px;min-height:38px;line-height:1.5;padding:5px 10px}
#aiPanel .assist-nav{display:flex;gap:18px;padding:7px 20px;border-bottom:1px solid var(--line);background:#fff;flex:none}
#aiPanel .assist-nav button,#aiPanel .assist-text{font:inherit;font-size:14px;color:var(--gold-ink);background:none;border:0;padding:5px 0;min-height:34px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#aiPanel #aiClear{margin-left:auto;color:var(--ink-3)}
#aiPanel .assist-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:20px;scrollbar-gutter:stable;background:#FFFEFC}
#aiPanel h3{color:var(--ink);font-size:20px;line-height:1.65;overflow-wrap:anywhere}
#aiPanel .assist-welcome{font-size:15px;color:var(--ink-2);line-height:1.85;margin-bottom:18px}
#aiPanel #aiWelcome h3{font-size:16px}
#aiPanel .assist-services{margin-bottom:22px}
#aiPanel .assist-resume{font:inherit;font-size:14px;text-align:left;border:1px solid #DBCFBB;background:#F8F5F0;color:var(--gold-ink);width:100%;padding:12px;cursor:pointer;margin-bottom:20px}
#aiPanel .assist-footer{flex:none;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
#aiPanel .assist-next{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px 0}
#aiPanel .assist-next>span{font-size:13px;color:var(--ink-2);line-height:1.5;flex:1;min-width:0}
#aiPanel .assist-next button{font:inherit;font-size:14px;line-height:1.5;color:#fff;background:#7E6228;border:1px solid #7E6228;border-radius:3px;min-height:40px;padding:8px 18px;cursor:pointer;white-space:nowrap}
#aiPanel .assist-next button:hover{background:#6D5422}
#aiPanel .aiform{padding:10px 16px;border-top:0}
/* The free-text box is black so it reads as a search field at a glance (user request 2026-09-15). */
#aiPanel .aiform input{background:#14110E;font-size:16px;min-height:46px;padding:9px 14px;border:1px solid #14110E;border-radius:3px;color:#fff;caret-color:#C9A96E}
#aiPanel .aiform input::placeholder{color:rgba(237,231,222,.72);opacity:1}
#aiPanel .aiform input:focus{outline:2px solid #C9A96E;outline-offset:2px}
#aiPanel .aiform input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #14110E inset}
#aiPanel .aiform button{background:#61564B;font-weight:400;padding-inline:15px}
#aiPanel .aifoot{padding:0 16px 10px;background:none;font-size:12px;line-height:1.5;color:var(--ink-3)}
#aiPanel .ai-status:empty{display:none}
#aiPanel .ai-status{padding:8px 16px 0;font-size:13px}
#aiPanel .assist-care{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;line-height:1.6;padding:12px 16px;background:#F5F0E8}
#aiPanel .assist-care a{color:var(--gold-ink);text-decoration:underline}
#aiPanel .aibody{overflow:visible;padding:0;display:flex;gap:14px;flex:none;background:none}
#aiPanel .aimsg{padding:15px 16px;font-size:16px;line-height:1.85;max-width:100%;border-radius:4px;color:var(--ink)}
#aiPanel .aimsg.bot{background:#fff;border:1px solid var(--line)}
#aiPanel .aimsg.me{background:#F1EAE0;border:0;color:var(--ink-2);font-size:14px;max-width:90%}
#aiPanel .aimsg p+p{margin-top:12px}
#aiPanel .assist-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;font-size:13px;line-height:1.7;color:var(--ink-2);margin-bottom:14px}
#aiPanel .assist-context:empty{display:none}
#aiPanel .aichips{padding:16px 0 0;background:none;gap:8px}
#aiPanel .aichips button{font-size:14px;line-height:1.5;min-height:42px;border-radius:3px;color:var(--gold-ink);padding:9px 12px;white-space:normal;text-align:left}
#aiPanel .assist-chip-title{flex-basis:100%;font-size:14px;color:var(--ink-2);line-height:1.8}
#aiPanel .ai-tools{padding:8px 0 0;border:0}
#aiPanel .ai-tools button{font-size:13px}
#aiPanel .ai-tools:has(button[hidden]){padding:0}
#aiPanel .assist-message-details{border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:14px}
#aiPanel .assist-message-details summary{cursor:pointer;color:var(--gold-ink);font-size:14px;min-height:30px}
#aiPanel .assist-message-details p{font-size:14px;line-height:1.8;margin-top:8px}
#aiPanel .dxtop{padding:0;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
#aiPanel .dxtag{font-size:14px;letter-spacing:.02em;color:var(--gold-ink)}
#aiPanel .dxcount{font-size:13px;color:var(--ink-2)}
#aiPanel .dxbar{margin:0 0 22px}
#aiPanel .dxq{font-size:22px;line-height:1.6;margin:0 0 18px;text-align:left}
#aiPanel .dxopts{display:grid;grid-template-columns:1fr;gap:10px}
#aiPanel .dxopts.concern-options{grid-template-columns:repeat(2,minmax(0,1fr))}
#aiPanel .dxopt{font:inherit;font-size:16px;line-height:1.65;min-height:54px;padding:12px 15px;border:1px solid var(--line-2);border-radius:3px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}
#aiPanel .dxopt:hover,#aiPanel .dxopt[aria-pressed="true"]{background:#F8F5F0;border-color:var(--gold-ink)}
#aiPanel .dxback{color:var(--gold-ink);font-size:14px;margin-top:15px;min-height:36px}
#aiPanel .dxnote{font-size:12px;line-height:1.75;color:var(--ink-3);margin:15px 0 0;text-align:left}
#aiPanel .dxres{background:none;color:var(--ink);padding:0;border:0}
#aiPanel .dxres h3{font-size:22px;text-align:left;margin:0 0 14px;color:var(--ink)}
#aiPanel .dxres .rb{font-family:var(--sans);font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:20px}
#aiPanel .guide-caption{margin-top:12px}
#aiPanel .guide-subhead{font-family:var(--sans);font-size:16px;font-weight:500;margin-top:22px}
#aiPanel .guide-checks{font-size:16px;line-height:1.8;gap:10px}
#aiPanel .dxres .rgrid{display:grid;grid-template-columns:1fr;border:1px solid var(--line);background:#F8F5F0;gap:0;margin-top:20px}
#aiPanel .dxres .rgrid>div{padding:15px 16px;border:0;color:var(--ink-2)}
#aiPanel .dxres .rgrid>div+div{border-top:1px solid var(--line)}
#aiPanel .dxres .rgrid b{color:var(--gold-ink);font-size:14px;margin-bottom:6px}
#aiPanel .dxres .rgrid span{font-size:15px;line-height:1.8}
#aiPanel .rcta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
#aiPanel .rcta .btn{background:#fff;border:1px solid var(--line-2);color:var(--ink-2);font-weight:400;font-size:14px;min-height:44px;height:auto;padding:10px 13px;letter-spacing:0}
#aiPanel .rcta #dxBook{color:var(--gold-ink);border-color:#B6A27F}
#aiPanel .assist-fee{font-size:15px;line-height:1.8;padding:17px;background:#F8F5F0;border:1px solid var(--line);margin:18px 0}
#aiPanel .assist-book-options{display:grid;gap:10px}
#aiPanel .assist-book-options a{display:block;padding:17px 18px;border:1px solid var(--line-2);border-radius:3px;background:#fff}
#aiPanel .assist-book-options strong{display:block;font-size:16px;font-weight:500;color:var(--ink)}
#aiPanel .assist-book-options span{display:block;font-size:13px;line-height:1.7;color:var(--ink-2);margin-top:4px}
#aiPanel .assist-book-options .assist-book-primary{background:#7E6228;border-color:#7E6228}
#aiPanel .assist-book-options .assist-book-primary :is(strong,span){color:#fff}
#aiPanel .assist-small{font-size:13px;color:var(--ink-2);line-height:1.8;margin-top:16px}
#aiBookingMemo{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}
#aiBookingMemo h4{font-family:var(--sans);font-weight:500;font-size:16px;margin-bottom:8px}
#aiBookingMemo p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#aiBookMemo,#dxMemo{width:100%;font:inherit;font-size:16px;line-height:1.7;padding:12px;margin-top:10px;border:1px solid var(--line-2);background:#fff;color:var(--ink)}
@media(max-width:600px){
 #aiPanel{inset:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 #aiPanel .aihead{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}
 #aiPanel .aihead .nm b{font-size:15px}#aiPanel .aihead .nm span{font-size:12px}
 #aiPanel .assist-nav{padding-inline:16px}#aiPanel .assist-scroll{padding:18px 16px}
 #aiPanel .assist-choice{font-size:14px;min-height:44px;padding:10px}
 #aiPanel .assist-services{gap:7px;margin-bottom:20px}#aiPanel .assist-concerns{gap:7px}
 #aiPanel .assist-next>span{font-size:12px}#aiPanel .assist-next button{padding-inline:13px}
 #aiPanel .aiform{padding-top:8px;padding-bottom:8px}#aiPanel .aifoot{padding-bottom:8px}
}
@media(max-width:360px){.assist-services{grid-template-columns:repeat(2,minmax(0,1fr))}#aiPanel .assist-next>span{display:none}#aiPanel .assist-next button{width:100%}}

/* ---- rich answers: tables, lists, photos, doctors, map (2026-09-15) ---- */
#aiPanel .ai-status-line{font-size:13px;line-height:1.7;color:var(--ink-2);padding:9px 12px;background:#F8F5F0;border-left:2px solid var(--gold);margin:0 0 16px}
#aiPanel .ai-status-line:empty{display:none}
#aiPanel .aimsg .ai-status-line{margin:12px 0 0}
#aiPanel .ai-block{margin:0}
#aiPanel .aimsg p+.ai-block,#aiPanel .aimsg .ai-block+p,#aiPanel .aimsg .ai-block+.ai-block{margin-top:14px}
#aiPanel .ai-block-caption{font-size:13px;letter-spacing:.06em;color:var(--gold-ink);font-weight:700;margin:0 0 8px}
#aiPanel .ai-block-note{font-size:13px;line-height:1.75;color:var(--ink-2);margin:10px 0 0}
#aiPanel .ai-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
#aiPanel .ai-table th,#aiPanel .ai-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
#aiPanel .ai-table thead th{font-size:12px;letter-spacing:.08em;color:var(--ink-3);border-bottom:1px solid var(--line-2);font-weight:700}
#aiPanel .ai-table tbody th{font-weight:400;color:var(--ink);width:62%}
#aiPanel .ai-table td{font-family:var(--fig);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;text-align:right}
#aiPanel .ai-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px;line-height:1.75}
#aiPanel .ai-list li{position:relative;padding-left:18px}
#aiPanel .ai-list li::before{content:"";position:absolute;left:0;top:.85em;width:9px;height:1px;background:var(--gold)}
#aiPanel .ai-photo-wrap{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
#aiPanel .ai-photo-text p{margin:0}
#aiPanel .ai-photo-text .ai-photo-link{display:inline-block;margin-top:8px}
#aiPanel .ai-photo{width:96px;height:96px;object-fit:cover;border-radius:4px;display:block}
#aiPanel .ai-photo-link{font-size:14px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:4px}
#aiPanel .ai-people{display:grid;gap:12px}
#aiPanel .ai-person{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}
#aiPanel .ai-person img{width:64px;height:64px;object-fit:cover;object-position:center 20%;border-radius:50%;display:block;border:1px solid var(--line)}
#aiPanel .ai-person b{display:block;font-weight:500;font-size:15px;line-height:1.5;color:var(--ink)}
#aiPanel .ai-person span{display:block;font-size:13px;line-height:1.6;color:var(--ink-2)}
#aiPanel .ai-people+a{display:inline-block;margin-top:12px;font-size:14px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:4px}
#aiPanel .ai-photo-wide{width:100%;height:auto;aspect-ratio:720/375;object-fit:cover;border-radius:4px;display:block}
#aiPanel .ai-address{font-size:15px;line-height:1.75;margin:12px 0 0}
#aiPanel .ai-tel{font-size:15px;margin:4px 0 0}
#aiPanel .ai-tel a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:4px;font-family:var(--fig)}
#aiPanel .ai-routes{margin:12px 0 0;display:grid;gap:6px}
#aiPanel .ai-routes>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:6px}
#aiPanel .ai-routes dt{font-size:14px;color:var(--ink-2);margin:0}
#aiPanel .ai-routes dd{margin:0;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#aiPanel .ai-routes dd b{font-size:17px;font-weight:700;color:var(--ink)}
#aiPanel .ai-routes dd i{font-style:normal;font-size:12px;color:var(--ink-2);margin-left:2px}
#aiPanel .ai-map-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#aiPanel .ai-map-actions a,#aiPanel .ai-map-toggle{font:inherit;font-size:14px;line-height:1.5;color:var(--gold-ink);background:#fff;border:1px solid #DBCFBB;border-radius:3px;min-height:40px;padding:8px 13px;cursor:pointer;text-decoration:none}
#aiPanel .ai-map-actions a:hover,#aiPanel .ai-map-toggle:hover{background:#F8F5F0}
#aiPanel .ai-map-embed{margin-top:12px}
#aiPanel .ai-map-embed iframe{width:100%;height:260px;border:1px solid var(--line);border-radius:4px;display:block}
#aiPanel .assist-book-options button.assist-book-primary{font:inherit;text-align:left;width:100%;cursor:pointer}
#aiPanel .assist-book-options button.assist-book-primary:hover{background:#6D5422}
#aiPanel .assist-book-frame{margin:-2px 0 0;position:relative}
/* The booking form can take a while to paint; say so behind the frame until its own page covers it. */
#aiPanel .assist-book-frame::before{content:attr(data-loading);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink-3);background:#F8F5F0;border:1px solid var(--line-2);border-top:0;border-radius:0 0 3px 3px}
#aiPanel .assist-book-frame iframe{position:relative;width:100%;height:min(560px,70vh);border:1px solid var(--line-2);border-top:0;border-radius:0 0 3px 3px;display:block;background:transparent}
@media(max-width:600px){#aiPanel .assist-book-frame iframe{height:min(520px,62vh)}#aiPanel .ai-photo-wrap{grid-template-columns:80px 1fr}#aiPanel .ai-photo{width:80px;height:80px}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-spots{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-spots .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-spots .sp-soft{background:var(--sp-soft)}
#view-spots .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-spots .sp-heading{margin-bottom:26px;max-width:46em}
#view-spots .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-spots .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-spots .sp-heading .sp-kicker{margin-top:0}
#view-spots .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-spots .sp-note a,#view-spots .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-spots .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-spots .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-spots .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-spots .crumbs span::before{content:none}
#view-spots .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-spots .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-spots .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-spots .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-spots .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-spots .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-spots .sp-hero-trust a{margin-top:7px}
#view-spots .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-spots .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-spots .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-spots .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-spots .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-spots .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-spots .sp-nav a{flex-shrink:0}
#view-spots .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-spots .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-spots .sp-nav a:hover{color:var(--gold-ink)}
#view-spots .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-spots .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-spots .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-spots .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-spots .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-spots .sp-type-body{padding:21px 22px 22px}
#view-spots .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-spots .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-spots .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-spots .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-spots .sp-type .sp-source{margin-top:12px}
#view-spots .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-spots .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-spots .sp-case-head{padding:20px 22px 16px}
#view-spots .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-spots .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-spots .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-spots .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-spots .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-spots .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-spots .sp-case-body{padding:18px 22px 22px}
#view-spots .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-spots .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-spots .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-spots .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-spots .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-spots .sp-case-body .sp-source{margin-top:14px}
#view-spots .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-spots .sp-case-details>summary{min-height:48px}
#view-spots .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-spots .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-spots .sp-approach-list{display:grid;gap:0}
#view-spots .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-spots .sp-approach-item:first-child{padding-top:0}
#view-spots .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-spots .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-spots .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-spots .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-spots .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-spots .sp-doctor h3{font-size:21px;line-height:1.5}
#view-spots .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-spots .sp-doctor .sp-source{white-space:nowrap}
#view-spots .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-spots .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-spots .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-spots .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-spots .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-spots .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-spots .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-spots .sp-expertise-facts>div:first-child{padding-top:0}
#view-spots .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-spots .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-spots .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-spots .sp-expertise-grid figure{max-width:480px}
 #view-spots .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-spots .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-spots .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-spots .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-spots .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-spots .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-spots .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-spots .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-spots .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-spots .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-spots .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-spots .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-spots .sp-disclosure>summary::after{content:'＋';flex:none}
#view-spots .sp-disclosure[open]>summary::after{content:'−'}
#view-spots .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-spots .sp-disclosure-content p+p{margin-top:12px}
#view-spots .sp-approval-list{display:grid;gap:10px}
#view-spots .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-spots .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-spots .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-spots .sp-price-intro>div{flex:1 1 320px}
#view-spots .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-spots .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-spots .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-spots .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-spots .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-spots .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-spots .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-spots .sp-price-heading{margin-bottom:16px}
#view-spots .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-spots .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-spots .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-spots .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-spots .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-spots .sp-price .sp-yen{display:block;margin:0}
#view-spots .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-spots .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-spots .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-spots .sp-price-list{margin-top:8px}
#view-spots .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-spots .sp-price-list dt{min-width:0}
#view-spots .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-spots .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-spots .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-spots .sp-flow-head{display:block;margin-bottom:14px}
#view-spots .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-spots .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-spots .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-spots .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-spots .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-spots .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-spots .sp-recovery>div:last-child{border-right:0}
#view-spots .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-spots .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-spots .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-spots .sp-risk-details{margin-top:22px}
#view-spots .sp-faq{margin-inline:0}
#view-spots .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-spots .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-spots .sp-tech h3{font-size:22px;line-height:1.6}
#view-spots .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-spots .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-spots .sp-tech h3+p{margin-top:10px}
#view-spots .sp-video>summary{cursor:pointer;list-style:none}
#view-spots .sp-video>summary::-webkit-details-marker{display:none}
#view-spots .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-spots .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-spots .sp-flow-text{display:block;margin-top:12px}
#view-spots .sp-video-body{padding-bottom:16px}
#view-spots .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-spots .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-spots .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-spots .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-spots .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-spots .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-spots .sp-tech>img{width:76px;height:99px}
 #view-spots .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-spots .sp-homecare>img{max-height:220px}
}
#view-spots .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-spots .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-spots .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-spots .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-spots .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-spots .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-spots .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-spots .sp-final .btn{font-size:14px}
#view-spots .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-spots :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-spots .sp-devices{grid-template-columns:1fr}
  #view-spots .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-spots .sp-device-head{margin-bottom:0}
  #view-spots .sp-device .sp-disclosure{grid-column:1/-1}
  #view-spots .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-spots .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-spots .sp-doctor>img{width:90px;height:100px}
  #view-spots .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-spots .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-spots .sp-hero h1{font-size:32px}
  #view-spots .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-spots .sp-hero-lead{margin-top:17px}
  #view-spots .sp-hero-photo img{aspect-ratio:16/9}
  #view-spots .sp-hero-photo figcaption{font-size:12px}
  #view-spots .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-spots .sp-types,#view-spots .sp-cases,#view-spots .sp-approach,#view-spots .sp-prices{grid-template-columns:1fr}
  #view-spots .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-spots .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-spots .sp-type-body{padding:19px 20px}
  #view-spots .sp-type h3{font-size:20px}
  #view-spots .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-spots .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-spots .sp-approach{gap:24px}
  #view-spots .sp-approach-image img{max-height:260px}
  #view-spots .sp-recovery{grid-template-columns:1fr}
  #view-spots .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-spots .sp-recovery>div:last-child{border-bottom:0}
  #view-spots .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-spots .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-spots .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-spots .sp-hero h1{font-size:29px}
  #view-spots .sp-actions{align-items:stretch}
  #view-spots .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-spots .sp-type{grid-template-columns:1fr}
  #view-spots .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-spots .sp-type-art img{max-height:130px}
  #view-spots .sp-layer-labels{justify-content:center;gap:26px}
  #view-spots .sp-type-body{padding:19px 20px}
  #view-spots .sp-case-head,#view-spots .sp-case-body{padding-inline:18px}
  #view-spots .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-spots .sp-case-photos{padding-inline:10px;gap:4px}
  #view-spots .sp-device{display:block;padding:20px}
  #view-spots .sp-device-head{margin-bottom:14px}
  #view-spots .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-spots .sp-flow>li{padding:18px 20px}
  #view-spots .sp-flow-head{margin-bottom:10px}
  #view-spots .sp-price{padding:22px}
  #view-spots .sp-price-intro{padding:20px}
  #view-spots .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-spots .sp-price-list dd{flex-basis:100%}
  #view-spots .sp-doctor{gap:14px}
  #view-spots .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-spots :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-spots .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-spots .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-spots .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-spots .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-spots .sp-entry-link:first-child{padding-left:0}
#view-spots .sp-entry-link:last-child{border-right:0}
#view-spots .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-spots .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-spots .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-spots .sp-entry-link:hover{background:var(--sp-soft)}
#view-spots .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-spots .sp-consult h3{font-size:24px;line-height:1.65}
#view-spots .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-spots .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-spots .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-spots .sp-consult .sp-note{margin-top:7px}
#view-spots #s-doctor-section{padding-top:58px}
#view-spots #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-spots .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-spots .sp-expertise-grid figure{align-self:center}
#view-spots .sp-expertise-facts dt{font-size:16px}
#view-spots .sp-expertise-facts dd{font-size:14px}
#view-spots .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-spots .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-spots .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-spots .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-spots .sp-flow{list-style:none;padding:0}
#view-spots .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-spots .sp-flow-head img,#view-spots .sp-video video{border:1px solid var(--sp-border)}
#view-spots .sp-recovery{border:0}
#view-spots .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-spots .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-spots .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-spots .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-spots .sp-visit-info a{color:var(--on-night)}
#view-spots a:focus-visible,#view-spots summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-spots .sp-entry-links{grid-template-columns:1fr}
 #view-spots .sp-entry-link,#view-spots .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-spots .sp-entry-link:last-child{border-bottom:0}
 #view-spots .sp-entry-link strong{font-size:18px}
 #view-spots .sp-entry-link span span{margin-top:3px}
 #view-spots .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-spots .sp-consult h3{font-size:22px}
 #view-spots .sp-consult ul{display:block}
 #view-spots .sp-consult li{margin-top:6px}
 #view-spots .sp-consult .btn{width:100%}
 #view-spots .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-spots .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-spots .sp-recovery>div::before{top:4px;left:-5px}
 #view-spots .sp-recovery>div:last-child{padding-bottom:0}
 #view-spots .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-spots *{scroll-behavior:auto;transition:none}}

#view-spots .sp-type-art img{max-height:145px}
#view-spots .sp-type-body{padding:20px}
#view-spots .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-spots .sp-price>p.sp-price-unit,#view-spots .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-spots .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-spots .sp-price{padding:26px 0}
 #view-spots .sp-price-description{margin-bottom:20px}
 #view-spots .sp-price>.sp-note{min-height:0}
 #view-spots .sp-price h3{font-size:23px}
 #view-spots .sp-price .sp-yen{font-size:20px}
 #view-spots .sp-price-intro{padding:22px;gap:16px}
 #view-spots .sp-price-intro>div{flex-basis:100%}
}

#view-spots .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-spots .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-spots .sp-consult-fees>div:last-child{border-bottom:0}
#view-spots .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-spots .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-spots .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-spots .sp-consult-fees{flex-basis:100%}#view-spots .sp-consult-fees dd{font-size:21px}#view-spots .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-spots .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-spots .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-spots .sp-price-intro{padding:20px 18px;gap:18px}
 #view-spots .sp-consult-fees{flex-basis:100%;width:100%}
 #view-spots .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-spots .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-spots .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-spots .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-spots .sp-fee-period::before{content:none}
 html[lang="en"] #view-spots .sp-fee-period{white-space:normal;font-size:14px}
 #view-spots .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-spots .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-spots .sp-prices{gap:16px;border:0}
 #view-spots .sp-price,#view-spots .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-spots .sp-price-heading{order:0;margin-bottom:14px}
 #view-spots .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-spots .sp-price h3{font-size:22px;letter-spacing:0}
 #view-spots .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-spots .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-spots .sp-price .sp-price-unit{font-size:12px}
 #view-spots .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-spots .sp-price>.sp-note{order:3;margin-top:10px}
 #view-spots .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-spots .sp-price,#view-spots .sp-price+.sp-price{padding:20px 16px}
 #view-spots .sp-price h3{font-size:20px}
 #view-spots .sp-price .sp-yen{font-size:20px}
 #view-spots .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-spots .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-spots .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-spots .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-spots .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-spots .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-spots .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-spots .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-spots .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-spots .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-spots .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-spots .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-spots .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-spots .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-spots .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-spots .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-spots .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-spots .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-spots .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-spots .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-spots .sp-entry-hint{margin:8px 0 22px}
#view-spots .sp-entry-links{gap:14px;border:0}
#view-spots .sp-entry-link,#view-spots .sp-entry-link:first-child,#view-spots .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-spots .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-spots .sp-entry-link:hover,#view-spots .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-spots .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-spots .sp-entry-copy{min-width:0}
#view-spots .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-spots .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-spots .sp-entry-question{font-size:22px}
 #view-spots .sp-entry-link,#view-spots .sp-entry-link:first-child,#view-spots .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-spots .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-spots .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-spots .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-spots .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sp-anes{margin-top:10px}
#view-spots .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-spots .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-spots .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-spots .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-spots .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-spots .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-spots .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-spots .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-spots .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-spots .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-spots .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-spots .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-spots .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-spots .hg-head>div{min-width:0}
#view-spots .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-spots .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-spots .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-spots .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-spots .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-spots .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-spots .hg-menu-photo{margin:0}
#view-spots .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-spots .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-spots .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-spots .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-spots .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-spots .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-spots .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-spots .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-spots .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-spots .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-spots .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-spots .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-spots .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-spots .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-spots .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-spots .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-spots .hg-menu-note{margin:14px 0 0}
#view-spots .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-spots .hg-menu-links-label{margin-right:4px}
#view-spots .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-spots .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-spots .hg-menu-fees{gap:8px}#view-spots .hg-fee{padding:14px 14px 12px}#view-spots .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-spots .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-spots .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-spots .hg-menu-range{margin:14px 0 0}
#view-spots .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-spots .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-spots .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-spots .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-spots .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-spots .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-spots .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-spots .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-spots .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-spots .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-spots .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-spots .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-spots .cg-card{padding:0;background:transparent;border:0}
#view-spots .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-spots .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-spots .cg-card .case-image{margin:0}
#view-spots .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-spots .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-spots .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-spots .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-spots .cg-details summary:hover{color:var(--gold-ink)}
#view-spots .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-spots .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-spots .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-spots .cg-details dt{padding-top:13px}
#view-spots .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-spots .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-spots .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-spots .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-spots .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-spots .sp-section .dn-gallery,#view-spots .sp-section .sw-gallery,#view-spots .sp-section .pc-lecture-figs,#view-spots .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-spots .sp-section .sw-interview,#view-spots .sp-section .ul-doctor-grid,#view-spots .sp-section .sv-doctor-hero,#view-spots .sp-section .wrx-evidence,#view-spots .sp-section .uex-evidence,#view-spots .sp-section .ml-doctor-grid,#view-spots .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-spots .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-spots .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-spots .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-spots .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-spots .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-spots .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-spots .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-spots .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-spots .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-spots .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-spots .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-spots .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-spots .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-spots .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-spots .hgd-svg{display:block;width:100%;height:auto}
#view-spots .hgd-sp{display:none}
#view-spots .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-spots .hgd-layer{font-size:30px}
#view-spots .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-spots .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-spots .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-spots .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-spots .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-spots .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-spots .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-spots .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-spots .hgd-art{opacity:.92}
#view-spots .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-spots .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-spots .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-spots .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-spots .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-spots .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-spots .hgd-layer{font-size:25px}
html[lang^="en"] #view-spots .hgd-sub{font-size:19px}
html[lang^="en"] #view-spots .hgd-br{font-size:27px}
#view-spots .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-spots .hgd-pc .hgd-layer{font-size:38px}
 #view-spots .hgd-pc .hgd-sub{font-size:30px}
 #view-spots .hgd-pc .hgd-name{font-size:42px}
 #view-spots .hgd-pc .hgd-kind{font-size:31px}
 #view-spots .hgd-pc .hgd-br{font-size:36px}
 #view-spots .hgd-pc .hgd-mm{font-size:40px}
 #view-spots .hgd-pc .hgd-note{font-size:26px}
 #view-spots .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-spots .hg-lineup img{width:72px;height:72px}
 #view-spots .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-spots .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-spots .hg-lineup,#view-spots .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-spots .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-spots .hg-lineup img{width:56px;height:56px}
 #view-spots .hg-lineup figcaption{padding:7px 8px}
 #view-spots .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-spots .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-spots .hg-lineup figcaption small{font-size:10.5px}
 #view-spots .hgd-pc{display:none}
 #view-spots .hgd-sp{display:block}
 #view-spots .hgd-layer,#view-spots .hgd-name,#view-spots .hgd-br,#view-spots .hgd-mm{font-size:34px}
 #view-spots .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-spots .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-spots .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-spots .hgd-layer{font-size:30px}
 #view-spots .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-spots .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-spots .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-spots. */
#view-spots .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-spots .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-spots .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-spots .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-spots .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-spots .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-spots .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-spots .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-spots .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-spots .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-spots .pc-table th,#view-spots .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-spots .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-spots .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-spots .pc-table tbody tr:last-child th,#view-spots .pc-table tbody tr:last-child td{border-bottom:0}
#view-spots .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-spots .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-spots .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-spots .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-spots .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-spots .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-spots .pc-point-face{width:92px;height:92px}}
#view-spots .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-spots .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-spots .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-spots .pc-explain p+p{margin-top:12px}
#view-spots .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-spots .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-spots .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-spots .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-spots .pc-books h3{font-size:18px;margin-bottom:12px}
#view-spots .pc-books ul{list-style:none;padding:0;margin:0}
#view-spots .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-spots .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-spots .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-spots .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-spots .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-spots .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-spots .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-spots .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-spots .pc-tag{margin:0}
#view-spots .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-spots .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-spots .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-spots .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-spots .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-spots .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-spots .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-spots .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-spots .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-spots .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-spots .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-spots .pc-approval>div:last-child{border-bottom:0}
#view-spots .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-spots .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-spots .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-spots .pc-glance,#view-spots .pc-modes{grid-template-columns:1fr}#view-spots .pc-explain{grid-template-columns:1fr}#view-spots .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-spots .pc-concern-links{grid-template-columns:1fr}#view-spots .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-spots .pc-books,#view-spots .pc-quote,#view-spots .pc-point{padding:20px}#view-spots .pc-glance-num span{font-size:32px}#view-spots .pc-table{font-size:13px}#view-spots .pc-table th,#view-spots .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-spots .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-spots .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-spots .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-spots .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-spots .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-spots .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-spots .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-spots .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-spots .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-spots .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-spots .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-spots .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-spots .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-spots .pc-video{margin:0 0 28px;max-width:820px}
#view-spots .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-spots .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-spots .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-spots .pc-lasers-media .pc-video,#view-spots .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-spots .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-spots .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-spots .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-spots .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-spots .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-spots .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-spots .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-spots .pc-hero-video .sp-video{margin:0}
#view-spots .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-spots .pc-cell-label{display:none}
@media(max-width:760px){
#view-spots .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-spots .pc-table{min-width:0;display:block;font-size:14px}
#view-spots .pc-table caption{display:block;padding:0 0 10px}
#view-spots .pc-table thead{display:none}
#view-spots .pc-table tbody{display:block}
#view-spots .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-spots .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-spots .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-spots .pc-table tr td:last-child{border-bottom:0}
#view-spots .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-spots .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-spots .pc-cell-value{display:block;line-height:1.75}
}
#view-spots .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-spots .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-spots .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-spots .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-spots .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-spots .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-spots .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-spots .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-spots .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-spots .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-spots .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-spots .pcx-video{margin:0 0 26px;max-width:780px}
#view-spots .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-spots .pcx-table-details{margin-top:18px}
#view-spots .pcx-table-details .pc-table-wrap{margin-top:0}
#view-spots .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-spots .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-spots .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-spots #pc-lasers .pc-point{margin-top:40px}
#view-spots .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-spots .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-spots .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-spots .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-spots .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-spots .pcx-case-hint{margin-top:6px}
#view-spots #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-spots .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-spots .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-spots .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-spots .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-spots .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-spots .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-spots .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-spots .pcx-hero-points{margin-top:22px}
#view-spots .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-spots .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-spots .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-spots .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-spots .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-spots .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-spots .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-spots .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-spots .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-spots .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-spots .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-spots .pcx-mode-art img{display:block;width:100%;height:auto}
#view-spots .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-spots .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-spots .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-spots .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-spots .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-spots .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-spots .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-spots .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-spots .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-spots .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-spots .pcx-case-sep{display:none}
  #view-spots .pcx-case-name{display:block}
  #view-spots .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-spots .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-spots .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-spots .pcx-diff-changed{border-top-color:var(--gold)}
#view-spots .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-spots .pcx-diff-card dl{margin:0}
#view-spots .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-spots .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-spots .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-spots .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-spots .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-spots .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-spots .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-spots .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-spots .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-spots .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-spots .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-spots .pcx-history>li:last-child{padding-bottom:0}
#view-spots .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-spots .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-spots .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-spots .pcx-h-tag{margin:0 0 4px}
#view-spots .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-spots .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-spots .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-spots .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-spots .pcx-history-wrap>.sp-note{margin-top:20px}
#view-spots #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-spots .pcx-diff{grid-template-columns:1fr}
 #view-spots .pcx-diff-card{padding:18px 16px 14px}
 #view-spots .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-spots .pcx-depth{padding:16px}
 #view-spots .pcx-history::before{left:3.4em}
 #view-spots .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-spots .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-spots .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-spots .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-spots .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-spots .pcx-h-photo{margin:4px 0 0}
#view-spots .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-spots .pcx-h-device .pcx-h-photo img,#view-spots #pc-history .pcx-h-photo img[src*="picosure-"],#view-spots #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-spots .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-spots .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-spots .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-spots. */
#view-spots .sw-device-photo{max-width:820px}
#view-spots .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-spots .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-spots .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-spots .sw-figures{max-width:none}
#view-spots .sw-figure img{display:block;width:100%;height:auto}
#view-spots .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-spots .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-spots .sw-figures .sw-figure{margin:0}
#view-spots .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-spots .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-spots .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-spots .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-spots .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .pc-explain h3+p+h3{margin-top:22px}
#view-spots .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-spots .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-spots .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-spots .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-spots .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-spots .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-spots .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-spots .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-spots .sw-history li{position:relative;padding:0 0 22px 28px}
#view-spots .sw-history li:last-child{padding-bottom:0}
#view-spots .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-spots .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-spots .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-spots .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-spots .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-spots .sw-gallery figure{margin:0}
#view-spots .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-spots .sw-gallery img.is-portrait{object-position:50% 30%}
#view-spots .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-spots .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-spots .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-spots .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-spots .sw-case-photo{margin:0;background:#111}
#view-spots .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-spots .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-spots .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-spots .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-spots .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-spots .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-spots .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-spots .sw-area-prices li:last-child{border-bottom:0}
#view-spots .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-spots .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-spots .sw-papers,#view-spots .sw-history-wrap,#view-spots .sw-cases,#view-spots .sw-price-list{grid-template-columns:1fr}#view-spots .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-spots .sw-steps,#view-spots .sw-figures,#view-spots .sw-gallery{grid-template-columns:1fr}#view-spots .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-spots .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-spots .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-spots .sw-interview-video{margin:0;max-width:none}
#view-spots .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-spots .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-spots .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-spots .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-spots .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-spots .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-spots .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-spots .sw-ttt-design,#view-spots .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-spots .sw-ttt-face,#view-spots .sw-heat-field{margin:0}
#view-spots .sw-ttt-face img,#view-spots .sw-heat-field img{display:block;width:100%;height:auto}
#view-spots .sw-heat-field img{border:1px solid var(--sp-border)}
#view-spots .sw-ttt-face figcaption,#view-spots .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-spots .sw-ttt-text .sp-kicker,#view-spots .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-spots .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-spots .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-spots .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-spots .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-spots .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-spots .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-spots .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-spots .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-spots .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-spots .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-spots .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-spots .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-spots .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-spots .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-spots .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-spots .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-spots .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-spots .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-spots .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-spots .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-spots .sw-ttt-design,#view-spots .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-spots .sw-ttt-face,#view-spots .sw-heat-field{max-width:420px}#view-spots .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-spots .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-spots .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-spots .sw-ct-cases-head{margin:44px 0 18px}
#view-spots .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-spots .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-spots .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-spots .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-spots .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-spots .sw-ct-group{margin-top:40px}
#view-spots .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-spots .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-spots .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-spots .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-spots .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-spots .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-spots .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-spots .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-spots .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-spots .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-spots .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-spots .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-spots .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-spots .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-spots .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-spots .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-spots .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-spots .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-spots .sw-table-details,#view-spots .sw-record{margin-top:26px}
#view-spots .sw-table-details .sp-disclosure-content,#view-spots .sw-record .sp-disclosure-content,#view-spots .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-spots .sw-table-details .pc-table-wrap{margin-top:0}
#view-spots .sw-record .sw-history-wrap{margin-top:6px}
#view-spots .sw-ct-more{margin-top:18px}
#view-spots .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-spots .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-spots .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-spots .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-spots .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-spots .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-spots .sw-3d-video{margin:0;max-width:none}
#view-spots .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-spots .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-spots .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-spots .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-spots .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-spots .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-spots .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-spots .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-spots .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-spots .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-spots .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-spots .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-spots .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-spots .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-spots .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-spots .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-spots .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-spots .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-spots .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-spots .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-spots .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-spots .swx-hero-points{margin-top:22px}
#view-spots .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-spots .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-spots .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-spots .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-spots .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-spots .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-spots .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-spots .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-spots .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-spots .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-spots .swx-hero-video{margin:0}
#view-spots .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-spots .sp-video video:not([controls]){pointer-events:none}

/* Pores concern page: components added on top of the spots (sp-*) and PicoSure Pro (pc-*) parts, scoped to #view-spots. */

/* Hero: three concise points, with the clinic's philosophy kept as prose. */
#view-spots .sp-hero .sp-lead{font-size:16px;line-height:1.85;margin-top:16px;color:var(--ink-2)}
#view-spots .sx-hero-points{margin-top:22px}
#view-spots .sx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-spots .sx-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-spots .sx-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-spots .sx-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-spots .sx-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-spots .sx-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-spots .sx-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-spots .sx-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-spots .sx-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}

/* Realistic medical illustrations used in the type and measure cards. */
#view-spots .sx-illustration{display:block;width:100%;height:auto;object-fit:cover;background:#fff;border:1px solid var(--sp-border);border-radius:2px}

/* 1. Types of pores */
#view-spots .sx-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-spots .sx-type{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-spots .sx-type .sx-illustration{max-width:132px;aspect-ratio:1/1;object-fit:cover;object-position:center}
#view-spots .sx-type h3{font-size:19px;line-height:1.5;margin-bottom:8px}
#view-spots .sx-type-look{font-size:14px;line-height:1.8;color:var(--gold-ink);margin-bottom:8px}
#view-spots .sx-type p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-type-care{margin-top:14px;padding-top:12px;border-top:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-spots .sx-type-care-label{display:block;font-size:12px;color:var(--ink-3);letter-spacing:.04em;margin-bottom:2px}
#view-spots .sx-type-care-value{display:block;color:var(--ink)}

/* 2. Size, depth and spread */
#view-spots .sx-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-spots .sx-measure{background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0;text-align:left}
#view-spots .sx-measure .sx-illustration{max-width:100%;aspect-ratio:3/2;object-fit:cover;border:0;margin-bottom:14px}
#view-spots .sx-measure h3{font-size:18px;margin-bottom:6px}
#view-spots .sx-measure p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-chain{margin-top:26px;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-spots .sx-chain h3{font-size:19px;line-height:1.6;margin-bottom:10px}
#view-spots .sx-chain p{font-size:15px;line-height:1.95;color:var(--ink-2)}

/* 3. Treatment history: dates and connected milestones */
#view-spots .sx-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
#view-spots .sx-steps li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:48px;padding:0 0 28px;min-width:0}
#view-spots .sx-steps li::before{content:"";position:absolute;left:143px;top:29px;bottom:-29px;width:2px;background:var(--sp-border)}
#view-spots .sx-steps li::after{content:"";position:absolute;left:137px;top:28px;width:14px;height:14px;border:2px solid var(--gold);border-radius:50%;background:#fff;box-sizing:border-box}
#view-spots .sx-steps li:last-child{padding-bottom:0}
#view-spots .sx-steps li:last-child::before{display:none}
#view-spots .sx-step-label{padding-top:22px;font:500 20px/1.4 var(--sans);letter-spacing:.02em;color:var(--gold-ink);text-align:right;white-space:nowrap}
#view-spots .sx-step-card{background:#fff;border:1px solid var(--sp-border);padding:24px 28px;min-width:0}
#view-spots .sx-step-head{margin-bottom:12px}
#view-spots .sx-step-head h3{font-size:21px;line-height:1.6;margin:0}
#view-spots .sx-steps p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0}
#view-spots .sx-step-current .sx-step-card{border-color:var(--gold);border-top:3px solid var(--gold)}
#view-spots .sx-steps .sx-step-current::after{background:var(--gold)}
#view-spots .sx-step-media{display:grid;grid-template-columns:minmax(140px,30%) minmax(0,1fr);align-items:start;gap:24px}
#view-spots .sx-step-thumbnail{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;background:#fff}
#view-spots .sx-cyno-figure{margin:26px auto 0}
#view-spots .sx-cyno-figure img{display:block;width:100%;height:auto}
#view-spots .sx-cyno-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-spots .sx-cynoglow-film{max-width:900px;margin:38px auto 0;padding-top:28px;border-top:1px solid var(--sp-border)}
#view-spots .sx-cynoglow-film h3{font-size:clamp(18px,2vw,23px);line-height:1.65;margin:0 0 18px}
#view-spots .sx-cynoglow-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#171523}
#view-spots .sx-cynoglow-film figcaption{font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:9px}

/* 4. Planning treatment */
#view-spots .sx-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-spots .sx-axis{background:#fff;border:1px solid var(--sp-border);padding:26px 28px;min-width:0;display:flex;flex-direction:column}
#view-spots .sx-axis h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-spots .sx-axis p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-spots .sx-axis-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--sp-border);font-size:14px!important}
#view-spots .sx-axis .sp-source{margin-top:auto;padding-top:14px}
#view-spots .sx-device-image{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--sp-border);margin:0 0 16px}
#view-spots .sx-support{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-spots .sx-support h3{font-size:19px;margin-bottom:16px}
#view-spots .sx-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-spots .sx-support-card{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-spots .sx-support-card h4{font-size:17px;margin-bottom:8px}
#view-spots .sx-support-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-support-card .sx-device-image{aspect-ratio:3/2}
#view-spots .sx-plan-table{margin-top:30px}
#view-spots .sx-preparation-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:start}
#view-spots .sx-preparation-copy h3{font-size:clamp(18px,2vw,22px);line-height:1.7;margin:0 0 16px}
#view-spots .sx-preparation-copy p{font-size:16px;line-height:1.95;color:var(--ink-2);margin:0 0 16px}
#view-spots .sx-prep-video{min-width:0;margin:0}
#view-spots .sx-prep-video video{display:block;width:100%;height:auto;background:#111}
#view-spots .sx-prep-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
/* 5. Cases: same unboxed, paired photograph cards as the homepage */
#view-spots .sx-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-spots .sx-gallery-card{padding:0;background:transparent;border:0}
#view-spots .sx-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-spots .sx-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-spots .sx-gallery-card .case-image{margin:0}
#view-spots .sx-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-spots .sx-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-spots .sx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-spots .sx-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-spots .sx-case-details summary:hover{color:var(--gold-ink)}
#view-spots .sx-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-spots .sx-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-spots .sx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-spots .sx-case-details dt{padding-top:13px}
#view-spots .sx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
/* Keep tablet portrait and landscape layouts at two case cards per row. */
@media(max-width:1400px){#view-spots .sx-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-spots .sx-case-gallery{grid-template-columns:minmax(0,1fr)}}

/* 7. Fees */
#view-spots .sx-program-overview{margin-bottom:52px}
#view-spots .sx-program-doctor{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:center;padding:30px;background:var(--sp-soft);border-top:2px solid var(--gold)}
#view-spots .sx-program-doctor figure{margin:0}
#view-spots .sx-program-doctor img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 18%}
#view-spots .sx-program-doctor .sp-kicker{font-size:12px;letter-spacing:.05em;color:var(--gold-ink);margin:0 0 14px}
#view-spots .sx-program-doctor h3{font-size:clamp(21px,2.3vw,28px);line-height:1.65;margin:0 0 18px}
#view-spots .sx-program-doctor p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 12px}
#view-spots .sx-program-doctor p:last-child{margin-bottom:0}
#view-spots .sx-lineup-heading{font-size:22px;line-height:1.6;margin:32px 0 18px}
#view-spots .sx-device-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#view-spots .sx-device-lineup figure{min-width:0;margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-spots .sx-device-lineup img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#efedea}
#view-spots .sx-device-lineup figcaption{padding:16px 12px}
#view-spots .sx-device-lineup strong{display:block;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:6px}
#view-spots .sx-device-lineup figcaption span{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-spots .sx-program-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 20px;padding:0;border-block:1px solid var(--sp-border)}
#view-spots .sx-program-points>div{padding:22px 20px;min-width:0;border-right:1px solid var(--sp-border)}
#view-spots .sx-program-points>div:first-child{padding-left:0}
#view-spots .sx-program-points>div:last-child{border-right:0;padding-right:0}
#view-spots .sx-program-points dt{font-size:16px;font-weight:500;line-height:1.65;color:var(--ink)}
#view-spots .sx-program-points dd{font-size:13px;line-height:1.8;color:var(--ink-2);margin:8px 0 0}
#view-spots .sx-program-intro{margin-bottom:30px}
#view-spots .sx-program-intro>h3{font-size:23px;line-height:1.6;margin:0 0 16px}
#view-spots .sx-program-lead{font-size:16px;line-height:1.95;max-width:65em;margin:0 0 26px;color:var(--ink-2)}
#view-spots .sx-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#view-spots .sx-program-card{display:flex;flex-direction:column;position:relative;padding:26px 24px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);min-width:0}
#view-spots .sx-program-number{font:27px/1.2 var(--latin);color:var(--gold-ink);margin-bottom:20px}
#view-spots .sx-program-card .sp-kicker{font-size:12px;letter-spacing:.03em;margin:0 0 10px;color:var(--gold-ink)}
#view-spots .sx-program-card h3{font-size:20px;line-height:1.6;margin:0 0 3px}
#view-spots .sx-program-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-program-card .sx-program-sub{font-size:17px;font-weight:500;color:var(--ink);margin:0 0 18px}
#view-spots .sx-program-card .sp-source{margin-top:auto;padding-top:20px}
#view-spots .sx-program-assurance{background:var(--sp-soft);padding:26px 28px;margin-top:26px;border-left:3px solid var(--gold)}
#view-spots .sx-program-assurance h3,#view-spots .sx-device-guide>h3{font-size:22px;line-height:1.6;margin:0 0 14px}
#view-spots .sx-program-assurance p,#view-spots .sx-device-guide>p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 12px}
#view-spots .sx-program-assurance p:last-child{margin-bottom:0}
#view-spots .sx-crosstalk-rationale{margin:34px 0 26px;padding:0;background:var(--sp-soft);border-top:2px solid var(--gold);scroll-margin-top:155px}
#view-spots .sx-crosstalk-rationale>summary{padding:24px 32px;font-size:clamp(17px,1.8vw,21px);line-height:1.7;color:var(--ink)}
#view-spots .sx-crosstalk-rationale>summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-spots .sx-crosstalk-body{padding:0 32px 30px}
#view-spots .sx-crosstalk-body>h3{font-size:clamp(22px,2.2vw,28px);line-height:1.65;margin:0 0 22px}
#view-spots .sx-crosstalk-rationale p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 16px}
#view-spots .sx-crosstalk-explainer{max-width:800px;margin:24px auto}
#view-spots .sx-crosstalk-body>.sx-crosstalk-brief{max-width:48em;font-size:16px;line-height:1.85}
#view-spots .sx-crosstalk-fibroblast{margin:0;min-width:0}
#view-spots .sx-crosstalk-fibroblast img{display:block;width:100%;height:auto;border-radius:4px}
#view-spots .sx-crosstalk-fibroblast figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-spots .sx-crosstalk-panel-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:center;margin:14px 0}
#view-spots .sx-crosstalk-panel-labels strong{display:block;font-size:16px;font-weight:500;color:var(--ink);line-height:1.6}
#view-spots .sx-crosstalk-panel-labels span{display:block;font-size:13px;margin-top:5px}
#view-spots .sx-crosstalk-caption{display:block;line-height:1.8}
#view-spots .sx-crosstalk-page-link{display:inline-block;font-size:15px;line-height:1.8;margin:2px 0 8px;padding-bottom:0;border-bottom:0;text-decoration:underline;text-underline-offset:4px}
#view-spots .sx-crosstalk-references ol{margin:0;padding-left:22px}
#view-spots .sx-crosstalk-references li+li{border-top:1px solid var(--sp-border);margin-top:20px;padding-top:20px}
#view-spots .sx-crosstalk-references h4{font-size:16px;line-height:1.7;margin:0 0 10px}
#view-spots .sx-crosstalk-references cite{display:block;font-size:13px;font-style:normal;overflow-wrap:anywhere;margin-bottom:8px}
#view-spots .sx-crosstalk-references a{font-size:14px}
#view-spots .sx-crosstalk-reason-copy{max-width:65em}
#view-spots .sx-crosstalk-reason-copy h4{font-size:17px;line-height:1.65;margin:0 0 8px}
#view-spots .sx-crosstalk-reason-copy p{margin:0 0 18px}
#view-spots .sx-crosstalk-reason-copy p:last-child{margin-bottom:0}
#view-spots .sx-crosstalk-detail{margin:20px 0;background:#fff}
#view-spots .sx-crosstalk-detail>summary{padding:15px 20px}
#view-spots .sx-crosstalk-detail>.sp-disclosure-content{padding:0 20px 20px}
#view-spots .sx-crosstalk-zoom{display:inline-block;margin-top:8px;font-size:13px}
#view-spots .sx-crosstalk-body>.sp-note{font-size:13px;margin-bottom:0}
#view-spots .sx-crosstalk-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;counter-reset:ct-step;padding:0;margin:26px 0}
#view-spots .sx-crosstalk-sequence li{position:relative;counter-increment:ct-step;padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-spots .sx-crosstalk-sequence li::before{content:counter(ct-step,decimal-leading-zero);display:block;font:20px/1.4 var(--latin);color:var(--gold-ink);margin-bottom:12px}
#view-spots .sx-crosstalk-sequence li:not(:last-child)::after{content:'→';position:absolute;right:-24px;top:45%;color:var(--gold-ink);font-size:18px}
#view-spots .sx-crosstalk-sequence h4{font-size:16px;line-height:1.7;margin:0 0 8px}
#view-spots .sx-crosstalk-sequence p{font-size:13px;line-height:1.8;margin:0}
#view-spots .sx-crosstalk-routes{margin:28px 0}
#view-spots .sx-crosstalk-routes>h4{font-size:20px;line-height:1.65;margin-bottom:10px}
#view-spots .sx-treatment-route{padding:0;list-style:none;margin:18px 0}
#view-spots .sx-treatment-route li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px;align-items:center;padding:22px;background:#fff;border:1px solid var(--sp-border);margin-bottom:10px}
#view-spots .sx-treatment-route h5{font-size:16px;margin:0 0 6px;line-height:1.75;font-weight:500}
#view-spots .sx-treatment-route p{font-size:14px;line-height:1.8;margin:0}
#view-spots .sx-treatment-route strong{font-size:16px;font-weight:500;line-height:1.8;color:var(--gold-ink)}
#view-spots .sx-device-guide{padding-top:30px;border-top:1px solid var(--sp-border)}
#view-spots .sx-device-guide>.sx-axes{margin-top:24px}
#view-spots .sx-device-details .sx-device-guide{padding-top:0;border-top:0}
#view-spots .sx-device-details summary{font-size:16px}
#view-spots .sx-fee-principles{list-style:none;counter-reset:fee-step;padding:0;margin:0 0 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-spots .sx-fee-principles li{position:relative;padding:22px 20px 22px 48px;counter-increment:fee-step}
#view-spots .sx-fee-principles li::before{content:counter(fee-step,decimal-leading-zero);position:absolute;top:23px;left:10px;font:19px/1.5 var(--latin);color:var(--gold-ink)}
#view-spots .sx-fee-principles h3{font-size:16px;line-height:1.7;margin:0 0 4px}
#view-spots .sx-fee-principles p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0}
#view-spots .sx-fee-block{margin-top:40px;scroll-margin-top:155px}
#view-spots .sx-programme-chapter>#po-plan{padding-bottom:20px}
#view-spots .sx-programme-chapter>#po-price{padding-top:24px}
#view-spots .sx-program-target{padding:16px 20px;margin:0 0 22px;border-left:2px solid var(--gold);background:var(--sp-soft);max-width:64em}
#view-spots .sx-fee-block>h3{font-size:clamp(21px,2.3vw,27px);line-height:1.6;margin:0 0 14px}
#view-spots .sx-fee-block>p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-spots .sx-fee-block>p.sp-note{font-size:13px}
#view-spots .sx-drk-fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
#view-spots .sx-drk-fee{border:1px solid var(--sp-border);background:var(--sp-soft);padding:26px 28px;min-width:0}
#view-spots .sx-drk-fee h4{font-size:23px;line-height:1.5;margin:0 0 12px}
#view-spots .sx-drk-fee>p{font-size:14px;line-height:1.8;color:var(--ink-2);margin:0 0 20px}
#view-spots .sx-fee-line{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--sp-border);padding-top:18px}
#view-spots .sx-fee-line p{font-size:14px;line-height:1.7;margin:0}
#view-spots .sx-fee-pending{display:inline-block;font-size:16px;font-weight:500;line-height:1.5;color:var(--gold-ink);white-space:nowrap}
#view-spots .sx-fee-value{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
#view-spots .sx-fee-value small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-spots .sx-area-guide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;margin:26px 0 20px;padding:26px 28px;background:#fcfaf7;border:1px solid var(--sp-border)}
#view-spots .sx-area-guide figure{margin:0;min-width:0}
#view-spots .sx-face-map{display:block;width:100%;height:auto;max-width:640px;margin:auto}
#view-spots .sx-map-numbers circle{fill:#fff;stroke:#a89989;stroke-width:1}
#view-spots .sx-map-numbers text{fill:#514a43;font:500 22px var(--sans)}
#view-spots .sx-temple-number text{font-size:14px}
#view-spots .sx-map-view-label{font:17px var(--sans);fill:#635c52}
#view-spots .sx-region-1{fill:#e4d6ad;background:#e4d6ad}
#view-spots .sx-region-2{fill:#dfbaa2;background:#dfbaa2}
#view-spots .sx-region-3{fill:#c5c0d6;background:#c5c0d6}
#view-spots .sx-region-4{fill:#b6d1df;background:#b6d1df}
#view-spots .sx-region-5{fill:#e3bdc4;background:#e3bdc4}
#view-spots .sx-region-6{fill:#becbb8;background:#becbb8}
#view-spots .sx-area-guide figcaption{font-size:12px;line-height:1.85;color:var(--ink-3);max-width:42em;margin:8px auto 0}
#view-spots .sx-area-legend{list-style:none;margin:0;padding:0;display:grid;gap:16px}
#view-spots .sx-area-legend li{display:flex;gap:14px;align-items:flex-start}
#view-spots .sx-area-dot{display:inline-grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;font-size:16px;color:#39352f;font-weight:500;margin-top:2px}
#view-spots .sx-area-legend h5{font-size:17px;line-height:1.6;font-weight:500;margin:0 0 2px}
#view-spots .sx-area-legend p{font-size:13px;line-height:1.7;margin:0;color:var(--ink-2)}
#view-spots .sx-boundaries{margin:0}
#view-spots .sx-boundaries>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-spots .sx-boundaries>div:last-child{border:0}
#view-spots .sx-boundaries dt{font-size:15px;font-weight:500;margin-bottom:4px}
#view-spots .sx-boundaries dd{font-size:14px;line-height:1.85;margin:0}
#view-spots .sx-discount-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0 0}
#view-spots .sx-discount-grid article{border:1px solid var(--sp-border);padding:20px 12px;text-align:center;min-width:0}
#view-spots .sx-discount-grid article:last-child{background:var(--sp-soft);border-color:var(--gold)}
#view-spots .sx-discount-grid h4{font-size:20px;line-height:1.6;margin:0 0 7px}
#view-spots .sx-discount-grid p{font-size:12px;line-height:1.7;color:var(--ink-2);margin:0 0 14px;min-height:2.9em}
#view-spots .sx-discount-grid strong{font-size:13px;line-height:1.7;font-weight:500;color:var(--gold-ink)}
#view-spots .sx-crosstalk-fees{padding:30px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-spots .sx-fee-table{width:100%;border-collapse:collapse;margin:22px 0 14px;background:#fff}
#view-spots .sx-fee-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#view-spots .sx-fee-table th,#view-spots .sx-fee-table td{padding:17px 20px;border-bottom:1px solid var(--sp-border);text-align:left;line-height:1.6}
#view-spots .sx-fee-table thead th{font-size:13px;font-weight:500;background:#f1ebe2}
#view-spots .sx-fee-table tbody th{font-size:16px;font-weight:500}
#view-spots .sx-follow-on{border-top:1px solid var(--sp-border);margin-top:24px;padding-top:24px}
#view-spots .sx-follow-on h4{font-size:19px;line-height:1.7;margin:0 0 12px}
#view-spots .sx-follow-on p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-follow-on .sx-formula{padding:16px 20px;background:#fff;border-left:3px solid var(--gold);font-weight:500;color:var(--ink);margin:18px 0}
#view-spots .sx-follow-on .sp-note{font-size:13px}
#view-spots .sx-lesion-fees{margin:22px 0 0}
#view-spots .sx-lesion-fees>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--sp-border)}
#view-spots .sx-lesion-fees dt{font-size:16px;line-height:1.7}
#view-spots .sx-lesion-fees dd{margin:0}
#view-spots .sx-count-example{padding:18px 22px;background:var(--sp-soft);margin-top:20px}
#view-spots .sx-acne-pricing>.sp-kicker{color:var(--gold-ink);font-size:12px;letter-spacing:.07em;margin:0 0 10px}
#view-spots .sx-acne-fee-part{border-top:1px solid var(--sp-border);margin-top:30px;padding-top:26px;scroll-margin-top:155px}
#view-spots .sx-acne-fee-part>h4{font-size:22px;line-height:1.6;margin:0 0 14px}
#view-spots .sx-acne-fee-part>p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:12px 0}
#view-spots .sx-acne-fee-part>p.sp-note{font-size:13px}
#view-spots .sx-discount-grid.sx-acne-area-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:100%}
#view-spots .sx-acne-area-grid article{padding:18px 10px;display:flex;flex-direction:column}
#view-spots .sx-acne-area-grid h5{font-size:19px;line-height:1.6;font-weight:500;margin:0 0 12px}
#view-spots .sx-acne-area-grid .sx-fee-value{display:block;font-size:clamp(21px,1.8vw,25px);line-height:1.4;color:var(--ink)}
#view-spots .sx-acne-area-grid .sx-area-fee-scope{min-height:0;margin:12px 0;font-size:13px}
#view-spots .sx-acne-area-grid .sx-area-fee-regular{min-height:0;margin:auto 0 4px;padding-top:10px;border-top:1px solid var(--sp-border);font-size:12px}
#view-spots .sx-acne-area-grid .sx-fee-value{margin-bottom:12px}
#view-spots .sx-acne-area-grid .sx-area-fee-saving{font-size:13px}
#view-spots .sx-lesion-unit{font-size:13px;color:var(--ink-2);margin-right:12px;white-space:nowrap}
#view-spots .sx-lesion-fees dd{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline}
#view-spots .sx-acne-fee-part .sx-acne-formula{font-size:16px;font-weight:500;padding:20px 24px;background:var(--sp-soft);border-left:3px solid var(--gold);color:var(--ink)}
#view-spots #po-price .sp-heading{margin-bottom:14px}
#view-spots .sx-fee-meta{font-size:13px;line-height:1.8;color:var(--ink-2);margin:0 0 20px}
#view-spots .sx-fee-nav{display:flex;flex-wrap:wrap;gap:10px 28px;border-bottom:1px solid var(--sp-border);padding-bottom:22px}
#view-spots .sx-fee-nav-link{font-size:14px;line-height:1.8;color:var(--gold-ink);padding:5px 0;text-decoration:underline;text-underline-offset:5px}
#view-spots .sx-drk-price-group{scroll-margin-top:130px}
#view-spots .sx-acne-pricing{margin-top:30px}
#view-spots .sx-acne-pricing>.sx-fee-assurance{font-size:14px;margin-top:10px;color:var(--ink-2)}
#view-spots .sx-method-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}
#view-spots .sx-method-letter{display:grid;place-items:center;flex:0 0 38px;height:38px;background:var(--sp-soft);border:1px solid var(--sp-border);color:var(--gold-ink);font:23px/1 var(--latin)}
#view-spots .sx-method-heading h4{font-size:21px;line-height:1.5;margin:0 0 4px}
#view-spots .sx-method-heading p{font-size:13px;line-height:1.6;margin:0;color:var(--ink-2)}
#view-spots .sx-acne-fee-part>.sp-note{margin:12px 0;font-size:12px}
#view-spots .sx-area-content{margin-top:26px;scroll-margin-top:155px}
#view-spots .sx-area-content>h4{font-size:19px;line-height:1.6;margin:0 0 10px}
#view-spots .sx-area-content>p{font-size:14px;line-height:1.8}
#view-spots .sx-area-content>.sp-note{font-size:12px}
#view-spots .sx-area-content .sx-area-guide{margin:18px 0;padding:18px;gap:24px}
#view-spots .sx-area-content .sx-face-map{max-width:480px}
#view-spots .sx-acne-fee-part .sx-lesion-fees{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0}
#view-spots .sx-acne-fee-part .sx-lesion-fees>div{display:block;min-width:0;border:1px solid var(--sp-border);padding:16px 18px}
#view-spots .sx-acne-fee-part .sx-lesion-fees dt{font-size:15px;margin-bottom:8px}
#view-spots .sx-acne-fee-part .sx-lesion-fees dd{justify-content:flex-start;gap:5px}
#view-spots .sx-acne-fee-part .sx-lesion-fees .sx-fee-value{font-size:22px}
#view-spots .sx-acne-fee-part .sx-lesion-unit{margin-right:0;font-size:12px}
#view-spots .sx-acne-combination{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin:26px 0 20px;padding:22px 24px;background:var(--sp-soft);border:1px solid var(--sp-border);align-items:center;scroll-margin-top:130px}
#view-spots .sx-combination-copy h4{font-size:18px;line-height:1.7;margin:0 0 10px}
#view-spots .sx-combination-copy p{font-size:14px;line-height:1.85;margin:0}
#view-spots .sx-combination-copy .sx-acne-example{font-size:13px;line-height:1.8;color:var(--ink-2);margin:12px 0 0;padding:0;border:0;background:none}
#view-spots .sx-acne-cap{padding:0 0 0 26px;border-left:1px solid var(--sp-border);min-width:0}
#view-spots .sx-acne-cap h4{font-family:var(--sans);font-size:14px;line-height:1.7;margin:0 0 6px}
#view-spots .sx-acne-cap>.sx-fee-value{font-size:clamp(21px,2vw,25px);color:var(--gold-ink)}
#view-spots .sx-acne-cap p{font-size:12px;line-height:1.8;margin:8px 0 0;color:var(--ink-2)}
#view-spots .sx-fee-inclusions{margin:20px 0 0;display:grid;gap:8px}
#view-spots .sx-fee-inclusions>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.8}
#view-spots .sx-fee-inclusions dt{color:var(--gold-ink)}
#view-spots .sx-fee-inclusions dd{margin:0;color:var(--ink-2)}
#view-spots .sx-fee-inclusions a{font-size:14px;margin:0}
#view-spots .sx-pending-pricing{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--sp-border);padding:26px 0}
#view-spots .sx-pending-pricing h3{font-size:23px;line-height:1.5;margin:6px 0 10px}
#view-spots .sx-pending-pricing p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-pending-pricing .sp-kicker{font-size:12px;color:var(--gold-ink)}
#view-spots .sx-pending-pricing>.sx-fee-pending{border:1px solid var(--sp-border);padding:10px 16px;background:var(--sp-soft)}
#view-spots .sx-pores-pricing{border-top:2px solid var(--gold);padding-top:32px}
#view-spots .sx-pores-pricing>h3{font-size:28px;line-height:1.5;margin:6px 0 24px}
#view-spots .sx-pores-pricing>h4{font-size:22px;line-height:1.5;margin:28px 0 12px}
#view-spots .sx-pores-pricing>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-spots .sx-crosstalk-fees .sp-kicker{color:var(--gold-ink);font-size:12px;margin:0 0 8px}
#view-spots .sx-crosstalk-fees .sx-fee-table{table-layout:fixed}
#view-spots .sx-ct-rate-label{display:none}
#view-spots .sx-fee-table .sx-fee-value{font-size:22px}
#view-spots .sx-crosstalk-fees>.sp-note{margin:12px 0}
#view-spots .sx-follow-on h4{font-size:18px;margin-bottom:8px}
#view-spots .sx-follow-on p{font-size:14px}
#view-spots .sx-follow-on .sp-disclosure{margin-bottom:0}
#view-spots .sx-follow-on .sp-disclosure summary{font-size:14px}
#view-spots .sx-fee-extra>.sp-consult-note{margin-top:0;padding:0;background:none;border:0}
#view-spots .sx-fee-extra>.sp-consult-note>b{display:none}
#view-spots .sx-fee-extra .sp-disclosure-content>.sp-consult-note{margin:0;border:0;padding:0;background:none}
@media(max-width:1100px){
#view-spots .sx-device-lineup{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-program-doctor{grid-template-columns:150px minmax(0,1fr);gap:24px;padding:24px}
#view-spots .sx-program-grid{grid-template-columns:1fr}
#view-spots .sx-program-card{padding-left:76px}
#view-spots .sx-program-number{position:absolute;top:28px;left:24px}
#view-spots .sx-discount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-discount-grid.sx-acne-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-area-guide{grid-template-columns:1fr}
#view-spots .sx-area-guide figure{max-width:640px;margin:auto}
#view-spots .sx-area-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
}
@media(max-width:640px){
#view-spots .sx-discount-grid.sx-acne-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-spots .sx-acne-area-grid article{padding:20px 10px}
#view-spots .sx-acne-area-grid .sx-fee-value{font-size:20px}
#view-spots .sx-acne-area-grid .sx-area-fee-saving{font-size:13px}
#view-spots .sx-acne-area-grid .sx-area-fee-scope{font-size:12px}
#view-spots .sx-lesion-unit{font-size:11px;margin-right:6px}
#view-spots .sx-acne-combination{grid-template-columns:1fr;gap:16px;padding:18px}
#view-spots .sx-acne-cap{border-left:0;border-top:1px solid var(--sp-border);padding:16px 0 0}
#view-spots .sx-fee-inclusions>div{grid-template-columns:84px minmax(0,1fr);gap:8px;font-size:13px}
#view-spots .sx-fee-inclusions a{font-size:13px}
#view-spots .sx-pending-pricing{display:block}
#view-spots .sx-pending-pricing>.sx-fee-pending{margin-top:14px}
#view-spots .sx-acne-fee-part .sx-lesion-fees>div{padding:14px 12px}
#view-spots .sx-acne-fee-part .sx-lesion-fees .sx-fee-value{font-size:20px}
#view-spots .sx-fee-nav{gap:6px 20px}
#view-spots .sx-acne-fee-part>h4{font-size:20px}
#view-spots .sx-crosstalk-rationale{padding:0}
#view-spots .sx-crosstalk-rationale>summary{padding:20px}
#view-spots .sx-crosstalk-body{padding:0 20px 24px}
#view-spots .sx-treatment-route li{grid-template-columns:1fr;gap:12px;padding:18px}
#view-spots .sx-crosstalk-panel-labels{gap:7px}
#view-spots .sx-crosstalk-panel-labels strong{font-size:12px}
#view-spots .sx-crosstalk-panel-labels span{font-size:11px}
#view-spots .sx-crosstalk-detail>summary{padding:14px 16px}
#view-spots .sx-crosstalk-detail>.sp-disclosure-content{padding:0 16px 18px}
#view-spots .sx-crosstalk-reason-copy h4{font-size:16px}
#view-spots .sx-crosstalk-sequence{grid-template-columns:1fr;gap:26px}
#view-spots .sx-crosstalk-sequence li:not(:last-child)::after{content:'↓';right:auto;left:calc(50% - 9px);top:auto;bottom:-26px}
#view-spots .sx-program-doctor{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:22px 20px}
#view-spots .sx-program-doctor>div{display:contents}
#view-spots .sx-program-doctor figure{grid-column:1;grid-row:1}
#view-spots .sx-program-doctor .sp-kicker{grid-column:2;grid-row:1;align-self:center;margin:0}
#view-spots .sx-program-doctor h3{grid-column:1/-1;font-size:21px;margin:0}
#view-spots .sx-program-doctor p:not(.sp-kicker){grid-column:1/-1;font-size:14px;margin:0}
#view-spots .sx-lineup-heading{font-size:20px}
#view-spots .sx-device-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-spots .sx-device-lineup strong{font-size:14px}
#view-spots .sx-device-lineup figcaption{padding:12px 10px}
#view-spots .sx-program-points{grid-template-columns:1fr}
#view-spots .sx-program-points>div,#view-spots .sx-program-points>div:first-child,#view-spots .sx-program-points>div:last-child{border-right:0;border-bottom:1px solid var(--sp-border);padding:16px 0}
#view-spots .sx-program-points>div:last-child{border-bottom:0}
#view-spots .sx-program-points dd{margin-top:4px}
#view-spots .sx-fee-principles{grid-template-columns:1fr}
#view-spots .sx-fee-principles li{padding:16px 0 16px 40px}
#view-spots .sx-fee-principles li::before{top:16px;left:0}
#view-spots .sx-program-card{padding:24px 20px 24px 64px}
#view-spots .sx-program-number{left:18px;top:26px;font-size:23px}
#view-spots .sx-program-card h3{font-size:19px}
#view-spots .sx-program-assurance{padding:22px 20px}
#view-spots .sx-drk-fees{grid-template-columns:1fr;gap:14px}
#view-spots .sx-drk-fee{padding:22px 20px}
#view-spots .sx-area-guide{padding:16px 12px;gap:26px}
#view-spots .sx-area-legend{gap:20px 12px}
#view-spots .sx-area-legend li{gap:8px}
#view-spots .sx-area-dot{flex-basis:27px;height:27px;font-size:14px}
#view-spots .sx-area-legend h5{font-size:16px}
#view-spots .sx-area-legend p{font-size:12px}
#view-spots .sx-discount-grid{gap:8px}
#view-spots .sx-discount-grid article{padding:16px 8px}
#view-spots .sx-discount-grid h4{font-size:18px}
#view-spots .sx-crosstalk-fees{padding:24px 16px}
#view-spots .sx-fee-table th,#view-spots .sx-fee-table td{padding:14px 7px}
#view-spots .sx-fee-table tbody th{font-size:14px}
#view-spots .sx-fee-table .sx-fee-value{font-size:16px}
#view-spots .sx-crosstalk-fees .sx-fee-table{display:block;background:none}
#view-spots .sx-crosstalk-fees .sx-fee-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#view-spots .sx-crosstalk-fees .sx-fee-table tbody{display:grid;gap:12px}
#view-spots .sx-crosstalk-fees .sx-fee-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid var(--sp-border)}
#view-spots .sx-crosstalk-fees .sx-fee-table tbody th{grid-column:1/-1;padding:10px 12px;font-size:16px}
#view-spots .sx-crosstalk-fees .sx-fee-table td{padding:12px;border-bottom:0;min-width:0}
#view-spots .sx-crosstalk-fees .sx-fee-table td+td{border-left:1px solid var(--sp-border)}
#view-spots .sx-crosstalk-fees .sx-fee-table .sx-fee-value{font-size:20px}
#view-spots .sx-ct-rate-label{display:block;font-size:12px;margin-bottom:6px;color:var(--ink-2)}
#view-spots .sx-fee-value small{font-size:10px;margin-left:1px}
#view-spots .sx-lesion-fees dt{font-size:14px}
#view-spots .sx-lesion-fees .sx-fee-pending{font-size:14px}
#view-spots .sx-fee-line{flex-wrap:wrap}
}
@media(max-width:360px){
#view-spots .sx-crosstalk-fees .sx-fee-table .sx-fee-value{font-size:18px}
}
#view-spots .sx-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-spots .sx-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-spots .sx-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-spots .sx-area-prices li:last-child{border-bottom:0}
#view-spots .sx-area-prices b{font-weight:500;white-space:nowrap}
#view-spots .sx-price-more{margin:18px 0 0;padding:20px 24px;list-style:none;background:#fff;border:1px solid var(--sp-border)}
#view-spots .sx-price-more li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-spots .sx-price-more li:last-child{border-bottom:0}
#view-spots .sx-price-more b{font-weight:500;white-space:nowrap}

/* 10. Approval */
#view-spots .sx-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}

@media(max-width:900px){
#view-spots .sx-acne-fee-part .sx-lesion-fees{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-spots .sx-types,#view-spots .sx-axes,#view-spots .sx-prices,#view-spots .sx-support-grid{grid-template-columns:1fr}
#view-spots .sx-measures{grid-template-columns:1fr}
}
@media(min-width:641px) and (max-width:900px){
#view-spots .sx-acne-combination{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:20px}
}
@media(max-width:760px){
#view-spots .sx-preparation-grid{grid-template-columns:minmax(0,1fr);gap:24px}
#view-spots .sx-type{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px}
#view-spots .sx-type .sx-illustration{max-width:96px}
#view-spots .sx-axis,#view-spots .sx-support,#view-spots .sx-chain{padding:20px}
#view-spots .sx-steps li{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 0 26px 28px}
#view-spots .sx-steps li::before{left:6px;top:13px;bottom:-13px}
#view-spots .sx-steps li::after{left:0;top:7px}
#view-spots .sx-step-label{padding-top:0;text-align:left;font-size:18px}
#view-spots .sx-step-card{padding:20px}
#view-spots .sx-step-head h3{font-size:18px}
#view-spots .sx-step-media{display:flow-root}
#view-spots .sx-step-thumbnail{float:left;width:100px;max-width:38%;margin:4px 14px 8px 0}
#view-spots .sx-price-more{padding:18px 20px}
}
#view-spots #po-approval .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}

/* CrossTALK rationale: teaser card that invites the click (user instruction 2026-09-25). */
#view-spots .sx-crosstalk-teaser{margin:34px 0 26px;padding:30px 32px 28px;background:#fff;border:1px solid var(--gold);border-top:3px solid var(--gold);scroll-margin-top:155px}
#view-spots .sx-crosstalk-teaser>.sp-kicker{margin-bottom:10px}
#view-spots .sx-crosstalk-teaser>h3{font-size:clamp(22px,2.4vw,30px);line-height:1.55;margin:0 0 18px}
#view-spots .sx-crosstalk-teaser-points{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-spots .sx-crosstalk-teaser-points li{padding:14px 16px;border-left:2px solid var(--gold);background:var(--sp-soft);font-size:15px;line-height:1.8;color:var(--ink)}
#view-spots .sx-crosstalk-teaser .sx-crosstalk-rationale{margin:0;border-top:0;background:transparent}
#view-spots .sx-crosstalk-teaser .sx-crosstalk-rationale>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:var(--ink);color:#fff;font-size:clamp(15px,1.5vw,17px);font-weight:600;letter-spacing:.04em;line-height:1.6;cursor:pointer;transition:background .2s}
#view-spots .sx-crosstalk-teaser .sx-crosstalk-rationale>summary:hover{background:var(--gold-ink)}
#view-spots .sx-crosstalk-teaser .sx-crosstalk-rationale>summary::after{content:'→';font-weight:400;font-size:20px}
#view-spots .sx-crosstalk-teaser .sx-crosstalk-rationale[open]>summary::after{content:'−'}
#view-spots .sx-crosstalk-teaser .sx-crosstalk-body{padding:26px 0 0}
@media(max-width:760px){#view-spots .sx-crosstalk-teaser{padding:22px 20px 20px}#view-spots .sx-crosstalk-teaser-points{grid-template-columns:minmax(0,1fr);gap:10px}#view-spots .sx-crosstalk-teaser .sx-crosstalk-rationale>summary{padding:14px 16px}#view-spots .sx-crosstalk-teaser .sx-crosstalk-body{padding:20px 0 0}}

/* 2026-09-26: magazine-style reading order (user: 絵や写真があると雑誌感覚で最後まで読める) — essentials cards, illustrated acne box, timeline pictures, collapsed case sets, recovery picture. New po- classes only; existing component rules untouched. */
#view-spots .sx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-spots .sx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-spots .sx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-spots .sx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-spots .sx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-spots .sx-chain-illustrated{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:28px;align-items:center}
#view-spots .sx-chain-art{margin:0;min-width:0}
#view-spots .sx-chain-art .sx-illustration{aspect-ratio:10/9;object-fit:cover}
#view-spots .sx-chain-copy{min-width:0}
#view-spots .sx-step-photo{object-fit:cover;border:1px solid var(--sp-border)}
#view-spots .sx-step-figure{object-fit:contain;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-spots .sx-cases-more{margin-top:38px;border-top:1px solid var(--sp-border)}
#view-spots .sx-cases-more>summary{font-size:15px;padding-block:18px}
#view-spots .sx-cases-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;padding:0 0 8px}
#view-spots .sx-cases-more .sp-disclosure-content>.cases{margin-top:4px}
#view-spots .sx-risk-art{margin:0 0 26px}
#view-spots .sx-risk-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 38%;border:1px solid var(--sp-border)}
@media(max-width:900px){#view-spots .sx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-spots .sx-chain-illustrated{grid-template-columns:minmax(0,1fr);gap:16px}#view-spots .sx-chain-art{max-width:260px}#view-spots .sx-risk-art img{aspect-ratio:16/9}}
@media(max-width:560px){#view-spots .sx-quick{grid-template-columns:minmax(0,1fr)}}

/* Spots concern page: adjustments on top of the pores concern-page components (sx-*), scoped to #view-spots. */

/* Pigment-depth diagrams are wide schematics with layer labels, not square illustrations. */
#view-spots .sx-types{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-type{grid-template-columns:minmax(0,1fr);gap:16px}
#view-spots .sx-type .sp-type-art{margin:0}
#view-spots .sx-type .sp-type-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:none;object-fit:cover;background:#fff}
#view-spots .sx-type .sp-type-art{padding-top:0}

/* Three judgement points, with the pigment-depth illustration beside them. */
#view-spots .sx-why-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:start}
#view-spots .sx-why-grid figure{margin:0}
#view-spots .sx-why-grid figure img{display:block;width:100%;height:auto;border:1px solid var(--sp-border);background:#fff}
#view-spots .sx-why-grid figcaption{margin-top:8px}
#view-spots .sx-why-grid .sx-measures{grid-template-columns:minmax(0,1fr);gap:12px}
#view-spots .sx-why-grid .sx-measure{padding:18px 20px}

/* Seventeen cases, grouped by the article's three types. */
#view-spots .sx-case-group+.sx-case-group{margin-top:clamp(48px,5vw,70px)}
#view-spots .sx-case-group-h{font-size:clamp(20px,1.8vw,24px);line-height:1.5;margin:clamp(30px,3vw,40px) 0 0;padding-left:14px;border-left:2px solid var(--gold)}
/* Diagnosis names run from one to three lines. Each card spans three rows of the gallery grid (title, photos,
   details) through subgrid, so every title in a row takes the height of the longest and the photos stay level. */
#view-spots .sx-gallery-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
#view-spots .sx-gallery-card h4{align-self:stretch;padding:0 0 12px;margin:0;font-size:clamp(14px,1.08vw,16px);line-height:1.6;letter-spacing:.02em;font-weight:500;text-wrap:pretty;border-bottom:1px solid var(--line-2)}
#view-spots .sx-type .sp-source{display:inline-block;margin-top:12px;margin-right:18px}
#view-spots .sx-case-details .sp-source{display:inline-block;margin-top:10px}

/* Approval information: compact cards without repeating the device photographs. */
#view-spots .sx-approvals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-spots .sx-approval{background:#fff;border:1px solid var(--sp-border);padding:22px 24px;min-width:0}
#view-spots .sx-approval h3{font-size:18px;line-height:1.5;margin-bottom:4px}
#view-spots .sx-approval-sub{font-size:13px;line-height:1.7;color:var(--gold-ink);margin-bottom:12px}
#view-spots .sx-approval .sp-approval-list{margin:0}

/* Planning and fees read as one chapter, as on the pores page. */
#view-spots .sx-programme-chapter>#s-cmp{padding-bottom:20px}
#view-spots .sx-programme-chapter>#s-price{padding-top:24px}

@media(max-width:1000px){
#view-spots .sx-types{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-spots .sx-why-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
#view-spots .sx-types,#view-spots .sx-approvals{grid-template-columns:minmax(0,1fr)}
}

/* 2026-09-25: three starting points, programmes (Hills Facial®, Hills Facial® Premium (HFP) | Pigmentation, CrossTALK first), approval section. */
#view-spots .sx-axes-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-support-one{grid-template-columns:minmax(0,1fr);max-width:560px}
#view-spots .sx-programme{margin-top:clamp(36px,4vw,56px)}
#view-spots .sx-programme:first-of-type{margin-top:0}
#view-spots .sx-programme>h3{font-size:clamp(21px,2.2vw,27px);line-height:1.65;margin:4px 0 14px}
#view-spots .sx-programme>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:52em}
#view-spots .sx-programme-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 16px;border-block:1px solid var(--sp-border)}
#view-spots .sx-programme-facts>div{padding:18px 20px 18px 0;border-right:1px solid var(--sp-border);min-width:0}
#view-spots .sx-programme-facts>div+div{padding-left:20px}
#view-spots .sx-programme-facts>div:last-child{border-right:0}
#view-spots .sx-programme-facts dt{font-size:13px;color:var(--ink-3)}
#view-spots .sx-programme-facts dd{margin:6px 0 0;font-size:16px;line-height:1.7}
#view-spots .sx-device-lineup-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-area-choice{margin-top:8px}
#view-spots .sx-area-choice>h4{font-size:20px;line-height:1.6;margin:0 0 16px}
#view-spots .sx-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-spots .sx-area-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;background:#fff;border:1px solid var(--sp-border);padding:22px 24px;min-width:0}
#view-spots .sx-area-card h5{font-size:19px;font-weight:500;margin:0 0 6px}
#view-spots .sx-area-card p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-spots .sx-area-card .sx-area-fee{margin-top:12px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#view-spots .sx-area-fee .sp-yen{color:var(--ink)}
#view-spots .sx-area-fee>span:last-child{font-size:12px;color:var(--ink-3)}
#view-spots .sx-area-map{display:block;width:100%;height:auto}
#view-spots .sx-area-fill{fill:rgba(196,168,112,.55)}
/* Static diagrams (user decision 2026-09-25: no animation). */
#view-spots .sx-crosstalk-first>.sx-treatment-route{margin:22px 0 12px}
#view-spots .sx-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}
#view-spots #s-dev .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:1000px){#view-spots .sx-axes-3,#view-spots .sx-device-lineup-3{grid-template-columns:minmax(0,1fr)}#view-spots .sx-area-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){#view-spots .sx-programme-facts{grid-template-columns:1fr}#view-spots .sx-programme-facts>div,#view-spots .sx-programme-facts>div+div{padding:14px 0;border-right:0;border-bottom:1px solid var(--sp-border)}#view-spots .sx-programme-facts>div:last-child{border-bottom:0}#view-spots .sx-area-card{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px}}
/* 2026-09-25: comparison table + three programme cards in one form (user decision). */
#view-spots .sx-compare-wrap{margin:8px 0 0}
#view-spots .sx-compare th[scope="row"]{white-space:nowrap}
#view-spots .sx-compare td,#view-spots .sx-compare th{vertical-align:top;font-size:14px;line-height:1.75}
#view-spots .sx-programme-card{margin-top:clamp(36px,4vw,56px);padding:clamp(24px,3vw,40px);border:1px solid var(--sp-border);background:#fff;scroll-margin-top:140px}
#view-spots .sx-programme-card:nth-of-type(even){background:var(--sp-soft)}
#view-spots .sx-programme-card>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:52em}
#view-spots .sx-programme-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 24px;align-items:start;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--sp-border)}
#view-spots .sx-programme-no{font-family:'Noto Sans JP',sans-serif;font-variant-numeric:tabular-nums;font-size:13px;color:var(--gold-ink);padding-top:6px}
#view-spots .sx-programme-head h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:4px 0 0}
#view-spots .sx-programme-doctors{display:grid;gap:10px}
#view-spots .sx-programme-doctor{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;min-width:220px}
#view-spots .sx-programme-doctor img{width:56px;height:56px;border-radius:50%;object-fit:cover}
#view-spots .sx-programme-doctor small{display:block;font-size:11.5px;color:var(--gold-ink)}
#view-spots .sx-programme-doctor strong{display:block;font-size:14px;font-weight:500}
#view-spots .sx-device-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-spots .sx-programme-fee{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,max-content));gap:14px 40px;margin:8px 0 6px}
#view-spots .sx-programme-fee>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#view-spots .sx-programme-fee-label{font-size:14px;color:var(--ink-2)}
#view-spots .sx-programme-fee .sp-yen{color:var(--ink)}
#view-spots .sx-programme-fee-unit{font-size:12px;color:var(--ink-3)}
#view-spots .sx-programme-card .sx-program-overview{margin-bottom:28px}
#view-spots .sx-programme-card .sx-area-card{background:#fff}
@media(max-width:760px){#view-spots .sx-programme-head{grid-template-columns:auto minmax(0,1fr)}#view-spots .sx-programme-doctors{grid-column:1/-1}#view-spots .sx-device-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Comparison table on phones: rows stack (shared .pc-table rules), so each cell names its programme. */
@media(max-width:760px){
#view-spots .sx-compare td{position:relative;padding-top:10px}
#view-spots .sx-compare td::before{content:attr(data-p);display:block;font-size:11px;letter-spacing:.06em;line-height:1.5;color:var(--gold-ink);margin-bottom:3px}
html[lang="en"] #view-spots .sx-compare td::before{content:attr(data-p-en)}
#view-spots .sx-compare td>span,#view-spots .sx-compare td>a{display:inline-block}
}

/* Device and product lineups (HFP, CrossTALK®) compact and side by side (2026-10-05, owner): a small square picture
   beside the name on PC and tablets; on phones the cards stay in one row with the picture on top. */
#view-spots .sx-device-lineup{gap:12px}
#view-spots .sx-device-lineup-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-spots .sx-device-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-spots .sx-device-lineup figure{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}
#view-spots .sx-device-lineup img{width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-spots .sx-device-lineup figcaption{padding:10px 14px}
#view-spots .sx-device-lineup strong{font-size:14.5px;line-height:1.5;margin-bottom:2px}
#view-spots .sx-device-lineup figcaption span{font-size:12px;line-height:1.6}
@media(max-width:1000px){#view-spots .sx-device-lineup-3{grid-template-columns:repeat(3,minmax(0,1fr))}#view-spots .sx-device-lineup figure{grid-template-columns:72px minmax(0,1fr)}#view-spots .sx-device-lineup img{width:72px;height:72px}#view-spots .sx-device-lineup figcaption{padding:8px 10px}}
@media(max-width:640px){#view-spots .sx-device-lineup{gap:8px}#view-spots .sx-device-lineup figure{grid-template-columns:minmax(0,1fr);align-items:start}#view-spots .sx-device-lineup img{width:100%;height:auto}#view-spots .sx-device-lineup figcaption{padding:8px 6px 10px}#view-spots .sx-device-lineup strong{font-size:11.5px;line-height:1.45;letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere}#view-spots .sx-device-lineup figcaption span{font-size:11px;line-height:1.55}}
@media(max-width:380px){#view-spots .sx-device-lineup{gap:6px}#view-spots .sx-device-lineup figcaption{padding:8px 4px 10px}#view-spots .sx-device-lineup strong{font-size:11px;letter-spacing:-.02em}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-melasma{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-melasma .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-melasma .sp-soft{background:var(--sp-soft)}
#view-melasma .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-melasma .sp-heading{margin-bottom:26px;max-width:46em}
#view-melasma .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-melasma .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-melasma .sp-heading .sp-kicker{margin-top:0}
#view-melasma .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-melasma .sp-note a,#view-melasma .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-melasma .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-melasma .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-melasma .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-melasma .crumbs span::before{content:none}
#view-melasma .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-melasma .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-melasma .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-melasma .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-melasma .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-melasma .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-melasma .sp-hero-trust a{margin-top:7px}
#view-melasma .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-melasma .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-melasma .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-melasma .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-melasma .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-melasma .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-melasma .sp-nav a{flex-shrink:0}
#view-melasma .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-melasma .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-melasma .sp-nav a:hover{color:var(--gold-ink)}
#view-melasma .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-melasma .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-melasma .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-melasma .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-melasma .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-melasma .sp-type-body{padding:21px 22px 22px}
#view-melasma .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-melasma .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-melasma .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-melasma .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-melasma .sp-type .sp-source{margin-top:12px}
#view-melasma .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-melasma .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-melasma .sp-case-head{padding:20px 22px 16px}
#view-melasma .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-melasma .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-melasma .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-melasma .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-melasma .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-melasma .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-melasma .sp-case-body{padding:18px 22px 22px}
#view-melasma .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-melasma .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-melasma .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-melasma .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-melasma .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-melasma .sp-case-body .sp-source{margin-top:14px}
#view-melasma .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-melasma .sp-case-details>summary{min-height:48px}
#view-melasma .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-melasma .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-melasma .sp-approach-list{display:grid;gap:0}
#view-melasma .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-melasma .sp-approach-item:first-child{padding-top:0}
#view-melasma .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-melasma .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-melasma .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-melasma .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-melasma .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-melasma .sp-doctor h3{font-size:21px;line-height:1.5}
#view-melasma .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-melasma .sp-doctor .sp-source{white-space:nowrap}
#view-melasma .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-melasma .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-melasma .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-melasma .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-melasma .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-melasma .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-melasma .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-melasma .sp-expertise-facts>div:first-child{padding-top:0}
#view-melasma .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-melasma .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-melasma .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-melasma .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-melasma .sp-expertise-grid figure{max-width:480px}
 #view-melasma .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-melasma .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-melasma .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-melasma .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-melasma .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-melasma .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-melasma .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-melasma .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-melasma .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-melasma .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-melasma .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-melasma .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-melasma .sp-disclosure>summary::after{content:'＋';flex:none}
#view-melasma .sp-disclosure[open]>summary::after{content:'−'}
#view-melasma .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-melasma .sp-disclosure-content p+p{margin-top:12px}
#view-melasma .sp-approval-list{display:grid;gap:10px}
#view-melasma .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-melasma .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-melasma .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-melasma .sp-price-intro>div{flex:1 1 320px}
#view-melasma .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-melasma .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-melasma .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-melasma .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-melasma .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-melasma .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-melasma .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-melasma .sp-price-heading{margin-bottom:16px}
#view-melasma .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-melasma .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-melasma .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-melasma .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-melasma .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-melasma .sp-price .sp-yen{display:block;margin:0}
#view-melasma .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-melasma .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-melasma .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-melasma .sp-price-list{margin-top:8px}
#view-melasma .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-melasma .sp-price-list dt{min-width:0}
#view-melasma .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-melasma .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-melasma .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-melasma .sp-flow-head{display:block;margin-bottom:14px}
#view-melasma .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-melasma .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-melasma .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-melasma .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-melasma .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-melasma .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-melasma .sp-recovery>div:last-child{border-right:0}
#view-melasma .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-melasma .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-melasma .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-melasma .sp-risk-details{margin-top:22px}
#view-melasma .sp-faq{margin-inline:0}
#view-melasma .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-melasma .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-melasma .sp-tech h3{font-size:22px;line-height:1.6}
#view-melasma .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-melasma .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-melasma .sp-tech h3+p{margin-top:10px}
#view-melasma .sp-video>summary{cursor:pointer;list-style:none}
#view-melasma .sp-video>summary::-webkit-details-marker{display:none}
#view-melasma .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-melasma .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-melasma .sp-flow-text{display:block;margin-top:12px}
#view-melasma .sp-video-body{padding-bottom:16px}
#view-melasma .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-melasma .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-melasma .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-melasma .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-melasma .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-melasma .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-melasma .sp-tech>img{width:76px;height:99px}
 #view-melasma .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-melasma .sp-homecare>img{max-height:220px}
}
#view-melasma .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-melasma .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-melasma .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-melasma .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-melasma .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-melasma .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-melasma .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-melasma .sp-final .btn{font-size:14px}
#view-melasma .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-melasma :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-melasma .sp-devices{grid-template-columns:1fr}
  #view-melasma .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-melasma .sp-device-head{margin-bottom:0}
  #view-melasma .sp-device .sp-disclosure{grid-column:1/-1}
  #view-melasma .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-melasma .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-melasma .sp-doctor>img{width:90px;height:100px}
  #view-melasma .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-melasma .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-melasma .sp-hero h1{font-size:32px}
  #view-melasma .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-melasma .sp-hero-lead{margin-top:17px}
  #view-melasma .sp-hero-photo img{aspect-ratio:16/9}
  #view-melasma .sp-hero-photo figcaption{font-size:12px}
  #view-melasma .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-melasma .sp-types,#view-melasma .sp-cases,#view-melasma .sp-approach,#view-melasma .sp-prices{grid-template-columns:1fr}
  #view-melasma .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-melasma .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-melasma .sp-type-body{padding:19px 20px}
  #view-melasma .sp-type h3{font-size:20px}
  #view-melasma .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-melasma .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-melasma .sp-approach{gap:24px}
  #view-melasma .sp-approach-image img{max-height:260px}
  #view-melasma .sp-recovery{grid-template-columns:1fr}
  #view-melasma .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-melasma .sp-recovery>div:last-child{border-bottom:0}
  #view-melasma .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-melasma .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-melasma .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-melasma .sp-hero h1{font-size:29px}
  #view-melasma .sp-actions{align-items:stretch}
  #view-melasma .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-melasma .sp-type{grid-template-columns:1fr}
  #view-melasma .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-melasma .sp-type-art img{max-height:130px}
  #view-melasma .sp-layer-labels{justify-content:center;gap:26px}
  #view-melasma .sp-type-body{padding:19px 20px}
  #view-melasma .sp-case-head,#view-melasma .sp-case-body{padding-inline:18px}
  #view-melasma .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-melasma .sp-case-photos{padding-inline:10px;gap:4px}
  #view-melasma .sp-device{display:block;padding:20px}
  #view-melasma .sp-device-head{margin-bottom:14px}
  #view-melasma .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-melasma .sp-flow>li{padding:18px 20px}
  #view-melasma .sp-flow-head{margin-bottom:10px}
  #view-melasma .sp-price{padding:22px}
  #view-melasma .sp-price-intro{padding:20px}
  #view-melasma .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-melasma .sp-price-list dd{flex-basis:100%}
  #view-melasma .sp-doctor{gap:14px}
  #view-melasma .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-melasma :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-melasma .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-melasma .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-melasma .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-melasma .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-melasma .sp-entry-link:first-child{padding-left:0}
#view-melasma .sp-entry-link:last-child{border-right:0}
#view-melasma .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-melasma .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-melasma .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-melasma .sp-entry-link:hover{background:var(--sp-soft)}
#view-melasma .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-melasma .sp-consult h3{font-size:24px;line-height:1.65}
#view-melasma .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-melasma .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-melasma .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-melasma .sp-consult .sp-note{margin-top:7px}
#view-melasma #s-doctor-section{padding-top:58px}
#view-melasma #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-melasma .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-melasma .sp-expertise-grid figure{align-self:center}
#view-melasma .sp-expertise-facts dt{font-size:16px}
#view-melasma .sp-expertise-facts dd{font-size:14px}
#view-melasma .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-melasma .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-melasma .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-melasma .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-melasma .sp-flow{list-style:none;padding:0}
#view-melasma .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-melasma .sp-flow-head img,#view-melasma .sp-video video{border:1px solid var(--sp-border)}
#view-melasma .sp-recovery{border:0}
#view-melasma .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-melasma .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-melasma .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-melasma .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-melasma .sp-visit-info a{color:var(--on-night)}
#view-melasma a:focus-visible,#view-melasma summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-melasma .sp-entry-links{grid-template-columns:1fr}
 #view-melasma .sp-entry-link,#view-melasma .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-melasma .sp-entry-link:last-child{border-bottom:0}
 #view-melasma .sp-entry-link strong{font-size:18px}
 #view-melasma .sp-entry-link span span{margin-top:3px}
 #view-melasma .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-melasma .sp-consult h3{font-size:22px}
 #view-melasma .sp-consult ul{display:block}
 #view-melasma .sp-consult li{margin-top:6px}
 #view-melasma .sp-consult .btn{width:100%}
 #view-melasma .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-melasma .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-melasma .sp-recovery>div::before{top:4px;left:-5px}
 #view-melasma .sp-recovery>div:last-child{padding-bottom:0}
 #view-melasma .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-melasma *{scroll-behavior:auto;transition:none}}

#view-melasma .sp-type-art img{max-height:145px}
#view-melasma .sp-type-body{padding:20px}
#view-melasma .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-melasma .sp-price>p.sp-price-unit,#view-melasma .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-melasma .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-melasma .sp-price{padding:26px 0}
 #view-melasma .sp-price-description{margin-bottom:20px}
 #view-melasma .sp-price>.sp-note{min-height:0}
 #view-melasma .sp-price h3{font-size:23px}
 #view-melasma .sp-price .sp-yen{font-size:20px}
 #view-melasma .sp-price-intro{padding:22px;gap:16px}
 #view-melasma .sp-price-intro>div{flex-basis:100%}
}

#view-melasma .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-melasma .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-melasma .sp-consult-fees>div:last-child{border-bottom:0}
#view-melasma .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-melasma .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-melasma .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-melasma .sp-consult-fees{flex-basis:100%}#view-melasma .sp-consult-fees dd{font-size:21px}#view-melasma .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-melasma .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-melasma .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-melasma .sp-price-intro{padding:20px 18px;gap:18px}
 #view-melasma .sp-consult-fees{flex-basis:100%;width:100%}
 #view-melasma .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-melasma .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-melasma .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-melasma .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-melasma .sp-fee-period::before{content:none}
 html[lang="en"] #view-melasma .sp-fee-period{white-space:normal;font-size:14px}
 #view-melasma .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-melasma .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-melasma .sp-prices{gap:16px;border:0}
 #view-melasma .sp-price,#view-melasma .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-melasma .sp-price-heading{order:0;margin-bottom:14px}
 #view-melasma .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-melasma .sp-price h3{font-size:22px;letter-spacing:0}
 #view-melasma .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-melasma .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-melasma .sp-price .sp-price-unit{font-size:12px}
 #view-melasma .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-melasma .sp-price>.sp-note{order:3;margin-top:10px}
 #view-melasma .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-melasma .sp-price,#view-melasma .sp-price+.sp-price{padding:20px 16px}
 #view-melasma .sp-price h3{font-size:20px}
 #view-melasma .sp-price .sp-yen{font-size:20px}
 #view-melasma .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-melasma .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-melasma .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-melasma .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-melasma .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-melasma .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-melasma .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-melasma .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-melasma .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-melasma .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-melasma .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-melasma .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-melasma .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-melasma .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-melasma .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-melasma .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-melasma .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-melasma .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-melasma .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-melasma .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-melasma .sp-entry-hint{margin:8px 0 22px}
#view-melasma .sp-entry-links{gap:14px;border:0}
#view-melasma .sp-entry-link,#view-melasma .sp-entry-link:first-child,#view-melasma .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-melasma .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-melasma .sp-entry-link:hover,#view-melasma .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-melasma .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-melasma .sp-entry-copy{min-width:0}
#view-melasma .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-melasma .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-melasma .sp-entry-question{font-size:22px}
 #view-melasma .sp-entry-link,#view-melasma .sp-entry-link:first-child,#view-melasma .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-melasma .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-melasma .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-melasma .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-melasma .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-melasma .sp-anes{margin-top:10px}
#view-melasma .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-melasma .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-melasma .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-melasma .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-melasma .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-melasma .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-melasma .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-melasma .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-melasma .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-melasma .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-melasma .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-melasma .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-melasma .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-melasma .hg-head>div{min-width:0}
#view-melasma .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-melasma .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-melasma .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-melasma .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-melasma .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-melasma .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-melasma .hg-menu-photo{margin:0}
#view-melasma .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-melasma .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-melasma .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-melasma .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-melasma .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-melasma .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-melasma .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-melasma .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-melasma .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-melasma .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-melasma .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-melasma .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-melasma .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-melasma .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-melasma .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-melasma .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-melasma .hg-menu-note{margin:14px 0 0}
#view-melasma .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-melasma .hg-menu-links-label{margin-right:4px}
#view-melasma .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-melasma .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-melasma .hg-menu-fees{gap:8px}#view-melasma .hg-fee{padding:14px 14px 12px}#view-melasma .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-melasma .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-melasma .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-melasma .hg-menu-range{margin:14px 0 0}
#view-melasma .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-melasma .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-melasma .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-melasma .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-melasma .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-melasma .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-melasma .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-melasma .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-melasma .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-melasma .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-melasma .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-melasma .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-melasma .cg-card{padding:0;background:transparent;border:0}
#view-melasma .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-melasma .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-melasma .cg-card .case-image{margin:0}
#view-melasma .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-melasma .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-melasma .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-melasma .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-melasma .cg-details summary:hover{color:var(--gold-ink)}
#view-melasma .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-melasma .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-melasma .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-melasma .cg-details dt{padding-top:13px}
#view-melasma .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-melasma .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-melasma .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-melasma .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-melasma .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-melasma .sp-section .dn-gallery,#view-melasma .sp-section .sw-gallery,#view-melasma .sp-section .pc-lecture-figs,#view-melasma .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-melasma .sp-section .sw-interview,#view-melasma .sp-section .ul-doctor-grid,#view-melasma .sp-section .sv-doctor-hero,#view-melasma .sp-section .wrx-evidence,#view-melasma .sp-section .uex-evidence,#view-melasma .sp-section .ml-doctor-grid,#view-melasma .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-melasma .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-melasma .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-melasma .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-melasma .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-melasma .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-melasma .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-melasma .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-melasma .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-melasma .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-melasma .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-melasma .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-melasma .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-melasma .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-melasma .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-melasma .hgd-svg{display:block;width:100%;height:auto}
#view-melasma .hgd-sp{display:none}
#view-melasma .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-melasma .hgd-layer{font-size:30px}
#view-melasma .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-melasma .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-melasma .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-melasma .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-melasma .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-melasma .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-melasma .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-melasma .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-melasma .hgd-art{opacity:.92}
#view-melasma .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-melasma .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-melasma .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-melasma .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-melasma .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-melasma .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-melasma .hgd-layer{font-size:25px}
html[lang^="en"] #view-melasma .hgd-sub{font-size:19px}
html[lang^="en"] #view-melasma .hgd-br{font-size:27px}
#view-melasma .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-melasma .hgd-pc .hgd-layer{font-size:38px}
 #view-melasma .hgd-pc .hgd-sub{font-size:30px}
 #view-melasma .hgd-pc .hgd-name{font-size:42px}
 #view-melasma .hgd-pc .hgd-kind{font-size:31px}
 #view-melasma .hgd-pc .hgd-br{font-size:36px}
 #view-melasma .hgd-pc .hgd-mm{font-size:40px}
 #view-melasma .hgd-pc .hgd-note{font-size:26px}
 #view-melasma .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-melasma .hg-lineup img{width:72px;height:72px}
 #view-melasma .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-melasma .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-melasma .hg-lineup,#view-melasma .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-melasma .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-melasma .hg-lineup img{width:56px;height:56px}
 #view-melasma .hg-lineup figcaption{padding:7px 8px}
 #view-melasma .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-melasma .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-melasma .hg-lineup figcaption small{font-size:10.5px}
 #view-melasma .hgd-pc{display:none}
 #view-melasma .hgd-sp{display:block}
 #view-melasma .hgd-layer,#view-melasma .hgd-name,#view-melasma .hgd-br,#view-melasma .hgd-mm{font-size:34px}
 #view-melasma .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-melasma .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-melasma .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-melasma .hgd-layer{font-size:30px}
 #view-melasma .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-melasma .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-melasma .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Page-specific additions. The shared spots design is scoped to this view at build time. */
#view-melasma .sp-nav a{min-height:48px}
#view-melasma .ml-appearance figcaption,#view-melasma .ml-doctor-grid figcaption{font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
#view-melasma .ml-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-melasma .ml-treatment{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-melasma .ml-treatment>figure{padding:20px 30px 0}
#view-melasma .ml-treatment>figure img{display:block;width:100%;height:210px;object-fit:contain}
#view-melasma .ml-treatment>figure figcaption{font-size:11px;line-height:1.6;text-align:center;color:var(--ink-3);margin-top:5px}
#view-melasma .ml-treatment-body{padding:24px 28px 26px}
#view-melasma .ml-treatment-body h3{font-family:var(--latin);font-weight:400;font-size:26px;line-height:1.4}
#view-melasma .ml-treatment-body>p:not(.sp-kicker):not(.sp-note){font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:16px}
#view-melasma .ml-treatment-body .sp-note{margin-top:10px}
#view-melasma .ml-treatment-body>.sp-source{margin-top:18px}
#view-melasma .ml-pathway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
#view-melasma .ml-pathway>div{border-top:1px solid var(--gold);padding-top:17px;position:relative}
#view-melasma .ml-pathway>div+div::before{content:'→';position:absolute;left:-25px;top:26px;color:var(--gold-ink)}
#view-melasma .ml-pathway span{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-melasma .ml-pathway h3{font-size:20px;line-height:1.6;margin:5px 0}
#view-melasma .ml-pathway p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-melasma .ml-more-cases{margin-top:24px}
#view-melasma .ml-more-cases>summary{justify-content:center;gap:20px;min-height:58px;border-bottom:1px solid var(--sp-border);font-size:15px}
#view-melasma .ml-more-cases>.sp-disclosure-content{padding-top:22px;padding-bottom:0}
#view-melasma .sp-case-head h3{font-size:19px;min-height:3em}
#view-melasma .sp-consult p:not(.sp-kicker):not(.sp-note){font-size:15px;color:var(--ink-2);line-height:1.9;max-width:42em;margin-top:10px}
#view-melasma .ml-home-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
#view-melasma .ml-home-grid>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
#view-melasma .ml-home-grid h3,#view-melasma .ml-doctor-grid h3{font-size:25px;line-height:1.6;margin-bottom:12px}
#view-melasma .ml-home-grid>div>p:not(.sp-kicker){font-size:16px;color:var(--ink-2);line-height:1.95}
#view-melasma .ml-home-grid .sp-source{margin-top:16px}
#view-melasma .ml-care-list{list-style:none;padding:0}
#view-melasma .ml-care-list li+li{margin-top:12px}
#view-melasma .ml-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-melasma .ml-daily-grid h3{font-size:19px;line-height:1.6;margin-bottom:9px}
#view-melasma .ml-daily-grid p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-melasma .ml-doctor-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}
#view-melasma .ml-doctor-grid figure img{width:100%;aspect-ratio:3/2;object-fit:contain}
#view-melasma .ml-doctor-grid>div>p:not(.sp-kicker){font-size:14px;line-height:1.95;color:var(--ink-2);margin-top:12px}
#view-melasma .ml-doctor-grid .sp-source{margin-top:18px}
#view-melasma .ml-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px;padding-top:28px;border-top:1px solid var(--sp-border)}
#view-melasma .ml-paper{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start}
#view-melasma .ml-paper>a>img{width:120px;height:156px;object-fit:contain;object-position:top;border:1px solid var(--sp-border)}
#view-melasma .ml-paper h3{font-family:var(--latin);font-size:23px;font-weight:400;line-height:1.45;margin-bottom:10px}
#view-melasma .ml-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-melasma .ml-paper .sp-kicker{font-size:12px;color:var(--gold-ink);min-height:1.85em}
#view-melasma .ml-paper .sp-note{font-size:12px}
#view-melasma .ml-paper summary{font-size:12px}
#view-melasma .ml-tx-prices{margin:0;border-top:1px solid var(--sp-border);padding-top:10px}
#view-melasma .ml-tx-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:10px}
#view-melasma .ml-tx-prices dt{font-size:13px;line-height:1.6;color:var(--ink-2)}
#view-melasma .ml-tx-prices dd{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;margin:0}
#view-melasma .ml-tx-prices small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-melasma .ml-quote{font-size:22px;line-height:1.8;border-top:1px solid var(--sp-border);padding-top:20px}
#view-melasma #m-price .sp-price-intro{background:#fff}
#view-melasma .sp-flow-head img[src*='sofwave-treatment'],#view-melasma .sp-flow-head img[data-i18n-alt='mlx_flow_5_alt']{object-fit:contain}
#view-melasma .sp-flow-head img[data-i18n-alt='mlx_flow_4_alt']{object-fit:cover;object-position:center}
#view-melasma [id]{scroll-margin-top:100px}
/* Keep the two fee blocks aligned even when one contains two treatment areas. */
@supports (grid-template-rows:subgrid){
 @media(min-width:761px){
  #view-melasma .sp-price{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
 }
}
@media(max-width:900px){#view-melasma .ml-evidence{grid-template-columns:1fr;gap:26px}}
@media(max-width:760px){
 #view-melasma .ml-treatment-grid,#view-melasma .ml-home-grid,#view-melasma .ml-doctor-grid,#view-melasma .ml-daily-grid{grid-template-columns:1fr;gap:24px}
 #view-melasma .ml-treatment>figure{padding:16px 22px 0}
 #view-melasma .ml-treatment>figure img{height:180px}
 #view-melasma .ml-treatment-body{padding:20px}
 #view-melasma .ml-pathway{grid-template-columns:1fr;gap:18px}
 #view-melasma .ml-pathway>div{padding-left:38px;padding-top:14px}
 #view-melasma .ml-pathway>div span{position:absolute;left:0;top:19px}
 #view-melasma .ml-pathway>div+div::before{content:none}
 #view-melasma .ml-home-grid>figure img{max-height:280px}
 #view-melasma .ml-daily-grid{gap:20px}
 #view-melasma .ml-daily-grid article+article{border-top:1px solid var(--sp-border);padding-top:20px}
 #view-melasma .sp-case-head h3{min-height:0}
 #view-melasma .ml-paper{grid-template-columns:90px minmax(0,1fr);gap:16px}
 #view-melasma .ml-paper>a>img{width:90px;height:117px}
 #view-melasma .ml-paper h3{font-size:22px}
 #view-melasma .ml-tx-prices dd{font-size:20px}
 #view-melasma .ml-quote,#view-melasma .ml-tx-prices{order:1;margin:0;padding-top:14px}
 #view-melasma .ml-quote{font-size:20px}
 #view-melasma .ml-tx-prices>div:first-child{padding-top:0}
}

/* Keep the supplied home-care image fully visible in both exports. */
#view-melasma .sp-flow-head img[src*="terastie-home-routine"]{object-fit:contain}

/* Brand imagery: square alongside copy, landscape above copy on mobile. */
#view-melasma .ml-home-grid>figure{width:100%;max-width:420px;margin-inline:auto}
#view-melasma .ml-home-grid picture{display:block}
#view-melasma .ml-home-grid>figure img{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain}
@media(max-width:760px){
 #view-melasma .ml-home-grid>figure{max-width:none}
 #view-melasma .ml-home-grid>figure img{aspect-ratio:1672/941}
}

/* 2026-09-25: approval section in the facial-redness page's form (pc-approval is from picosure-page.css). */
#view-melasma .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-melasma .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-melasma .pc-approval>div:last-child{border-bottom:0}
#view-melasma .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-melasma .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-melasma .ml-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}
#view-melasma #m-approval .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:760px){#view-melasma .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}}
/* 2026-09-25: cases shown like the spots page (gallery grid, title / photos / details aligned through subgrid). */
#view-melasma .ml-case-gallery{margin-top:24px}
#view-melasma .sx-gallery-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
#view-melasma .sx-gallery-card h4{align-self:stretch;padding:0 0 12px;margin:0;font-size:clamp(14px,1.08vw,16px);line-height:1.6;letter-spacing:.02em;font-weight:500;text-wrap:pretty;border-bottom:1px solid var(--line-2,#e7e0d6)}
#view-melasma .sx-case-details .sp-source{display:inline-block;margin-top:10px}
#view-melasma .sx-case-details .sp-pending{color:var(--ink-3)}
/* 2026-09-25: 肝斑の肌で起きていること (histology figure, four findings, why CrossTalk comes first). */
#view-melasma .ml-tissue-figure{margin:28px 0 0;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-melasma .ml-tissue-figure img{display:block;width:100%;height:auto}
/* 2026-10-05: the 3D schematic (1536x1024) has its own white margin on the right; the labels are SVG text in that margin.
   .ml-tissue-pan holds the image and the overlay together, so cropping it on phones moves both by the same amount. */
#view-melasma .ml-tissue-wrap{overflow:hidden}
#view-melasma .ml-tissue-pan{position:relative}
#view-melasma .ml-tissue-overlay{position:absolute;inset:0;width:100%;height:100%}
#view-melasma .ml-tl-line{fill:none;stroke:#5f5b57;stroke-width:1.25px;vector-effect:non-scaling-stroke}
#view-melasma .ml-tl-halo{fill:none;stroke:#fff;stroke-width:4px;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.7}
#view-melasma .ml-tl-end{fill:#3D3D3F;stroke:#fff;stroke-width:2.5}
#view-melasma .ml-tissue-overlay text{font-family:var(--sans);fill:#3D3D3F}
#view-melasma .ml-tl-title{font-size:27px;font-weight:600;letter-spacing:.02em;transform:translateY(10px)}
#view-melasma .ml-tl-desc{font-size:21.5px;fill:#5d5955;transform:translateY(43px)}
#view-melasma .ml-tl-nums{display:none}
#view-melasma .ml-tl-dot{fill:#fff;stroke:#3D3D3F;stroke-width:2.5}
#view-melasma .ml-tl-num{font-size:40px;font-weight:500;text-anchor:middle;dominant-baseline:central}
@media(max-width:1099px){#view-melasma .ml-tl-title{font-size:32px;transform:translateY(12px)}#view-melasma .ml-tl-desc{font-size:26px;transform:translateY(49px)}}
@media(max-width:899px){#view-melasma .ml-tl-title{font-size:36px;transform:translateY(13px)}#view-melasma .ml-tl-desc{font-size:30px;transform:translateY(51px)}
 html[lang^="en"] #view-melasma .ml-tl-title{font-size:32px}html[lang^="en"] #view-melasma .ml-tl-desc{font-size:26px;transform:translateY(50px)}}
/* The list is the text alternative of the labels drawn in the SVG (which is aria-hidden): hidden visually on wide screens, shown on phones. */
#view-melasma .ml-tissue-legend{list-style:none;margin:14px 0 0;padding:0}
@media(min-width:720px){#view-melasma .ml-tissue-legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
#view-melasma .ml-tissue-legend li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.7;color:var(--ink-2);padding:3px 0}
#view-melasma .ml-tissue-legend li>span{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:1px solid var(--ink);font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
#view-melasma .ml-tissue-legend li>div{flex:1 1 auto;min-width:0}
#view-melasma .ml-tissue-legend li>div span{display:inline-block}
#view-melasma .ml-tissue-legend li b{font-weight:600;color:var(--ink);margin-right:4px}
#view-melasma .ml-tissue-lead{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;margin-top:28px;padding:30px 32px;background:#fff;border:1px solid var(--gold);border-top:3px solid var(--gold)}
#view-melasma .ml-tissue-lead-text>.sp-kicker{margin-bottom:10px}
#view-melasma .ml-tissue-lead-text>h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:0 0 16px}
#view-melasma .ml-tissue-lead-text>p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 12px}
#view-melasma .ml-tissue-lead-text>p.ml-tissue-lead-view{color:var(--ink);padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-melasma .ml-tissue-lead-refs{font-size:12.5px;line-height:1.9;color:var(--ink-3);margin:0}
#view-melasma .ml-tissue-lead-refs a{display:inline-block;margin-right:14px}
#view-melasma .ml-fibro-shape{margin:0;padding:10px;border:1px solid var(--sp-border);background:#fbfaf8}
#view-melasma .ml-fibro-shape img{display:block;width:100%;height:auto}
#view-melasma .ml-fibro-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;text-align:center}
#view-melasma .ml-fibro-labels b{display:block;font-size:13.5px;font-weight:600;line-height:1.5;color:var(--ink)}
#view-melasma .ml-fibro-labels span{display:block;font-size:12px;line-height:1.6;color:var(--ink-3)}
#view-melasma .ml-fibro-shape figcaption>p{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:8px 0 0;text-align:center}
@media(max-width:900px){#view-melasma .ml-tissue-lead{grid-template-columns:minmax(0,1fr)}#view-melasma .ml-fibro-shape{max-width:520px}}
@media(max-width:640px){#view-melasma .ml-tissue-lead{padding:22px 20px}}
#view-melasma .ml-ct-refs{margin-top:18px;font-size:12.5px;line-height:1.9;color:var(--ink-3)}
#view-melasma .ml-ct-refs-label{margin-right:8px}
#view-melasma .ml-ct-refs a{display:inline-block;margin-right:14px}
/* Numbers instead of text below 720px (Japanese) and below 820px (English, whose labels are longer): the image and the overlay are cropped together to x 40-1210 / y 40-984 of the 1536x1024 frame. */
@media(max-width:719px){#view-melasma .ml-tissue-pan{width:131.28%;margin:-3.42% 0 -3.42% -3.42%}#view-melasma .ml-tl-labels{display:none}#view-melasma .ml-tl-nums{display:block}#view-melasma .ml-tl-end{r:7px}#view-melasma .ml-tl-dot{r:38px}#view-melasma .ml-tl-num{font-size:46px}}
@media(min-width:720px) and (max-width:819px){html[lang^="en"] #view-melasma .ml-tissue-pan{width:131.28%;margin:-3.42% 0 -3.42% -3.42%}html[lang^="en"] #view-melasma .ml-tl-labels{display:none}html[lang^="en"] #view-melasma .ml-tl-nums{display:block}html[lang^="en"] #view-melasma .ml-tl-end{r:7px}html[lang^="en"] #view-melasma .ml-tl-dot{r:38px}html[lang^="en"] #view-melasma .ml-tl-num{font-size:46px}html[lang^="en"] #view-melasma .ml-tissue-legend{position:static;width:auto;height:auto;margin:14px 0 0;overflow:visible;clip-path:none;white-space:normal}}
@media(max-width:640px){#view-melasma .ml-tissue-figure{padding:12px}html[lang^="en"] #view-melasma .ml-tissue-legend li>div span{display:block}}
#view-melasma .ml-tissue-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:10px}
#view-melasma .ml-tissue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
#view-melasma .ml-tissue-item{background:#fff;border:1px solid var(--sp-border);padding:22px 24px;min-width:0}
#view-melasma .ml-tissue-key{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#view-melasma .ml-tissue-key small{font-size:12.5px;color:var(--ink-3)}
#view-melasma .ml-tissue-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
#view-melasma .ml-tissue-item h3{font-size:18px;line-height:1.55;margin:0 0 8px}
#view-melasma .ml-tissue-item p{font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0 0 10px}
#view-melasma .ml-tissue-item .sp-source{font-size:13px}
#view-melasma .ml-tissue-why{margin-top:clamp(32px,4vw,48px);padding:clamp(24px,3vw,36px);background:#fff;border-top:2px solid var(--gold);border-bottom:1px solid var(--sp-border)}
#view-melasma .ml-tissue-why>h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:4px 0 18px}
#view-melasma .ml-why-list{list-style:none;padding:0;margin:0;counter-reset:why}
#view-melasma .ml-why-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--sp-border);counter-increment:why}
#view-melasma .ml-why-list li::before{content:"0" counter(why);font-family:'Noto Sans JP',sans-serif;font-variant-numeric:tabular-nums;font-size:13px;color:var(--gold-ink);padding-top:4px}
#view-melasma .ml-why-list h4{font-size:17px;font-weight:500;line-height:1.6;margin:0 0 6px}
#view-melasma .ml-why-list p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-melasma .ml-tissue-links{margin-top:14px}
#view-melasma .ml-tissue-links .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:760px){#view-melasma .ml-tissue-grid{grid-template-columns:minmax(0,1fr)}#view-melasma .ml-why-list li{grid-template-columns:30px minmax(0,1fr)}}
/* Hero illustration (3:2 comparison, 2026-09-25): show it whole. */
#view-melasma .sp-hero-photo img{aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:760px){#view-melasma .sp-hero-photo img{aspect-ratio:3/2}}
/* "肝斑を知る": illustration removed (2026-09-25); the two points fill the width. */
#view-melasma .ml-approach-single{grid-template-columns:minmax(0,1fr)}
#view-melasma .ml-approach-single .sp-approach-item{max-width:52em}
/* SkinVive: fibroblast active again (user illustration 2026-09-25). */
#view-melasma .ml-why-figure{margin:16px 0 0;padding:10px;border:1px solid var(--sp-border);background:#fbfaf8;max-width:640px}
#view-melasma .ml-why-figure img{display:block;width:100%;height:auto}
#view-melasma .ml-why-figure figcaption>p{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:8px 0 0;text-align:center}
/* 2026-09-25: patient basics, differential table, tissue summary, timeline, cost example, supervision. */
#view-melasma .ml-basics,#view-melasma .ml-diff-wrap{margin-top:clamp(36px,4vw,56px)}
#view-melasma .ml-basics-head{margin-bottom:18px}
#view-melasma .ml-basics-head .sp-kicker{margin-bottom:8px}
#view-melasma .ml-basics-head h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:0}
#view-melasma .ml-basics-head p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:10px 0 0;max-width:46em}
#view-melasma .ml-basics-list{margin:0;border-top:1px solid var(--ink);background:#fff}
#view-melasma .ml-basics-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 20px;border-bottom:1px solid var(--sp-border)}
#view-melasma .ml-basics-list dt{font-size:14px;font-weight:500;color:var(--gold-ink);line-height:1.7}
#view-melasma .ml-basics-list dd{margin:0;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-melasma .ml-diff{width:100%;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.75}
#view-melasma .ml-diff th,#view-melasma .ml-diff td{padding:12px 14px;border:1px solid var(--sp-border);vertical-align:top;text-align:left}
#view-melasma .ml-diff thead th{font-weight:500;color:var(--ink);background:var(--sp-soft);border-bottom:2px solid var(--gold)}
#view-melasma .ml-diff thead th:first-child{width:9em}
#view-melasma .ml-diff tbody th{font-weight:500;color:var(--ink-2);background:#fdfcfa;white-space:nowrap}
#view-melasma .ml-diff tbody td:nth-child(2){background:#fffaf3}
#view-melasma .ml-diff-wrap>.sp-note{margin-top:12px}
#view-melasma .ml-diff-wrap>.sp-source{display:inline-block;margin-top:8px}
#view-melasma .ml-tissue-summary{list-style:none;margin:0 0 4px;padding:18px 22px;background:#fff;border-left:3px solid var(--gold);display:grid;gap:8px}
#view-melasma .ml-tissue-summary li{font-size:15px;line-height:1.85;color:var(--ink);padding-left:1.2em;text-indent:-1.2em}
#view-melasma .ml-tissue-summary li::before{content:"・";color:var(--gold-ink)}
#view-melasma .ml-timeline{margin-top:clamp(32px,4vw,48px);padding:clamp(24px,3vw,36px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-melasma .ml-timeline-list{list-style:none;margin:0;padding:0}
#view-melasma .ml-timeline-list li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--sp-border)}
#view-melasma .ml-timeline-when{font-family:var(--latin);font-size:15px;letter-spacing:.04em;color:var(--gold-ink);padding-top:3px}
#view-melasma .ml-timeline-list h4{font-size:16px;font-weight:500;line-height:1.6;margin:0 0 4px}
#view-melasma .ml-timeline-list p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-melasma .ml-timeline>.sp-note{margin-top:12px}
#view-melasma .ml-cost-details{margin-top:14px}
#view-melasma .ml-cost-example{margin:0;padding:6px 0 4px;max-width:560px}
#view-melasma .ml-cost-example .ml-basics-head{margin-bottom:10px}
#view-melasma .ml-cost-example .ml-basics-head .sp-kicker{display:none}
#view-melasma .ml-cost-example .ml-basics-head h3{font-size:14px;font-family:var(--sans);font-weight:500;color:var(--ink-2)}
#view-melasma .ml-cost-list{margin:0;border-top:1px solid var(--ink)}
#view-melasma .ml-cost-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-melasma .ml-cost-list dt{font-size:13px;line-height:1.7;color:var(--ink-2)}
#view-melasma .ml-cost-list .sp-yen{font-size:16px}
#view-melasma .ml-cost-list dd{margin:0;white-space:nowrap}
#view-melasma .ml-cost-total dt{color:var(--ink);font-weight:500}
#view-melasma .ml-cost-total .sp-yen{font-size:19px}
#view-melasma .ml-cost-example>.sp-note{margin-top:10px;font-size:12px}
#view-melasma .ml-supervision{margin-top:22px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:13px;line-height:1.8;color:var(--ink-2)}
@media(max-width:760px){
#view-melasma .ml-basics-list>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
#view-melasma .ml-diff,#view-melasma .ml-diff tbody,#view-melasma .ml-diff tr{display:block}
#view-melasma .ml-diff thead{display:none}
#view-melasma .ml-diff tr{border:1px solid var(--sp-border);margin-bottom:12px}
#view-melasma .ml-diff tbody th{display:block;white-space:normal;background:var(--sp-soft);border:0;border-bottom:1px solid var(--sp-border)}
#view-melasma .ml-diff td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;border:0;border-bottom:1px solid var(--sp-border)}
#view-melasma .ml-diff td::before{content:attr(data-c);font-size:11.5px;letter-spacing:.04em;line-height:1.6;color:var(--gold-ink)}
html[lang="en"] #view-melasma .ml-diff td::before{content:attr(data-c-en)}
#view-melasma .ml-diff tbody td:nth-child(2){background:#fff}
#view-melasma .ml-timeline-list li{grid-template-columns:minmax(0,1fr);gap:4px}
}
/* Interview video (Grace Journal) and patient voices link (2026-09-25). */
#view-melasma .ml-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin-top:clamp(28px,3.5vw,44px);padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-melasma .ml-interview-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-melasma .ml-interview-text .sp-kicker{margin-bottom:8px}
#view-melasma .ml-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-melasma .ml-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-melasma .ml-interview-text .sp-note{margin-top:10px}
#view-melasma .ml-voices{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(28px,3.5vw,44px);padding:clamp(22px,2.8vw,32px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-melasma .ml-voices .sp-kicker{margin-bottom:8px}
#view-melasma .ml-voices h3{font-size:clamp(18px,1.8vw,22px);line-height:1.6;margin:0 0 8px}
#view-melasma .ml-voices p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:40em}
#view-melasma .ml-voices .btn{flex:none}
@media(max-width:760px){#view-melasma .ml-interview{grid-template-columns:minmax(0,1fr);gap:18px}#view-melasma .ml-voices{flex-direction:column;align-items:flex-start}}
#view-melasma .ml-monitor-link{display:inline-block;margin-left:6px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* Sofwave heat layers under the why-list (2026-09-25). */
#view-melasma .ml-heat-figure{max-width:none}
#view-melasma .ml-heat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center}
#view-melasma .ml-heat-grid img{border:1px solid var(--sp-border)}
#view-melasma .ml-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-melasma .ml-heat-layers>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:8px 0 8px 12px;border-bottom:1px solid var(--sp-border);border-left:5px solid #d8e6ef}
#view-melasma .ml-heat-layers .ml-heat-pd{border-left-color:#f2c94c}
#view-melasma .ml-heat-layers .ml-heat-rd{border-left-color:#d64541}
#view-melasma .ml-heat-layers .ml-heat-sub{border-left-color:#f1d9a6}
#view-melasma .ml-heat-layers dt{font-size:12.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-melasma .ml-heat-layers dd{margin:0;font-size:13px;line-height:1.6;color:var(--ink-2)}
#view-melasma .ml-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:17px;letter-spacing:.03em;color:var(--ink);line-height:1.3}
#view-melasma .ml-heat-figure figcaption>p{text-align:left}
@media(max-width:640px){#view-melasma .ml-heat-grid{grid-template-columns:minmax(0,1fr)}#view-melasma .ml-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-26: magazine-style pictures so the page reads to the end — type cards, schematic zooms, timeline photos, home-care picture. */
#view-melasma .ml-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}
#view-melasma .ml-type{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-melasma .ml-type figure{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-melasma .ml-type img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-melasma .ml-type-body{padding:18px 20px 20px}
#view-melasma .ml-type h3{font-size:18px;line-height:1.5;margin:0 0 12px}
#view-melasma .ml-type dl{margin:0;display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:7px 10px;font-size:13.5px;line-height:1.75}
#view-melasma .ml-type dt{font-size:12px;letter-spacing:.04em;color:var(--gold-ink);padding-top:2px}
#view-melasma .ml-type dd{margin:0;color:var(--ink-2)}
#view-melasma .ml-diff-details{margin-top:18px}
#view-melasma .ml-diff-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;overflow-x:auto}
#view-melasma .ml-diff-details .ml-diff{margin-top:4px}
#view-melasma .ml-approach-single{margin-top:clamp(36px,4vw,56px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--sp-border)}
#view-melasma .ml-tissue-zoom{margin:-22px -24px 16px;border-bottom:1px solid var(--sp-border);background:var(--sp-soft)}
#view-melasma .ml-tissue-zoom img{display:block;width:100%;height:auto;aspect-ratio:660/430;object-fit:cover}
#view-melasma .ml-timeline-list li{grid-template-columns:120px 150px minmax(0,1fr)}
#view-melasma .ml-timeline-thumb{margin:0}
#view-melasma .ml-timeline-thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-melasma .ml-daily-art{margin:32px 0 0}
#view-melasma .ml-daily-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 45%;border:1px solid var(--sp-border)}
#view-melasma .ml-daily-art+.ml-daily-grid{margin-top:24px;padding-top:0;border-top:0}
@media(max-width:860px){#view-melasma .ml-types{grid-template-columns:minmax(0,1fr)}#view-melasma .ml-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#view-melasma .ml-type figure{border-bottom:0;border-right:1px solid var(--sp-border)}#view-melasma .ml-type img{height:100%;aspect-ratio:auto;min-height:160px}}
@media(max-width:760px){#view-melasma .ml-timeline-list li{grid-template-columns:96px minmax(0,1fr);gap:8px 14px}#view-melasma .ml-timeline-when{grid-column:1/-1;padding-top:0}#view-melasma .ml-daily-art img{aspect-ratio:16/9}}
@media(max-width:560px){#view-melasma .ml-type{grid-template-columns:minmax(0,1fr)}#view-melasma .ml-type figure{border-right:0;border-bottom:1px solid var(--sp-border)}#view-melasma .ml-type img{aspect-ratio:3/2;height:auto;min-height:0}}
/* 2026-10-01 price revision: the clinic's range diagram beside its definition (HFP | Pigmentation & melasma) */
#view-melasma .hfp-range{margin:14px 0 0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center}
#view-melasma .hfp-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-melasma .hfp-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-melasma .hfp-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* the price cards share subgrid rows; the HFP card keeps its diagram, note and link in one row */
#view-melasma .ml-hfp-foot{display:grid;gap:10px;align-content:start}
#view-melasma .ml-hfp-foot .sp-note{margin:0}
/* 2026-10-01 clinic: the window-and-vase picture replaces the watercolour; framed as on the redness page so the vase stays whole */
#view-melasma .after-vase img{aspect-ratio:11/5;object-position:50% 22%}
@media(max-width:760px){#view-melasma .after-vase img{aspect-ratio:16/9;object-position:40% 50%}}

#view-melasma .sx-hero-points{margin-top:22px}
#view-melasma .sx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-melasma .sx-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-melasma .sx-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-melasma .sx-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-melasma .sx-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-melasma .sx-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-melasma .sx-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-melasma .sx-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-melasma .sx-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}
#view-melasma .sx-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-melasma .sx-gallery-card{padding:0;background:transparent;border:0}
#view-melasma .sx-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-melasma .sx-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-melasma .sx-gallery-card .case-image{margin:0}
#view-melasma .sx-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-melasma .sx-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-melasma .sx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-melasma .sx-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-melasma .sx-case-details summary:hover{color:var(--gold-ink)}
#view-melasma .sx-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-melasma .sx-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-melasma .sx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-melasma .sx-case-details dt{padding-top:13px}
#view-melasma .sx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-melasma .sx-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-melasma .sx-case-gallery{grid-template-columns:minmax(0,1fr)}}
/* Patient-facing pigmentation page; keep all rules within this view. */
#view-acne{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-acne .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-acne .sp-soft{background:var(--sp-soft)}
#view-acne .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-acne .sp-heading{margin-bottom:26px;max-width:46em}
#view-acne .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-acne .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-acne .sp-heading .sp-kicker{margin-top:0}
#view-acne .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-acne .sp-note a,#view-acne .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-acne .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-acne .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-acne .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-acne .crumbs span::before{content:none}
#view-acne .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-acne .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-acne .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-acne .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-acne .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-acne .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-acne .sp-hero-trust a{margin-top:7px}
#view-acne .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-acne .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-acne .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-acne .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-acne .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-acne .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-acne .sp-nav a{flex-shrink:0}
#view-acne .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-acne .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-acne .sp-nav a:hover{color:var(--gold-ink)}
#view-acne .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-acne .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-acne .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-acne .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-acne .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-acne .sp-type-body{padding:21px 22px 22px}
#view-acne .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-acne .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-acne .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-acne .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-acne .sp-type .sp-source{margin-top:12px}
#view-acne .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-acne .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-acne .sp-case-head{padding:20px 22px 16px}
#view-acne .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-acne .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-acne .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-acne .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-acne .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-acne .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-acne .sp-case-body{padding:18px 22px 22px}
#view-acne .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-acne .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-acne .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-acne .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-acne .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-acne .sp-case-body .sp-source{margin-top:14px}
#view-acne .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-acne .sp-case-details>summary{min-height:48px}
#view-acne .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-acne .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-acne .sp-approach-list{display:grid;gap:0}
#view-acne .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-acne .sp-approach-item:first-child{padding-top:0}
#view-acne .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-acne .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-acne .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-acne .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-acne .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-acne .sp-doctor h3{font-size:21px;line-height:1.5}
#view-acne .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-acne .sp-doctor .sp-source{white-space:nowrap}
#view-acne .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-acne .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-acne .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-acne .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-acne .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-acne .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-acne .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-acne .sp-expertise-facts>div:first-child{padding-top:0}
#view-acne .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-acne .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-acne .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-acne .sp-expertise-grid figure{max-width:480px}
 #view-acne .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-acne .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-acne .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-acne .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-acne .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-acne .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-acne .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-acne .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-acne .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-acne .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-acne .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-acne .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-acne .sp-disclosure>summary::after{content:'＋';flex:none}
#view-acne .sp-disclosure[open]>summary::after{content:'−'}
#view-acne .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-acne .sp-disclosure-content p+p{margin-top:12px}
#view-acne .sp-approval-list{display:grid;gap:10px}
#view-acne .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-acne .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-acne .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-acne .sp-price-intro>div{flex:1 1 320px}
#view-acne .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-acne .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-acne .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-acne .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-acne .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-acne .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-acne .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-acne .sp-price-heading{margin-bottom:16px}
#view-acne .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-acne .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-acne .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-acne .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-acne .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-acne .sp-price .sp-yen{display:block;margin:0}
#view-acne .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-acne .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-acne .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-acne .sp-price-list{margin-top:8px}
#view-acne .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-acne .sp-price-list dt{min-width:0}
#view-acne .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-acne .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-acne .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-acne .sp-flow-head{display:block;margin-bottom:14px}
#view-acne .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-acne .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-acne .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-acne .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-acne .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-acne .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-acne .sp-recovery>div:last-child{border-right:0}
#view-acne .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-acne .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-acne .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-acne .sp-risk-details{margin-top:22px}
#view-acne .sp-faq{margin-inline:0}
#view-acne .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-acne .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-acne .sp-tech h3{font-size:22px;line-height:1.6}
#view-acne .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-acne .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-acne .sp-tech h3+p{margin-top:10px}
#view-acne .sp-video>summary{cursor:pointer;list-style:none}
#view-acne .sp-video>summary::-webkit-details-marker{display:none}
#view-acne .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-acne .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-acne .sp-flow-text{display:block;margin-top:12px}
#view-acne .sp-video-body{padding-bottom:16px}
#view-acne .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-acne .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-acne .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-acne .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-acne .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-acne .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-acne .sp-tech>img{width:76px;height:99px}
 #view-acne .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-acne .sp-homecare>img{max-height:220px}
}
#view-acne .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-acne .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-acne .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-acne .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-acne .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-acne .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-acne .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-acne .sp-final .btn{font-size:14px}
#view-acne .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-acne :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-acne .sp-devices{grid-template-columns:1fr}
  #view-acne .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-acne .sp-device-head{margin-bottom:0}
  #view-acne .sp-device .sp-disclosure{grid-column:1/-1}
  #view-acne .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-acne .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-acne .sp-doctor>img{width:90px;height:100px}
  #view-acne .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-acne .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-acne .sp-hero h1{font-size:32px}
  #view-acne .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-acne .sp-hero-lead{margin-top:17px}
  #view-acne .sp-hero-photo img{aspect-ratio:16/9}
  #view-acne .sp-hero-photo figcaption{font-size:12px}
  #view-acne .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-acne .sp-types,#view-acne .sp-cases,#view-acne .sp-approach,#view-acne .sp-prices{grid-template-columns:1fr}
  #view-acne .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-acne .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-acne .sp-type-body{padding:19px 20px}
  #view-acne .sp-type h3{font-size:20px}
  #view-acne .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-acne .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-acne .sp-approach{gap:24px}
  #view-acne .sp-approach-image img{max-height:260px}
  #view-acne .sp-recovery{grid-template-columns:1fr}
  #view-acne .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-acne .sp-recovery>div:last-child{border-bottom:0}
  #view-acne .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-acne .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-acne .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-acne .sp-hero h1{font-size:29px}
  #view-acne .sp-actions{align-items:stretch}
  #view-acne .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-acne .sp-type{grid-template-columns:1fr}
  #view-acne .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-acne .sp-type-art img{max-height:130px}
  #view-acne .sp-layer-labels{justify-content:center;gap:26px}
  #view-acne .sp-type-body{padding:19px 20px}
  #view-acne .sp-case-head,#view-acne .sp-case-body{padding-inline:18px}
  #view-acne .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-acne .sp-case-photos{padding-inline:10px;gap:4px}
  #view-acne .sp-device{display:block;padding:20px}
  #view-acne .sp-device-head{margin-bottom:14px}
  #view-acne .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-acne .sp-flow>li{padding:18px 20px}
  #view-acne .sp-flow-head{margin-bottom:10px}
  #view-acne .sp-price{padding:22px}
  #view-acne .sp-price-intro{padding:20px}
  #view-acne .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-acne .sp-price-list dd{flex-basis:100%}
  #view-acne .sp-doctor{gap:14px}
  #view-acne .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-acne :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-acne .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-acne .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-acne .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-acne .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-acne .sp-entry-link:first-child{padding-left:0}
#view-acne .sp-entry-link:last-child{border-right:0}
#view-acne .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-acne .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-acne .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-acne .sp-entry-link:hover{background:var(--sp-soft)}
#view-acne .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-acne .sp-consult h3{font-size:24px;line-height:1.65}
#view-acne .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-acne .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-acne .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-acne .sp-consult .sp-note{margin-top:7px}
#view-acne #s-doctor-section{padding-top:58px}
#view-acne #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-acne .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-acne .sp-expertise-grid figure{align-self:center}
#view-acne .sp-expertise-facts dt{font-size:16px}
#view-acne .sp-expertise-facts dd{font-size:14px}
#view-acne .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-acne .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-acne .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-acne .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-acne .sp-flow{list-style:none;padding:0}
#view-acne .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-acne .sp-flow-head img,#view-acne .sp-video video{border:1px solid var(--sp-border)}
#view-acne .sp-recovery{border:0}
#view-acne .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-acne .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-acne .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-acne .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-acne .sp-visit-info a{color:var(--on-night)}
#view-acne a:focus-visible,#view-acne summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-acne .sp-entry-links{grid-template-columns:1fr}
 #view-acne .sp-entry-link,#view-acne .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-acne .sp-entry-link:last-child{border-bottom:0}
 #view-acne .sp-entry-link strong{font-size:18px}
 #view-acne .sp-entry-link span span{margin-top:3px}
 #view-acne .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-acne .sp-consult h3{font-size:22px}
 #view-acne .sp-consult ul{display:block}
 #view-acne .sp-consult li{margin-top:6px}
 #view-acne .sp-consult .btn{width:100%}
 #view-acne .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-acne .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-acne .sp-recovery>div::before{top:4px;left:-5px}
 #view-acne .sp-recovery>div:last-child{padding-bottom:0}
 #view-acne .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-acne *{scroll-behavior:auto;transition:none}}

#view-acne .sp-type-art img{max-height:145px}
#view-acne .sp-type-body{padding:20px}
#view-acne .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-acne .sp-price>p.sp-price-unit,#view-acne .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-acne .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-acne .sp-price{padding:26px 0}
 #view-acne .sp-price-description{margin-bottom:20px}
 #view-acne .sp-price>.sp-note{min-height:0}
 #view-acne .sp-price h3{font-size:23px}
 #view-acne .sp-price .sp-yen{font-size:20px}
 #view-acne .sp-price-intro{padding:22px;gap:16px}
 #view-acne .sp-price-intro>div{flex-basis:100%}
}

#view-acne .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-acne .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-acne .sp-consult-fees>div:last-child{border-bottom:0}
#view-acne .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-acne .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-acne .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-acne .sp-consult-fees{flex-basis:100%}#view-acne .sp-consult-fees dd{font-size:21px}#view-acne .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-acne .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-acne .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-acne .sp-price-intro{padding:20px 18px;gap:18px}
 #view-acne .sp-consult-fees{flex-basis:100%;width:100%}
 #view-acne .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-acne .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-acne .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-acne .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-acne .sp-fee-period::before{content:none}
 html[lang="en"] #view-acne .sp-fee-period{white-space:normal;font-size:14px}
 #view-acne .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-acne .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-acne .sp-prices{gap:16px;border:0}
 #view-acne .sp-price,#view-acne .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-acne .sp-price-heading{order:0;margin-bottom:14px}
 #view-acne .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-acne .sp-price h3{font-size:22px;letter-spacing:0}
 #view-acne .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-acne .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-acne .sp-price .sp-price-unit{font-size:12px}
 #view-acne .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-acne .sp-price>.sp-note{order:3;margin-top:10px}
 #view-acne .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-acne .sp-price,#view-acne .sp-price+.sp-price{padding:20px 16px}
 #view-acne .sp-price h3{font-size:20px}
 #view-acne .sp-price .sp-yen{font-size:20px}
 #view-acne .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-acne .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-acne .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-acne .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-acne .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-acne .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-acne .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-acne .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-acne .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-acne .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-acne .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-acne .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-acne .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-acne .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-acne .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-acne .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-acne .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-acne .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-acne .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-acne .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-acne .sp-entry-hint{margin:8px 0 22px}
#view-acne .sp-entry-links{gap:14px;border:0}
#view-acne .sp-entry-link,#view-acne .sp-entry-link:first-child,#view-acne .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-acne .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-acne .sp-entry-link:hover,#view-acne .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-acne .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-acne .sp-entry-copy{min-width:0}
#view-acne .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-acne .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-acne .sp-entry-question{font-size:22px}
 #view-acne .sp-entry-link,#view-acne .sp-entry-link:first-child,#view-acne .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-acne .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-acne .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-acne .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-acne .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .sp-anes{margin-top:10px}
#view-acne .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-acne .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-acne .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-acne .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-acne .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-acne .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-acne .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-acne .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-acne .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-acne .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-acne .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-acne .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-acne .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-acne .hg-head>div{min-width:0}
#view-acne .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-acne .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-acne .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-acne .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-acne .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-acne .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-acne .hg-menu-photo{margin:0}
#view-acne .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-acne .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-acne .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-acne .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-acne .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-acne .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-acne .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-acne .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-acne .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-acne .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-acne .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-acne .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-acne .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-acne .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-acne .hg-menu-note{margin:14px 0 0}
#view-acne .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-acne .hg-menu-links-label{margin-right:4px}
#view-acne .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-acne .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-acne .hg-menu-fees{gap:8px}#view-acne .hg-fee{padding:14px 14px 12px}#view-acne .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-acne .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-acne .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-acne .hg-menu-range{margin:14px 0 0}
#view-acne .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-acne .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-acne .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-acne .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-acne .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-acne .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-acne .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-acne .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-acne .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-acne .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-acne .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-acne .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-acne .cg-card{padding:0;background:transparent;border:0}
#view-acne .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-acne .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-acne .cg-card .case-image{margin:0}
#view-acne .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-acne .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-acne .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-acne .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-acne .cg-details summary:hover{color:var(--gold-ink)}
#view-acne .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-acne .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-acne .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-acne .cg-details dt{padding-top:13px}
#view-acne .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-acne .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-acne .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-acne .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-acne .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-acne .sp-section .dn-gallery,#view-acne .sp-section .sw-gallery,#view-acne .sp-section .pc-lecture-figs,#view-acne .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-acne .sp-section .sw-interview,#view-acne .sp-section .ul-doctor-grid,#view-acne .sp-section .sv-doctor-hero,#view-acne .sp-section .wrx-evidence,#view-acne .sp-section .uex-evidence,#view-acne .sp-section .ml-doctor-grid,#view-acne .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-acne .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-acne .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-acne .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-acne .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-acne .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-acne .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-acne .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-acne .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-acne .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-acne .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-acne .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-acne .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-acne .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-acne .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-acne .hgd-svg{display:block;width:100%;height:auto}
#view-acne .hgd-sp{display:none}
#view-acne .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-acne .hgd-layer{font-size:30px}
#view-acne .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-acne .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-acne .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-acne .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-acne .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-acne .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-acne .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-acne .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-acne .hgd-art{opacity:.92}
#view-acne .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-acne .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-acne .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-acne .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-acne .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-acne .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-acne .hgd-layer{font-size:25px}
html[lang^="en"] #view-acne .hgd-sub{font-size:19px}
html[lang^="en"] #view-acne .hgd-br{font-size:27px}
#view-acne .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-acne .hgd-pc .hgd-layer{font-size:38px}
 #view-acne .hgd-pc .hgd-sub{font-size:30px}
 #view-acne .hgd-pc .hgd-name{font-size:42px}
 #view-acne .hgd-pc .hgd-kind{font-size:31px}
 #view-acne .hgd-pc .hgd-br{font-size:36px}
 #view-acne .hgd-pc .hgd-mm{font-size:40px}
 #view-acne .hgd-pc .hgd-note{font-size:26px}
 #view-acne .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-acne .hg-lineup img{width:72px;height:72px}
 #view-acne .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-acne .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-acne .hg-lineup,#view-acne .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-acne .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-acne .hg-lineup img{width:56px;height:56px}
 #view-acne .hg-lineup figcaption{padding:7px 8px}
 #view-acne .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-acne .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-acne .hg-lineup figcaption small{font-size:10.5px}
 #view-acne .hgd-pc{display:none}
 #view-acne .hgd-sp{display:block}
 #view-acne .hgd-layer,#view-acne .hgd-name,#view-acne .hgd-br,#view-acne .hgd-mm{font-size:34px}
 #view-acne .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-acne .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-acne .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-acne .hgd-layer{font-size:30px}
 #view-acne .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-acne .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-acne .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Page-specific additions. The shared spots design is scoped to this view at build time. */
#view-acne .sp-nav a{min-height:48px}
#view-acne .ml-appearance figcaption,#view-acne .ml-doctor-grid figcaption{font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
#view-acne .ml-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-acne .ml-treatment{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-acne .ml-treatment>figure{padding:20px 30px 0}
#view-acne .ml-treatment>figure img{display:block;width:100%;height:210px;object-fit:contain}
#view-acne .ml-treatment>figure figcaption{font-size:11px;line-height:1.6;text-align:center;color:var(--ink-3);margin-top:5px}
#view-acne .ml-treatment-body{padding:24px 28px 26px}
#view-acne .ml-treatment-body h3{font-family:var(--latin);font-weight:400;font-size:26px;line-height:1.4}
#view-acne .ml-treatment-body>p:not(.sp-kicker):not(.sp-note){font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:16px}
#view-acne .ml-treatment-body .sp-note{margin-top:10px}
#view-acne .ml-treatment-body>.sp-source{margin-top:18px}
#view-acne .ml-pathway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
#view-acne .ml-pathway>div{border-top:1px solid var(--gold);padding-top:17px;position:relative}
#view-acne .ml-pathway>div+div::before{content:'→';position:absolute;left:-25px;top:26px;color:var(--gold-ink)}
#view-acne .ml-pathway span{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-acne .ml-pathway h3{font-size:20px;line-height:1.6;margin:5px 0}
#view-acne .ml-pathway p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-acne .sp-case-head h3{font-size:19px;min-height:3em}
#view-acne .sp-consult p:not(.sp-kicker):not(.sp-note){font-size:15px;color:var(--ink-2);line-height:1.9;max-width:42em;margin-top:10px}
#view-acne .ml-home-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
#view-acne .ml-home-grid>figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
#view-acne .ml-home-grid h3,#view-acne .ml-doctor-grid h3{font-size:25px;line-height:1.6;margin-bottom:12px}
#view-acne .ml-home-grid>div>p:not(.sp-kicker){font-size:16px;color:var(--ink-2);line-height:1.95}
#view-acne .ml-home-grid .sp-source{margin-top:16px}
#view-acne .ml-care-list{list-style:none;padding:0}
#view-acne .ml-care-list li+li{margin-top:12px}
#view-acne .ml-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-acne .ml-daily-grid h3{font-size:19px;line-height:1.6;margin-bottom:9px}
#view-acne .ml-daily-grid p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-acne .ml-doctor-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:stretch}
#view-acne .ml-doctor-grid>.ac-doctor-profile{max-width:520px}
#view-acne .ml-doctor-grid>.ac-doctor-profile>figure{margin:0}
#view-acne .ml-doctor-grid>.ac-doctor-profile{display:flex;flex-direction:column}
#view-acne .ml-doctor-grid>div:not(.ac-doctor-profile){display:flex;flex-direction:column;justify-content:center}
#view-acne .ml-doctor-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center top;display:block}
#view-acne .ac-doctor-activity{margin-top:22px}
#view-acne .ac-doctor-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#view-acne .ac-doctor-activity-grid figure{margin:0}
#view-acne .ac-doctor-activity-grid img{aspect-ratio:3/2;object-fit:cover;object-position:center}
#view-acne .ac-doctor-activity-grid figcaption{font-size:11px;line-height:1.6;color:var(--ink-3);margin-top:6px}
#view-acne .ac-texture{margin-top:34px;padding-top:0;border-top:0}
#view-acne .ac-cynoglow{margin-top:0;padding:32px;border:1px solid var(--sp-border);background:#fff;box-shadow:0 12px 32px rgba(31,42,42,.06)}
#view-acne .ac-cynoglow-pickup{font-family:var(--latin);font-size:11px;letter-spacing:.18em;color:var(--gold-ink);margin:0 0 18px}
#view-acne .ac-cynoglow-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}
#view-acne .ac-cynoglow-lead figure{margin:0}
#view-acne .ac-cynoglow-lead img{display:block;width:100%;aspect-ratio:10/7;object-fit:contain;background:#fff}
#view-acne .ac-cynoglow-lead h3{font-size:24px;line-height:1.6;margin:7px 0 12px}
#view-acne .ac-cynoglow-lead p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-acne .ac-cynoglow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
#view-acne .ac-cynoglow-steps article{padding:18px 20px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .ac-cynoglow-steps article>span{font-family:var(--fig);font-size:12px;letter-spacing:.12em;color:var(--gold-ink)}
#view-acne .ac-cynoglow-steps h4{font-size:17px;line-height:1.6;margin:6px 0 7px}
#view-acne .ac-cynoglow-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .ac-cynoglow-evidence{margin-top:20px}
#view-acne .ac-cynoglow-paper{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start}
#view-acne .ac-cynoglow-paper figure{margin:0}
#view-acne .ac-cynoglow-paper img{display:block;width:150px;height:195px;object-fit:cover;object-position:top}
#view-acne .ac-cynoglow-paper p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-acne .ml-doctor-grid>div>p:not(.sp-kicker){font-size:14px;line-height:1.95;color:var(--ink-2);margin-top:12px}
#view-acne .ml-doctor-grid .sp-source{margin-top:18px}
#view-acne .ml-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px;padding-top:28px;border-top:1px solid var(--sp-border)}
#view-acne .ml-paper{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start}
#view-acne .ml-paper>a>img{width:120px;height:156px;object-fit:contain;object-position:top;border:1px solid var(--sp-border)}
#view-acne .ml-paper h3{font-family:var(--latin);font-size:23px;font-weight:400;line-height:1.45;margin-bottom:10px}
#view-acne .ml-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .ml-paper .sp-kicker{font-size:12px;color:var(--gold-ink);min-height:1.85em}
#view-acne .ml-paper .sp-note{font-size:12px}
#view-acne .ml-paper summary{font-size:12px}
#view-acne .ml-tx-prices{margin:0;border-top:1px solid var(--sp-border);padding-top:10px}
#view-acne .ml-tx-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:10px}
#view-acne .ml-tx-prices dt{font-size:13px;line-height:1.6;color:var(--ink-2)}
#view-acne .ml-tx-prices dd{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;margin:0}
#view-acne .ml-tx-prices small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-acne .ml-quote{font-size:22px;line-height:1.8;border-top:1px solid var(--sp-border);padding-top:20px}
#view-acne #m-price .sp-price-intro{background:#fff}
#view-acne .sp-flow-head img[src*='sofwave-treatment'],#view-acne .sp-flow-head img[data-i18n-alt='mlx_flow_4_alt'],#view-acne .sp-flow-head img[data-i18n-alt='mlx_flow_5_alt']{object-fit:contain}
#view-acne [id]{scroll-margin-top:100px}
/* Keep the two fee blocks aligned even when one contains two treatment areas. */
@supports (grid-template-rows:subgrid){
 @media(min-width:761px){
  #view-acne .sp-price{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
 }
}
@media(max-width:900px){#view-acne .ml-evidence{grid-template-columns:1fr;gap:26px}}
@media(max-width:760px){
 #view-acne .ml-treatment-grid,#view-acne .ml-home-grid,#view-acne .ml-doctor-grid,#view-acne .ml-daily-grid{grid-template-columns:1fr;gap:24px}
 #view-acne .ml-treatment>figure{padding:16px 22px 0}
 #view-acne .ml-treatment>figure img{height:180px}
 #view-acne .ml-treatment-body{padding:20px}
 #view-acne .ml-pathway{grid-template-columns:1fr;gap:18px}
 #view-acne .ml-pathway>div{padding-left:38px;padding-top:14px}
 #view-acne .ml-pathway>div span{position:absolute;left:0;top:19px}
 #view-acne .ml-pathway>div+div::before{content:none}
 #view-acne .ml-home-grid>figure img{max-height:280px}
 #view-acne .ml-daily-grid{gap:20px}
 #view-acne .ml-daily-grid article+article{border-top:1px solid var(--sp-border);padding-top:20px}
 #view-acne .sp-case-head h3{min-height:0}
 #view-acne .ml-paper{grid-template-columns:90px minmax(0,1fr);gap:16px}
 #view-acne .ml-paper>a>img{width:90px;height:117px}
 #view-acne .ml-paper h3{font-size:22px}
 #view-acne .ml-tx-prices dd{font-size:20px}
 #view-acne .ml-quote,#view-acne .ml-tx-prices{order:1;margin:0;padding-top:14px}
 #view-acne .ml-quote{font-size:20px}
 #view-acne .ml-tx-prices>div:first-child{padding-top:0}
 #view-acne .ac-cynoglow-lead{grid-template-columns:1fr;gap:18px}
 #view-acne .ac-cynoglow{padding:22px 18px}
 #view-acne .ac-cynoglow-lead h3{font-size:22px}
 #view-acne .ac-cynoglow-steps{grid-template-columns:1fr;gap:12px}
 #view-acne .ac-cynoglow-paper{grid-template-columns:96px minmax(0,1fr);gap:14px}
 #view-acne .ac-cynoglow-paper img{width:96px;height:125px}
}

/* Keep the supplied home-care image fully visible in both exports. */
#view-acne .sp-flow-head img[src*="terastie-home-routine"]{object-fit:contain}

/* Brand imagery: square alongside copy, landscape above copy on mobile. */
#view-acne .ml-home-grid>figure{width:100%;max-width:420px;margin-inline:auto}
#view-acne .ml-home-grid picture{display:block}
#view-acne .ml-home-grid>figure img{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain}
@media(max-width:760px){
 #view-acne .ml-home-grid>figure{max-width:none}
 #view-acne .ml-home-grid>figure img{aspect-ratio:1672/941}
}

/* Acne-specific composition; the approved common template is reused above. */
#view-acne .sp-hero-topic{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.04em;margin-bottom:18px}
#view-acne .sp-lead{font-size:17px;line-height:1.95;color:var(--ink-2);margin-top:22px}
#view-acne .sp-lead-secondary{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:16px}
#view-acne .sp-hero-grid>figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#view-acne .sp-hero-grid>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-acne .ac-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-acne .ac-types .sp-type-art{padding:10px;background:#fff}
#view-acne .ac-types .sp-type-art img{aspect-ratio:720/650;max-height:175px}
#view-acne .ac-types h3{font-size:19px}
#view-acne .ac-types p{font-size:14px}
#view-acne .ac-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-acne .ac-treatment{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-acne .ac-treatment>div{padding:22px 24px}
#view-acne .ac-treatment h3,#view-acne .ac-texture>h3{font-size:22px;line-height:1.65;margin-bottom:12px}
#view-acne .ac-treatment p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-acne .sp-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);padding:8px 12px}
#view-acne .sp-disclosure .sp-video{max-width:560px;margin:12px auto 20px}
#view-acne .ac-texture{margin-top:32px;padding-top:26px;border-top:1px solid var(--sp-border)}
#view-acne .ac-texture .ml-daily-grid{margin-top:0;border:0;padding-top:8px}
#view-acne .sp-case-head h3{min-height:0}
#view-acne .sp-case-head .sp-case-no{display:none}
#view-acne .sp-case-body{padding-top:12px}
#view-acne .sp-flow>li>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:14px}
#view-acne .sp-flow>li>h3{font-size:19px;line-height:1.65;margin:5px 0 10px}
#view-acne .sp-step-no{font-size:12px;color:var(--gold-ink)}
#view-acne .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-acne .sp-device>p{min-height:3.8em}
#view-acne .sp-device>.sp-disclosure{margin-top:16px}
#view-acne .sp-device>.sp-disclosure .sp-device-meta{color:var(--gold-ink)}
#view-acne .sp-device>.sp-disclosure .sp-device-tech{font-size:13px;color:var(--gold-ink);margin-bottom:12px}
#view-acne .sp-journal-card{padding:26px;margin-top:28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .sp-journal-card>p{font-size:14px;color:var(--ink-2);margin-bottom:10px}
@media(max-width:1000px){#view-acne .ac-types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:1000px){
 #view-acne .sp-devices{grid-template-columns:1fr}
 #view-acne .sp-device{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 22px;align-items:center}
 #view-acne .sp-device-head{margin-bottom:0}
 #view-acne .sp-device>.sp-disclosure{grid-column:1/-1}
}
@media(max-width:760px){
 #view-acne .ac-treatment-grid,#view-acne .sp-devices{grid-template-columns:1fr}
 #view-acne .sp-hero-topic{font-size:13px}
 #view-acne .sp-lead{font-size:16px}
 #view-acne .ac-treatment>div{padding:20px}
 #view-acne .ac-types{gap:12px}
 #view-acne .ac-types .sp-type-body{padding:15px 12px}
 #view-acne .ac-types h3{font-size:17px}
 #view-acne .ac-types p{font-size:13px;line-height:1.8}
}

/* 2026-09-26 患者目線で最後まで読める構成へ：文字だけだった章（見極めること・歩み・経過リスク・承認情報）に絵と写真を置く。
   すべて #view-acne 内・ac- 接頭辞。acne-page.css はニキビページ以外に複製されない（acne_css.py）。 */
#view-acne .ac-measure{display:flex;flex-direction:column}
#view-acne .ac-measure-art{margin:-22px -22px 16px;border-bottom:1px solid var(--sp-border);background:var(--sp-soft)}
#view-acne .ac-measure-art img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 40%}
#view-acne .po-step-thumbnail.ac-step-device{aspect-ratio:4/3;object-fit:cover;background:#efedea;border:1px solid var(--sp-border)}
#view-acne .ac-risk-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:24px 48px;align-items:center;margin-bottom:26px}
#view-acne .ac-risk-intro .sp-heading{margin-bottom:0}
#view-acne .ac-risk-photo{margin:0;min-width:0}
#view-acne .ac-risk-photo img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:470/300;object-fit:cover;border:1px solid var(--sp-border)}
#view-acne .ac-risk-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-acne .pc-approval>div.ac-approval-row{grid-template-columns:76px 200px minmax(0,1fr);align-items:start}
#view-acne .ac-approval-thumb{margin:0}
#view-acne .ac-approval-thumb img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#efedea;border:1px solid var(--sp-border)}
@media(max-width:900px){
 #view-acne .ac-measure-art img{aspect-ratio:5/2}
}
@media(max-width:760px){
 #view-acne .ac-risk-intro{grid-template-columns:minmax(0,1fr);gap:18px}
 #view-acne .ac-risk-photo{max-width:420px}
 #view-acne .pc-approval>div.ac-approval-row{grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:4px}
 #view-acne .ac-approval-row .ac-approval-thumb{grid-row:1/3}
}

/* 2026-09-28: two assessment points (marks moved to the pores and acne scars page) */
@media(min-width:761px){#view-acne .po-measures.ac-measures-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-acne. */
#view-acne .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-acne .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-acne .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-acne .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-acne .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-acne .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-acne .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-acne .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-acne .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-acne .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-acne .pc-table th,#view-acne .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-acne .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-acne .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-acne .pc-table tbody tr:last-child th,#view-acne .pc-table tbody tr:last-child td{border-bottom:0}
#view-acne .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-acne .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-acne .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-acne .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-acne .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-acne .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-acne .pc-point-face{width:92px;height:92px}}
#view-acne .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-acne .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-acne .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-acne .pc-explain p+p{margin-top:12px}
#view-acne .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-acne .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-acne .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-acne .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .pc-books h3{font-size:18px;margin-bottom:12px}
#view-acne .pc-books ul{list-style:none;padding:0;margin:0}
#view-acne .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-acne .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-acne .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-acne .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-acne .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-acne .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-acne .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-acne .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-acne .pc-tag{margin:0}
#view-acne .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-acne .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-acne .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-acne .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-acne .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-acne .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-acne .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-acne .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-acne .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-acne .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-acne .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-acne .pc-approval>div:last-child{border-bottom:0}
#view-acne .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-acne .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-acne .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-acne .pc-glance,#view-acne .pc-modes{grid-template-columns:1fr}#view-acne .pc-explain{grid-template-columns:1fr}#view-acne .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-acne .pc-concern-links{grid-template-columns:1fr}#view-acne .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-acne .pc-books,#view-acne .pc-quote,#view-acne .pc-point{padding:20px}#view-acne .pc-glance-num span{font-size:32px}#view-acne .pc-table{font-size:13px}#view-acne .pc-table th,#view-acne .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-acne .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-acne .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-acne .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-acne .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-acne .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-acne .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-acne .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-acne .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-acne .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-acne .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-acne .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-acne .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-acne .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-acne .pc-video{margin:0 0 28px;max-width:820px}
#view-acne .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-acne .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-acne .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-acne .pc-lasers-media .pc-video,#view-acne .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-acne .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-acne .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-acne .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-acne .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-acne .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-acne .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-acne .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-acne .pc-hero-video .sp-video{margin:0}
#view-acne .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-acne .pc-cell-label{display:none}
@media(max-width:760px){
#view-acne .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-acne .pc-table{min-width:0;display:block;font-size:14px}
#view-acne .pc-table caption{display:block;padding:0 0 10px}
#view-acne .pc-table thead{display:none}
#view-acne .pc-table tbody{display:block}
#view-acne .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-acne .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-acne .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-acne .pc-table tr td:last-child{border-bottom:0}
#view-acne .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-acne .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-acne .pc-cell-value{display:block;line-height:1.75}
}
#view-acne .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-acne .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-acne .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-acne .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-acne .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-acne .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-acne .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-acne .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-acne .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-acne .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-acne .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-acne .pcx-video{margin:0 0 26px;max-width:780px}
#view-acne .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-acne .pcx-table-details{margin-top:18px}
#view-acne .pcx-table-details .pc-table-wrap{margin-top:0}
#view-acne .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-acne .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-acne .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-acne #pc-lasers .pc-point{margin-top:40px}
#view-acne .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-acne .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-acne .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-acne .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-acne .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-acne .pcx-case-hint{margin-top:6px}
#view-acne #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-acne .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-acne .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-acne .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-acne .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-acne .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-acne .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-acne .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-acne .pcx-hero-points{margin-top:22px}
#view-acne .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-acne .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-acne .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-acne .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-acne .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-acne .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-acne .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-acne .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-acne .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-acne .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-acne .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-acne .pcx-mode-art img{display:block;width:100%;height:auto}
#view-acne .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-acne .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-acne .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-acne .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-acne .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-acne .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-acne .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-acne .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-acne .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-acne .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-acne .pcx-case-sep{display:none}
  #view-acne .pcx-case-name{display:block}
  #view-acne .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-acne .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-acne .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-acne .pcx-diff-changed{border-top-color:var(--gold)}
#view-acne .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-acne .pcx-diff-card dl{margin:0}
#view-acne .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-acne .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-acne .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-acne .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-acne .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-acne .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-acne .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-acne .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-acne .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-acne .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-acne .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-acne .pcx-history>li:last-child{padding-bottom:0}
#view-acne .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-acne .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-acne .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-acne .pcx-h-tag{margin:0 0 4px}
#view-acne .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-acne .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-acne .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-acne .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-acne .pcx-history-wrap>.sp-note{margin-top:20px}
#view-acne #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-acne .pcx-diff{grid-template-columns:1fr}
 #view-acne .pcx-diff-card{padding:18px 16px 14px}
 #view-acne .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-acne .pcx-depth{padding:16px}
 #view-acne .pcx-history::before{left:3.4em}
 #view-acne .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-acne .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-acne .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-acne .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-acne .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-acne .pcx-h-photo{margin:4px 0 0}
#view-acne .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-acne .pcx-h-device .pcx-h-photo img,#view-acne #pc-history .pcx-h-photo img[src*="picosure-"],#view-acne #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-acne .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-acne .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-acne .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-acne. */
#view-acne .sw-device-photo{max-width:820px}
#view-acne .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-acne .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-acne .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-acne .sw-figures{max-width:none}
#view-acne .sw-figure img{display:block;width:100%;height:auto}
#view-acne .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-acne .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-acne .sw-figures .sw-figure{margin:0}
#view-acne .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-acne .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-acne .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-acne .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-acne .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .pc-explain h3+p+h3{margin-top:22px}
#view-acne .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-acne .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-acne .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-acne .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-acne .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-acne .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-acne .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-acne .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-acne .sw-history li{position:relative;padding:0 0 22px 28px}
#view-acne .sw-history li:last-child{padding-bottom:0}
#view-acne .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-acne .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-acne .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-acne .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-acne .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-acne .sw-gallery figure{margin:0}
#view-acne .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-acne .sw-gallery img.is-portrait{object-position:50% 30%}
#view-acne .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-acne .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-acne .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-acne .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-acne .sw-case-photo{margin:0;background:#111}
#view-acne .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-acne .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-acne .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-acne .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-acne .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-acne .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-acne .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-acne .sw-area-prices li:last-child{border-bottom:0}
#view-acne .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-acne .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-acne .sw-papers,#view-acne .sw-history-wrap,#view-acne .sw-cases,#view-acne .sw-price-list{grid-template-columns:1fr}#view-acne .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-acne .sw-steps,#view-acne .sw-figures,#view-acne .sw-gallery{grid-template-columns:1fr}#view-acne .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-acne .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-acne .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-acne .sw-interview-video{margin:0;max-width:none}
#view-acne .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-acne .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-acne .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-acne .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-acne .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-acne .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-acne .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-acne .sw-ttt-design,#view-acne .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-acne .sw-ttt-face,#view-acne .sw-heat-field{margin:0}
#view-acne .sw-ttt-face img,#view-acne .sw-heat-field img{display:block;width:100%;height:auto}
#view-acne .sw-heat-field img{border:1px solid var(--sp-border)}
#view-acne .sw-ttt-face figcaption,#view-acne .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-acne .sw-ttt-text .sp-kicker,#view-acne .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-acne .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-acne .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-acne .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-acne .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-acne .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-acne .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-acne .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-acne .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-acne .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-acne .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-acne .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-acne .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-acne .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-acne .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-acne .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-acne .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-acne .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-acne .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-acne .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-acne .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-acne .sw-ttt-design,#view-acne .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-acne .sw-ttt-face,#view-acne .sw-heat-field{max-width:420px}#view-acne .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-acne .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-acne .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-acne .sw-ct-cases-head{margin:44px 0 18px}
#view-acne .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-acne .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-acne .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-acne .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-acne .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-acne .sw-ct-group{margin-top:40px}
#view-acne .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-acne .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-acne .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-acne .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-acne .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-acne .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-acne .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-acne .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-acne .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-acne .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-acne .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-acne .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-acne .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-acne .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-acne .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-acne .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-acne .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-acne .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-acne .sw-table-details,#view-acne .sw-record{margin-top:26px}
#view-acne .sw-table-details .sp-disclosure-content,#view-acne .sw-record .sp-disclosure-content,#view-acne .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-acne .sw-table-details .pc-table-wrap{margin-top:0}
#view-acne .sw-record .sw-history-wrap{margin-top:6px}
#view-acne .sw-ct-more{margin-top:18px}
#view-acne .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-acne .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-acne .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-acne .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-acne .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-acne .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-acne .sw-3d-video{margin:0;max-width:none}
#view-acne .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-acne .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-acne .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-acne .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-acne .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-acne .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-acne .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-acne .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-acne .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-acne .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-acne .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-acne .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-acne .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-acne .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-acne .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-acne .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-acne .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-acne .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-acne .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-acne .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-acne .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-acne .swx-hero-points{margin-top:22px}
#view-acne .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-acne .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-acne .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-acne .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-acne .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-acne .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-acne .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-acne .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-acne .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-acne .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-acne .swx-hero-video{margin:0}
#view-acne .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-acne .sp-video video:not([controls]){pointer-events:none}

/* Pores concern page: components added on top of the spots (sp-*) and PicoSure Pro (pc-*) parts, scoped to #view-acne. */

/* Hero: three concise points, with the clinic's philosophy kept as prose. */
#view-acne .sp-hero .sp-lead{font-size:16px;line-height:1.85;margin-top:16px;color:var(--ink-2)}
#view-acne .po-hero-points{margin-top:22px}
#view-acne .po-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-acne .po-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-acne .po-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-acne .po-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-acne .po-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-acne .po-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-acne .po-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-acne .po-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-acne .po-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}

/* Realistic medical illustrations used in the type and measure cards. */
#view-acne .po-illustration{display:block;width:100%;height:auto;object-fit:cover;background:#fff;border:1px solid var(--sp-border);border-radius:2px}

/* 1. Types of pores */
#view-acne .po-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-acne .po-type{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-acne .po-type .po-illustration{max-width:132px;aspect-ratio:1/1;object-fit:cover;object-position:center}
#view-acne .po-type h3{font-size:19px;line-height:1.5;margin-bottom:8px}
#view-acne .po-type-look{font-size:14px;line-height:1.8;color:var(--gold-ink);margin-bottom:8px}
#view-acne .po-type p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-type-care{margin-top:14px;padding-top:12px;border-top:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-acne .po-type-care-label{display:block;font-size:12px;color:var(--ink-3);letter-spacing:.04em;margin-bottom:2px}
#view-acne .po-type-care-value{display:block;color:var(--ink)}

/* 2. Size, depth and spread */
#view-acne .po-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-acne .po-measure{background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0;text-align:left}
#view-acne .po-measure .po-illustration{max-width:100%;aspect-ratio:3/2;object-fit:cover;border:0;margin-bottom:14px}
#view-acne .po-measure h3{font-size:18px;margin-bottom:6px}
#view-acne .po-measure p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-chain{margin-top:26px;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-acne .po-chain h3{font-size:19px;line-height:1.6;margin-bottom:10px}
#view-acne .po-chain p{font-size:15px;line-height:1.95;color:var(--ink-2)}

/* 3. Treatment history: dates and connected milestones */
#view-acne .po-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
#view-acne .po-steps li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:48px;padding:0 0 28px;min-width:0}
#view-acne .po-steps li::before{content:"";position:absolute;left:143px;top:29px;bottom:-29px;width:2px;background:var(--sp-border)}
#view-acne .po-steps li::after{content:"";position:absolute;left:137px;top:28px;width:14px;height:14px;border:2px solid var(--gold);border-radius:50%;background:#fff;box-sizing:border-box}
#view-acne .po-steps li:last-child{padding-bottom:0}
#view-acne .po-steps li:last-child::before{display:none}
#view-acne .po-step-label{padding-top:22px;font:500 20px/1.4 var(--sans);letter-spacing:.02em;color:var(--gold-ink);text-align:right;white-space:nowrap}
#view-acne .po-step-card{background:#fff;border:1px solid var(--sp-border);padding:24px 28px;min-width:0}
#view-acne .po-step-head{margin-bottom:12px}
#view-acne .po-step-head h3{font-size:21px;line-height:1.6;margin:0}
#view-acne .po-steps p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0}
#view-acne .po-step-current .po-step-card{border-color:var(--gold);border-top:3px solid var(--gold)}
#view-acne .po-steps .po-step-current::after{background:var(--gold)}
#view-acne .po-step-media{display:grid;grid-template-columns:minmax(140px,30%) minmax(0,1fr);align-items:start;gap:24px}
#view-acne .po-step-thumbnail{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;background:#fff}
#view-acne .po-cyno-figure{margin:26px auto 0}
#view-acne .po-cyno-figure img{display:block;width:100%;height:auto}
#view-acne .po-cyno-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-acne .po-cynoglow-film{max-width:900px;margin:38px auto 0;padding-top:28px;border-top:1px solid var(--sp-border)}
#view-acne .po-cynoglow-film h3{font-size:clamp(18px,2vw,23px);line-height:1.65;margin:0 0 18px}
#view-acne .po-cynoglow-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#171523}
#view-acne .po-cynoglow-film figcaption{font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:9px}

/* 4. Planning treatment */
#view-acne .po-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-acne .po-axis{background:#fff;border:1px solid var(--sp-border);padding:26px 28px;min-width:0;display:flex;flex-direction:column}
#view-acne .po-axis h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-acne .po-axis p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-acne .po-axis-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--sp-border);font-size:14px!important}
#view-acne .po-axis .sp-source{margin-top:auto;padding-top:14px}
#view-acne .po-device-image{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--sp-border);margin:0 0 16px}
#view-acne .po-support{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .po-support h3{font-size:19px;margin-bottom:16px}
#view-acne .po-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-acne .po-support-card{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-acne .po-support-card h4{font-size:17px;margin-bottom:8px}
#view-acne .po-support-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-support-card .po-device-image{aspect-ratio:3/2}
#view-acne .po-plan-table{margin-top:30px}
#view-acne .po-preparation-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:start}
#view-acne .po-preparation-copy h3{font-size:clamp(18px,2vw,22px);line-height:1.7;margin:0 0 16px}
#view-acne .po-preparation-copy p{font-size:16px;line-height:1.95;color:var(--ink-2);margin:0 0 16px}
#view-acne .po-prep-video{min-width:0;margin:0}
#view-acne .po-prep-video video{display:block;width:100%;height:auto;background:#111}
#view-acne .po-prep-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
/* 5. Cases: same unboxed, paired photograph cards as the homepage */
#view-acne .po-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-acne .po-gallery-card{padding:0;background:transparent;border:0}
#view-acne .po-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-acne .po-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-acne .po-gallery-card .case-image{margin:0}
#view-acne .po-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-acne .po-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-acne .po-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-acne .po-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-acne .po-case-details summary:hover{color:var(--gold-ink)}
#view-acne .po-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-acne .po-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-acne .po-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-acne .po-case-details dt{padding-top:13px}
#view-acne .po-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
/* Keep tablet portrait and landscape layouts at two case cards per row. */
@media(max-width:1400px){#view-acne .po-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-acne .po-case-gallery{grid-template-columns:minmax(0,1fr)}}

/* 7. Fees */
#view-acne .po-program-overview{margin-bottom:52px}
#view-acne .po-program-doctor{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:center;padding:30px;background:var(--sp-soft);border-top:2px solid var(--gold)}
#view-acne .po-program-doctor figure{margin:0}
#view-acne .po-program-doctor img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 18%}
#view-acne .po-program-doctor .sp-kicker{font-size:12px;letter-spacing:.05em;color:var(--gold-ink);margin:0 0 14px}
#view-acne .po-program-doctor h3{font-size:clamp(21px,2.3vw,28px);line-height:1.65;margin:0 0 18px}
#view-acne .po-program-doctor p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 12px}
#view-acne .po-program-doctor p:last-child{margin-bottom:0}
#view-acne .po-lineup-heading{font-size:22px;line-height:1.6;margin:32px 0 18px}
#view-acne .po-device-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#view-acne .po-device-lineup figure{min-width:0;margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-acne .po-device-lineup img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#efedea}
#view-acne .po-device-lineup figcaption{padding:16px 12px}
#view-acne .po-device-lineup strong{display:block;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:6px}
#view-acne .po-device-lineup figcaption span{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-acne .po-program-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 20px;padding:0;border-block:1px solid var(--sp-border)}
#view-acne .po-program-points>div{padding:22px 20px;min-width:0;border-right:1px solid var(--sp-border)}
#view-acne .po-program-points>div:first-child{padding-left:0}
#view-acne .po-program-points>div:last-child{border-right:0;padding-right:0}
#view-acne .po-program-points dt{font-size:16px;font-weight:500;line-height:1.65;color:var(--ink)}
#view-acne .po-program-points dd{font-size:13px;line-height:1.8;color:var(--ink-2);margin:8px 0 0}
#view-acne .po-program-intro{margin-bottom:30px}
#view-acne .po-program-intro>h3{font-size:23px;line-height:1.6;margin:0 0 16px}
#view-acne .po-program-lead{font-size:16px;line-height:1.95;max-width:65em;margin:0 0 26px;color:var(--ink-2)}
#view-acne .po-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#view-acne .po-program-card{display:flex;flex-direction:column;position:relative;padding:26px 24px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);min-width:0}
#view-acne .po-program-number{font:27px/1.2 var(--latin);color:var(--gold-ink);margin-bottom:20px}
#view-acne .po-program-card .sp-kicker{font-size:12px;letter-spacing:.03em;margin:0 0 10px;color:var(--gold-ink)}
#view-acne .po-program-card h3{font-size:20px;line-height:1.6;margin:0 0 3px}
#view-acne .po-program-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-program-card .po-program-sub{font-size:17px;font-weight:500;color:var(--ink);margin:0 0 18px}
#view-acne .po-program-card .sp-source{margin-top:auto;padding-top:20px}
#view-acne .po-program-assurance{background:var(--sp-soft);padding:26px 28px;margin-top:26px;border-left:3px solid var(--gold)}
#view-acne .po-program-assurance h3,#view-acne .po-device-guide>h3{font-size:22px;line-height:1.6;margin:0 0 14px}
#view-acne .po-program-assurance p,#view-acne .po-device-guide>p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 12px}
#view-acne .po-program-assurance p:last-child{margin-bottom:0}
#view-acne .po-crosstalk-rationale{margin:34px 0 26px;padding:0;background:var(--sp-soft);border-top:2px solid var(--gold);scroll-margin-top:155px}
#view-acne .po-crosstalk-rationale>summary{padding:24px 32px;font-size:clamp(17px,1.8vw,21px);line-height:1.7;color:var(--ink)}
#view-acne .po-crosstalk-rationale>summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-acne .po-crosstalk-body{padding:0 32px 30px}
#view-acne .po-crosstalk-body>h3{font-size:clamp(22px,2.2vw,28px);line-height:1.65;margin:0 0 22px}
#view-acne .po-crosstalk-rationale p{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 16px}
#view-acne .po-crosstalk-explainer{max-width:800px;margin:24px auto}
#view-acne .po-crosstalk-body>.po-crosstalk-brief{max-width:48em;font-size:16px;line-height:1.85}
#view-acne .po-crosstalk-fibroblast{margin:0;min-width:0}
#view-acne .po-crosstalk-fibroblast img{display:block;width:100%;height:auto;border-radius:4px}
#view-acne .po-crosstalk-fibroblast figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-acne .po-crosstalk-panel-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:center;margin:14px 0}
#view-acne .po-crosstalk-panel-labels strong{display:block;font-size:16px;font-weight:500;color:var(--ink);line-height:1.6}
#view-acne .po-crosstalk-panel-labels span{display:block;font-size:13px;margin-top:5px}
#view-acne .po-crosstalk-caption{display:block;line-height:1.8}
#view-acne .po-crosstalk-page-link{display:inline-block;font-size:15px;line-height:1.8;margin:2px 0 8px;padding-bottom:0;border-bottom:0;text-decoration:underline;text-underline-offset:4px}
#view-acne .po-crosstalk-references ol{margin:0;padding-left:22px}
#view-acne .po-crosstalk-references li+li{border-top:1px solid var(--sp-border);margin-top:20px;padding-top:20px}
#view-acne .po-crosstalk-references h4{font-size:16px;line-height:1.7;margin:0 0 10px}
#view-acne .po-crosstalk-references cite{display:block;font-size:13px;font-style:normal;overflow-wrap:anywhere;margin-bottom:8px}
#view-acne .po-crosstalk-references a{font-size:14px}
#view-acne .po-crosstalk-reason-copy{max-width:65em}
#view-acne .po-crosstalk-reason-copy h4{font-size:17px;line-height:1.65;margin:0 0 8px}
#view-acne .po-crosstalk-reason-copy p{margin:0 0 18px}
#view-acne .po-crosstalk-reason-copy p:last-child{margin-bottom:0}
#view-acne .po-crosstalk-detail{margin:20px 0;background:#fff}
#view-acne .po-crosstalk-detail>summary{padding:15px 20px}
#view-acne .po-crosstalk-detail>.sp-disclosure-content{padding:0 20px 20px}
#view-acne .po-crosstalk-zoom{display:inline-block;margin-top:8px;font-size:13px}
#view-acne .po-crosstalk-body>.sp-note{font-size:13px;margin-bottom:0}
#view-acne .po-crosstalk-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;counter-reset:ct-step;padding:0;margin:26px 0}
#view-acne .po-crosstalk-sequence li{position:relative;counter-increment:ct-step;padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-acne .po-crosstalk-sequence li::before{content:counter(ct-step,decimal-leading-zero);display:block;font:20px/1.4 var(--latin);color:var(--gold-ink);margin-bottom:12px}
#view-acne .po-crosstalk-sequence li:not(:last-child)::after{content:'→';position:absolute;right:-24px;top:45%;color:var(--gold-ink);font-size:18px}
#view-acne .po-crosstalk-sequence h4{font-size:16px;line-height:1.7;margin:0 0 8px}
#view-acne .po-crosstalk-sequence p{font-size:13px;line-height:1.8;margin:0}
#view-acne .po-crosstalk-routes{margin:28px 0}
#view-acne .po-crosstalk-routes>h4{font-size:20px;line-height:1.65;margin-bottom:10px}
#view-acne .po-treatment-route{padding:0;list-style:none;margin:18px 0}
#view-acne .po-treatment-route li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px;align-items:center;padding:22px;background:#fff;border:1px solid var(--sp-border);margin-bottom:10px}
#view-acne .po-treatment-route h5{font-size:16px;margin:0 0 6px;line-height:1.75;font-weight:500}
#view-acne .po-treatment-route p{font-size:14px;line-height:1.8;margin:0}
#view-acne .po-treatment-route strong{font-size:16px;font-weight:500;line-height:1.8;color:var(--gold-ink)}
#view-acne .po-device-guide{padding-top:30px;border-top:1px solid var(--sp-border)}
#view-acne .po-device-guide>.po-axes{margin-top:24px}
#view-acne .po-device-details .po-device-guide{padding-top:0;border-top:0}
#view-acne .po-device-details summary{font-size:16px}
#view-acne .po-fee-principles{list-style:none;counter-reset:fee-step;padding:0;margin:0 0 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-acne .po-fee-principles li{position:relative;padding:22px 20px 22px 48px;counter-increment:fee-step}
#view-acne .po-fee-principles li::before{content:counter(fee-step,decimal-leading-zero);position:absolute;top:23px;left:10px;font:19px/1.5 var(--latin);color:var(--gold-ink)}
#view-acne .po-fee-principles h3{font-size:16px;line-height:1.7;margin:0 0 4px}
#view-acne .po-fee-principles p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0}
#view-acne .po-fee-block{margin-top:40px;scroll-margin-top:155px}
#view-acne .po-programme-chapter>#a-plan{padding-bottom:20px}
#view-acne .po-programme-chapter>#a-price{padding-top:24px}
#view-acne .po-program-target{padding:16px 20px;margin:0 0 22px;border-left:2px solid var(--gold);background:var(--sp-soft);max-width:64em}
#view-acne .po-fee-block>h3{font-size:clamp(21px,2.3vw,27px);line-height:1.6;margin:0 0 14px}
#view-acne .po-fee-block>p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-acne .po-fee-block>p.sp-note{font-size:13px}
#view-acne .po-drk-fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
#view-acne .po-drk-fee{border:1px solid var(--sp-border);background:var(--sp-soft);padding:26px 28px;min-width:0}
#view-acne .po-drk-fee h4{font-size:23px;line-height:1.5;margin:0 0 12px}
#view-acne .po-drk-fee>p{font-size:14px;line-height:1.8;color:var(--ink-2);margin:0 0 20px}
#view-acne .po-fee-line{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--sp-border);padding-top:18px}
#view-acne .po-fee-line p{font-size:14px;line-height:1.7;margin:0}
#view-acne .po-fee-pending{display:inline-block;font-size:16px;font-weight:500;line-height:1.5;color:var(--gold-ink);white-space:nowrap}
#view-acne .po-fee-value{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
#view-acne .po-fee-value small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-acne .po-area-guide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;margin:26px 0 20px;padding:26px 28px;background:#fcfaf7;border:1px solid var(--sp-border)}
#view-acne .po-area-guide figure{margin:0;min-width:0}
#view-acne .po-face-map{display:block;width:100%;height:auto;max-width:640px;margin:auto}
#view-acne .po-map-numbers circle{fill:#fff;stroke:#a89989;stroke-width:1}
#view-acne .po-map-numbers text{fill:#514a43;font:500 22px var(--sans)}
#view-acne .po-temple-number text{font-size:14px}
#view-acne .po-map-view-label{font:17px var(--sans);fill:#635c52}
#view-acne .po-region-1{fill:#e4d6ad;background:#e4d6ad}
#view-acne .po-region-2{fill:#dfbaa2;background:#dfbaa2}
#view-acne .po-region-3{fill:#c5c0d6;background:#c5c0d6}
#view-acne .po-region-4{fill:#b6d1df;background:#b6d1df}
#view-acne .po-region-5{fill:#e3bdc4;background:#e3bdc4}
#view-acne .po-region-6{fill:#becbb8;background:#becbb8}
#view-acne .po-area-guide figcaption{font-size:12px;line-height:1.85;color:var(--ink-3);max-width:42em;margin:8px auto 0}
#view-acne .po-area-legend{list-style:none;margin:0;padding:0;display:grid;gap:16px}
#view-acne .po-area-legend li{display:flex;gap:14px;align-items:flex-start}
#view-acne .po-area-dot{display:inline-grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;font-size:16px;color:#39352f;font-weight:500;margin-top:2px}
#view-acne .po-area-legend h5{font-size:17px;line-height:1.6;font-weight:500;margin:0 0 2px}
#view-acne .po-area-legend p{font-size:13px;line-height:1.7;margin:0;color:var(--ink-2)}
#view-acne .po-boundaries{margin:0}
#view-acne .po-boundaries>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-acne .po-boundaries>div:last-child{border:0}
#view-acne .po-boundaries dt{font-size:15px;font-weight:500;margin-bottom:4px}
#view-acne .po-boundaries dd{font-size:14px;line-height:1.85;margin:0}
#view-acne .po-discount-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0 0}
#view-acne .po-discount-grid article{border:1px solid var(--sp-border);padding:20px 12px;text-align:center;min-width:0}
#view-acne .po-discount-grid article:last-child{background:var(--sp-soft);border-color:var(--gold)}
#view-acne .po-discount-grid h4{font-size:20px;line-height:1.6;margin:0 0 7px}
#view-acne .po-discount-grid p{font-size:12px;line-height:1.7;color:var(--ink-2);margin:0 0 14px;min-height:2.9em}
#view-acne .po-discount-grid strong{font-size:13px;line-height:1.7;font-weight:500;color:var(--gold-ink)}
#view-acne .po-crosstalk-fees{padding:30px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .po-fee-table{width:100%;border-collapse:collapse;margin:22px 0 14px;background:#fff}
#view-acne .po-fee-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#view-acne .po-fee-table th,#view-acne .po-fee-table td{padding:17px 20px;border-bottom:1px solid var(--sp-border);text-align:left;line-height:1.6}
#view-acne .po-fee-table thead th{font-size:13px;font-weight:500;background:#f1ebe2}
#view-acne .po-fee-table tbody th{font-size:16px;font-weight:500}
#view-acne .po-follow-on{border-top:1px solid var(--sp-border);margin-top:24px;padding-top:24px}
#view-acne .po-follow-on h4{font-size:19px;line-height:1.7;margin:0 0 12px}
#view-acne .po-follow-on p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-follow-on .po-formula{padding:16px 20px;background:#fff;border-left:3px solid var(--gold);font-weight:500;color:var(--ink);margin:18px 0}
#view-acne .po-follow-on .sp-note{font-size:13px}
#view-acne .po-lesion-fees{margin:22px 0 0}
#view-acne .po-lesion-fees>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--sp-border)}
#view-acne .po-lesion-fees dt{font-size:16px;line-height:1.7}
#view-acne .po-lesion-fees dd{margin:0}
#view-acne .po-count-example{padding:18px 22px;background:var(--sp-soft);margin-top:20px}
#view-acne .po-acne-pricing>.sp-kicker{color:var(--gold-ink);font-size:12px;letter-spacing:.07em;margin:0 0 10px}
#view-acne .po-acne-fee-part{border-top:1px solid var(--sp-border);margin-top:30px;padding-top:26px;scroll-margin-top:155px}
#view-acne .po-acne-fee-part>h4{font-size:22px;line-height:1.6;margin:0 0 14px}
#view-acne .po-acne-fee-part>p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:12px 0}
#view-acne .po-acne-fee-part>p.sp-note{font-size:13px}
#view-acne .po-discount-grid.po-acne-area-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:100%}
#view-acne .po-acne-area-grid article{padding:18px 10px;display:flex;flex-direction:column}
#view-acne .po-acne-area-grid h5{font-size:19px;line-height:1.6;font-weight:500;margin:0 0 12px}
#view-acne .po-acne-area-grid .po-fee-value{display:block;font-size:clamp(21px,1.8vw,25px);line-height:1.4;color:var(--ink)}
#view-acne .po-acne-area-grid .po-area-fee-scope{min-height:0;margin:12px 0;font-size:13px}
#view-acne .po-acne-area-grid .po-area-fee-regular{min-height:0;margin:auto 0 4px;padding-top:10px;border-top:1px solid var(--sp-border);font-size:12px}
#view-acne .po-acne-area-grid .po-fee-value{margin-bottom:12px}
#view-acne .po-acne-area-grid .po-area-fee-saving{font-size:13px}
#view-acne .po-lesion-unit{font-size:13px;color:var(--ink-2);margin-right:12px;white-space:nowrap}
#view-acne .po-lesion-fees dd{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline}
#view-acne .po-acne-fee-part .po-acne-formula{font-size:16px;font-weight:500;padding:20px 24px;background:var(--sp-soft);border-left:3px solid var(--gold);color:var(--ink)}
#view-acne #a-price .sp-heading{margin-bottom:14px}
#view-acne .po-fee-meta{font-size:13px;line-height:1.8;color:var(--ink-2);margin:0 0 20px}
#view-acne .po-fee-nav{display:flex;flex-wrap:wrap;gap:10px 28px;border-bottom:1px solid var(--sp-border);padding-bottom:22px}
#view-acne .po-fee-nav-link{font-size:14px;line-height:1.8;color:var(--gold-ink);padding:5px 0;text-decoration:underline;text-underline-offset:5px}
#view-acne .po-drk-price-group{scroll-margin-top:130px}
#view-acne .po-acne-pricing{margin-top:30px}
#view-acne .po-acne-pricing>.po-fee-assurance{font-size:14px;margin-top:10px;color:var(--ink-2)}
#view-acne .po-method-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}
#view-acne .po-method-letter{display:grid;place-items:center;flex:0 0 38px;height:38px;background:var(--sp-soft);border:1px solid var(--sp-border);color:var(--gold-ink);font:23px/1 var(--latin)}
#view-acne .po-method-heading h4{font-size:21px;line-height:1.5;margin:0 0 4px}
#view-acne .po-method-heading p{font-size:13px;line-height:1.6;margin:0;color:var(--ink-2)}
#view-acne .po-acne-fee-part>.sp-note{margin:12px 0;font-size:12px}
#view-acne .po-area-content{margin-top:26px;scroll-margin-top:155px}
#view-acne .po-area-content>h4{font-size:19px;line-height:1.6;margin:0 0 10px}
#view-acne .po-area-content>p{font-size:14px;line-height:1.8}
#view-acne .po-area-content>.sp-note{font-size:12px}
#view-acne .po-area-content .po-area-guide{margin:18px 0;padding:18px;gap:24px}
#view-acne .po-area-content .po-face-map{max-width:480px}
#view-acne .po-acne-fee-part .po-lesion-fees{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0}
#view-acne .po-acne-fee-part .po-lesion-fees>div{display:block;min-width:0;border:1px solid var(--sp-border);padding:16px 18px}
#view-acne .po-acne-fee-part .po-lesion-fees dt{font-size:15px;margin-bottom:8px}
#view-acne .po-acne-fee-part .po-lesion-fees dd{justify-content:flex-start;gap:5px}
#view-acne .po-acne-fee-part .po-lesion-fees .po-fee-value{font-size:22px}
#view-acne .po-acne-fee-part .po-lesion-unit{margin-right:0;font-size:12px}
#view-acne .po-acne-combination{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin:26px 0 20px;padding:22px 24px;background:var(--sp-soft);border:1px solid var(--sp-border);align-items:center;scroll-margin-top:130px}
#view-acne .po-combination-copy h4{font-size:18px;line-height:1.7;margin:0 0 10px}
#view-acne .po-combination-copy p{font-size:14px;line-height:1.85;margin:0}
#view-acne .po-combination-copy .po-acne-example{font-size:13px;line-height:1.8;color:var(--ink-2);margin:12px 0 0;padding:0;border:0;background:none}
#view-acne .po-acne-cap{padding:0 0 0 26px;border-left:1px solid var(--sp-border);min-width:0}
#view-acne .po-acne-cap h4{font-family:var(--sans);font-size:14px;line-height:1.7;margin:0 0 6px}
#view-acne .po-acne-cap>.po-fee-value{font-size:clamp(21px,2vw,25px);color:var(--gold-ink)}
#view-acne .po-acne-cap p{font-size:12px;line-height:1.8;margin:8px 0 0;color:var(--ink-2)}
#view-acne .po-fee-inclusions{margin:20px 0 0;display:grid;gap:8px}
#view-acne .po-fee-inclusions>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.8}
#view-acne .po-fee-inclusions dt{color:var(--gold-ink)}
#view-acne .po-fee-inclusions dd{margin:0;color:var(--ink-2)}
#view-acne .po-fee-inclusions a{font-size:14px;margin:0}
#view-acne .po-pending-pricing{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--sp-border);padding:26px 0}
#view-acne .po-pending-pricing h3{font-size:23px;line-height:1.5;margin:6px 0 10px}
#view-acne .po-pending-pricing p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-pending-pricing .sp-kicker{font-size:12px;color:var(--gold-ink)}
#view-acne .po-pending-pricing>.po-fee-pending{border:1px solid var(--sp-border);padding:10px 16px;background:var(--sp-soft)}
#view-acne .po-pores-pricing{border-top:2px solid var(--gold);padding-top:32px}
#view-acne .po-pores-pricing>h3{font-size:28px;line-height:1.5;margin:6px 0 24px}
#view-acne .po-pores-pricing>h4{font-size:22px;line-height:1.5;margin:28px 0 12px}
#view-acne .po-pores-pricing>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-acne .po-crosstalk-fees .sp-kicker{color:var(--gold-ink);font-size:12px;margin:0 0 8px}
#view-acne .po-crosstalk-fees .po-fee-table{table-layout:fixed}
#view-acne .po-ct-rate-label{display:none}
#view-acne .po-fee-table .po-fee-value{font-size:22px}
#view-acne .po-crosstalk-fees>.sp-note{margin:12px 0}
#view-acne .po-follow-on h4{font-size:18px;margin-bottom:8px}
#view-acne .po-follow-on p{font-size:14px}
#view-acne .po-follow-on .sp-disclosure{margin-bottom:0}
#view-acne .po-follow-on .sp-disclosure summary{font-size:14px}
#view-acne .po-fee-extra>.sp-consult-note{margin-top:0;padding:0;background:none;border:0}
#view-acne .po-fee-extra>.sp-consult-note>b{display:none}
#view-acne .po-fee-extra .sp-disclosure-content>.sp-consult-note{margin:0;border:0;padding:0;background:none}
@media(max-width:1100px){
#view-acne .po-device-lineup{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-acne .po-program-doctor{grid-template-columns:150px minmax(0,1fr);gap:24px;padding:24px}
#view-acne .po-program-grid{grid-template-columns:1fr}
#view-acne .po-program-card{padding-left:76px}
#view-acne .po-program-number{position:absolute;top:28px;left:24px}
#view-acne .po-discount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-acne .po-discount-grid.po-acne-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-acne .po-area-guide{grid-template-columns:1fr}
#view-acne .po-area-guide figure{max-width:640px;margin:auto}
#view-acne .po-area-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
}
@media(max-width:640px){
#view-acne .po-discount-grid.po-acne-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-acne .po-acne-area-grid article{padding:20px 10px}
#view-acne .po-acne-area-grid .po-fee-value{font-size:20px}
#view-acne .po-acne-area-grid .po-area-fee-saving{font-size:13px}
#view-acne .po-acne-area-grid .po-area-fee-scope{font-size:12px}
#view-acne .po-lesion-unit{font-size:11px;margin-right:6px}
#view-acne .po-acne-combination{grid-template-columns:1fr;gap:16px;padding:18px}
#view-acne .po-acne-cap{border-left:0;border-top:1px solid var(--sp-border);padding:16px 0 0}
#view-acne .po-fee-inclusions>div{grid-template-columns:84px minmax(0,1fr);gap:8px;font-size:13px}
#view-acne .po-fee-inclusions a{font-size:13px}
#view-acne .po-pending-pricing{display:block}
#view-acne .po-pending-pricing>.po-fee-pending{margin-top:14px}
#view-acne .po-acne-fee-part .po-lesion-fees>div{padding:14px 12px}
#view-acne .po-acne-fee-part .po-lesion-fees .po-fee-value{font-size:20px}
#view-acne .po-fee-nav{gap:6px 20px}
#view-acne .po-acne-fee-part>h4{font-size:20px}
#view-acne .po-crosstalk-rationale{padding:0}
#view-acne .po-crosstalk-rationale>summary{padding:20px}
#view-acne .po-crosstalk-body{padding:0 20px 24px}
#view-acne .po-treatment-route li{grid-template-columns:1fr;gap:12px;padding:18px}
#view-acne .po-crosstalk-panel-labels{gap:7px}
#view-acne .po-crosstalk-panel-labels strong{font-size:12px}
#view-acne .po-crosstalk-panel-labels span{font-size:11px}
#view-acne .po-crosstalk-detail>summary{padding:14px 16px}
#view-acne .po-crosstalk-detail>.sp-disclosure-content{padding:0 16px 18px}
#view-acne .po-crosstalk-reason-copy h4{font-size:16px}
#view-acne .po-crosstalk-sequence{grid-template-columns:1fr;gap:26px}
#view-acne .po-crosstalk-sequence li:not(:last-child)::after{content:'↓';right:auto;left:calc(50% - 9px);top:auto;bottom:-26px}
#view-acne .po-program-doctor{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:22px 20px}
#view-acne .po-program-doctor>div{display:contents}
#view-acne .po-program-doctor figure{grid-column:1;grid-row:1}
#view-acne .po-program-doctor .sp-kicker{grid-column:2;grid-row:1;align-self:center;margin:0}
#view-acne .po-program-doctor h3{grid-column:1/-1;font-size:21px;margin:0}
#view-acne .po-program-doctor p:not(.sp-kicker){grid-column:1/-1;font-size:14px;margin:0}
#view-acne .po-lineup-heading{font-size:20px}
#view-acne .po-device-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-acne .po-device-lineup strong{font-size:14px}
#view-acne .po-device-lineup figcaption{padding:12px 10px}
#view-acne .po-program-points{grid-template-columns:1fr}
#view-acne .po-program-points>div,#view-acne .po-program-points>div:first-child,#view-acne .po-program-points>div:last-child{border-right:0;border-bottom:1px solid var(--sp-border);padding:16px 0}
#view-acne .po-program-points>div:last-child{border-bottom:0}
#view-acne .po-program-points dd{margin-top:4px}
#view-acne .po-fee-principles{grid-template-columns:1fr}
#view-acne .po-fee-principles li{padding:16px 0 16px 40px}
#view-acne .po-fee-principles li::before{top:16px;left:0}
#view-acne .po-program-card{padding:24px 20px 24px 64px}
#view-acne .po-program-number{left:18px;top:26px;font-size:23px}
#view-acne .po-program-card h3{font-size:19px}
#view-acne .po-program-assurance{padding:22px 20px}
#view-acne .po-drk-fees{grid-template-columns:1fr;gap:14px}
#view-acne .po-drk-fee{padding:22px 20px}
#view-acne .po-area-guide{padding:16px 12px;gap:26px}
#view-acne .po-area-legend{gap:20px 12px}
#view-acne .po-area-legend li{gap:8px}
#view-acne .po-area-dot{flex-basis:27px;height:27px;font-size:14px}
#view-acne .po-area-legend h5{font-size:16px}
#view-acne .po-area-legend p{font-size:12px}
#view-acne .po-discount-grid{gap:8px}
#view-acne .po-discount-grid article{padding:16px 8px}
#view-acne .po-discount-grid h4{font-size:18px}
#view-acne .po-crosstalk-fees{padding:24px 16px}
#view-acne .po-fee-table th,#view-acne .po-fee-table td{padding:14px 7px}
#view-acne .po-fee-table tbody th{font-size:14px}
#view-acne .po-fee-table .po-fee-value{font-size:16px}
#view-acne .po-crosstalk-fees .po-fee-table{display:block;background:none}
#view-acne .po-crosstalk-fees .po-fee-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#view-acne .po-crosstalk-fees .po-fee-table tbody{display:grid;gap:12px}
#view-acne .po-crosstalk-fees .po-fee-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid var(--sp-border)}
#view-acne .po-crosstalk-fees .po-fee-table tbody th{grid-column:1/-1;padding:10px 12px;font-size:16px}
#view-acne .po-crosstalk-fees .po-fee-table td{padding:12px;border-bottom:0;min-width:0}
#view-acne .po-crosstalk-fees .po-fee-table td+td{border-left:1px solid var(--sp-border)}
#view-acne .po-crosstalk-fees .po-fee-table .po-fee-value{font-size:20px}
#view-acne .po-ct-rate-label{display:block;font-size:12px;margin-bottom:6px;color:var(--ink-2)}
#view-acne .po-fee-value small{font-size:10px;margin-left:1px}
#view-acne .po-lesion-fees dt{font-size:14px}
#view-acne .po-lesion-fees .po-fee-pending{font-size:14px}
#view-acne .po-fee-line{flex-wrap:wrap}
}
@media(max-width:360px){
#view-acne .po-crosstalk-fees .po-fee-table .po-fee-value{font-size:18px}
}
#view-acne .po-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-acne .po-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-acne .po-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-acne .po-area-prices li:last-child{border-bottom:0}
#view-acne .po-area-prices b{font-weight:500;white-space:nowrap}
#view-acne .po-price-more{margin:18px 0 0;padding:20px 24px;list-style:none;background:#fff;border:1px solid var(--sp-border)}
#view-acne .po-price-more li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-acne .po-price-more li:last-child{border-bottom:0}
#view-acne .po-price-more b{font-weight:500;white-space:nowrap}

/* 10. Approval */
#view-acne .po-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}

@media(max-width:900px){
#view-acne .po-acne-fee-part .po-lesion-fees{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-acne .po-types,#view-acne .po-axes,#view-acne .po-prices,#view-acne .po-support-grid{grid-template-columns:1fr}
#view-acne .po-measures{grid-template-columns:1fr}
}
@media(min-width:641px) and (max-width:900px){
#view-acne .po-acne-combination{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:20px}
}
@media(max-width:760px){
#view-acne .po-preparation-grid{grid-template-columns:minmax(0,1fr);gap:24px}
#view-acne .po-type{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px}
#view-acne .po-type .po-illustration{max-width:96px}
#view-acne .po-axis,#view-acne .po-support,#view-acne .po-chain{padding:20px}
#view-acne .po-steps li{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 0 26px 28px}
#view-acne .po-steps li::before{left:6px;top:13px;bottom:-13px}
#view-acne .po-steps li::after{left:0;top:7px}
#view-acne .po-step-label{padding-top:0;text-align:left;font-size:18px}
#view-acne .po-step-card{padding:20px}
#view-acne .po-step-head h3{font-size:18px}
#view-acne .po-step-media{display:flow-root}
#view-acne .po-step-thumbnail{float:left;width:100px;max-width:38%;margin:4px 14px 8px 0}
#view-acne .po-price-more{padding:18px 20px}
}
#view-acne #po-approval .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}

/* CrossTALK rationale: teaser card that invites the click (user instruction 2026-09-25). */
#view-acne .po-crosstalk-teaser{margin:34px 0 26px;padding:30px 32px 28px;background:#fff;border:1px solid var(--gold);border-top:3px solid var(--gold);scroll-margin-top:155px}
#view-acne .po-crosstalk-teaser>.sp-kicker{margin-bottom:10px}
#view-acne .po-crosstalk-teaser>h3{font-size:clamp(22px,2.4vw,30px);line-height:1.55;margin:0 0 18px}
#view-acne .po-crosstalk-teaser-points{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-acne .po-crosstalk-teaser-points li{padding:14px 16px;border-left:2px solid var(--gold);background:var(--sp-soft);font-size:15px;line-height:1.8;color:var(--ink)}
#view-acne .po-crosstalk-teaser .po-crosstalk-rationale{margin:0;border-top:0;background:transparent}
#view-acne .po-crosstalk-teaser .po-crosstalk-rationale>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:var(--ink);color:#fff;font-size:clamp(15px,1.5vw,17px);font-weight:600;letter-spacing:.04em;line-height:1.6;cursor:pointer;transition:background .2s}
#view-acne .po-crosstalk-teaser .po-crosstalk-rationale>summary:hover{background:var(--gold-ink)}
#view-acne .po-crosstalk-teaser .po-crosstalk-rationale>summary::after{content:'→';font-weight:400;font-size:20px}
#view-acne .po-crosstalk-teaser .po-crosstalk-rationale[open]>summary::after{content:'−'}
#view-acne .po-crosstalk-teaser .po-crosstalk-body{padding:26px 0 0}
@media(max-width:760px){#view-acne .po-crosstalk-teaser{padding:22px 20px 20px}#view-acne .po-crosstalk-teaser-points{grid-template-columns:minmax(0,1fr);gap:10px}#view-acne .po-crosstalk-teaser .po-crosstalk-rationale>summary{padding:14px 16px}#view-acne .po-crosstalk-teaser .po-crosstalk-body{padding:20px 0 0}}

/* 2026-09-26: magazine-style reading order (user: 絵や写真があると雑誌感覚で最後まで読める) — essentials cards, illustrated acne box, timeline pictures, collapsed case sets, recovery picture. New po- classes only; existing component rules untouched. */
#view-acne .po-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-acne .po-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-acne .po-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-acne .po-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-acne .po-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-acne .po-chain-illustrated{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:28px;align-items:center}
#view-acne .po-chain-art{margin:0;min-width:0}
#view-acne .po-chain-art .po-illustration{aspect-ratio:10/9;object-fit:cover}
#view-acne .po-chain-copy{min-width:0}
#view-acne .po-step-photo{object-fit:cover;border:1px solid var(--sp-border)}
#view-acne .po-step-figure{object-fit:contain;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-acne .po-cases-more{margin-top:38px;border-top:1px solid var(--sp-border)}
#view-acne .po-cases-more>summary{font-size:15px;padding-block:18px}
#view-acne .po-cases-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;padding:0 0 8px}
#view-acne .po-cases-more .sp-disclosure-content>.cases{margin-top:4px}
#view-acne .po-risk-art{margin:0 0 26px}
#view-acne .po-risk-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 38%;border:1px solid var(--sp-border)}
@media(max-width:900px){#view-acne .po-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-acne .po-chain-illustrated{grid-template-columns:minmax(0,1fr);gap:16px}#view-acne .po-chain-art{max-width:260px}#view-acne .po-risk-art img{aspect-ratio:16/9}}
@media(max-width:560px){#view-acne .po-quick{grid-template-columns:minmax(0,1fr)}}

/* Acne concern page: adjustments on top of the pores concern-page components (po-*), scoped to #view-acne. */

/* The type schematics are nearly square illustrations with labels; show them whole. */
#view-acne .po-type .po-illustration{object-fit:contain}
#view-acne .po-type .sp-source{display:inline-block;margin-top:10px}

/* The three points we assess are text cards (no comparison illustrations). */
#view-acne .po-measure{border-top:2px solid var(--gold)}

/* Treatment demonstration videos below the two main devices. */
#view-acne .ac-treatment-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
#view-acne .ac-treatment-videos .sp-video{margin:0}
#view-acne .ac-treatment-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-acne .ac-treatment-videos figcaption{font-size:13px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* CynoGlow study: white-paper cover beside the summary. */
#view-acne .ac-cynoglow-paper{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:start;margin-top:24px}
#view-acne .ac-cynoglow-paper figure{margin:0}
#view-acne .ac-cynoglow-paper img{display:block;width:100%;height:auto;border:1px solid var(--sp-border)}
#view-acne .ac-cynoglow-paper figcaption{font-size:12px;line-height:1.6;color:var(--ink-3);margin-top:6px}
#view-acne .ac-cynoglow-paper p+p{margin-top:10px}
#view-acne #a-history .sp-disclosure{margin-top:28px}

/* Risks by device, then approval information. */
#view-acne .sp-recovery{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-acne #a-risk>.wrap>p{margin-top:16px}
#view-acne .acx-approval{margin-top:clamp(40px,4vw,56px)}
#view-acne .acx-approval h3{font-size:clamp(20px,1.8vw,24px);line-height:1.5;margin:4px 0 10px}
#view-acne .acx-approval>p:not(.sp-kicker){margin-bottom:18px}

@media(max-width:760px){
#view-acne .ac-treatment-videos,#view-acne .sp-recovery{grid-template-columns:minmax(0,1fr)}
#view-acne .ac-cynoglow-paper{grid-template-columns:96px minmax(0,1fr);gap:14px}
}
#view-acne #a-approval .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-wrinkles{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-wrinkles .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-wrinkles .sp-soft{background:var(--sp-soft)}
#view-wrinkles .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-wrinkles .sp-heading{margin-bottom:26px;max-width:46em}
#view-wrinkles .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-wrinkles .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-wrinkles .sp-heading .sp-kicker{margin-top:0}
#view-wrinkles .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-wrinkles .sp-note a,#view-wrinkles .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-wrinkles .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-wrinkles .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-wrinkles .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-wrinkles .crumbs span::before{content:none}
#view-wrinkles .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-wrinkles .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-wrinkles .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-wrinkles .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-wrinkles .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-wrinkles .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-wrinkles .sp-hero-trust a{margin-top:7px}
#view-wrinkles .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-wrinkles .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-wrinkles .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-wrinkles .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-wrinkles .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-wrinkles .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-wrinkles .sp-nav a{flex-shrink:0}
#view-wrinkles .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-wrinkles .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-wrinkles .sp-nav a:hover{color:var(--gold-ink)}
#view-wrinkles .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-wrinkles .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-wrinkles .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-wrinkles .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-wrinkles .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-wrinkles .sp-type-body{padding:21px 22px 22px}
#view-wrinkles .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-wrinkles .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-wrinkles .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-wrinkles .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-wrinkles .sp-type .sp-source{margin-top:12px}
#view-wrinkles .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-wrinkles .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-wrinkles .sp-case-head{padding:20px 22px 16px}
#view-wrinkles .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-wrinkles .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-wrinkles .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-wrinkles .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-wrinkles .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-wrinkles .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-wrinkles .sp-case-body{padding:18px 22px 22px}
#view-wrinkles .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-wrinkles .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-wrinkles .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-wrinkles .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-wrinkles .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-wrinkles .sp-case-body .sp-source{margin-top:14px}
#view-wrinkles .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-wrinkles .sp-case-details>summary{min-height:48px}
#view-wrinkles .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-wrinkles .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-wrinkles .sp-approach-list{display:grid;gap:0}
#view-wrinkles .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-wrinkles .sp-approach-item:first-child{padding-top:0}
#view-wrinkles .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-wrinkles .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-wrinkles .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-wrinkles .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-wrinkles .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-wrinkles .sp-doctor h3{font-size:21px;line-height:1.5}
#view-wrinkles .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-wrinkles .sp-doctor .sp-source{white-space:nowrap}
#view-wrinkles .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-wrinkles .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-wrinkles .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-wrinkles .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-wrinkles .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-wrinkles .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-wrinkles .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-wrinkles .sp-expertise-facts>div:first-child{padding-top:0}
#view-wrinkles .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-wrinkles .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-wrinkles .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-wrinkles .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-wrinkles .sp-expertise-grid figure{max-width:480px}
 #view-wrinkles .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-wrinkles .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-wrinkles .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-wrinkles .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-wrinkles .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-wrinkles .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-wrinkles .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-wrinkles .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-wrinkles .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-wrinkles .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-wrinkles .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-wrinkles .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-wrinkles .sp-disclosure>summary::after{content:'＋';flex:none}
#view-wrinkles .sp-disclosure[open]>summary::after{content:'−'}
#view-wrinkles .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .sp-disclosure-content p+p{margin-top:12px}
#view-wrinkles .sp-approval-list{display:grid;gap:10px}
#view-wrinkles .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-wrinkles .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-wrinkles .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-wrinkles .sp-price-intro>div{flex:1 1 320px}
#view-wrinkles .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-wrinkles .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-wrinkles .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-wrinkles .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-wrinkles .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-wrinkles .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-wrinkles .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-wrinkles .sp-price-heading{margin-bottom:16px}
#view-wrinkles .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-wrinkles .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-wrinkles .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-wrinkles .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-wrinkles .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-wrinkles .sp-price .sp-yen{display:block;margin:0}
#view-wrinkles .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-wrinkles .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-wrinkles .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-wrinkles .sp-price-list{margin-top:8px}
#view-wrinkles .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-wrinkles .sp-price-list dt{min-width:0}
#view-wrinkles .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-wrinkles .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-wrinkles .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-wrinkles .sp-flow-head{display:block;margin-bottom:14px}
#view-wrinkles .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-wrinkles .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-wrinkles .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-wrinkles .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-wrinkles .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-wrinkles .sp-recovery>div:last-child{border-right:0}
#view-wrinkles .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-wrinkles .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-wrinkles .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .sp-risk-details{margin-top:22px}
#view-wrinkles .sp-faq{margin-inline:0}
#view-wrinkles .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-wrinkles .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-wrinkles .sp-tech h3{font-size:22px;line-height:1.6}
#view-wrinkles .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-wrinkles .sp-tech h3+p{margin-top:10px}
#view-wrinkles .sp-video>summary{cursor:pointer;list-style:none}
#view-wrinkles .sp-video>summary::-webkit-details-marker{display:none}
#view-wrinkles .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-wrinkles .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-wrinkles .sp-flow-text{display:block;margin-top:12px}
#view-wrinkles .sp-video-body{padding-bottom:16px}
#view-wrinkles .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-wrinkles .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-wrinkles .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-wrinkles .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-wrinkles .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-wrinkles .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-wrinkles .sp-tech>img{width:76px;height:99px}
 #view-wrinkles .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-wrinkles .sp-homecare>img{max-height:220px}
}
#view-wrinkles .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-wrinkles .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-wrinkles .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-wrinkles .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-wrinkles .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-wrinkles .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-wrinkles .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-wrinkles .sp-final .btn{font-size:14px}
#view-wrinkles .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-wrinkles :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-wrinkles .sp-devices{grid-template-columns:1fr}
  #view-wrinkles .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-wrinkles .sp-device-head{margin-bottom:0}
  #view-wrinkles .sp-device .sp-disclosure{grid-column:1/-1}
  #view-wrinkles .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-wrinkles .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-wrinkles .sp-doctor>img{width:90px;height:100px}
  #view-wrinkles .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-wrinkles .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-wrinkles .sp-hero h1{font-size:32px}
  #view-wrinkles .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-wrinkles .sp-hero-lead{margin-top:17px}
  #view-wrinkles .sp-hero-photo img{aspect-ratio:16/9}
  #view-wrinkles .sp-hero-photo figcaption{font-size:12px}
  #view-wrinkles .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-wrinkles .sp-types,#view-wrinkles .sp-cases,#view-wrinkles .sp-approach,#view-wrinkles .sp-prices{grid-template-columns:1fr}
  #view-wrinkles .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-wrinkles .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-wrinkles .sp-type-body{padding:19px 20px}
  #view-wrinkles .sp-type h3{font-size:20px}
  #view-wrinkles .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-wrinkles .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-wrinkles .sp-approach{gap:24px}
  #view-wrinkles .sp-approach-image img{max-height:260px}
  #view-wrinkles .sp-recovery{grid-template-columns:1fr}
  #view-wrinkles .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-wrinkles .sp-recovery>div:last-child{border-bottom:0}
  #view-wrinkles .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-wrinkles .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-wrinkles .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-wrinkles .sp-hero h1{font-size:29px}
  #view-wrinkles .sp-actions{align-items:stretch}
  #view-wrinkles .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-wrinkles .sp-type{grid-template-columns:1fr}
  #view-wrinkles .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-wrinkles .sp-type-art img{max-height:130px}
  #view-wrinkles .sp-layer-labels{justify-content:center;gap:26px}
  #view-wrinkles .sp-type-body{padding:19px 20px}
  #view-wrinkles .sp-case-head,#view-wrinkles .sp-case-body{padding-inline:18px}
  #view-wrinkles .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-wrinkles .sp-case-photos{padding-inline:10px;gap:4px}
  #view-wrinkles .sp-device{display:block;padding:20px}
  #view-wrinkles .sp-device-head{margin-bottom:14px}
  #view-wrinkles .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-wrinkles .sp-flow>li{padding:18px 20px}
  #view-wrinkles .sp-flow-head{margin-bottom:10px}
  #view-wrinkles .sp-price{padding:22px}
  #view-wrinkles .sp-price-intro{padding:20px}
  #view-wrinkles .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-wrinkles .sp-price-list dd{flex-basis:100%}
  #view-wrinkles .sp-doctor{gap:14px}
  #view-wrinkles .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-wrinkles :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-wrinkles .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-wrinkles .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-wrinkles .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-wrinkles .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-wrinkles .sp-entry-link:first-child{padding-left:0}
#view-wrinkles .sp-entry-link:last-child{border-right:0}
#view-wrinkles .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-wrinkles .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-wrinkles .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-wrinkles .sp-entry-link:hover{background:var(--sp-soft)}
#view-wrinkles .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-wrinkles .sp-consult h3{font-size:24px;line-height:1.65}
#view-wrinkles .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-wrinkles .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-wrinkles .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-wrinkles .sp-consult .sp-note{margin-top:7px}
#view-wrinkles #s-doctor-section{padding-top:58px}
#view-wrinkles #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-wrinkles .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-wrinkles .sp-expertise-grid figure{align-self:center}
#view-wrinkles .sp-expertise-facts dt{font-size:16px}
#view-wrinkles .sp-expertise-facts dd{font-size:14px}
#view-wrinkles .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-wrinkles .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-wrinkles .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-wrinkles .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-wrinkles .sp-flow{list-style:none;padding:0}
#view-wrinkles .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-wrinkles .sp-flow-head img,#view-wrinkles .sp-video video{border:1px solid var(--sp-border)}
#view-wrinkles .sp-recovery{border:0}
#view-wrinkles .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-wrinkles .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-wrinkles .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-wrinkles .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-wrinkles .sp-visit-info a{color:var(--on-night)}
#view-wrinkles a:focus-visible,#view-wrinkles summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-wrinkles .sp-entry-links{grid-template-columns:1fr}
 #view-wrinkles .sp-entry-link,#view-wrinkles .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-wrinkles .sp-entry-link:last-child{border-bottom:0}
 #view-wrinkles .sp-entry-link strong{font-size:18px}
 #view-wrinkles .sp-entry-link span span{margin-top:3px}
 #view-wrinkles .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-wrinkles .sp-consult h3{font-size:22px}
 #view-wrinkles .sp-consult ul{display:block}
 #view-wrinkles .sp-consult li{margin-top:6px}
 #view-wrinkles .sp-consult .btn{width:100%}
 #view-wrinkles .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-wrinkles .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-wrinkles .sp-recovery>div::before{top:4px;left:-5px}
 #view-wrinkles .sp-recovery>div:last-child{padding-bottom:0}
 #view-wrinkles .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-wrinkles *{scroll-behavior:auto;transition:none}}

#view-wrinkles .sp-type-art img{max-height:145px}
#view-wrinkles .sp-type-body{padding:20px}
#view-wrinkles .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-wrinkles .sp-price>p.sp-price-unit,#view-wrinkles .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-wrinkles .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-wrinkles .sp-price{padding:26px 0}
 #view-wrinkles .sp-price-description{margin-bottom:20px}
 #view-wrinkles .sp-price>.sp-note{min-height:0}
 #view-wrinkles .sp-price h3{font-size:23px}
 #view-wrinkles .sp-price .sp-yen{font-size:20px}
 #view-wrinkles .sp-price-intro{padding:22px;gap:16px}
 #view-wrinkles .sp-price-intro>div{flex-basis:100%}
}

#view-wrinkles .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-wrinkles .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-wrinkles .sp-consult-fees>div:last-child{border-bottom:0}
#view-wrinkles .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-wrinkles .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-wrinkles .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-wrinkles .sp-consult-fees{flex-basis:100%}#view-wrinkles .sp-consult-fees dd{font-size:21px}#view-wrinkles .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-wrinkles .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-wrinkles .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-wrinkles .sp-price-intro{padding:20px 18px;gap:18px}
 #view-wrinkles .sp-consult-fees{flex-basis:100%;width:100%}
 #view-wrinkles .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-wrinkles .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-wrinkles .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-wrinkles .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-wrinkles .sp-fee-period::before{content:none}
 html[lang="en"] #view-wrinkles .sp-fee-period{white-space:normal;font-size:14px}
 #view-wrinkles .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-wrinkles .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-wrinkles .sp-prices{gap:16px;border:0}
 #view-wrinkles .sp-price,#view-wrinkles .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-wrinkles .sp-price-heading{order:0;margin-bottom:14px}
 #view-wrinkles .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-wrinkles .sp-price h3{font-size:22px;letter-spacing:0}
 #view-wrinkles .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-wrinkles .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-wrinkles .sp-price .sp-price-unit{font-size:12px}
 #view-wrinkles .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-wrinkles .sp-price>.sp-note{order:3;margin-top:10px}
 #view-wrinkles .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-wrinkles .sp-price,#view-wrinkles .sp-price+.sp-price{padding:20px 16px}
 #view-wrinkles .sp-price h3{font-size:20px}
 #view-wrinkles .sp-price .sp-yen{font-size:20px}
 #view-wrinkles .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-wrinkles .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-wrinkles .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-wrinkles .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-wrinkles .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-wrinkles .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-wrinkles .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-wrinkles .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-wrinkles .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-wrinkles .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-wrinkles .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-wrinkles .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-wrinkles .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-wrinkles .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-wrinkles .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-wrinkles .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-wrinkles .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-wrinkles .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-wrinkles .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-wrinkles .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-wrinkles .sp-entry-hint{margin:8px 0 22px}
#view-wrinkles .sp-entry-links{gap:14px;border:0}
#view-wrinkles .sp-entry-link,#view-wrinkles .sp-entry-link:first-child,#view-wrinkles .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-wrinkles .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-wrinkles .sp-entry-link:hover,#view-wrinkles .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-wrinkles .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-wrinkles .sp-entry-copy{min-width:0}
#view-wrinkles .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-wrinkles .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-wrinkles .sp-entry-question{font-size:22px}
 #view-wrinkles .sp-entry-link,#view-wrinkles .sp-entry-link:first-child,#view-wrinkles .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-wrinkles .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-wrinkles .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-wrinkles .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-wrinkles .sp-anes{margin-top:10px}
#view-wrinkles .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-wrinkles .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-wrinkles .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-wrinkles .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-wrinkles .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-wrinkles .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-wrinkles .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-wrinkles .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-wrinkles .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-wrinkles .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-wrinkles .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-wrinkles .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-wrinkles .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-wrinkles .hg-head>div{min-width:0}
#view-wrinkles .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-wrinkles .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-wrinkles .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-wrinkles .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-wrinkles .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-wrinkles .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-wrinkles .hg-menu-photo{margin:0}
#view-wrinkles .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-wrinkles .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-wrinkles .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-wrinkles .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-wrinkles .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-wrinkles .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-wrinkles .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-wrinkles .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-wrinkles .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-wrinkles .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-wrinkles .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-wrinkles .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-wrinkles .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-wrinkles .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-wrinkles .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-wrinkles .hg-menu-note{margin:14px 0 0}
#view-wrinkles .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-wrinkles .hg-menu-links-label{margin-right:4px}
#view-wrinkles .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-wrinkles .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-wrinkles .hg-menu-fees{gap:8px}#view-wrinkles .hg-fee{padding:14px 14px 12px}#view-wrinkles .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-wrinkles .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-wrinkles .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-wrinkles .hg-menu-range{margin:14px 0 0}
#view-wrinkles .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-wrinkles .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-wrinkles .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-wrinkles .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-wrinkles .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-wrinkles .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-wrinkles .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-wrinkles .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-wrinkles .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-wrinkles .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-wrinkles .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-wrinkles .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-wrinkles .cg-card{padding:0;background:transparent;border:0}
#view-wrinkles .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-wrinkles .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-wrinkles .cg-card .case-image{margin:0}
#view-wrinkles .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-wrinkles .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-wrinkles .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-wrinkles .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-wrinkles .cg-details summary:hover{color:var(--gold-ink)}
#view-wrinkles .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-wrinkles .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-wrinkles .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-wrinkles .cg-details dt{padding-top:13px}
#view-wrinkles .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-wrinkles .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-wrinkles .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-wrinkles .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-wrinkles .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-wrinkles .sp-section .dn-gallery,#view-wrinkles .sp-section .sw-gallery,#view-wrinkles .sp-section .pc-lecture-figs,#view-wrinkles .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-wrinkles .sp-section .sw-interview,#view-wrinkles .sp-section .ul-doctor-grid,#view-wrinkles .sp-section .sv-doctor-hero,#view-wrinkles .sp-section .wrx-evidence,#view-wrinkles .sp-section .uex-evidence,#view-wrinkles .sp-section .ml-doctor-grid,#view-wrinkles .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-wrinkles .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-wrinkles .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-wrinkles .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-wrinkles .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-wrinkles .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-wrinkles .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-wrinkles .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-wrinkles .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-wrinkles .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-wrinkles .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-wrinkles .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-wrinkles .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .hgd-svg{display:block;width:100%;height:auto}
#view-wrinkles .hgd-sp{display:none}
#view-wrinkles .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-wrinkles .hgd-layer{font-size:30px}
#view-wrinkles .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-wrinkles .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-wrinkles .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-wrinkles .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-wrinkles .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-wrinkles .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-wrinkles .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-wrinkles .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-wrinkles .hgd-art{opacity:.92}
#view-wrinkles .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-wrinkles .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-wrinkles .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-wrinkles .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-wrinkles .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-wrinkles .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-wrinkles .hgd-layer{font-size:25px}
html[lang^="en"] #view-wrinkles .hgd-sub{font-size:19px}
html[lang^="en"] #view-wrinkles .hgd-br{font-size:27px}
#view-wrinkles .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-wrinkles .hgd-pc .hgd-layer{font-size:38px}
 #view-wrinkles .hgd-pc .hgd-sub{font-size:30px}
 #view-wrinkles .hgd-pc .hgd-name{font-size:42px}
 #view-wrinkles .hgd-pc .hgd-kind{font-size:31px}
 #view-wrinkles .hgd-pc .hgd-br{font-size:36px}
 #view-wrinkles .hgd-pc .hgd-mm{font-size:40px}
 #view-wrinkles .hgd-pc .hgd-note{font-size:26px}
 #view-wrinkles .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-wrinkles .hg-lineup img{width:72px;height:72px}
 #view-wrinkles .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-wrinkles .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-wrinkles .hg-lineup,#view-wrinkles .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-wrinkles .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-wrinkles .hg-lineup img{width:56px;height:56px}
 #view-wrinkles .hg-lineup figcaption{padding:7px 8px}
 #view-wrinkles .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-wrinkles .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-wrinkles .hg-lineup figcaption small{font-size:10.5px}
 #view-wrinkles .hgd-pc{display:none}
 #view-wrinkles .hgd-sp{display:block}
 #view-wrinkles .hgd-layer,#view-wrinkles .hgd-name,#view-wrinkles .hgd-br,#view-wrinkles .hgd-mm{font-size:34px}
 #view-wrinkles .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-wrinkles .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-wrinkles .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-wrinkles .hgd-layer{font-size:30px}
 #view-wrinkles .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-wrinkles .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-wrinkles .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Wrinkles & laxity page: page-only additions on top of the shared spots components (scoped to #view-wrinkles).
   Colours, type and spacing come from the shared tokens; do not reintroduce page-specific palettes. */
#view-wrinkles figure{margin:0;min-width:0}
#view-wrinkles .sp-nav a{min-height:48px}
#view-wrinkles .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-wrinkles .sp-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:34em}
#view-wrinkles .sp-lead-secondary{font-size:15px;line-height:1.95;color:var(--ink-2);margin-top:12px;max-width:34em}
#view-wrinkles .sp-hero .sp-note+.sp-source{margin-top:4px}
#view-wrinkles :is(section,.wrx-region,.wrx-case,.wrx-types-chapter){scroll-margin-top:88px}

/* Three area entry cards */
#view-wrinkles .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Approach */
#view-wrinkles .wrx-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-wrinkles .wrx-approach-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-wrinkles .wrx-approach-card h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-wrinkles .wrx-approach-card p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wrx-approach-grid+.sp-disclosure{margin-top:24px}

/* Area disclosures */
#view-wrinkles .wrx-region{margin-top:12px;background:#fff;border:1px solid var(--sp-border);border-radius:6px}
#view-wrinkles .wrx-region>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 24px;min-height:68px;cursor:pointer}
#view-wrinkles .wrx-region>summary::-webkit-details-marker{display:none}
#view-wrinkles .wrx-region>summary strong{font-family:var(--mincho);font-size:21px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-wrinkles .wrx-index{font-family:var(--fig);font-size:18px;color:var(--gold-ink);font-variant-numeric:tabular-nums lining-nums}
#view-wrinkles .wrx-toggle{margin-left:auto;flex:none;color:var(--gold-ink);font-size:16px;line-height:1}
#view-wrinkles .wrx-toggle::after{content:'＋'}
#view-wrinkles .wrx-region[open]>summary{border-bottom:1px solid var(--sp-border)}
#view-wrinkles .wrx-region[open]>summary .wrx-toggle::after{content:'−'}
#view-wrinkles .wrx-region>summary:hover{background:#fffdf8}
#view-wrinkles .wrx-region-body{padding:26px 24px}
#view-wrinkles .wrx-region-body>h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-wrinkles .wrx-region-body>p{max-width:46em;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-wrinkles .wrx-region-body>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-wrinkles .wrx-region-body>.sp-source{margin:14px 22px 0 0}
#view-wrinkles .wrx-region-actions{margin:22px 0 6px}
#view-wrinkles .wrx-region-actions .btn{font-weight:500;letter-spacing:.025em;text-align:center}
#view-wrinkles .wrx-diagram{max-width:720px;margin:22px 0 8px;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-wrinkles .wrx-diagram img{display:block;width:100%;height:auto}
#view-wrinkles .wrx-diagram figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Cases (shared .case card, page-specific photo grid: original photographs shown uncropped) */
#view-wrinkles .wrx-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block:24px 8px;align-items:start}
#view-wrinkles .wrx-case-single{max-width:560px;margin:24px 0 8px}
#view-wrinkles .wrx-case .sp-case-head h3{font-size:19px}
#view-wrinkles .wrx-case-photo{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:14px}
#view-wrinkles .wrx-case-photo.wrx-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-wrinkles .wrx-case-photo figure{background:var(--sp-soft);display:flex;flex-direction:column}
#view-wrinkles .wrx-case-photo img{display:block;width:100%;height:auto}
#view-wrinkles .wrx-case-photo figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-wrinkles .wrx-region .sp-disclosure:not(.sp-case-details){margin-top:20px}
#view-wrinkles .wrx-types-chapter{margin-top:30px}
#view-wrinkles .wrx-types-chapter .sp-heading{margin-top:10px}
#view-wrinkles .wrx-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-wrinkles .wrx-type-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px;min-width:0}
#view-wrinkles .wrx-type-tag{font-family:var(--latin);font-size:18px;color:var(--gold-ink)}
#view-wrinkles .wrx-type-card h3{font-size:18px;line-height:1.6;margin:8px 0}
#view-wrinkles .wrx-type-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-wrinkles .wrx-type-card .wrx-type-condition{font-size:13px;color:var(--gold-ink);margin-bottom:10px}

/* Doctors and research (same structure as the under-eye page) */
#view-wrinkles .wrx-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-wrinkles .wrx-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-wrinkles .wrx-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-wrinkles .wrx-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-wrinkles .wrx-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wrx-doctor .sp-source{margin-top:12px}
#view-wrinkles .wrx-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-wrinkles .wrx-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-wrinkles .wrx-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-wrinkles .wrx-evidence h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-wrinkles .wrx-evidence-copy>p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wrx-evidence-copy .sp-source{margin-top:12px}
/* 2026-10-05: the Director's training record and the Vice Director's live-injection record, side by side under the two doctor cards */
#view-wrinkles .wrx-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#view-wrinkles .wrx-evidence-pair .wrx-evidence{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;align-content:start;margin-top:0}
#view-wrinkles .wrx-evidence-pair .wrx-evidence h3{font-size:20px}
@media(max-width:760px){#view-wrinkles .wrx-evidence-pair{grid-template-columns:minmax(0,1fr)}}
#view-wrinkles .wrx-research-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-wrinkles .wrx-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-wrinkles .wrx-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px;min-width:0}
#view-wrinkles .wrx-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-wrinkles .wrx-paper h4{font-family:var(--latin);font-weight:400;font-size:16px;line-height:1.5;margin:2px 0 6px;overflow-wrap:anywhere}
#view-wrinkles .wrx-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-wrinkles .wrx-paper .sp-journal-meta{font-size:12px;margin-top:0}
#view-wrinkles .wrx-papers+.sp-note{margin-top:14px}

/* Treatment menu (device-card style) */
#view-wrinkles .wrx-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-wrinkles .wrx-menu-card{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-wrinkles .wrx-treatment-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-wrinkles .wrx-treatment-head picture{display:block}
#view-wrinkles .wrx-treatment-head img{display:block;width:80px;height:108px;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .wrx-treatment-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-wrinkles .wrx-treatment-head h3 small{display:block;font-size:12px;font-weight:400;line-height:1.7;color:var(--gold-ink);margin-top:2px}
#view-wrinkles .wrx-menu-card>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-wrinkles .wrx-menu-card>.sp-source{margin-top:12px}

/* FLOW video */
#view-wrinkles .sp-flow{list-style:none;padding:0}
#view-wrinkles .sp-video{max-width:760px}

/* Post treatment */
#view-wrinkles .wrx-post{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
#view-wrinkles .wrx-post-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-wrinkles .wrx-post-devices figure{margin:0;min-width:0}
#view-wrinkles .wrx-post-devices img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--sp-soft)}
#view-wrinkles .wrx-post-pt{grid-template-columns:minmax(0,1fr)}
#view-wrinkles .wrx-post-pt img{aspect-ratio:4/3}
#view-wrinkles .wrx-post-copy{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px;min-width:0}
#view-wrinkles .wrx-post-copy h3{font-size:22px;line-height:1.6;margin:0 0 12px}
#view-wrinkles .wrx-post-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-wrinkles .wrx-post-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:16px 0;margin:18px 0;border-block:1px solid var(--sp-border)}
#view-wrinkles .wrx-post-price>span{font-size:13px;line-height:1.7;color:var(--ink-3);word-break:auto-phrase}
#view-wrinkles .wrx-post-price strong{font:500 22px/1.3 var(--fig);color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#view-wrinkles .wrx-post-price strong span{font:400 11px/1.3 var(--sans);margin-left:3px}
#view-wrinkles .wrx-post-price .wrx-post-arrow{display:none}
#view-wrinkles .wrx-post-price .wrx-post-special{color:var(--gold-ink)}
#view-wrinkles .wrx-post-evidence{margin-top:22px}
#view-wrinkles .wrx-post-evidence>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wrx-post-evidence ul{margin:14px 0 0;padding-left:1.2em}
#view-wrinkles .wrx-post-evidence li{margin:0 0 10px}
#view-wrinkles .wrx-post-evidence li p{font-size:13px;line-height:1.85;margin:0;color:var(--ink-2)}
#view-wrinkles .wrx-post-sources{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sp-border)}
#view-wrinkles .wrx-post-sources .sp-kicker{margin:0 0 2px}
#view-wrinkles .wrx-post-sources a{font-size:12px;line-height:1.6}
#view-wrinkles .wrx-post-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
#view-wrinkles .wrx-post-videos figure{margin:0;min-width:0}
#view-wrinkles .wrx-post-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#26221F}
#view-wrinkles .wrx-post-videos figcaption{font-size:12px;line-height:1.7;margin-top:6px;color:var(--ink-3)}

/* Fees: several procedure cards in the shared two-column price grid */
#view-wrinkles .wrx-prices{border-bottom:0}
#view-wrinkles .wrx-prices .sp-price{border-left:0;border-bottom:1px solid var(--sp-border);padding:26px 30px}
#view-wrinkles .wrx-prices .sp-price:nth-child(even){border-left:1px solid var(--sp-border)}
#view-wrinkles .wrx-prices .sp-price h3{font-size:22px}
#view-wrinkles .wrx-prices .sp-price-heading{margin-bottom:6px}
#view-wrinkles .wrx-prices .sp-price-list dd{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#view-wrinkles .wrx-prices+.sp-note{margin-top:14px}
#view-wrinkles .sp-price-action{margin-top:24px}

@media(max-width:1000px){
 #view-wrinkles .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-wrinkles .wrx-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-wrinkles .wrx-papers{grid-template-columns:1fr}
}
@media(max-width:900px){
 #view-wrinkles .wrx-approach-grid,#view-wrinkles .wrx-doctors,#view-wrinkles .wrx-evidence,#view-wrinkles .wrx-post{grid-template-columns:1fr}
 #view-wrinkles .wrx-post-devices{max-width:520px}
}
@media(max-width:760px){
 #view-wrinkles .wrx-area-links{grid-template-columns:1fr}
 #view-wrinkles .wrx-cases,#view-wrinkles .wrx-menu-grid{grid-template-columns:1fr}
 #view-wrinkles .wrx-region>summary{padding:16px;gap:14px;min-height:62px}
 #view-wrinkles .wrx-region>summary strong{font-size:19px}
 #view-wrinkles .wrx-index{font-size:16px}
 #view-wrinkles .wrx-region-body{padding:22px 16px}
 #view-wrinkles .wrx-region-body>h3{font-size:20px}
 #view-wrinkles .wrx-region-body>p{font-size:14px}
 #view-wrinkles .wrx-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
 #view-wrinkles .wrx-doctor figure img{width:96px;height:144px}
 #view-wrinkles .wrx-evidence{padding:20px;gap:16px}
 #view-wrinkles .wrx-post-copy{padding:22px 20px}
 #view-wrinkles .wrx-post-videos{grid-template-columns:1fr}
 #view-wrinkles .wrx-prices .sp-price:nth-child(even){border-left:0}
}
@media(max-width:520px){
 #view-wrinkles .wrx-type-grid{grid-template-columns:1fr}
 #view-wrinkles .wrx-case-photo{padding-inline:10px}
 #view-wrinkles .wrx-paper{grid-template-columns:76px minmax(0,1fr)}
 #view-wrinkles .wrx-paper a img{width:76px}
}

/* Wrinkles & laxity page in the concern-page pattern (2026-09-25). Scoped to #view-wrinkles only;
   wrinkles-page.css stays the shared base for the forehead, mouth, HA, botox and Neauvia pages. */
#view-wrinkles .wk-hero h1{font-size:clamp(31px,3.4vw,45px);line-height:1.5}
#view-wrinkles .wk-hero-points{list-style:none;padding:0;margin:22px 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-wrinkles .wk-hero-points li{padding:14px 16px 14px 0;min-width:0}
#view-wrinkles .wk-hero-points li+li{padding-left:16px;border-left:1px solid var(--sp-border)}
#view-wrinkles .wk-hero-points strong{display:block;font-size:15px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-wrinkles .wk-hero-points span{display:block;font-size:13px;line-height:1.7;color:var(--ink-3);margin-top:4px}
#view-wrinkles .wk-approach{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}
#view-wrinkles .wk-approach-copy p{font-size:16px;line-height:1.95;color:var(--ink-2);margin:0 0 18px;max-width:46em}
#view-wrinkles .wk-approach-doctors{display:grid;gap:14px}
#view-wrinkles .wk-approach-doctor{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:14px;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .wk-approach-doctor img{width:72px;height:72px;border-radius:50%;object-fit:cover}
#view-wrinkles .wk-approach-doctor small{display:block;font-size:12px;color:var(--gold-ink)}
#view-wrinkles .wk-approach-doctor strong{display:block;font-size:15px;font-weight:500}
#view-wrinkles .wk-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#view-wrinkles .wk-area{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);padding:24px 24px 26px;min-width:0;scroll-margin-top:150px}
#view-wrinkles .wk-area-head{display:flex;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--sp-border);margin-bottom:14px}
#view-wrinkles .wk-area-head span{font-family:'Noto Sans JP',sans-serif;font-variant-numeric:tabular-nums;font-size:13px;color:var(--gold-ink)}
#view-wrinkles .wk-area-head h3{font-size:19px;line-height:1.55;margin:0}
#view-wrinkles .wk-area dl{margin:0 0 18px}
#view-wrinkles .wk-area dl>div{padding:8px 0}
#view-wrinkles .wk-area dt{font-size:12px;color:var(--ink-3);letter-spacing:.04em}
#view-wrinkles .wk-area dd{margin:4px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-wrinkles .wk-area .btn{margin-top:auto;align-self:flex-start}
#view-wrinkles .wk-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:clamp(36px,4vw,56px)}
#view-wrinkles .wk-measures article{background:#fff;border:1px solid var(--sp-border);padding:22px 24px;min-width:0}
#view-wrinkles .wk-measures span{display:block;font-size:13px;color:var(--gold-ink);font-variant-numeric:tabular-nums;margin-bottom:8px}
#view-wrinkles .wk-measures h3{font-size:18px;margin:0 0 8px}
#view-wrinkles .wk-measures p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-wrinkles .wk-layer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--sp-border);scroll-margin-top:150px}
#view-wrinkles .wk-layer figure{margin:0}
#view-wrinkles .wk-layer img{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .wk-layer figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-wrinkles .wk-layer h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:4px 0 12px}
#view-wrinkles .wk-layer>div>p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wk-layer-points{list-style:none;padding:0;margin:16px 0}
#view-wrinkles .wk-layer-points li{padding:12px 0;border-top:1px solid var(--sp-border)}
#view-wrinkles .wk-layer-points h4{font-size:16px;font-weight:500;margin:0 0 4px}
#view-wrinkles .wk-layer-points p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-wrinkles .wk-refs{margin:0;padding-left:1.2em}
#view-wrinkles .wk-refs li{font-size:13px;line-height:1.7;margin-bottom:6px}
#view-wrinkles .wk-case-group-h{font-size:20px;line-height:1.6;margin:32px 0 0}
#view-wrinkles #w-cases .wrx-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1400px){#view-wrinkles #w-cases .wrx-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-wrinkles #w-cases .wrx-cases{grid-template-columns:minmax(0,1fr)}}
#view-wrinkles .wk-plan-groups{display:grid;gap:clamp(30px,3vw,44px)}
#view-wrinkles .wk-plan-group>h3{font-size:clamp(20px,2vw,24px);margin:4px 0 16px}
#view-wrinkles .wk-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-wrinkles .wk-plan-group:last-child .wk-plan-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
#view-wrinkles .wk-plan-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);padding:18px 18px 20px;min-width:0;scroll-margin-top:150px}
#view-wrinkles .wk-device-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#efedea;margin-bottom:14px}
#view-wrinkles .wk-plan-card h4{font-size:17px;line-height:1.55;margin:0 0 8px}
#view-wrinkles .wk-plan-card p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 10px}
#view-wrinkles .wk-plan-card .sp-note{font-size:12.5px}
#view-wrinkles .wk-plan-card .sp-source{margin-top:auto}
#view-wrinkles .wk-support{margin-top:clamp(30px,3vw,44px);padding:26px 28px;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .wk-support>h3{font-size:clamp(20px,2vw,24px);margin:4px 0 16px}
#view-wrinkles .wk-support-body{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:28px;align-items:start}
#view-wrinkles .wk-support-body p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wk-support-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 10px}
#view-wrinkles .wk-support-name strong{font-family:var(--mincho);font-size:19px;font-weight:500;letter-spacing:.06em;color:var(--ink)}
#view-wrinkles .wk-support-name span{font-size:13px;letter-spacing:.04em;color:var(--ink-3)}
#view-wrinkles .wk-support-fee{font-size:16px!important;color:var(--ink)!important;padding:12px 0;border-block:1px solid var(--sp-border)}
#view-wrinkles .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-wrinkles .pc-approval>div:last-child{border-bottom:0}
#view-wrinkles .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-wrinkles .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-wrinkles .wk-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}
#view-wrinkles #w-approval .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:1000px){#view-wrinkles .wk-measures{grid-template-columns:minmax(0,1fr)}#view-wrinkles .wk-plan-cards,#view-wrinkles .wk-plan-group:last-child .wk-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#view-wrinkles .wk-layer,#view-wrinkles .wk-approach,#view-wrinkles .wk-support-body{grid-template-columns:minmax(0,1fr)}#view-wrinkles .wk-approach-doctors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-wrinkles .wk-hero-points{grid-template-columns:1fr}#view-wrinkles .wk-hero-points li+li{padding-left:0;border-left:0;border-top:1px solid var(--sp-border)}#view-wrinkles .wk-plan-cards,#view-wrinkles .wk-plan-group:last-child .wk-plan-cards,#view-wrinkles .wk-approach-doctors{grid-template-columns:minmax(0,1fr)}#view-wrinkles .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-wrinkles .wk-support{padding:20px}}
/* 2026-09-26: a picture on each area card, and full-face cases 03+ behind a disclosure (magazine-style reading). */
#view-wrinkles .wk-area-art{margin:-24px -24px 18px;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-wrinkles .wk-area-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 45%}
#view-wrinkles .wk-cases-more{margin-top:18px}
#view-wrinkles .wk-cases-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;padding-top:6px}
/* 2026-10-01 the three area cards stay in three columns on iPad; one column on phones */
@media(max-width:1000px) and (min-width:641px){#view-wrinkles .wk-areas{gap:14px}#view-wrinkles .wk-area{padding:18px 16px 20px}#view-wrinkles .wk-area-art{margin:-18px -16px 14px}}
@media(max-width:640px){#view-wrinkles .wk-areas{grid-template-columns:minmax(0,1fr)}}  /* 2026-10-01 includes iPad mini (744 px) */
/* 2026-10-01 treatment cards: six device cards (HS, HSP and four devices) in three columns on PC */
@media(min-width:1001px){#view-wrinkles .wk-plan-group:last-child .wk-plan-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 2026-10-05 wrinkles_layer_guide.py — "which layer, which treatment" (proposal; rendered only with HG_WR_LAYER_GUIDE=1) */
#view-wrinkles .wlg{margin:6px 0 clamp(30px,3.4vw,44px);padding:clamp(22px,2.8vw,34px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);scroll-margin-top:150px}
#view-wrinkles .wlg-intro{display:grid;gap:clamp(18px,2.2vw,26px)}
#view-wrinkles .wlg-intro-text{max-width:46em}
#view-wrinkles .wlg .hg-depth-figure{margin:0}
#view-wrinkles .wlg-h{margin:6px 0 12px;font-family:var(--mincho);font-size:clamp(22px,2.3vw,28px);font-weight:500;line-height:1.55;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
#view-wrinkles .wlg-lead{margin:0;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-wrinkles .wlg-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:clamp(24px,3vw,34px) 0 14px;padding-top:clamp(20px,2.4vw,26px);border-top:1px solid var(--sp-border)}
#view-wrinkles .wlg-group-h{margin:0;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-wrinkles .wlg-group-sub{margin:0;font-size:13px;line-height:1.7;color:var(--ink-3)}
#view-wrinkles .wlg-pick{position:relative}
#view-wrinkles .wlg-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#view-wrinkles .wlg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-wrinkles .wlg-card{grid-row:1;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;background:var(--sp-soft,#faf8f4);border:1px solid var(--sp-border);border-bottom:2px solid var(--sp-border);color:inherit;text-decoration:none;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;min-width:0}
#view-wrinkles .wlg-card:hover{border-color:var(--gold)}
#view-wrinkles .wlg-no{font-family:var(--fig);font-size:22px;line-height:1;color:var(--gold-ink);letter-spacing:.04em}
#view-wrinkles .wlg-card strong{font-family:var(--mincho);font-size:17px;font-weight:500;line-height:1.6;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
#view-wrinkles .wlg-layer{font-size:13px;line-height:1.7;color:var(--ink-2)}
#view-wrinkles .wlg-guide{margin-top:auto;padding-top:10px;border-top:1px solid var(--sp-border);font-size:12.5px;line-height:1.65;color:var(--gold-ink)}
#view-wrinkles .wlg-cue{font-size:12px;color:var(--ink-3);letter-spacing:.04em}
#view-wrinkles .wlg-cue::after{content:" ↓"}
#view-wrinkles .wlg-tile{background:#fff;border-style:dashed;border-bottom-width:1px;cursor:pointer}
#view-wrinkles .wlg-tile-cue{margin-top:auto;padding-top:10px;border-top:1px solid var(--sp-border);font-size:12.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
#view-wrinkles .wlg-panel{display:none;grid-row:2;grid-column:1/-1;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-wrinkles .wlg-panel-head{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
#view-wrinkles .wlg-panel-no{font-family:var(--fig);font-size:24px;color:var(--gold-ink)}
#view-wrinkles .wlg-panel-head h5{margin:0;font-family:var(--mincho);font-size:clamp(19px,2vw,23px);font-weight:500;line-height:1.5;color:var(--ink)}
#view-wrinkles .wlg-panel-head h5 wbr{display:none}
#view-wrinkles .wlg-rows{margin:0}
#view-wrinkles .wlg-rows>div{display:grid;grid-template-columns:11em minmax(0,1fr);gap:8px 20px;padding:16px 0;border-top:1px solid var(--sp-border)}
#view-wrinkles .wlg-rows>div:first-child{border-top:0}
#view-wrinkles .wlg-rows dt{font-size:12.5px;font-weight:500;letter-spacing:.06em;line-height:1.8;color:var(--gold-ink)}
#view-wrinkles .wlg-rows dd{margin:0;min-width:0}
#view-wrinkles .wlg-row-layer{display:block;font-size:15.5px;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-wrinkles .wlg-rows dd p{margin:0;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wlg .hg-lineup{grid-template-columns:repeat(2,minmax(0,300px))}
#view-wrinkles .wlg .hg-lineup figure{background:var(--sp-soft,#faf8f4)}
#view-wrinkles .wlg-menus,#view-wrinkles .wlg-next,#view-wrinkles .wlg-way-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
#view-wrinkles .wlg-link{font-size:13.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
#view-wrinkles .wlg-link:hover{color:var(--gold-ink)}
#view-wrinkles .wlg-next{margin-top:4px;padding-top:16px;border-top:1px solid var(--sp-border)}
#view-wrinkles .wlg-next-label{font-size:12px;letter-spacing:.1em;color:var(--ink-3)}
#view-wrinkles .wlg-note{margin:14px 0 0}
#view-wrinkles .wlg-way-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-wrinkles .wlg-way{display:flex;flex-direction:column;padding:20px 20px 18px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-wrinkles .wlg-way h5{margin:0 0 10px;font-family:var(--mincho);font-size:17px;font-weight:500;line-height:1.6;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
#view-wrinkles .wlg-way-menu{margin:0 0 10px;padding:10px 0;border-top:1px solid var(--sp-border);border-bottom:1px solid var(--sp-border);display:flex;flex-direction:column;gap:2px}
#view-wrinkles .wlg-way-menu strong{font-size:14.5px;font-weight:500;color:var(--gold-ink);line-height:1.6}
#view-wrinkles .wlg-way-menu span{font-size:12.5px;line-height:1.6;color:var(--ink-2)}
#view-wrinkles .wlg-way-body{margin:0 0 12px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .wlg-way-fees{list-style:none;margin:auto 0 10px;padding:10px 0 0;border-top:1px solid var(--sp-border);display:grid;gap:4px}
#view-wrinkles .wlg-way-fees li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:12.5px;color:var(--ink-2)}
#view-wrinkles .wlg-fee-n{font-family:var(--mincho);font-weight:500;font-size:18px;letter-spacing:.03em;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
#view-wrinkles .wlg-fee-u{font-size:12px;color:var(--ink-3)}
#view-wrinkles .wlg-fee-amt{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
#view-wrinkles .wlg-notes{margin:clamp(22px,2.6vw,30px) 0 0;padding:16px 0 0 1.2em;border-top:1px solid var(--sp-border);display:grid;gap:4px;font-size:12.5px;line-height:1.85;color:var(--ink-3)}
#view-wrinkles .wlg-close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:20px;padding:18px 22px;background:var(--sp-soft,#faf8f4);border:1px solid var(--sp-border)}
#view-wrinkles .wlg-close p{margin:0;flex:1 1 320px;font-size:14.5px;line-height:1.9;color:var(--ink)}
#view-wrinkles .wlg-pick:has(#wlg-skin:checked) .wlg-panel-skin,
#view-wrinkles .wlg-pick:has(#wlg-fat:checked) .wlg-panel-fat,
#view-wrinkles .wlg-pick:has(#wlg-smas:checked) .wlg-panel-smas{display:block}
#view-wrinkles .wlg-pick:has(#wlg-skin:checked) .wlg-card-skin,
#view-wrinkles .wlg-pick:has(#wlg-fat:checked) .wlg-card-fat,
#view-wrinkles .wlg-pick:has(#wlg-smas:checked) .wlg-card-smas{background:#fff;border-color:var(--gold);border-bottom-color:var(--gold);box-shadow:0 10px 26px rgba(80,60,20,.08)}
#view-wrinkles .wlg-pick:has(#wlg-skin:focus-visible) .wlg-card-skin,
#view-wrinkles .wlg-pick:has(#wlg-fat:focus-visible) .wlg-card-fat,
#view-wrinkles .wlg-pick:has(#wlg-smas:focus-visible) .wlg-card-smas{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-wrinkles .wlg .hgd-dev,#view-wrinkles .wlg .hgd-ln{transition:opacity .3s ease,fill .3s ease}
#view-wrinkles .wlg:has(#wlg-skin:checked) .hgd-dev:not(.hgd-dev-sofwave),
#view-wrinkles .wlg:has(#wlg-fat:checked) .hgd-dev:not(.hgd-dev-density):not(.hgd-dev-xerf),
#view-wrinkles .wlg:has(#wlg-smas:checked) .hgd-dev:not(.hgd-dev-ulthera){opacity:.22}
#view-wrinkles .wlg:has(#wlg-skin:checked) .hgd-svg .hgd-ln-derm,
#view-wrinkles .wlg:has(#wlg-fat:checked) .hgd-svg .hgd-ln-sub,
#view-wrinkles .wlg:has(#wlg-smas:checked) .hgd-svg .hgd-ln-smas{fill:var(--gold-ink);font-weight:700}
@supports not selector(:has(*)){#view-wrinkles .wlg-panel{display:block;grid-row:auto}#view-wrinkles .wlg-card{grid-row:auto}}
@media(max-width:1000px){
 #view-wrinkles .wlg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-wrinkles .wlg-card{grid-row:auto}
 #view-wrinkles .wlg-card-skin{order:1}#view-wrinkles .wlg-card-fat{order:2}#view-wrinkles .wlg-card-smas{order:3}#view-wrinkles .wlg-tile{order:4}
 #view-wrinkles .wlg-panel{grid-row:auto;order:5}
 #view-wrinkles .wlg-rows>div{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
 #view-wrinkles .wlg{padding:20px 16px 22px;margin-inline:-4px}
 #view-wrinkles .wlg-intro{grid-template-columns:minmax(0,1fr)}
 #view-wrinkles .wlg-cards{grid-template-columns:minmax(0,1fr);gap:10px}
 #view-wrinkles .wlg-card,#view-wrinkles .wlg-panel,#view-wrinkles .wlg-tile{order:0}
 #view-wrinkles .wlg-card{padding:14px 16px 12px}
 #view-wrinkles .wlg-card strong wbr,#view-wrinkles .wlg-way h5 wbr{display:none}
 #view-wrinkles .wlg-panel{padding:18px 16px 20px}
 #view-wrinkles .wlg-panel-head{display:none} /* the panel opens right under its own row */
 #view-wrinkles .wlg-panel{border-top-width:1px;margin-top:-11px}
 #view-wrinkles .wlg .hg-lineup{grid-template-columns:minmax(0,1fr)}
 #view-wrinkles .wlg-way-cards{grid-template-columns:minmax(0,1fr)}
 #view-wrinkles .wlg-close{padding:16px}
}
/* 2026-10-05: the injectables layer figure opens the injectables group, as the device layer guide opens the device group */
#view-wrinkles .wk-inject-layers{margin:6px 0 clamp(26px,3vw,36px);padding:clamp(22px,2.8vw,34px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);scroll-margin-top:150px}
#view-wrinkles .wk-inject-layers>.sp-kicker{margin-bottom:4px}
#view-wrinkles .wk-inject-layers .hg-inject{margin-top:10px}
@media(max-width:640px){#view-wrinkles .wk-inject-layers{padding:20px 16px 22px;margin-inline:-4px}}
/* 2026-10-05 owner: new hero picture (three profiles, 16:9) — shown whole, never cropped */
#view-wrinkles .wk-hero .sp-hero-photo img{aspect-ratio:16/9;object-fit:contain;object-position:50% 50%;background:#fff}
/* ===== 2026-10-05 page restructure (owner: 「AIO,SEO／見やすさ／デザイナー目線 から順番も含めて最も優れた形に／繰り返しの文言も整理して」) ===== */
/* Headings: the chapter label sits inside the h2; the "｜" between label and heading is for the text only */
#view-wrinkles .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-wrinkles .sp-heading h2>.sp-h2-main{display:block}
#view-wrinkles .wk-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#view-wrinkles .sp-section{scroll-margin-top:120px}
/* Hero: the three points are ways in; on one-column screens the picture follows the h1 */
#view-wrinkles .wk-hero-points a{display:block;color:inherit;text-decoration:none}
#view-wrinkles .wk-hero-points a strong::after{content:'↓';margin-left:.5em;font-family:var(--sans);font-size:12px;color:var(--gold-ink)}
#view-wrinkles .wk-hero-points a:hover strong,#view-wrinkles .wk-hero-points a:focus-visible strong{color:var(--gold-ink)}
#view-wrinkles .wk-hero .sp-lead{max-width:36em}
@media(max-width:1000px){
 #view-wrinkles .wk-hero .sp-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}
 #view-wrinkles .wk-hero-copy{display:contents}
 #view-wrinkles .wk-hero h1{order:1}
 #view-wrinkles .wk-hero .sp-hero-photo{order:2;margin:18px 0 0}
 #view-wrinkles .wk-hero-copy>:not(h1){order:3}
}
/* The clinic's approach: the two doctors are links to their chapter */
#view-wrinkles a.wk-approach-doctor{color:inherit;text-decoration:none}
#view-wrinkles a.wk-approach-doctor>span{display:block;min-width:0}
#view-wrinkles a.wk-approach-doctor:hover strong,#view-wrinkles a.wk-approach-doctor:focus-visible strong{color:var(--gold-ink)}
#view-wrinkles #w-approach{padding-bottom:clamp(30px,3.6vw,46px)}
/* Contents: ten entries — one row on wide screens, two tidy columns on phones */
@media(min-width:1101px){#view-wrinkles .sp-nav .wrap{gap:0 18px}}
@media(max-width:900px){#view-wrinkles .sp-nav .wrap{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 14px}#view-wrinkles .sp-nav a{font-size:13px}}
@media(max-width:640px){#view-wrinkles .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}
/* Quick answers (same card as the pores and facial-redness pages) */
#view-wrinkles .wk-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-wrinkles .wk-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-wrinkles .wk-quick-card h3{font-size:17px;line-height:1.55;margin:0 0 10px}
#view-wrinkles .wk-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-wrinkles .wk-quick-card a{align-self:flex-start;font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){#view-wrinkles .wk-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:640px){#view-wrinkles .wk-quick{grid-template-columns:minmax(0,1fr);gap:12px}#view-wrinkles .wk-quick-card{padding:18px 18px 16px}#view-wrinkles .wk-quick-card h3{font-size:16.5px;margin-bottom:8px}#view-wrinkles .wk-quick-card p{font-size:14px;margin-bottom:10px}}
/* Areas: text links instead of buttons; a way on for "the whole face" */
#view-wrinkles .wk-area .wk-area-link{margin-top:auto;align-self:flex-start;font-size:14px;line-height:1.7}
#view-wrinkles .wk-area-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;margin-top:20px;padding:18px 24px;background:#fff;border:1px dashed var(--sp-border)}
#view-wrinkles .wk-area-more h3{font-size:17px;line-height:1.6;margin:0 0 2px}
#view-wrinkles .wk-area-more p{font-size:14px;line-height:1.8;color:var(--ink-2);margin:0}
#view-wrinkles .wk-area-more .sp-source{font-size:14px;white-space:nowrap}
@media(max-width:640px){#view-wrinkles .wk-area{padding:18px 18px 20px}#view-wrinkles .wk-area-art{margin:-18px -18px 14px}#view-wrinkles .wk-area-art img{aspect-ratio:2/1}#view-wrinkles .wk-area-head{padding-bottom:10px;margin-bottom:8px}#view-wrinkles .wk-area dl{margin-bottom:12px}#view-wrinkles .wk-area dl>div{padding:5px 0}#view-wrinkles .wk-area-more{padding:16px 18px}}
/* Causes: label + heading + lead across the top, then picture | points; two columns from 641px */
#view-wrinkles .wk-layer{gap:20px 40px}
#view-wrinkles .wk-layer-head{grid-column:1/-1;max-width:46em}
#view-wrinkles .wk-layer-head>p.sp-kicker{font-size:13px;line-height:1.6;color:var(--gold-ink);margin:0 0 4px}
#view-wrinkles .wk-layer-head>h3{margin:0 0 10px}
#view-wrinkles .wk-layer-head>p:not(.sp-kicker){margin:0}
#view-wrinkles .wk-layer-body{min-width:0}
#view-wrinkles .wk-layer-body>.wk-layer-points{margin:0 0 4px}
#view-wrinkles .wk-layer-body>.wk-layer-points li:first-child{border-top:0;padding-top:0}
#view-wrinkles .wk-layer-text .sp-source{display:inline-block;margin-top:10px;font-size:14px}
#view-wrinkles .sp-heading+.wk-layer{border-top:0;padding-top:0}
@media(min-width:641px) and (max-width:1000px){#view-wrinkles .wk-layer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px}}
/* Types of treatment / injectables: three product cards; rows with a thumbnail on phones */
#view-wrinkles #w-plan .wk-plan-group>.sp-kicker{margin-bottom:4px}
#view-wrinkles #w-plan .wk-plan-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-wrinkles .wk-plan-card-body{display:flex;flex-direction:column;flex:1;min-width:0}
#view-wrinkles .wk-plan-card-body .sp-source{margin-top:auto;font-size:14px}
#view-wrinkles .wk-plan-card-body p:last-of-type{margin-bottom:12px}
@media(min-width:641px) and (max-width:1000px){#view-wrinkles #w-plan .wk-plan-cards{grid-template-columns:minmax(0,1fr);gap:12px}#view-wrinkles #w-plan .wk-plan-card{flex-direction:row;gap:20px;padding:16px}#view-wrinkles #w-plan .wk-device-image{flex:0 0 168px;width:168px;height:126px;margin:0;align-self:flex-start}}
@media(max-width:640px){#view-wrinkles #w-plan .wk-plan-cards{grid-template-columns:minmax(0,1fr);gap:10px}#view-wrinkles #w-plan .wk-plan-card{flex-direction:row;gap:14px;padding:14px}#view-wrinkles #w-plan .wk-device-image{flex:0 0 104px;width:104px;height:78px;margin:0;align-self:flex-start}#view-wrinkles #w-plan .wk-plan-card h4{font-size:16px;margin-bottom:4px}#view-wrinkles #w-plan .wk-plan-card p{font-size:13.5px;line-height:1.8;margin-bottom:6px}}
/* Devices: the layer guide, then one line of links to the device pages and one line for PT */
#view-wrinkles #w-device .wlg{margin-top:0;margin-bottom:0}
#view-wrinkles .wk-device-pages{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin:22px 0 0;font-size:14px;line-height:1.8}
#view-wrinkles .wk-device-pages>span{font-size:13px;letter-spacing:.06em;color:var(--ink-3)}
#view-wrinkles .wk-device-pt{display:flex;flex-wrap:wrap;gap:2px 16px;margin:8px 0 0;font-size:14px;line-height:1.8;color:var(--ink-2)}
/* Fees: Botox | hyaluronic acid + Babyderm | devices on wide screens; no orphan card; one line per row on phones */
#view-wrinkles .wk-fees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"ci ci cd" "a b c";gap:0 40px;margin-top:clamp(24px,2.8vw,34px)}
#view-wrinkles .wk-fees>.sp-price-category{font-size:13px;letter-spacing:.1em;color:var(--gold-ink);margin:0 0 2px}
#view-wrinkles .wk-fee-cat-inject{grid-area:ci}
#view-wrinkles .wk-fee-cat-device{grid-area:cd}
#view-wrinkles .wk-fee-col-a{grid-area:a}
#view-wrinkles .wk-fee-col-b{grid-area:b}
#view-wrinkles .wk-fee-col-c{grid-area:c}
#view-wrinkles .wk-fee{padding:12px 0 22px;scroll-margin-top:150px}
#view-wrinkles .wk-fee h3{font-size:19px;line-height:1.6;margin:0}
#view-wrinkles .wk-fee .sp-price-list{margin-top:4px}
#view-wrinkles .wk-fee .sp-price-list>div{gap:14px;line-height:1.75}
#view-wrinkles .wk-fee .sp-price-list dd{flex:none;white-space:nowrap;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#view-wrinkles #w-price .hg-menu-extra>.sp-note{margin-top:0;max-width:52em}
@media(max-width:1000px){#view-wrinkles .wk-fees{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"ci ci" "a b" "cd cd" "c c";gap:0 28px}#view-wrinkles .wk-fee-col-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}#view-wrinkles .wk-fee-cat-device{margin-top:10px!important}}
@media(max-width:640px){#view-wrinkles .wk-fees{grid-template-columns:minmax(0,1fr);grid-template-areas:"ci" "a" "b" "cd" "c"}#view-wrinkles .wk-fee-col-c{display:block}#view-wrinkles .wk-fee{padding:10px 0 16px}#view-wrinkles .wk-fee h3{font-size:18px}#view-wrinkles .wk-fee .sp-price-list>div{flex-wrap:nowrap;font-size:13.5px}#view-wrinkles .wk-fee .sp-price-list dd{flex:none;white-space:nowrap;font-size:14.5px}}
/* Downtime and risks: the one risk list, open */
#view-wrinkles .wk-risk-h{font-size:19px;line-height:1.6;margin:clamp(26px,3vw,36px) 0 12px}
#view-wrinkles .wk-risks{margin-bottom:0}
#view-wrinkles .wk-risks dt{color:var(--ink)}
#view-wrinkles .wk-risks dd{color:var(--ink-2)}
/* Visit flow: 01–02, the dividing note beside them, then 03–05 in one row; thumbnail rows on phones */
#view-wrinkles .wk-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
#view-wrinkles .wk-flow>.sp-flow{display:contents}
#view-wrinkles .wk-flow>.sp-flow>li{padding:0;min-width:0}
#view-wrinkles .wk-flow .sp-flow-head{margin-bottom:8px}
#view-wrinkles .wk-flow .sp-flow-head h3{font-size:18px}
#view-wrinkles .wk-flow>.sp-flow>li>p{font-size:14.5px;line-height:1.85}
#view-wrinkles .wk-flow>.sp-flow-divider{grid-column:span 1;align-self:center;margin:0;padding:6px 0 6px 24px;border-top:0;border-left:1px solid var(--sp-border)}
#view-wrinkles .wk-flow+.sp-disclosure{margin-top:26px}
/* 2026-10-06 (owner: anaesthesia first; the separate 前処置 step is gone): five steps + the note fill a 3-column grid —
   01, 02 and the note, then 03–05. iPad keeps three columns. */
@media(max-width:1000px){#view-wrinkles .wk-flow{gap:22px 16px}#view-wrinkles .wk-flow>.sp-flow-divider{padding:4px 0 4px 16px}}
@media(max-width:640px){
 #view-wrinkles .wk-flow{grid-template-columns:minmax(0,1fr);gap:18px}
 #view-wrinkles .wk-flow>.sp-flow-divider{padding:18px 0 0;border-left:0;border-top:1px solid var(--sp-border)}
 #view-wrinkles .wk-flow>.sp-flow>li{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;align-items:start}
 #view-wrinkles .wk-flow .sp-flow-head{display:contents}
 #view-wrinkles .wk-flow .sp-flow-head img{grid-column:1;grid-row:1/span 2;aspect-ratio:4/3;margin:0}
 #view-wrinkles .wk-flow .sp-flow-head>div{grid-column:2}
 #view-wrinkles .wk-flow .sp-flow-head h3{font-size:16.5px;margin-top:0}
 #view-wrinkles .wk-flow>.sp-flow>li>p{grid-column:2;font-size:14px;line-height:1.8;margin-top:4px}
}
/* Doctors: the two cards and the two teaching photographs stay side by side from 641px (iPad) */
@media(min-width:641px) and (max-width:900px){
 #view-wrinkles #w-doctor .wrx-doctors,#view-wrinkles #w-doctor .wrx-evidence-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #view-wrinkles #w-doctor .wrx-doctor{grid-template-columns:84px minmax(0,1fr);column-gap:16px;padding:18px}
 #view-wrinkles #w-doctor .wrx-doctor figure img{width:84px;height:126px}
 #view-wrinkles #w-doctor .wrx-evidence-pair .wrx-evidence{padding:18px}
}
/* Approval information: rows made of labelled lines use the full width (the text is each page's own disclosure, unchanged) */
#view-wrinkles .pc-approval dd>p{margin:0}
#view-wrinkles .pc-approval dd>p+p,#view-wrinkles .pc-approval dd>p+.wk-apv-sub,#view-wrinkles .pc-approval dd>.wk-apv-sub+p{margin-top:10px}
#view-wrinkles .pc-approval>div.wk-apv-lines{grid-template-columns:minmax(0,1fr);gap:8px}
#view-wrinkles .pc-approval>div.wk-apv-lines>dt{font-size:14px;font-weight:500;color:var(--ink)}
#view-wrinkles .wk-apv-sub{margin:0}
#view-wrinkles .wk-apv-sub>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2px 18px;padding:5px 0}
#view-wrinkles .wk-apv-sub dt{font-size:12.5px;line-height:1.95;color:var(--ink-3)}
#view-wrinkles .wk-apv-sub dd{margin:0}
#view-wrinkles #w-approval .approval-links+.sp-note{margin-top:14px}
/* ----- 2026-10-06, after the five-lens review of the draft ----- */
#view-wrinkles .wk-nw{white-space:nowrap}
/* quick answer on fees: one fee per row */
#view-wrinkles .wk-qk-cat{display:block;font-size:12.5px;letter-spacing:.08em;color:var(--gold-ink);margin:10px 0 2px}
#view-wrinkles .wk-qk-cat:first-child{margin-top:0}
#view-wrinkles .wk-qk-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;border-top:1px solid var(--sp-border);line-height:1.7}
#view-wrinkles .wk-qk-row>.wk-nw{color:var(--ink);font-variant-numeric:tabular-nums}
#view-wrinkles .wk-qk-note{display:block;margin-top:10px;padding-top:8px;border-top:1px solid var(--sp-border);font-size:13px;line-height:1.8}
/* areas: the whole card is the link; the note about the photographs sits above them */
#view-wrinkles .wk-area{position:relative}
#view-wrinkles .wk-area .wk-area-link::after{content:"";position:absolute;inset:0}
#view-wrinkles .sp-heading+.wk-areas-note{margin:-6px 0 16px;font-size:13px}
/* fees: jump row under the lead; amounts of a card on one baseline */
#view-wrinkles .wk-fee-jump{margin:0 0 6px}
#view-wrinkles #w-fee-inject,#view-wrinkles #w-fee-device,#view-wrinkles #w-fee-consult{scroll-margin-top:150px}
/* approval information: every row title reads as a heading */
#view-wrinkles #w-approval .pc-approval>div>dt{font-size:14px;font-weight:500;color:var(--ink)}
@media(min-width:641px) and (max-width:900px){#view-wrinkles .sp-nav .wrap{grid-template-columns:1.55fr .8fr 1fr 1fr .8fr}#view-wrinkles .sp-nav a{white-space:nowrap}}
@media(max-width:760px){#view-wrinkles .sp-final .sp-actions{margin-top:22px}}
@media(max-width:640px){
 #view-wrinkles .wk-device-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-wrinkles .wk-device-pages>span{grid-column:1/-1}
 #view-wrinkles .wk-device-pages>a,#view-wrinkles .hg-menu-links a{padding:11px 0}
 #view-wrinkles .wk-device-pt{margin-top:0}
 #view-wrinkles .wk-device-pt>a{padding:11px 0}
 #view-wrinkles #w-approval .approval-links .sp-source{display:block;width:fit-content;margin:0;padding:11px 0}
 #view-wrinkles .wlg-way-links{gap:20px 22px}
 #view-wrinkles .hg-menu-fees>.hg-fee:only-child{grid-column:1/-1}
}
@media(max-width:640px){#view-wrinkles .wk-apv-sub>div{display:block;padding:3px 0;font-size:14px;line-height:1.85}#view-wrinkles .wk-apv-sub dt{display:inline;color:var(--gold-ink);font-size:12.5px}#view-wrinkles .wk-apv-sub dt::after{content:'｜';margin:0 .35em;color:var(--sp-border)}#view-wrinkles .wk-apv-sub dd{display:inline}}
/* ----- 2026-10-06 tablet and alignment fixes (desktop/tablet review of the draft) ----- */
@media(min-width:641px) and (max-width:1000px){
 #view-wrinkles .wk-hero-points{grid-template-columns:1fr 1fr 1.2fr}
 #view-wrinkles .wlg-way-cards{grid-template-columns:minmax(0,1fr);gap:12px}
 #view-wrinkles .wlg-way h5 wbr{display:none}
 #view-wrinkles .wk-area-head h3{min-height:3.1em}
 #view-wrinkles #w-approval .pc-approval>div:not(.wk-apv-lines){grid-template-columns:minmax(0,1fr);gap:6px}
 #view-wrinkles .wk-apv-sub>div{grid-template-columns:168px minmax(0,1fr)}
}
@media(min-width:641px) and (max-width:760px){#view-wrinkles #w-price .hg-menu-row{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:22px}}
@media(min-width:901px) and (max-width:1199px){#view-wrinkles .sp-nav .wrap{display:grid;grid-template-columns:repeat(5,max-content);justify-content:space-between;gap:0 20px}}
@media(min-width:1001px){#view-wrinkles #w-price .hg-lineup figcaption span{word-break:keep-all;overflow-wrap:anywhere}}
#view-wrinkles .wk-area dd,#view-wrinkles .hg-menu-desc,#view-wrinkles .wlg-guide{text-wrap:balance}
#view-wrinkles .wlg-way-fees li{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#view-wrinkles .wlg-notes{padding-left:0}
#view-wrinkles #w-faq .sp-reading{border-top:0;margin-top:8px;padding-top:16px;max-width:832px}
#view-wrinkles #w-approval .approval-links{margin-top:14px}
#view-wrinkles #w-doctor .wrx-doctor{align-items:stretch}
#view-wrinkles #w-doctor .wrx-doctor>div,#view-wrinkles #w-doctor .wrx-evidence-pair .wrx-evidence{display:flex;flex-direction:column}
#view-wrinkles #w-doctor .wrx-doctor>div>.sp-source,#view-wrinkles #w-doctor .wrx-evidence-pair .wrx-evidence>.sp-source{margin-top:auto;padding-top:12px;align-self:flex-start}

/* ----- 2026-10-06 second pass (pre-publish verification at 320–1440px) ----- */
@media(min-width:641px) and (max-width:1000px){#view-wrinkles .wk-hero .sp-hero-photo{max-width:640px}}
#view-wrinkles .wk-hero-points span{text-wrap:balance}
#view-wrinkles #w-doctor .wrx-evidence-pair .wrx-evidence-copy{display:flex;flex-direction:column;flex:1 1 auto}
#view-wrinkles #w-doctor .wrx-evidence-pair .wrx-evidence-copy>.sp-source{margin-top:auto;padding-top:12px;align-self:flex-start}
@media(min-width:641px) and (max-width:1179px){#view-wrinkles #w-doctor .wrx-evidence-pair .wrx-evidence>figure figcaption{min-height:3.4em}}
#view-wrinkles #w-doctor .wrx-paper>div{display:flex;flex-direction:column}
#view-wrinkles #w-doctor .wrx-paper>div>.sp-source{margin-top:auto;padding-top:8px;align-self:flex-start}
@media(min-width:861px) and (max-width:1179px){#view-wrinkles #w-price .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1001px){#view-wrinkles #w-price .hg-lineup-2{max-width:700px}}
@media(min-width:1001px) and (max-width:1079px){#view-wrinkles .wk-area-head h3{min-height:3.1em}}
@media(min-width:1001px) and (max-width:1179px){#view-wrinkles .wlg-way h5{min-height:3.2em}}
@media(min-width:1001px) and (max-width:1100px){#view-wrinkles .wlg-card{padding-inline:14px}#view-wrinkles .wlg-card strong{font-size:16px;letter-spacing:0}}
@media(min-width:761px) and (max-width:869px){#view-wrinkles .sp-recovery h3{min-height:3.2em}}
@media(max-width:640px){
 #view-wrinkles .wlg-way h5 wbr,#view-wrinkles .wlg-card strong wbr{display:inline}
 #view-wrinkles #w-price .hg-lineup,#view-wrinkles #w-price .hg-lineup-4{grid-template-columns:minmax(0,1fr)}
 #view-wrinkles #w-price .hg-lineup figcaption span{font-size:12px}
 #view-wrinkles #w-price .hg-lineup figcaption small{font-size:11.5px}
 #view-wrinkles .hg-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-wrinkles .hg-menu-links>span[aria-hidden]{display:none}
 #view-wrinkles .wlg-menus{gap:18px 22px}
 #view-wrinkles .hg-fee .sp-yen{white-space:nowrap}
 #view-wrinkles .wlg-group-sub,#view-wrinkles .hg-fee dt,#view-wrinkles .hg-menus-label{text-wrap:balance}
 #view-wrinkles .wk-apv-sub>div{padding:7px 0}
 #view-wrinkles .wk-apv-sub dt{display:block;line-height:1.6;margin-bottom:1px}
 #view-wrinkles .wk-apv-sub dt::after{content:none}
 #view-wrinkles .wk-apv-sub dd{display:block}
}
@media(max-width:359.98px){#view-wrinkles .hg-fee{padding:12px 10px 10px}#view-wrinkles .hg-fee .sp-yen{font-size:22px;letter-spacing:.01em}#view-wrinkles #w-plan .wk-plan-card{gap:12px;padding:12px}#view-wrinkles #w-plan .wk-plan-card img{width:64px;height:48px;flex:0 0 64px}#view-wrinkles #w-plan .wk-plan-card h4{letter-spacing:.02em}#view-wrinkles .wlg-h{font-size:20px;letter-spacing:.02em}#view-wrinkles #w-doctor .wrx-doctor{grid-template-columns:72px minmax(0,1fr);column-gap:14px;padding:16px}#view-wrinkles #w-doctor .wrx-doctor figure img{width:72px;height:108px}}

/* INJECT-LAYERS — the layer each injectable is placed in (shape_inject.py, 2026-10-05).
   Parallel to the .hg-depth / .hgd-* rules at the end of spots-page.css, so the two figures read as siblings.
   Scope: written with #view-wrinkles; the page that shows the figure replaces it with its own view
   (e.g. .replace('#view-wrinkles', '#view-ha') in build.py and the page's export_*.py), like the other page stylesheets. */
#view-wrinkles .hg-inject{margin-top:clamp(22px,2.8vw,30px)}
#view-wrinkles .hg-inject-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-wrinkles .hg-inject-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-wrinkles .hg-inject-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-wrinkles .hgi-svg{display:block;width:100%;height:auto}
#view-wrinkles .hgi-sp{display:none}
#view-wrinkles .hgi-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-wrinkles .hgi-layer{font-size:30px}
#view-wrinkles .hgi-sub{font-size:23px;fill:var(--ink-3)}
#view-wrinkles .hgi-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-wrinkles .hgi-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-wrinkles .hgi-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-wrinkles .hgi-art,#view-wrinkles .hgi-bone{opacity:.92}
#view-wrinkles .hgi-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-wrinkles .hgi-svg .hgi-at{font-size:26px;fill:var(--ink)}
html[lang^="en"] #view-wrinkles .hgi-layer{font-size:25px}
html[lang^="en"] #view-wrinkles .hgi-sub{font-size:19px}
html[lang^="en"] #view-wrinkles .hgi-svg .hgi-at{font-size:24px}
#view-wrinkles .hg-inject-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-wrinkles .hgi-pc .hgi-layer{font-size:38px}
 #view-wrinkles .hgi-pc .hgi-sub{font-size:30px}
 #view-wrinkles .hgi-pc .hgi-name{font-size:42px}
 #view-wrinkles .hgi-svg.hgi-pc .hgi-at{font-size:36px}
 html[lang^="en"] #view-wrinkles .hgi-pc .hgi-layer{font-size:28px}
 html[lang^="en"] #view-wrinkles .hgi-pc .hgi-sub{font-size:21px}
 html[lang^="en"] #view-wrinkles .hgi-svg.hgi-pc .hgi-at{font-size:33px}
}
@media(max-width:640px){
 #view-wrinkles .hgi-pc{display:none}
 #view-wrinkles .hgi-sp{display:block}
 #view-wrinkles .hgi-layer,#view-wrinkles .hgi-name,#view-wrinkles .hgi-svg .hgi-at{font-size:34px}
 html[lang^="en"] #view-wrinkles .hgi-layer,html[lang^="en"] #view-wrinkles .hgi-name,html[lang^="en"] #view-wrinkles .hgi-svg .hgi-at{font-size:30px}
 #view-wrinkles .hg-inject-figure figcaption{padding:10px 12px 12px}
}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-skin{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-skin .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-skin .sp-soft{background:var(--sp-soft)}
#view-skin .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-skin .sp-heading{margin-bottom:26px;max-width:46em}
#view-skin .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-skin .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-skin .sp-heading .sp-kicker{margin-top:0}
#view-skin .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-skin .sp-note a,#view-skin .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skin .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-skin .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-skin .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-skin .crumbs span::before{content:none}
#view-skin .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-skin .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-skin .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-skin .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-skin .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-skin .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-skin .sp-hero-trust a{margin-top:7px}
#view-skin .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-skin .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-skin .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-skin .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-skin .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-skin .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-skin .sp-nav a{flex-shrink:0}
#view-skin .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-skin .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-skin .sp-nav a:hover{color:var(--gold-ink)}
#view-skin .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skin .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-skin .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-skin .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-skin .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-skin .sp-type-body{padding:21px 22px 22px}
#view-skin .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-skin .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-skin .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-skin .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-skin .sp-type .sp-source{margin-top:12px}
#view-skin .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-skin .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-skin .sp-case-head{padding:20px 22px 16px}
#view-skin .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-skin .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-skin .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-skin .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-skin .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-skin .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-skin .sp-case-body{padding:18px 22px 22px}
#view-skin .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-skin .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-skin .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-skin .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-skin .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-skin .sp-case-body .sp-source{margin-top:14px}
#view-skin .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-skin .sp-case-details>summary{min-height:48px}
#view-skin .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-skin .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-skin .sp-approach-list{display:grid;gap:0}
#view-skin .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-skin .sp-approach-item:first-child{padding-top:0}
#view-skin .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-skin .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-skin .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-skin .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-skin .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-skin .sp-doctor h3{font-size:21px;line-height:1.5}
#view-skin .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-skin .sp-doctor .sp-source{white-space:nowrap}
#view-skin .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-skin .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-skin .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-skin .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-skin .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-skin .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-skin .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-skin .sp-expertise-facts>div:first-child{padding-top:0}
#view-skin .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-skin .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-skin .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-skin .sp-expertise-grid figure{max-width:480px}
 #view-skin .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-skin .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-skin .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-skin .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-skin .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-skin .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-skin .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-skin .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-skin .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-skin .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-skin .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-skin .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-skin .sp-disclosure>summary::after{content:'＋';flex:none}
#view-skin .sp-disclosure[open]>summary::after{content:'−'}
#view-skin .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-skin .sp-disclosure-content p+p{margin-top:12px}
#view-skin .sp-approval-list{display:grid;gap:10px}
#view-skin .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-skin .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-skin .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-skin .sp-price-intro>div{flex:1 1 320px}
#view-skin .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-skin .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-skin .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-skin .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-skin .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-skin .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-skin .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-skin .sp-price-heading{margin-bottom:16px}
#view-skin .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-skin .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-skin .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-skin .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-skin .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-skin .sp-price .sp-yen{display:block;margin:0}
#view-skin .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-skin .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-skin .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-skin .sp-price-list{margin-top:8px}
#view-skin .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-skin .sp-price-list dt{min-width:0}
#view-skin .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-skin .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skin .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-skin .sp-flow-head{display:block;margin-bottom:14px}
#view-skin .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-skin .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-skin .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-skin .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-skin .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-skin .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-skin .sp-recovery>div:last-child{border-right:0}
#view-skin .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-skin .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-skin .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-skin .sp-risk-details{margin-top:22px}
#view-skin .sp-faq{margin-inline:0}
#view-skin .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-skin .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-skin .sp-tech h3{font-size:22px;line-height:1.6}
#view-skin .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-skin .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-skin .sp-tech h3+p{margin-top:10px}
#view-skin .sp-video>summary{cursor:pointer;list-style:none}
#view-skin .sp-video>summary::-webkit-details-marker{display:none}
#view-skin .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skin .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-skin .sp-flow-text{display:block;margin-top:12px}
#view-skin .sp-video-body{padding-bottom:16px}
#view-skin .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-skin .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-skin .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-skin .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-skin .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-skin .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-skin .sp-tech>img{width:76px;height:99px}
 #view-skin .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-skin .sp-homecare>img{max-height:220px}
}
#view-skin .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-skin .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-skin .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-skin .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-skin .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-skin .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-skin .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-skin .sp-final .btn{font-size:14px}
#view-skin .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-skin :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-skin .sp-devices{grid-template-columns:1fr}
  #view-skin .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-skin .sp-device-head{margin-bottom:0}
  #view-skin .sp-device .sp-disclosure{grid-column:1/-1}
  #view-skin .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-skin .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-skin .sp-doctor>img{width:90px;height:100px}
  #view-skin .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-skin .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-skin .sp-hero h1{font-size:32px}
  #view-skin .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-skin .sp-hero-lead{margin-top:17px}
  #view-skin .sp-hero-photo img{aspect-ratio:16/9}
  #view-skin .sp-hero-photo figcaption{font-size:12px}
  #view-skin .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-skin .sp-types,#view-skin .sp-cases,#view-skin .sp-approach,#view-skin .sp-prices{grid-template-columns:1fr}
  #view-skin .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-skin .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-skin .sp-type-body{padding:19px 20px}
  #view-skin .sp-type h3{font-size:20px}
  #view-skin .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-skin .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-skin .sp-approach{gap:24px}
  #view-skin .sp-approach-image img{max-height:260px}
  #view-skin .sp-recovery{grid-template-columns:1fr}
  #view-skin .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-skin .sp-recovery>div:last-child{border-bottom:0}
  #view-skin .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-skin .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-skin .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-skin .sp-hero h1{font-size:29px}
  #view-skin .sp-actions{align-items:stretch}
  #view-skin .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-skin .sp-type{grid-template-columns:1fr}
  #view-skin .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-skin .sp-type-art img{max-height:130px}
  #view-skin .sp-layer-labels{justify-content:center;gap:26px}
  #view-skin .sp-type-body{padding:19px 20px}
  #view-skin .sp-case-head,#view-skin .sp-case-body{padding-inline:18px}
  #view-skin .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-skin .sp-case-photos{padding-inline:10px;gap:4px}
  #view-skin .sp-device{display:block;padding:20px}
  #view-skin .sp-device-head{margin-bottom:14px}
  #view-skin .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-skin .sp-flow>li{padding:18px 20px}
  #view-skin .sp-flow-head{margin-bottom:10px}
  #view-skin .sp-price{padding:22px}
  #view-skin .sp-price-intro{padding:20px}
  #view-skin .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-skin .sp-price-list dd{flex-basis:100%}
  #view-skin .sp-doctor{gap:14px}
  #view-skin .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-skin :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-skin .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-skin .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-skin .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-skin .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-skin .sp-entry-link:first-child{padding-left:0}
#view-skin .sp-entry-link:last-child{border-right:0}
#view-skin .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-skin .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-skin .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-skin .sp-entry-link:hover{background:var(--sp-soft)}
#view-skin .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-skin .sp-consult h3{font-size:24px;line-height:1.65}
#view-skin .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-skin .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-skin .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-skin .sp-consult .sp-note{margin-top:7px}
#view-skin #s-doctor-section{padding-top:58px}
#view-skin #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-skin .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-skin .sp-expertise-grid figure{align-self:center}
#view-skin .sp-expertise-facts dt{font-size:16px}
#view-skin .sp-expertise-facts dd{font-size:14px}
#view-skin .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-skin .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-skin .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-skin .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-skin .sp-flow{list-style:none;padding:0}
#view-skin .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-skin .sp-flow-head img,#view-skin .sp-video video{border:1px solid var(--sp-border)}
#view-skin .sp-recovery{border:0}
#view-skin .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-skin .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-skin .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-skin .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-skin .sp-visit-info a{color:var(--on-night)}
#view-skin a:focus-visible,#view-skin summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-skin .sp-entry-links{grid-template-columns:1fr}
 #view-skin .sp-entry-link,#view-skin .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-skin .sp-entry-link:last-child{border-bottom:0}
 #view-skin .sp-entry-link strong{font-size:18px}
 #view-skin .sp-entry-link span span{margin-top:3px}
 #view-skin .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-skin .sp-consult h3{font-size:22px}
 #view-skin .sp-consult ul{display:block}
 #view-skin .sp-consult li{margin-top:6px}
 #view-skin .sp-consult .btn{width:100%}
 #view-skin .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-skin .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-skin .sp-recovery>div::before{top:4px;left:-5px}
 #view-skin .sp-recovery>div:last-child{padding-bottom:0}
 #view-skin .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-skin *{scroll-behavior:auto;transition:none}}

#view-skin .sp-type-art img{max-height:145px}
#view-skin .sp-type-body{padding:20px}
#view-skin .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-skin .sp-price>p.sp-price-unit,#view-skin .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-skin .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-skin .sp-price{padding:26px 0}
 #view-skin .sp-price-description{margin-bottom:20px}
 #view-skin .sp-price>.sp-note{min-height:0}
 #view-skin .sp-price h3{font-size:23px}
 #view-skin .sp-price .sp-yen{font-size:20px}
 #view-skin .sp-price-intro{padding:22px;gap:16px}
 #view-skin .sp-price-intro>div{flex-basis:100%}
}

#view-skin .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-skin .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-skin .sp-consult-fees>div:last-child{border-bottom:0}
#view-skin .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skin .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-skin .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-skin .sp-consult-fees{flex-basis:100%}#view-skin .sp-consult-fees dd{font-size:21px}#view-skin .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-skin .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-skin .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-skin .sp-price-intro{padding:20px 18px;gap:18px}
 #view-skin .sp-consult-fees{flex-basis:100%;width:100%}
 #view-skin .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-skin .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-skin .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-skin .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-skin .sp-fee-period::before{content:none}
 html[lang="en"] #view-skin .sp-fee-period{white-space:normal;font-size:14px}
 #view-skin .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-skin .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-skin .sp-prices{gap:16px;border:0}
 #view-skin .sp-price,#view-skin .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-skin .sp-price-heading{order:0;margin-bottom:14px}
 #view-skin .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-skin .sp-price h3{font-size:22px;letter-spacing:0}
 #view-skin .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-skin .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-skin .sp-price .sp-price-unit{font-size:12px}
 #view-skin .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-skin .sp-price>.sp-note{order:3;margin-top:10px}
 #view-skin .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-skin .sp-price,#view-skin .sp-price+.sp-price{padding:20px 16px}
 #view-skin .sp-price h3{font-size:20px}
 #view-skin .sp-price .sp-yen{font-size:20px}
 #view-skin .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-skin .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-skin .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-skin .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-skin .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-skin .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-skin .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-skin .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-skin .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-skin .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-skin .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-skin .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-skin .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-skin .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-skin .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-skin .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-skin .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-skin .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-skin .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-skin .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-skin .sp-entry-hint{margin:8px 0 22px}
#view-skin .sp-entry-links{gap:14px;border:0}
#view-skin .sp-entry-link,#view-skin .sp-entry-link:first-child,#view-skin .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-skin .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-skin .sp-entry-link:hover,#view-skin .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-skin .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-skin .sp-entry-copy{min-width:0}
#view-skin .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-skin .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-skin .sp-entry-question{font-size:22px}
 #view-skin .sp-entry-link,#view-skin .sp-entry-link:first-child,#view-skin .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-skin .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-skin .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-skin .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .sp-anes{margin-top:10px}
#view-skin .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-skin .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-skin .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-skin .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-skin .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-skin .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-skin .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-skin .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-skin .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-skin .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-skin .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-skin .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-skin .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-skin .hg-head>div{min-width:0}
#view-skin .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-skin .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-skin .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-skin .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-skin .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-skin .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-skin .hg-menu-photo{margin:0}
#view-skin .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-skin .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-skin .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-skin .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-skin .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-skin .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-skin .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-skin .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-skin .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skin .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-skin .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skin .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-skin .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-skin .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-skin .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-skin .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-skin .hg-menu-note{margin:14px 0 0}
#view-skin .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-skin .hg-menu-links-label{margin-right:4px}
#view-skin .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-skin .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-skin .hg-menu-fees{gap:8px}#view-skin .hg-fee{padding:14px 14px 12px}#view-skin .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-skin .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-skin .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-skin .hg-menu-range{margin:14px 0 0}
#view-skin .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-skin .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-skin .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-skin .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-skin .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-skin .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-skin .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-skin .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-skin .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-skin .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-skin .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-skin .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-skin .cg-card{padding:0;background:transparent;border:0}
#view-skin .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-skin .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-skin .cg-card .case-image{margin:0}
#view-skin .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-skin .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-skin .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-skin .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-skin .cg-details summary:hover{color:var(--gold-ink)}
#view-skin .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-skin .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-skin .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-skin .cg-details dt{padding-top:13px}
#view-skin .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-skin .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-skin .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-skin .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-skin .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-skin .sp-section .dn-gallery,#view-skin .sp-section .sw-gallery,#view-skin .sp-section .pc-lecture-figs,#view-skin .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skin .sp-section .sw-interview,#view-skin .sp-section .ul-doctor-grid,#view-skin .sp-section .sv-doctor-hero,#view-skin .sp-section .wrx-evidence,#view-skin .sp-section .uex-evidence,#view-skin .sp-section .ml-doctor-grid,#view-skin .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-skin .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-skin .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-skin .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-skin .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-skin .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-skin .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-skin .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-skin .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-skin .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-skin .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-skin .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-skin .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-skin .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-skin .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-skin .hgd-svg{display:block;width:100%;height:auto}
#view-skin .hgd-sp{display:none}
#view-skin .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-skin .hgd-layer{font-size:30px}
#view-skin .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-skin .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-skin .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-skin .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-skin .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-skin .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-skin .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-skin .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-skin .hgd-art{opacity:.92}
#view-skin .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-skin .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-skin .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-skin .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-skin .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-skin .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-skin .hgd-layer{font-size:25px}
html[lang^="en"] #view-skin .hgd-sub{font-size:19px}
html[lang^="en"] #view-skin .hgd-br{font-size:27px}
#view-skin .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-skin .hgd-pc .hgd-layer{font-size:38px}
 #view-skin .hgd-pc .hgd-sub{font-size:30px}
 #view-skin .hgd-pc .hgd-name{font-size:42px}
 #view-skin .hgd-pc .hgd-kind{font-size:31px}
 #view-skin .hgd-pc .hgd-br{font-size:36px}
 #view-skin .hgd-pc .hgd-mm{font-size:40px}
 #view-skin .hgd-pc .hgd-note{font-size:26px}
 #view-skin .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-skin .hg-lineup img{width:72px;height:72px}
 #view-skin .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-skin .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-skin .hg-lineup,#view-skin .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-skin .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-skin .hg-lineup img{width:56px;height:56px}
 #view-skin .hg-lineup figcaption{padding:7px 8px}
 #view-skin .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-skin .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-skin .hg-lineup figcaption small{font-size:10.5px}
 #view-skin .hgd-pc{display:none}
 #view-skin .hgd-sp{display:block}
 #view-skin .hgd-layer,#view-skin .hgd-name,#view-skin .hgd-br,#view-skin .hgd-mm{font-size:34px}
 #view-skin .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-skin .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-skin .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-skin .hgd-layer{font-size:30px}
 #view-skin .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-skin .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skin .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-skin. */
#view-skin .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skin .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-skin .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-skin .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-skin .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-skin .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-skin .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-skin .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-skin .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-skin .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-skin .pc-table th,#view-skin .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-skin .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-skin .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-skin .pc-table tbody tr:last-child th,#view-skin .pc-table tbody tr:last-child td{border-bottom:0}
#view-skin .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-skin .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-skin .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-skin .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-skin .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-skin .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-skin .pc-point-face{width:92px;height:92px}}
#view-skin .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-skin .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-skin .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skin .pc-explain p+p{margin-top:12px}
#view-skin .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skin .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-skin .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-skin .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skin .pc-books h3{font-size:18px;margin-bottom:12px}
#view-skin .pc-books ul{list-style:none;padding:0;margin:0}
#view-skin .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-skin .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-skin .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skin .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-skin .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-skin .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-skin .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-skin .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-skin .pc-tag{margin:0}
#view-skin .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-skin .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-skin .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-skin .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-skin .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-skin .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-skin .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-skin .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-skin .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-skin .pc-approval>div:last-child{border-bottom:0}
#view-skin .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-skin .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-skin .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-skin .pc-glance,#view-skin .pc-modes{grid-template-columns:1fr}#view-skin .pc-explain{grid-template-columns:1fr}#view-skin .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-skin .pc-concern-links{grid-template-columns:1fr}#view-skin .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-skin .pc-books,#view-skin .pc-quote,#view-skin .pc-point{padding:20px}#view-skin .pc-glance-num span{font-size:32px}#view-skin .pc-table{font-size:13px}#view-skin .pc-table th,#view-skin .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-skin .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-skin .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-skin .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-skin .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-skin .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-skin .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-skin .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-skin .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-skin .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-skin .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-skin .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-skin .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-skin .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-skin .pc-video{margin:0 0 28px;max-width:820px}
#view-skin .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-skin .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-skin .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-skin .pc-lasers-media .pc-video,#view-skin .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-skin .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-skin .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-skin .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-skin .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-skin .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-skin .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-skin .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-skin .pc-hero-video .sp-video{margin:0}
#view-skin .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-skin .pc-cell-label{display:none}
@media(max-width:760px){
#view-skin .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-skin .pc-table{min-width:0;display:block;font-size:14px}
#view-skin .pc-table caption{display:block;padding:0 0 10px}
#view-skin .pc-table thead{display:none}
#view-skin .pc-table tbody{display:block}
#view-skin .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-skin .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-skin .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-skin .pc-table tr td:last-child{border-bottom:0}
#view-skin .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-skin .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-skin .pc-cell-value{display:block;line-height:1.75}
}
#view-skin .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-skin .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-skin .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-skin .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-skin .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-skin .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skin .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-skin .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-skin .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-skin .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-skin .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-skin .pcx-video{margin:0 0 26px;max-width:780px}
#view-skin .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-skin .pcx-table-details{margin-top:18px}
#view-skin .pcx-table-details .pc-table-wrap{margin-top:0}
#view-skin .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-skin .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-skin .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skin #pc-lasers .pc-point{margin-top:40px}
#view-skin .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-skin .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-skin .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-skin .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-skin .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-skin .pcx-case-hint{margin-top:6px}
#view-skin #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-skin .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-skin .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-skin .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-skin .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-skin .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-skin .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-skin .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-skin .pcx-hero-points{margin-top:22px}
#view-skin .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-skin .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-skin .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-skin .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-skin .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-skin .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-skin .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skin .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-skin .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-skin .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-skin .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-skin .pcx-mode-art img{display:block;width:100%;height:auto}
#view-skin .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-skin .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-skin .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-skin .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-skin .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-skin .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-skin .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-skin .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-skin .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-skin .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-skin .pcx-case-sep{display:none}
  #view-skin .pcx-case-name{display:block}
  #view-skin .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-skin .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-skin .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-skin .pcx-diff-changed{border-top-color:var(--gold)}
#view-skin .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-skin .pcx-diff-card dl{margin:0}
#view-skin .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-skin .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-skin .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-skin .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-skin .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-skin .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-skin .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-skin .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-skin .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-skin .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-skin .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-skin .pcx-history>li:last-child{padding-bottom:0}
#view-skin .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-skin .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-skin .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-skin .pcx-h-tag{margin:0 0 4px}
#view-skin .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-skin .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-skin .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-skin .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-skin .pcx-history-wrap>.sp-note{margin-top:20px}
#view-skin #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-skin .pcx-diff{grid-template-columns:1fr}
 #view-skin .pcx-diff-card{padding:18px 16px 14px}
 #view-skin .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-skin .pcx-depth{padding:16px}
 #view-skin .pcx-history::before{left:3.4em}
 #view-skin .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-skin .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-skin .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-skin .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-skin .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-skin .pcx-h-photo{margin:4px 0 0}
#view-skin .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-skin .pcx-h-device .pcx-h-photo img,#view-skin #pc-history .pcx-h-photo img[src*="picosure-"],#view-skin #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-skin .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-skin .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-skin .pcx-h-photo{max-width:360px}}

/* Sunekos Performa page: added on top of the spots CSS and the PicoSure Pro CSS, both re-scoped to #view-skin at build time. */
#view-skin .sn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f0ee}
#view-skin .sn-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-skin .pc-point-face img{object-position:50% 30%}
#view-skin .sn-ecm{display:grid;grid-template-columns:1fr;gap:18px}
#view-skin .sn-diagram{margin:0 auto;width:100%;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .sn-ecm-art{position:relative}
#view-skin .sn-ecm-art img{display:block;width:100%;height:auto}
#view-skin .sn-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:#fff;font:500 15px/1 var(--fig);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media(max-width:600px){#view-skin .sn-marker{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}}
#view-skin .sn-diagram figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-skin .sn-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-skin .sn-legend li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .sn-legend li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-skin .sn-legend h3{font-size:16px;line-height:1.5;margin:0}
#view-skin .sn-legend-sub{font-size:12px!important;color:var(--gold-ink)!important;margin:2px 0 4px!important;letter-spacing:.04em}
#view-skin .sn-legend p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skin .sn-idea{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 26px}
#view-skin .sn-idea h3{font-size:18px;margin-bottom:10px}
#view-skin .sn-idea p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skin .sn-idea p+p{margin-top:10px}
#view-skin .sn-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-skin .sn-ingredients .pc-device-photo{margin:0}
#view-skin .sn-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f3f3f1}
#view-skin .sn-spec{margin:0}
#view-skin .sn-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-skin .sn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-skin .sn-paper{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0;display:flex;flex-direction:column}
#view-skin .sn-paper-kind{display:inline-block;align-self:flex-start;font-size:12px!important;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)!important;border-radius:2px;margin-bottom:10px}
#view-skin .sn-paper h3{font-family:var(--latin);font-size:16px;line-height:1.5;margin-bottom:6px}
#view-skin .sn-paper-cite{font-size:12px!important;color:var(--ink-3)!important;line-height:1.7;margin-bottom:10px}
#view-skin .sn-paper>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .sn-paper .sp-source{margin-top:auto;padding-top:10px}
@media(max-width:900px){#view-skin .sn-ecm,#view-skin .sn-ingredients,#view-skin .sn-papers{grid-template-columns:1fr}}
@media(max-width:760px){#view-skin .sn-spec>div{grid-template-columns:1fr}#view-skin .sn-idea{padding:20px}#view-skin .sn-legend li{padding:12px 14px}}
@media(max-width:900px){#view-skin .sn-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-skin .sn-legend{grid-template-columns:1fr}}
#view-skin .pc-table thead th{white-space:normal}
#view-skin #sn-others .pc-table{table-layout:fixed}
#view-skin #sn-others .pc-table tbody th{width:16%}
@media(max-width:760px){#view-skin #sn-others .pc-table{table-layout:auto}}
/* 2026-09-18 concern-led layout */
#view-skin .sn-hero-points{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#view-skin .sn-hero-points li{font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--gold);color:var(--gold-ink);background:#fff;border-radius:999px}
#view-skin .sn-hero-note{font-size:13px!important;color:var(--ink-3)!important;margin-top:12px}
#view-skin .sn-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-skin .sn-signs article{background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold);padding:18px 20px}
#view-skin .sn-signs h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-skin .sn-signs p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skin .sn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-skin .sn-why article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 20px}
#view-skin .sn-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-skin .sn-why h3{font-size:17px;line-height:1.55;margin-bottom:8px}
#view-skin .sn-why p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .sn-course{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#view-skin .sn-course li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 14px}
#view-skin .sn-course li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:26px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);z-index:1}
#view-skin .sn-course-when b{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;background:var(--night);color:#fff;border-radius:2px;margin-bottom:8px}
#view-skin .sn-course li:last-child .sn-course-when b{background:var(--gold)}
#view-skin .sn-course h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-skin .sn-course p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skin .sn-path{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;margin-bottom:24px}
#view-skin .sn-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-skin .sn-path li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 16px;background:#f7f6f3}
#view-skin .sn-path li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-skin .sn-path li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
#view-skin .sn-path h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-skin .sn-path li p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skin .sn-path-goal{margin-top:14px;padding:14px 16px;background:var(--night);color:#fff;text-align:center}
#view-skin .sn-path-label{display:inline-block;font-size:12px!important;padding:2px 10px;border:1px solid rgba(255,255,255,.6);color:#fff!important;border-radius:2px;margin-bottom:6px}
#view-skin .sn-path-goal p:last-child{font-size:15px;line-height:1.8;color:#fff}
#view-skin #sn-ecm .sp-disclosure{max-width:880px;margin:12px auto 0;width:100%}
#view-skin .sn-choose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-skin .sn-choose article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column}
#view-skin .sn-choose article.sn-choose-this{border:2px solid var(--gold)}
#view-skin .sn-choose-q{font-size:13px!important;line-height:1.6;color:var(--ink-3)!important;margin-bottom:8px}
#view-skin .sn-choose h3{font-size:17px;margin-bottom:6px}
#view-skin .sn-choose article>p:not(.sn-choose-q){font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skin .sn-choose .sp-source{margin-top:auto;padding-top:10px}
#view-skin .sn-cta{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 24px;margin:24px 0 0}
#view-skin .sn-cta p{font-size:15px}
#view-skin #sn-ingredients .pc-glance{margin-bottom:24px}
#view-skin #sn-ingredients .sp-disclosure,#view-skin #sn-others .sp-disclosure{margin-top:12px}
@media(max-width:900px){#view-skin .sn-why,#view-skin .sn-path ol{grid-template-columns:1fr}#view-skin .sn-path li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-12px;transform:rotate(135deg)}#view-skin .sn-choose{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skin .sn-course{grid-template-columns:1fr}#view-skin .sn-course li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-9px;transform:rotate(135deg)}}
@media(max-width:600px){#view-skin .sn-signs,#view-skin .sn-fit,#view-skin .sn-choose{grid-template-columns:1fr}#view-skin .sn-cta{padding:18px}#view-skin .sn-cta .sp-actions{width:100%}#view-skin .sn-path{padding:18px}}
#view-skin .sn-amino-art{margin:28px auto 24px}
#view-skin .sn-amino-art img{display:block;width:100%;height:auto}
/* Ingredient figures: a compact strip (user request 2026-09-18). Three across even on phones. */
#view-skin .sn-glance-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#view-skin .sn-glance-sm .pc-glance-card{padding:14px 16px 12px}
#view-skin .sn-glance-sm .pc-glance-num{margin:0 0 4px;gap:4px}
#view-skin .sn-glance-sm .pc-glance-num span{font-size:26px}
#view-skin .sn-glance-sm .pc-glance-num small{font-size:11px;letter-spacing:.04em}
#view-skin .sn-glance-sm .pc-glance-card h3{font-size:14px;line-height:1.5;margin-bottom:2px}
#view-skin .sn-glance-sm .pc-glance-card p:last-child{font-size:12px;line-height:1.7}
@media(max-width:600px){#view-skin .sn-glance-sm{gap:6px}#view-skin .sn-glance-sm .pc-glance-card{padding:10px 8px}#view-skin .sn-glance-sm .pc-glance-num span{font-size:21px}#view-skin .sn-glance-sm .pc-glance-num{flex-wrap:wrap}#view-skin .sn-glance-sm .pc-glance-card h3{font-size:12px}#view-skin .sn-glance-sm .pc-glance-card p:last-child{font-size:11px;line-height:1.6}}

/* "こんなお悩みに": two-column comparison panel (2026-09-18). Tokens only. */
#view-skin .sn-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .sn-fit-col{padding:28px 32px 22px;min-width:0}
#view-skin .sn-fit-yes{box-shadow:inset 0 3px 0 var(--gold)}
#view-skin .sn-fit-other{border-left:1px solid var(--sp-border);background:var(--sp-soft)}
#view-skin .sn-fit-kicker{font:500 11px/1 var(--latin)!important;letter-spacing:.2em;color:var(--gold-ink)!important;margin:0 0 10px!important}
#view-skin .sn-fit-other .sn-fit-kicker{color:var(--ink-3)!important}
#view-skin .sn-fit h3{font-size:19px;line-height:1.5;margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--sp-border)}
#view-skin .sn-fit-list{list-style:none;margin:0;padding:0}
#view-skin .sn-fit-list li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--sp-border)}
#view-skin .sn-fit-list li:last-child{border-bottom:0;padding-bottom:4px}
#view-skin .sn-fit-main{display:block;font-size:15px;line-height:1.7;color:var(--ink)}
#view-skin .sn-fit-sub{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:3px}
#view-skin .sn-fit-sub::before{content:'→ '}
#view-skin .sn-fit-yes li::before{content:'';position:absolute;left:5px;top:20px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-skin .sn-fit-other li::before{content:'';position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink-3)}
@media(max-width:760px){#view-skin .sn-fit{grid-template-columns:1fr}#view-skin .sn-fit-col{padding:22px 20px 16px}#view-skin .sn-fit-other{border-left:0;border-top:1px solid var(--sp-border)}#view-skin .sn-fit h3{font-size:17px}}

/* 2026-09-27 magazine-style reading (patient-eye rework). Prefix sux- is unique to this page: this file is also copied
   into the skin, rejuran, skinvive, pluryal, pinkglow and babyderm views, where these classes are not used. */
#view-skin .sux-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-skin .sux-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skin .sux-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-skin .sux-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-skin .sux-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skin .sux-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;margin-bottom:26px}
#view-skin .sux-lead .sp-heading{margin-bottom:0}
#view-skin .sux-figure{margin:0;min-width:0}
#view-skin .sux-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-skin .sux-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-skin .sux-path-art{max-width:640px;margin:0 auto 20px}
#view-skin .sux-path-art img{aspect-ratio:3/2;object-fit:contain;background:#fff}
#view-skin .sux-banner{margin:0 0 24px}
#view-skin .sux-banner img{aspect-ratio:3/1;object-position:50% 60%}
#view-skin .sux-papers-more{margin-top:18px}
#view-skin .sux-papers-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:900px){#view-skin .sux-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skin .sux-lead{grid-template-columns:1fr;gap:20px}#view-skin .sux-lead .sux-figure{max-width:560px}}
@media(max-width:560px){#view-skin .sux-quick{grid-template-columns:minmax(0,1fr)}#view-skin .sux-banner img{aspect-ratio:2/1}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-skin .sux-hero-points{margin-top:22px}
#view-skin .sux-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-skin .sux-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-skin .sux-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-skin .sux-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-skin .sux-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-skin .sux-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-skin .sux-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-skin .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-skin .sp-heading h2>.sp-h2-main{display:block}

/* Skin booster page (#skin): additions on top of the spots, PicoSure Pro and Sunekos CSS, all re-scoped to #view-skin at build time (2026-09-13 redesign). */
/* Hero photo: display-only crop of about 1 cm at the top (user, 2026-09-13). The shared image file is not edited. */
#view-skin .sp-hero-photo .skn-hero-crop{display:flex;align-items:flex-end;overflow:hidden;aspect-ratio:4/3}
#view-skin .sp-hero-photo .skn-hero-crop img{flex:none;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:45% 0} /* 2026-10-05: the photo itself is now cropped from the nose down (owner), so the frame no longer trims its top */
@media(max-width:760px){#view-skin .sp-hero-photo .skn-hero-crop{aspect-ratio:16/9}}
#view-skin .sp-hero-photo .skn-hero-crop.skn-hero-products{aspect-ratio:4/3}
#view-skin .sp-hero-photo .skn-hero-crop.skn-hero-products img{object-position:50% 50%} /* 2026-10-05: the product photograph is shown whole, on phones too */
#view-skin [id]{scroll-margin-top:110px}
/* Skin concern check (markup built by skin-page.js). Distinct panel so it reads as a self-check, not body copy. */
#view-skin .skn-check-badges{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0}
#view-skin .skn-check-badges li{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.5;padding:6px 12px;border-radius:999px;background:#F1E8D8;color:var(--gold-ink)}
#view-skin .skn-check-badges li::before{content:'✓';font-size:12px}
#view-skin .skn-quiz{position:relative;overflow:hidden;padding:0 0 26px;background:#FBF6EE;border:1px solid #D9C7A6;border-radius:6px;box-shadow:0 10px 30px rgba(81,74,67,.08);min-height:320px}
#view-skin .skn-quiz-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px;padding:14px 30px;background:var(--night,#2B2622);color:#fff;font-size:14px;letter-spacing:.06em}
#view-skin .skn-quiz-head::before{content:'SELF CHECK';font:12px var(--latin);letter-spacing:.18em;color:#D9C29A;margin-right:auto;order:-1}
#view-skin .skn-progress{display:flex;gap:6px}
#view-skin .skn-progress span{width:38px;height:4px;border-radius:2px;background:rgba(255,255,255,.25)}
#view-skin .skn-progress .done{background:#D9C29A}
#view-skin .skn-quiz fieldset,#view-skin .skn-quiz .skn-result,#view-skin .skn-quiz>.skn-quiz-actions{margin-inline:30px}
#view-skin .skn-quiz fieldset{border:0;padding:0;min-width:0}
#view-skin .skn-quiz legend{display:flex;align-items:center;gap:14px;font-family:var(--mincho);font-weight:500;font-size:23px;line-height:1.5;margin-bottom:18px;max-width:100%;color:var(--ink)}
#view-skin .skn-q-no{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold-ink);color:#fff;font:500 16px/1 var(--fig);letter-spacing:.02em}
#view-skin .skn-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#view-skin .skn-quiz-option{position:relative;display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 18px;border:1px solid #E2D5BF;border-radius:6px;background:#fff;cursor:pointer;font-size:15px;line-height:1.6;color:var(--ink);transition:border-color .15s,box-shadow .15s}
#view-skin .skn-quiz-option:hover{border-color:var(--gold);box-shadow:0 2px 10px rgba(160,130,71,.15)}
#view-skin .skn-quiz-option input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:22px;height:22px;margin:0;border:2px solid #CBB894;border-radius:50%;background:#fff;display:grid;place-items:center}
#view-skin .skn-quiz-option input::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--gold-ink);transform:scale(0);transition:transform .12s}
#view-skin .skn-quiz-option input:checked{border-color:var(--gold-ink)}
#view-skin .skn-quiz-option input:checked::after{transform:scale(1)}
#view-skin .skn-quiz-option:has(input:checked){border-color:var(--gold-ink);background:#FFFDF8;box-shadow:inset 0 0 0 1px var(--gold-ink)}
#view-skin .skn-quiz-option:has(input:focus-visible){outline:2px solid var(--gold-ink);outline-offset:2px}
#view-skin .skn-quiz-actions{display:flex;justify-content:space-between;gap:14px;margin-top:22px;align-items:center}
#view-skin .skn-quiz button{font:14px/1.5 var(--sans);cursor:pointer;min-height:48px;padding:12px 24px;border:1px solid #D9C7A6;border-radius:4px;background:#fff;color:var(--ink)}
#view-skin .skn-quiz button[data-action=next]{background:var(--gold-ink);color:#fff;border-color:var(--gold-ink);min-width:160px;font-weight:500}
#view-skin .skn-quiz button[data-action=next]:not(:disabled)::after{content:' →'}
#view-skin .skn-quiz button:disabled{opacity:.4;cursor:not-allowed}
#view-skin .skn-result h3{font-family:var(--mincho);font-weight:500;font-size:24px;line-height:1.6;margin-bottom:14px;padding:14px 18px;background:#fff;border-left:3px solid var(--gold-ink)}
#view-skin .skn-result p{font-size:15px;line-height:1.9;color:var(--ink-2);max-width:52em}
#view-skin .skn-result p+p{margin-top:10px}
#view-skin .skn-result .skn-small{font-size:12px;color:var(--ink-3)}
#view-skin .skn-result-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
#view-skin .skn-result-links a,#view-skin .skn-result>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;padding:10px 16px;border:1px solid #D9C7A6;border-radius:4px;background:#fff;color:var(--ink)}
#view-skin .skn-quiz+noscript+.sp-note,#view-skin .skn-quiz+.sp-note{margin-top:12px}
/* Treatment categories */
#view-skin .skn-stimuli{margin-top:34px}
#view-skin .skn-stimuli h3{font-size:19px;line-height:1.6;margin-bottom:14px}
#view-skin .skn-stimuli ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#view-skin .skn-stimuli li{background:#fff;border:1px solid var(--sp-border);padding:18px 16px;min-width:0}
#view-skin .skn-stimuli li.is-focus{border-color:var(--gold);box-shadow:inset 0 2px 0 var(--gold)}
#view-skin .skn-stimuli h4{font-family:var(--mincho);font-weight:500;font-size:17px;line-height:1.5;margin:0 0 6px;color:var(--ink)}
#view-skin .skn-stimuli li.is-focus h4{color:var(--gold-ink)}
#view-skin .skn-stimuli li p{font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-skin .skn-stimuli>.sp-note{margin-top:12px}
#view-skin #skn-ecm .pc-point{margin-top:30px}
/* Seven product cards */
#view-skin .skn-product-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
#view-skin .skn-product-index a{display:inline-flex;align-items:center;min-height:40px;font-size:13px;padding:8px 14px;border:1px solid var(--sp-border);background:#fff;color:var(--ink)}
#view-skin .skn-product-index a:hover{border-color:var(--gold);color:var(--gold-ink)}
#view-skin .skn-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
#view-skin .skn-product{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-skin .skn-product-photo{position:relative;margin:0;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-skin .skn-product-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
#view-skin .skn-product-no{position:absolute;top:12px;left:14px;font:12px var(--fig);color:var(--gold-ink);letter-spacing:.06em}
#view-skin .skn-product-body{padding:20px 22px 6px}
#view-skin .skn-product-purpose{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.04em;margin-bottom:6px}
#view-skin .skn-product h3{font-size:21px;line-height:1.55;margin-bottom:10px}
#view-skin .skn-approval{display:inline-block;font-size:12px;line-height:1.6;padding:3px 10px;border:1px solid var(--ink-4);color:var(--ink-2);border-radius:2px}
#view-skin .skn-approval.is-approved{border-color:var(--gold);color:var(--gold-ink)}
#view-skin .skn-product-intro{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:14px;min-height:5.6em}
#view-skin .skn-composition{font-size:13px;line-height:1.8;color:var(--ink-2);background:var(--sp-soft);padding:10px 12px;margin-top:12px;min-height:5.2em}
#view-skin .skn-feature{margin-top:12px;padding:12px 14px;border:1px solid var(--sp-border);border-left:3px solid var(--gold)}
#view-skin .skn-feature-label{font-size:13px;font-weight:500;color:var(--gold-ink);line-height:1.6;margin-bottom:4px}
#view-skin .skn-feature p:not([class]){font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-skin .skn-feature-note{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-skin .skn-card-price{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 12px;border-top:1px solid var(--sp-border);margin-top:16px;padding-top:14px}
#view-skin .skn-fee-unit{font-size:13px;line-height:1.7;color:var(--ink-3)}
#view-skin .skn-fee-value{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink);white-space:nowrap}
#view-skin .skn-fee-value small,#view-skin .skn-fee-list dd small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-skin .skn-product-more{margin-top:12px}
#view-skin .skn-product-detail{margin:0}
#view-skin .skn-product-detail>div{padding:10px 0;border-bottom:1px solid var(--sp-border)}
#view-skin .skn-product-detail>div:first-child{padding-top:0}
#view-skin .skn-product-detail dt{font-size:12px;color:var(--gold-ink);margin-bottom:3px}
#view-skin .skn-product-detail dd{margin:0;font-size:14px;line-height:1.85}
#view-skin .skn-product-more .sp-note{margin-top:12px}
#view-skin .skn-card-links{display:grid;gap:6px;margin-top:10px;font-size:13px;line-height:1.7}
#view-skin .skn-card-links a{color:var(--gold-ink)}
/* Ingredients */
#view-skin #skn-ingredients .pc-table-wrap+.pc-table-wrap{margin-top:22px}
@media(min-width:761px){#view-skin #skn-ingredients .pc-table{table-layout:fixed}#view-skin #skn-ingredients .pc-table thead th{white-space:normal}#view-skin #skn-ingredients .pc-table tbody th{width:20%}}
#view-skin .skn-hmw{margin:0}
#view-skin .skn-hmw>div{grid-template-columns:180px minmax(0,1fr)}
/* Doctor: paper card and combination note */
#view-skin .skn-paper{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;margin-top:28px;padding:22px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-skin .skn-paper img{width:110px;height:auto;aspect-ratio:3/4;object-fit:contain;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skin .skn-paper h3{font-size:18px;line-height:1.6;margin-bottom:4px}
#view-skin .skn-paper-cite{font-size:13px;color:var(--ink-3);line-height:1.7}
#view-skin .skn-paper .sp-disclosure{margin-top:10px}
#view-skin .skn-paper .sp-disclosure-content .sp-source{display:inline-block;margin-top:8px}
#view-skin .skn-combo{margin-top:30px;padding:24px 26px;background:var(--sp-soft);border-left:3px solid var(--gold)}
#view-skin .skn-combo h3{font-size:19px;line-height:1.6;margin-bottom:8px}
#view-skin .skn-combo>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2)}
/* Fees */
#view-skin .skn-fee-list{margin:0;background:#fff;border-top:2px solid var(--gold);border-bottom:1px solid var(--sp-border);padding:0 28px}
#view-skin .skn-fee-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--sp-border)}
#view-skin .skn-fee-list>div:last-child{border-bottom:0}
#view-skin .skn-fee-list dt{min-width:0}
#view-skin .skn-fee-name{display:block;font-size:16px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-skin .skn-fee-list dd{margin:0;font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--ink)}
#view-skin .skn-fee-list dd small{font-family:var(--sans);font-size:12px;margin-left:6px;color:var(--ink-2)}
#view-skin .skn-fee-list+.sp-note{margin-top:14px}
#view-skin #skn-price .sp-price-action{margin-top:26px}
@media(max-width:1100px){#view-skin .skn-stimuli ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){#view-skin .skn-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #view-skin .skn-quiz{padding:0 0 20px;min-height:0}
 #view-skin .skn-quiz-head{padding:12px 18px;font-size:13px;letter-spacing:.02em;white-space:nowrap}
 #view-skin .skn-quiz-head::before{display:none}
 #view-skin .skn-progress span{width:26px}
 #view-skin .skn-quiz fieldset,#view-skin .skn-quiz .skn-result,#view-skin .skn-quiz>.skn-quiz-actions{margin-inline:18px}
 #view-skin .skn-quiz legend{font-size:19px;gap:10px}
 #view-skin .skn-q-no{width:38px;height:38px;font-size:14px}
 #view-skin .skn-check-badges li{font-size:12px;padding:5px 10px}
 #view-skin .skn-quiz-options{grid-template-columns:1fr}
 #view-skin .skn-quiz button{padding:12px 18px}
 #view-skin .skn-result h3{font-size:21px}
 #view-skin .skn-stimuli ol{grid-template-columns:1fr;gap:8px}
 #view-skin .skn-stimuli li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:baseline;padding:14px 16px}
 #view-skin .skn-stimuli h4{margin:0;font-size:16px}
 #view-skin .skn-product-grid{grid-template-columns:1fr;gap:14px}
 #view-skin .skn-product{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:18px 18px 4px}
 #view-skin .skn-product-photo{grid-column:1;grid-row:1/4;align-self:start;border:1px solid var(--sp-border)}
 #view-skin .skn-product-photo img{width:100%}
 #view-skin .skn-product-no{top:3px;left:5px;font-size:10px}
 #view-skin .skn-product-body{display:contents}
 #view-skin .skn-product-purpose{grid-column:2;grid-row:1;font-size:12px;margin:0 0 4px}
 #view-skin .skn-product h3{grid-column:2;grid-row:2;font-size:19px;margin:0 0 8px}
 #view-skin .skn-approval{grid-column:2;grid-row:3;justify-self:start;align-self:start;font-size:11px}
 #view-skin .skn-product-intro,#view-skin .skn-composition,#view-skin .skn-feature,#view-skin .skn-card-price,#view-skin .skn-product-more{grid-column:1/-1;min-height:0}
 #view-skin .skn-hmw>div{grid-template-columns:1fr}
 #view-skin .skn-paper{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:18px}
 #view-skin .skn-paper img{width:80px}
 #view-skin .skn-combo{padding:20px}
 #view-skin .skn-fee-list{padding:0 18px}
 #view-skin .skn-fee-list>div{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 0}
 #view-skin .skn-fee-list dd{font-size:20px}
}

#view-skin .skn-product-page{display:inline-block;margin:4px 0 12px;font-size:14px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:2px}
/* 2026-09-26: magazine-style reading order (user: 患者目線で最後まで読めるように・絵や写真を). Essentials cards, illustrated ECM story, ingredient cards with the tables behind a disclosure, pictures in the fee, risk and approval sections. All rules are skn- prefixed and scoped to #view-skin. */
#view-skin .skn-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-skin .skn-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skin .skn-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-skin .skn-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-skin .skn-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skin .skn-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px;align-items:stretch}
#view-skin .skn-story-card{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-skin .skn-story-card figure{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-skin .skn-story-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-skin .skn-story-card figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);padding:8px 20px 10px;background:#fff}
#view-skin .skn-story-body{padding:18px 22px 24px}
#view-skin .skn-story-body h3{font-size:19px;line-height:1.6;margin:0 0 10px}
#view-skin .skn-story-body p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-skin .skn-story-body p+p:not(.sp-kicker){margin-top:10px}
#view-skin #skn-ecm .skn-view-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch;margin-top:30px}
#view-skin #skn-ecm .skn-view-row .pc-point{margin-top:0}
#view-skin .skn-rebeau{margin:0;background:#fff;border:1px solid var(--sp-border);display:flex;flex-direction:column;min-width:0}
#view-skin .skn-rebeau img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;flex:1}
#view-skin .skn-rebeau figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:13px;line-height:1.7;color:var(--ink-2);padding:10px 16px 12px;border-top:1px solid var(--sp-border)}
#view-skin .skn-rebeau figcaption a{font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skin .skn-ing-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-skin .skn-ing-card{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-skin .skn-ing-card figure{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-skin .skn-ing-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-skin .skn-ing-body{padding:18px 20px 20px}
#view-skin .skn-ing-card h3{font-size:18px;line-height:1.5;margin:0 0 8px}
#view-skin .skn-ing-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skin .skn-ing-used{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--sp-border);font-size:13px;line-height:1.75}
#view-skin .skn-ing-used dt{font-size:12px;letter-spacing:.04em;color:var(--gold-ink);margin-bottom:2px}
#view-skin .skn-ing-used dd{margin:0;color:var(--ink-2)}
#view-skin #skn-ingredients .skn-ing-cards+.pc-explain{margin-top:30px}
#view-skin .skn-ing-details{margin-top:26px}
#view-skin .skn-ing-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;overflow-x:auto}
#view-skin .skn-ing-details .pc-table-wrap{margin-top:4px}
#view-skin .skn-ing-details .sp-note{margin-top:14px}
#view-skin .skn-fee-consult{display:block;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}  /* 2026-10-01 the illustration beside it was removed */
#view-skin #skn-price .skn-fee-consult .sp-price-action{margin-top:0;border-top:0;padding-top:0}
#view-skin .skn-approval-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
#view-skin .skn-approval-grid .pc-approval{margin:0}
#view-skin .skn-approval-photo{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-skin .skn-approval-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
#view-skin .skn-approval-photo figcaption{font-size:13px;line-height:1.7;color:var(--ink-2);padding:10px 16px 12px;border-top:1px solid var(--sp-border)}
@media(max-width:1100px){#view-skin .skn-ing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#view-skin .skn-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skin .skn-story,#view-skin #skn-ecm .skn-view-row,#view-skin .skn-fee-consult,#view-skin .skn-approval-grid{grid-template-columns:minmax(0,1fr)}#view-skin .skn-rebeau img{aspect-ratio:16/9;flex:none}}
@media(max-width:560px){#view-skin .skn-quick{grid-template-columns:minmax(0,1fr)}#view-skin .skn-ing-cards{grid-template-columns:minmax(0,1fr)}#view-skin .skn-ing-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#view-skin .skn-ing-card figure{border-bottom:0;border-right:1px solid var(--sp-border)}#view-skin .skn-ing-card img{height:100%;aspect-ratio:auto;min-height:150px}#view-skin .skn-risk-art img{aspect-ratio:16/9}#view-skin .skn-story-body,#view-skin .skn-ing-body{padding:16px 18px 18px}}

/* Common concerns → products (2026-10-05, owner: "like the hair-removal page"; same picker as the drip page, re-scoped).
   Card pictures by Codex are optional (.skp-photo appears once src/web2/skin/pick-<key>.webp exists). */
#view-skin .skp{position:relative;margin-top:30px}
#view-skin .skp-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#view-skin .skp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-skin .skp-card{display:flex;flex-direction:column;gap:8px;padding:20px 18px 16px;background:#fff;border:1px solid var(--sp-border);border-bottom:2px solid var(--sp-border);cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}
#view-skin .skp-photo{display:block;margin:-20px -18px 6px;overflow:hidden;background:var(--sp-soft)}
#view-skin .skp-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
#view-skin .skp-card:hover .skp-photo img{transform:scale(1.03)}
#view-skin .skp-no{font-family:var(--fig);font-size:22px;line-height:1;color:var(--gold-ink);letter-spacing:.04em}
#view-skin .skp-card strong{font-family:var(--mincho);font-size:17px;font-weight:500;line-height:1.6;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
#view-skin .skp-drip{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid var(--sp-border);font-size:13px;line-height:1.6;color:var(--gold-ink);letter-spacing:.02em}
#view-skin .skp-drip::before{content:"→";flex:none}
#view-skin .skp-cue{font-size:12px;color:var(--ink-3);letter-spacing:.04em}
#view-skin .skp-cue::after{content:" ↓"}
#view-skin .skp-card:hover{border-color:var(--gold)}
#view-skin .skp-panel{display:none;margin-top:22px;padding:34px 38px 30px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skin .skp-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 14px}
#view-skin .skp-kicker{margin:0;font-family:var(--fig);font-size:26px;color:var(--gold-ink)}
#view-skin .skp-head h3{margin:0;font-family:var(--mincho);font-size:clamp(20px,2vw,25px);font-weight:500;line-height:1.5;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
#view-skin .skp-label{grid-column:1/-1;margin:12px 0 0;font-size:12px;letter-spacing:.08em;color:var(--ink-3)}
#view-skin .skp-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
#view-skin .skp-products.is-one{grid-template-columns:minmax(0,1fr);max-width:420px}
#view-skin .skp-products.is-four{grid-template-columns:repeat(2,minmax(0,1fr))} /* 2026-10-05: four products sit two by two, never three and one */
#view-skin .skp-product{display:flex;flex-direction:row;align-items:stretch;background:var(--sp-soft,#faf8f4);border:1px solid var(--sp-border);color:inherit;text-decoration:none;transition:border-color .25s ease}
#view-skin .skp-product:hover{border-color:var(--gold)}
#view-skin .skp-product-photo{flex:0 0 112px;display:block;background:#fff;border-right:1px solid var(--sp-border)}
#view-skin .skp-product-photo img{display:block;width:100%;height:100%;min-height:150px;object-fit:contain}
#view-skin .skp-product-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 14px}
#view-skin .skp-product-tag{font-size:12px;letter-spacing:.06em;color:var(--gold-ink)}
#view-skin .skp-product strong{font-family:var(--mincho);font-size:17px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-skin .skp-product-fee{margin-top:4px;font-family:var(--mincho);font-weight:500;font-size:19px;letter-spacing:.03em;line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap} /* same fee figures as .skn-fee-value */
#view-skin .skp-product-fee span{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-skin .skp-product-unit{font-size:12px;color:var(--ink-3)}
#view-skin .skp-product-cue{margin-top:6px;font-size:12px;color:var(--ink-3)}
#view-skin .skp-note{margin:10px 0 0;font-size:12.5px;line-height:1.8;color:var(--ink-3)}
#view-skin .skp-consult{margin-top:20px;padding-top:18px;border-top:1px solid var(--sp-border)}
#view-skin .skp-consult h4{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink);margin:0 0 8px}
#view-skin .skp-consult p{margin:0;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-skin .skp-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:22px;padding-top:18px;border-top:1px solid var(--sp-border)}
#view-skin .skp-next-label{font-size:12px;letter-spacing:.1em;color:var(--ink-3)}
#view-skin .skp-link{font-size:13.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
#view-skin .skp-link:hover{color:var(--gold-ink)}
#view-skin .skp-unsure{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
#view-skin .skp-unsure a{font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--gold);text-decoration:none}
#view-skin .skp:has(#skp-dry:checked) .skp-panel-dry,
#view-skin .skp:has(#skp-firm:checked) .skp-panel-firm,
#view-skin .skp:has(#skp-tone:checked) .skp-panel-tone,
#view-skin .skp:has(#skp-eye:checked) .skp-panel-eye{display:block}
#view-skin .skp:has(#skp-dry:checked) .skp-card[for="skp-dry"],
#view-skin .skp:has(#skp-firm:checked) .skp-card[for="skp-firm"],
#view-skin .skp:has(#skp-tone:checked) .skp-card[for="skp-tone"],
#view-skin .skp:has(#skp-eye:checked) .skp-card[for="skp-eye"]{border-color:var(--gold);border-bottom-color:var(--gold);box-shadow:0 10px 26px rgba(80,60,20,.08)}
#view-skin .skp:has(#skp-dry:checked) .skp-card[for="skp-dry"] .skp-cue,
#view-skin .skp:has(#skp-firm:checked) .skp-card[for="skp-firm"] .skp-cue,
#view-skin .skp:has(#skp-tone:checked) .skp-card[for="skp-tone"] .skp-cue,
#view-skin .skp:has(#skp-eye:checked) .skp-card[for="skp-eye"] .skp-cue{color:var(--gold-ink)}
#view-skin .skp:has(#skp-dry:focus-visible) .skp-card[for="skp-dry"],
#view-skin .skp:has(#skp-firm:focus-visible) .skp-card[for="skp-firm"],
#view-skin .skp:has(#skp-tone:focus-visible) .skp-card[for="skp-tone"],
#view-skin .skp:has(#skp-eye:focus-visible) .skp-card[for="skp-eye"]{outline:2px solid var(--gold-ink);outline-offset:3px}
@supports not selector(:has(*)){#view-skin .skp-panel{display:block}}
@media(max-width:900px){#view-skin .skp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#view-skin .skp-panel{padding:24px 20px 22px}#view-skin .skp-card{padding:16px 14px 14px}#view-skin .skp-photo{margin:-16px -14px 4px}#view-skin .skp-card strong{font-size:15px;line-height:1.55}#view-skin .skp-drip{font-size:12px;gap:4px}#view-skin .skp-cue{font-size:11.5px}}
@media(max-width:1100px){#view-skin .skp-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-skin .skp-products,#view-skin .skp-products.is-four{grid-template-columns:minmax(0,1fr)}#view-skin .skp-product-photo{flex-basis:96px}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-picosure{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-picosure .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-picosure .sp-soft{background:var(--sp-soft)}
#view-picosure .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-picosure .sp-heading{margin-bottom:26px;max-width:46em}
#view-picosure .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-picosure .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-picosure .sp-heading .sp-kicker{margin-top:0}
#view-picosure .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-picosure .sp-note a,#view-picosure .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-picosure .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-picosure .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-picosure .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-picosure .crumbs span::before{content:none}
#view-picosure .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-picosure .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-picosure .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-picosure .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-picosure .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-picosure .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-picosure .sp-hero-trust a{margin-top:7px}
#view-picosure .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-picosure .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-picosure .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-picosure .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-picosure .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-picosure .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-picosure .sp-nav a{flex-shrink:0}
#view-picosure .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-picosure .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-picosure .sp-nav a:hover{color:var(--gold-ink)}
#view-picosure .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-picosure .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-picosure .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-picosure .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-picosure .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-picosure .sp-type-body{padding:21px 22px 22px}
#view-picosure .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-picosure .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-picosure .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-picosure .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-picosure .sp-type .sp-source{margin-top:12px}
#view-picosure .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-picosure .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-picosure .sp-case-head{padding:20px 22px 16px}
#view-picosure .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-picosure .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-picosure .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-picosure .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-picosure .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-picosure .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-picosure .sp-case-body{padding:18px 22px 22px}
#view-picosure .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-picosure .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-picosure .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-picosure .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-picosure .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-picosure .sp-case-body .sp-source{margin-top:14px}
#view-picosure .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-picosure .sp-case-details>summary{min-height:48px}
#view-picosure .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-picosure .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-picosure .sp-approach-list{display:grid;gap:0}
#view-picosure .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-picosure .sp-approach-item:first-child{padding-top:0}
#view-picosure .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-picosure .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-picosure .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-picosure .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-picosure .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-picosure .sp-doctor h3{font-size:21px;line-height:1.5}
#view-picosure .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-picosure .sp-doctor .sp-source{white-space:nowrap}
#view-picosure .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-picosure .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-picosure .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-picosure .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-picosure .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-picosure .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-picosure .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-picosure .sp-expertise-facts>div:first-child{padding-top:0}
#view-picosure .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-picosure .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-picosure .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-picosure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-picosure .sp-expertise-grid figure{max-width:480px}
 #view-picosure .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-picosure .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-picosure .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-picosure .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-picosure .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-picosure .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-picosure .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-picosure .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-picosure .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-picosure .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-picosure .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-picosure .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-picosure .sp-disclosure>summary::after{content:'＋';flex:none}
#view-picosure .sp-disclosure[open]>summary::after{content:'−'}
#view-picosure .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-picosure .sp-disclosure-content p+p{margin-top:12px}
#view-picosure .sp-approval-list{display:grid;gap:10px}
#view-picosure .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-picosure .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-picosure .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-picosure .sp-price-intro>div{flex:1 1 320px}
#view-picosure .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-picosure .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-picosure .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-picosure .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-picosure .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-picosure .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-picosure .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-picosure .sp-price-heading{margin-bottom:16px}
#view-picosure .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-picosure .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-picosure .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-picosure .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-picosure .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-picosure .sp-price .sp-yen{display:block;margin:0}
#view-picosure .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-picosure .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-picosure .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-picosure .sp-price-list{margin-top:8px}
#view-picosure .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-picosure .sp-price-list dt{min-width:0}
#view-picosure .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-picosure .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-picosure .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-picosure .sp-flow-head{display:block;margin-bottom:14px}
#view-picosure .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-picosure .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-picosure .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-picosure .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-picosure .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-picosure .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-picosure .sp-recovery>div:last-child{border-right:0}
#view-picosure .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-picosure .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-picosure .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-picosure .sp-risk-details{margin-top:22px}
#view-picosure .sp-faq{margin-inline:0}
#view-picosure .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-picosure .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-picosure .sp-tech h3{font-size:22px;line-height:1.6}
#view-picosure .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-picosure .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-picosure .sp-tech h3+p{margin-top:10px}
#view-picosure .sp-video>summary{cursor:pointer;list-style:none}
#view-picosure .sp-video>summary::-webkit-details-marker{display:none}
#view-picosure .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-picosure .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-picosure .sp-flow-text{display:block;margin-top:12px}
#view-picosure .sp-video-body{padding-bottom:16px}
#view-picosure .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-picosure .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-picosure .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-picosure .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-picosure .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-picosure .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-picosure .sp-tech>img{width:76px;height:99px}
 #view-picosure .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-picosure .sp-homecare>img{max-height:220px}
}
#view-picosure .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-picosure .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-picosure .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-picosure .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-picosure .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-picosure .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-picosure .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-picosure .sp-final .btn{font-size:14px}
#view-picosure .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-picosure :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-picosure .sp-devices{grid-template-columns:1fr}
  #view-picosure .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-picosure .sp-device-head{margin-bottom:0}
  #view-picosure .sp-device .sp-disclosure{grid-column:1/-1}
  #view-picosure .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-picosure .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-picosure .sp-doctor>img{width:90px;height:100px}
  #view-picosure .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-picosure .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-picosure .sp-hero h1{font-size:32px}
  #view-picosure .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-picosure .sp-hero-lead{margin-top:17px}
  #view-picosure .sp-hero-photo img{aspect-ratio:16/9}
  #view-picosure .sp-hero-photo figcaption{font-size:12px}
  #view-picosure .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-picosure .sp-types,#view-picosure .sp-cases,#view-picosure .sp-approach,#view-picosure .sp-prices{grid-template-columns:1fr}
  #view-picosure .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-picosure .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-picosure .sp-type-body{padding:19px 20px}
  #view-picosure .sp-type h3{font-size:20px}
  #view-picosure .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-picosure .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-picosure .sp-approach{gap:24px}
  #view-picosure .sp-approach-image img{max-height:260px}
  #view-picosure .sp-recovery{grid-template-columns:1fr}
  #view-picosure .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-picosure .sp-recovery>div:last-child{border-bottom:0}
  #view-picosure .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-picosure .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-picosure .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-picosure .sp-hero h1{font-size:29px}
  #view-picosure .sp-actions{align-items:stretch}
  #view-picosure .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-picosure .sp-type{grid-template-columns:1fr}
  #view-picosure .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-picosure .sp-type-art img{max-height:130px}
  #view-picosure .sp-layer-labels{justify-content:center;gap:26px}
  #view-picosure .sp-type-body{padding:19px 20px}
  #view-picosure .sp-case-head,#view-picosure .sp-case-body{padding-inline:18px}
  #view-picosure .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-picosure .sp-case-photos{padding-inline:10px;gap:4px}
  #view-picosure .sp-device{display:block;padding:20px}
  #view-picosure .sp-device-head{margin-bottom:14px}
  #view-picosure .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-picosure .sp-flow>li{padding:18px 20px}
  #view-picosure .sp-flow-head{margin-bottom:10px}
  #view-picosure .sp-price{padding:22px}
  #view-picosure .sp-price-intro{padding:20px}
  #view-picosure .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-picosure .sp-price-list dd{flex-basis:100%}
  #view-picosure .sp-doctor{gap:14px}
  #view-picosure .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-picosure :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-picosure .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-picosure .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-picosure .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-picosure .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-picosure .sp-entry-link:first-child{padding-left:0}
#view-picosure .sp-entry-link:last-child{border-right:0}
#view-picosure .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-picosure .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-picosure .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-picosure .sp-entry-link:hover{background:var(--sp-soft)}
#view-picosure .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-picosure .sp-consult h3{font-size:24px;line-height:1.65}
#view-picosure .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-picosure .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-picosure .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-picosure .sp-consult .sp-note{margin-top:7px}
#view-picosure #s-doctor-section{padding-top:58px}
#view-picosure #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-picosure .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-picosure .sp-expertise-grid figure{align-self:center}
#view-picosure .sp-expertise-facts dt{font-size:16px}
#view-picosure .sp-expertise-facts dd{font-size:14px}
#view-picosure .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-picosure .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-picosure .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-picosure .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-picosure .sp-flow{list-style:none;padding:0}
#view-picosure .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-picosure .sp-flow-head img,#view-picosure .sp-video video{border:1px solid var(--sp-border)}
#view-picosure .sp-recovery{border:0}
#view-picosure .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-picosure .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-picosure .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-picosure .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-picosure .sp-visit-info a{color:var(--on-night)}
#view-picosure a:focus-visible,#view-picosure summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-picosure .sp-entry-links{grid-template-columns:1fr}
 #view-picosure .sp-entry-link,#view-picosure .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-picosure .sp-entry-link:last-child{border-bottom:0}
 #view-picosure .sp-entry-link strong{font-size:18px}
 #view-picosure .sp-entry-link span span{margin-top:3px}
 #view-picosure .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-picosure .sp-consult h3{font-size:22px}
 #view-picosure .sp-consult ul{display:block}
 #view-picosure .sp-consult li{margin-top:6px}
 #view-picosure .sp-consult .btn{width:100%}
 #view-picosure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-picosure .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-picosure .sp-recovery>div::before{top:4px;left:-5px}
 #view-picosure .sp-recovery>div:last-child{padding-bottom:0}
 #view-picosure .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-picosure *{scroll-behavior:auto;transition:none}}

#view-picosure .sp-type-art img{max-height:145px}
#view-picosure .sp-type-body{padding:20px}
#view-picosure .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-picosure .sp-price>p.sp-price-unit,#view-picosure .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-picosure .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-picosure .sp-price{padding:26px 0}
 #view-picosure .sp-price-description{margin-bottom:20px}
 #view-picosure .sp-price>.sp-note{min-height:0}
 #view-picosure .sp-price h3{font-size:23px}
 #view-picosure .sp-price .sp-yen{font-size:20px}
 #view-picosure .sp-price-intro{padding:22px;gap:16px}
 #view-picosure .sp-price-intro>div{flex-basis:100%}
}

#view-picosure .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-picosure .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-picosure .sp-consult-fees>div:last-child{border-bottom:0}
#view-picosure .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-picosure .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-picosure .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-picosure .sp-consult-fees{flex-basis:100%}#view-picosure .sp-consult-fees dd{font-size:21px}#view-picosure .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-picosure .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-picosure .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-picosure .sp-price-intro{padding:20px 18px;gap:18px}
 #view-picosure .sp-consult-fees{flex-basis:100%;width:100%}
 #view-picosure .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-picosure .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-picosure .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-picosure .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-picosure .sp-fee-period::before{content:none}
 html[lang="en"] #view-picosure .sp-fee-period{white-space:normal;font-size:14px}
 #view-picosure .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-picosure .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-picosure .sp-prices{gap:16px;border:0}
 #view-picosure .sp-price,#view-picosure .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-picosure .sp-price-heading{order:0;margin-bottom:14px}
 #view-picosure .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-picosure .sp-price h3{font-size:22px;letter-spacing:0}
 #view-picosure .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-picosure .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-picosure .sp-price .sp-price-unit{font-size:12px}
 #view-picosure .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-picosure .sp-price>.sp-note{order:3;margin-top:10px}
 #view-picosure .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-picosure .sp-price,#view-picosure .sp-price+.sp-price{padding:20px 16px}
 #view-picosure .sp-price h3{font-size:20px}
 #view-picosure .sp-price .sp-yen{font-size:20px}
 #view-picosure .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-picosure .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-picosure .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-picosure .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-picosure .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-picosure .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-picosure .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-picosure .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-picosure .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-picosure .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-picosure .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-picosure .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-picosure .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-picosure .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-picosure .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-picosure .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-picosure .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-picosure .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-picosure .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-picosure .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-picosure .sp-entry-hint{margin:8px 0 22px}
#view-picosure .sp-entry-links{gap:14px;border:0}
#view-picosure .sp-entry-link,#view-picosure .sp-entry-link:first-child,#view-picosure .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-picosure .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-picosure .sp-entry-link:hover,#view-picosure .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-picosure .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-picosure .sp-entry-copy{min-width:0}
#view-picosure .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-picosure .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-picosure .sp-entry-question{font-size:22px}
 #view-picosure .sp-entry-link,#view-picosure .sp-entry-link:first-child,#view-picosure .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-picosure .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-picosure .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-picosure .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-picosure .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-picosure .sp-anes{margin-top:10px}
#view-picosure .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-picosure .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-picosure .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-picosure .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-picosure .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-picosure .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-picosure .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-picosure .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-picosure .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-picosure .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-picosure .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-picosure .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-picosure .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-picosure .hg-head>div{min-width:0}
#view-picosure .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-picosure .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-picosure .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-picosure .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-picosure .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-picosure .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-picosure .hg-menu-photo{margin:0}
#view-picosure .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-picosure .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-picosure .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-picosure .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-picosure .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-picosure .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-picosure .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-picosure .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-picosure .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-picosure .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-picosure .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-picosure .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-picosure .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-picosure .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-picosure .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-picosure .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-picosure .hg-menu-note{margin:14px 0 0}
#view-picosure .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-picosure .hg-menu-links-label{margin-right:4px}
#view-picosure .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-picosure .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-picosure .hg-menu-fees{gap:8px}#view-picosure .hg-fee{padding:14px 14px 12px}#view-picosure .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-picosure .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-picosure .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-picosure .hg-menu-range{margin:14px 0 0}
#view-picosure .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-picosure .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-picosure .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-picosure .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-picosure .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-picosure .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-picosure .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-picosure .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-picosure .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-picosure .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-picosure .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-picosure .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-picosure .cg-card{padding:0;background:transparent;border:0}
#view-picosure .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-picosure .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-picosure .cg-card .case-image{margin:0}
#view-picosure .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-picosure .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-picosure .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-picosure .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-picosure .cg-details summary:hover{color:var(--gold-ink)}
#view-picosure .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-picosure .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-picosure .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-picosure .cg-details dt{padding-top:13px}
#view-picosure .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-picosure .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-picosure .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-picosure .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-picosure .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-picosure .sp-section .dn-gallery,#view-picosure .sp-section .sw-gallery,#view-picosure .sp-section .pc-lecture-figs,#view-picosure .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-picosure .sp-section .sw-interview,#view-picosure .sp-section .ul-doctor-grid,#view-picosure .sp-section .sv-doctor-hero,#view-picosure .sp-section .wrx-evidence,#view-picosure .sp-section .uex-evidence,#view-picosure .sp-section .ml-doctor-grid,#view-picosure .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-picosure .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-picosure .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-picosure .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-picosure .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-picosure .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-picosure .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-picosure .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-picosure .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-picosure .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-picosure .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-picosure .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-picosure .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-picosure .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-picosure .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-picosure .hgd-svg{display:block;width:100%;height:auto}
#view-picosure .hgd-sp{display:none}
#view-picosure .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-picosure .hgd-layer{font-size:30px}
#view-picosure .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-picosure .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-picosure .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-picosure .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-picosure .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-picosure .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-picosure .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-picosure .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-picosure .hgd-art{opacity:.92}
#view-picosure .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-picosure .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-picosure .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-picosure .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-picosure .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-picosure .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-picosure .hgd-layer{font-size:25px}
html[lang^="en"] #view-picosure .hgd-sub{font-size:19px}
html[lang^="en"] #view-picosure .hgd-br{font-size:27px}
#view-picosure .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-picosure .hgd-pc .hgd-layer{font-size:38px}
 #view-picosure .hgd-pc .hgd-sub{font-size:30px}
 #view-picosure .hgd-pc .hgd-name{font-size:42px}
 #view-picosure .hgd-pc .hgd-kind{font-size:31px}
 #view-picosure .hgd-pc .hgd-br{font-size:36px}
 #view-picosure .hgd-pc .hgd-mm{font-size:40px}
 #view-picosure .hgd-pc .hgd-note{font-size:26px}
 #view-picosure .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-picosure .hg-lineup img{width:72px;height:72px}
 #view-picosure .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-picosure .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-picosure .hg-lineup,#view-picosure .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-picosure .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-picosure .hg-lineup img{width:56px;height:56px}
 #view-picosure .hg-lineup figcaption{padding:7px 8px}
 #view-picosure .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-picosure .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-picosure .hg-lineup figcaption small{font-size:10.5px}
 #view-picosure .hgd-pc{display:none}
 #view-picosure .hgd-sp{display:block}
 #view-picosure .hgd-layer,#view-picosure .hgd-name,#view-picosure .hgd-br,#view-picosure .hgd-mm{font-size:34px}
 #view-picosure .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-picosure .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-picosure .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-picosure .hgd-layer{font-size:30px}
 #view-picosure .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-picosure .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-picosure .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-picosure. */
#view-picosure .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-picosure .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-picosure .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-picosure .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-picosure .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-picosure .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-picosure .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-picosure .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-picosure .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-picosure .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-picosure .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-picosure .pc-table th,#view-picosure .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-picosure .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-picosure .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-picosure .pc-table tbody tr:last-child th,#view-picosure .pc-table tbody tr:last-child td{border-bottom:0}
#view-picosure .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-picosure .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-picosure .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-picosure .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-picosure .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-picosure .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-picosure .pc-point-face{width:92px;height:92px}}
#view-picosure .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-picosure .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-picosure .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-picosure .pc-explain p+p{margin-top:12px}
#view-picosure .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-picosure .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-picosure .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-picosure .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-picosure .pc-books h3{font-size:18px;margin-bottom:12px}
#view-picosure .pc-books ul{list-style:none;padding:0;margin:0}
#view-picosure .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-picosure .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-picosure .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-picosure .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-picosure .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-picosure .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-picosure .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-picosure .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-picosure .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-picosure .pc-tag{margin:0}
#view-picosure .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-picosure .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-picosure .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-picosure .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-picosure .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-picosure .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-picosure .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-picosure .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-picosure .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-picosure .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-picosure .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-picosure .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-picosure .pc-approval>div:last-child{border-bottom:0}
#view-picosure .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-picosure .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-picosure .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-picosure .pc-glance,#view-picosure .pc-modes{grid-template-columns:1fr}#view-picosure .pc-explain{grid-template-columns:1fr}#view-picosure .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-picosure .pc-concern-links{grid-template-columns:1fr}#view-picosure .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-picosure .pc-books,#view-picosure .pc-quote,#view-picosure .pc-point{padding:20px}#view-picosure .pc-glance-num span{font-size:32px}#view-picosure .pc-table{font-size:13px}#view-picosure .pc-table th,#view-picosure .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-picosure .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-picosure .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-picosure .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-picosure .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-picosure .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-picosure .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-picosure .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-picosure .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-picosure .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-picosure .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-picosure .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-picosure .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-picosure .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-picosure .pc-video{margin:0 0 28px;max-width:820px}
#view-picosure .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-picosure .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-picosure .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-picosure .pc-lasers-media .pc-video,#view-picosure .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-picosure .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-picosure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-picosure .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-picosure .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-picosure .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-picosure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-picosure .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-picosure .pc-hero-video .sp-video{margin:0}
#view-picosure .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-picosure .pc-cell-label{display:none}
@media(max-width:760px){
#view-picosure .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-picosure .pc-table{min-width:0;display:block;font-size:14px}
#view-picosure .pc-table caption{display:block;padding:0 0 10px}
#view-picosure .pc-table thead{display:none}
#view-picosure .pc-table tbody{display:block}
#view-picosure .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-picosure .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-picosure .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-picosure .pc-table tr td:last-child{border-bottom:0}
#view-picosure .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-picosure .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-picosure .pc-cell-value{display:block;line-height:1.75}
}
#view-picosure .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-picosure .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-picosure .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-picosure .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-picosure .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-picosure .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-picosure .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-picosure .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-picosure .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-picosure .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-picosure .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-picosure .pcx-video{margin:0 0 26px;max-width:780px}
#view-picosure .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-picosure .pcx-table-details{margin-top:18px}
#view-picosure .pcx-table-details .pc-table-wrap{margin-top:0}
#view-picosure .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-picosure .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-picosure .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-picosure #pc-lasers .pc-point{margin-top:40px}
#view-picosure .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-picosure .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-picosure .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-picosure .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-picosure .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-picosure .pcx-case-hint{margin-top:6px}
#view-picosure #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-picosure .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-picosure .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-picosure .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-picosure .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-picosure .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-picosure .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-picosure .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-picosure .pcx-hero-points{margin-top:22px}
#view-picosure .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-picosure .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-picosure .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-picosure .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-picosure .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-picosure .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-picosure .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-picosure .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-picosure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-picosure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-picosure .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-picosure .pcx-mode-art img{display:block;width:100%;height:auto}
#view-picosure .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-picosure .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-picosure .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-picosure .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-picosure .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-picosure .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-picosure .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-picosure .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-picosure .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-picosure .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-picosure .pcx-case-sep{display:none}
  #view-picosure .pcx-case-name{display:block}
  #view-picosure .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-picosure .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-picosure .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-picosure .pcx-diff-changed{border-top-color:var(--gold)}
#view-picosure .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-picosure .pcx-diff-card dl{margin:0}
#view-picosure .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-picosure .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-picosure .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-picosure .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-picosure .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-picosure .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-picosure .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-picosure .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-picosure .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-picosure .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-picosure .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-picosure .pcx-history>li:last-child{padding-bottom:0}
#view-picosure .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-picosure .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-picosure .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-picosure .pcx-h-tag{margin:0 0 4px}
#view-picosure .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-picosure .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-picosure .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-picosure .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-picosure .pcx-history-wrap>.sp-note{margin-top:20px}
#view-picosure #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-picosure .pcx-diff{grid-template-columns:1fr}
 #view-picosure .pcx-diff-card{padding:18px 16px 14px}
 #view-picosure .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-picosure .pcx-depth{padding:16px}
 #view-picosure .pcx-history::before{left:3.4em}
 #view-picosure .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-picosure .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-picosure .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-picosure .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-picosure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-picosure .pcx-h-photo{margin:4px 0 0}
#view-picosure .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-picosure .pcx-h-device .pcx-h-photo img,#view-picosure #pc-history .pcx-h-photo img[src*="picosure-"],#view-picosure #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-picosure .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-picosure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-picosure .pcx-h-photo{max-width:360px}}

#view-picosure .sx-hero-points{margin-top:22px}
#view-picosure .sx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-picosure .sx-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-picosure .sx-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-picosure .sx-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-picosure .sx-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-picosure .sx-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-picosure .sx-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-picosure .sx-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-picosure .sx-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}
#view-picosure .sx-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-picosure .sx-gallery-card{padding:0;background:transparent;border:0}
#view-picosure .sx-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-picosure .sx-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-picosure .sx-gallery-card .case-image{margin:0}
#view-picosure .sx-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-picosure .sx-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-picosure .sx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-picosure .sx-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-picosure .sx-case-details summary:hover{color:var(--gold-ink)}
#view-picosure .sx-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-picosure .sx-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-picosure .sx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-picosure .sx-case-details dt{padding-top:13px}
#view-picosure .sx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-picosure .sx-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-picosure .sx-case-gallery{grid-template-columns:minmax(0,1fr)}}
/* Patient-facing pigmentation page; keep all rules within this view. */
#view-potenza{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-potenza .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-potenza .sp-soft{background:var(--sp-soft)}
#view-potenza .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-potenza .sp-heading{margin-bottom:26px;max-width:46em}
#view-potenza .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-potenza .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-potenza .sp-heading .sp-kicker{margin-top:0}
#view-potenza .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-potenza .sp-note a,#view-potenza .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-potenza .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-potenza .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-potenza .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-potenza .crumbs span::before{content:none}
#view-potenza .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-potenza .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-potenza .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-potenza .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-potenza .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-potenza .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-potenza .sp-hero-trust a{margin-top:7px}
#view-potenza .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-potenza .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-potenza .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-potenza .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-potenza .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-potenza .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-potenza .sp-nav a{flex-shrink:0}
#view-potenza .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-potenza .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-potenza .sp-nav a:hover{color:var(--gold-ink)}
#view-potenza .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-potenza .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-potenza .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-potenza .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-potenza .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-potenza .sp-type-body{padding:21px 22px 22px}
#view-potenza .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-potenza .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-potenza .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-potenza .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-potenza .sp-type .sp-source{margin-top:12px}
#view-potenza .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-potenza .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-potenza .sp-case-head{padding:20px 22px 16px}
#view-potenza .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-potenza .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-potenza .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-potenza .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-potenza .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-potenza .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-potenza .sp-case-body{padding:18px 22px 22px}
#view-potenza .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-potenza .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-potenza .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-potenza .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-potenza .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-potenza .sp-case-body .sp-source{margin-top:14px}
#view-potenza .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-potenza .sp-case-details>summary{min-height:48px}
#view-potenza .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-potenza .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-potenza .sp-approach-list{display:grid;gap:0}
#view-potenza .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-potenza .sp-approach-item:first-child{padding-top:0}
#view-potenza .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-potenza .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-potenza .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-potenza .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-potenza .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-potenza .sp-doctor h3{font-size:21px;line-height:1.5}
#view-potenza .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-potenza .sp-doctor .sp-source{white-space:nowrap}
#view-potenza .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-potenza .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-potenza .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-potenza .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-potenza .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-potenza .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-potenza .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-potenza .sp-expertise-facts>div:first-child{padding-top:0}
#view-potenza .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-potenza .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-potenza .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-potenza .sp-expertise-grid figure{max-width:480px}
 #view-potenza .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-potenza .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-potenza .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-potenza .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-potenza .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-potenza .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-potenza .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-potenza .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-potenza .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-potenza .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-potenza .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-potenza .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-potenza .sp-disclosure>summary::after{content:'＋';flex:none}
#view-potenza .sp-disclosure[open]>summary::after{content:'−'}
#view-potenza .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-potenza .sp-disclosure-content p+p{margin-top:12px}
#view-potenza .sp-approval-list{display:grid;gap:10px}
#view-potenza .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-potenza .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-potenza .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-potenza .sp-price-intro>div{flex:1 1 320px}
#view-potenza .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-potenza .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-potenza .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-potenza .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-potenza .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-potenza .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-potenza .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-potenza .sp-price-heading{margin-bottom:16px}
#view-potenza .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-potenza .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-potenza .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-potenza .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-potenza .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-potenza .sp-price .sp-yen{display:block;margin:0}
#view-potenza .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-potenza .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-potenza .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-potenza .sp-price-list{margin-top:8px}
#view-potenza .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-potenza .sp-price-list dt{min-width:0}
#view-potenza .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-potenza .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-potenza .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-potenza .sp-flow-head{display:block;margin-bottom:14px}
#view-potenza .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-potenza .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-potenza .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-potenza .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-potenza .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-potenza .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-potenza .sp-recovery>div:last-child{border-right:0}
#view-potenza .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-potenza .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-potenza .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-potenza .sp-risk-details{margin-top:22px}
#view-potenza .sp-faq{margin-inline:0}
#view-potenza .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-potenza .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-potenza .sp-tech h3{font-size:22px;line-height:1.6}
#view-potenza .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-potenza .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-potenza .sp-tech h3+p{margin-top:10px}
#view-potenza .sp-video>summary{cursor:pointer;list-style:none}
#view-potenza .sp-video>summary::-webkit-details-marker{display:none}
#view-potenza .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-potenza .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-potenza .sp-flow-text{display:block;margin-top:12px}
#view-potenza .sp-video-body{padding-bottom:16px}
#view-potenza .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-potenza .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-potenza .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-potenza .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-potenza .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-potenza .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-potenza .sp-tech>img{width:76px;height:99px}
 #view-potenza .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-potenza .sp-homecare>img{max-height:220px}
}
#view-potenza .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-potenza .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-potenza .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-potenza .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-potenza .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-potenza .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-potenza .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-potenza .sp-final .btn{font-size:14px}
#view-potenza .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-potenza :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-potenza .sp-devices{grid-template-columns:1fr}
  #view-potenza .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-potenza .sp-device-head{margin-bottom:0}
  #view-potenza .sp-device .sp-disclosure{grid-column:1/-1}
  #view-potenza .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-potenza .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-potenza .sp-doctor>img{width:90px;height:100px}
  #view-potenza .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-potenza .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-potenza .sp-hero h1{font-size:32px}
  #view-potenza .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-potenza .sp-hero-lead{margin-top:17px}
  #view-potenza .sp-hero-photo img{aspect-ratio:16/9}
  #view-potenza .sp-hero-photo figcaption{font-size:12px}
  #view-potenza .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-potenza .sp-types,#view-potenza .sp-cases,#view-potenza .sp-approach,#view-potenza .sp-prices{grid-template-columns:1fr}
  #view-potenza .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-potenza .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-potenza .sp-type-body{padding:19px 20px}
  #view-potenza .sp-type h3{font-size:20px}
  #view-potenza .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-potenza .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-potenza .sp-approach{gap:24px}
  #view-potenza .sp-approach-image img{max-height:260px}
  #view-potenza .sp-recovery{grid-template-columns:1fr}
  #view-potenza .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-potenza .sp-recovery>div:last-child{border-bottom:0}
  #view-potenza .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-potenza .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-potenza .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-potenza .sp-hero h1{font-size:29px}
  #view-potenza .sp-actions{align-items:stretch}
  #view-potenza .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-potenza .sp-type{grid-template-columns:1fr}
  #view-potenza .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-potenza .sp-type-art img{max-height:130px}
  #view-potenza .sp-layer-labels{justify-content:center;gap:26px}
  #view-potenza .sp-type-body{padding:19px 20px}
  #view-potenza .sp-case-head,#view-potenza .sp-case-body{padding-inline:18px}
  #view-potenza .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-potenza .sp-case-photos{padding-inline:10px;gap:4px}
  #view-potenza .sp-device{display:block;padding:20px}
  #view-potenza .sp-device-head{margin-bottom:14px}
  #view-potenza .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-potenza .sp-flow>li{padding:18px 20px}
  #view-potenza .sp-flow-head{margin-bottom:10px}
  #view-potenza .sp-price{padding:22px}
  #view-potenza .sp-price-intro{padding:20px}
  #view-potenza .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-potenza .sp-price-list dd{flex-basis:100%}
  #view-potenza .sp-doctor{gap:14px}
  #view-potenza .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-potenza :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-potenza .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-potenza .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-potenza .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-potenza .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-potenza .sp-entry-link:first-child{padding-left:0}
#view-potenza .sp-entry-link:last-child{border-right:0}
#view-potenza .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-potenza .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-potenza .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-potenza .sp-entry-link:hover{background:var(--sp-soft)}
#view-potenza .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-potenza .sp-consult h3{font-size:24px;line-height:1.65}
#view-potenza .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-potenza .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-potenza .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-potenza .sp-consult .sp-note{margin-top:7px}
#view-potenza #s-doctor-section{padding-top:58px}
#view-potenza #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-potenza .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-potenza .sp-expertise-grid figure{align-self:center}
#view-potenza .sp-expertise-facts dt{font-size:16px}
#view-potenza .sp-expertise-facts dd{font-size:14px}
#view-potenza .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-potenza .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-potenza .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-potenza .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-potenza .sp-flow{list-style:none;padding:0}
#view-potenza .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-potenza .sp-flow-head img,#view-potenza .sp-video video{border:1px solid var(--sp-border)}
#view-potenza .sp-recovery{border:0}
#view-potenza .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-potenza .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-potenza .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-potenza .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-potenza .sp-visit-info a{color:var(--on-night)}
#view-potenza a:focus-visible,#view-potenza summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-potenza .sp-entry-links{grid-template-columns:1fr}
 #view-potenza .sp-entry-link,#view-potenza .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-potenza .sp-entry-link:last-child{border-bottom:0}
 #view-potenza .sp-entry-link strong{font-size:18px}
 #view-potenza .sp-entry-link span span{margin-top:3px}
 #view-potenza .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-potenza .sp-consult h3{font-size:22px}
 #view-potenza .sp-consult ul{display:block}
 #view-potenza .sp-consult li{margin-top:6px}
 #view-potenza .sp-consult .btn{width:100%}
 #view-potenza .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-potenza .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-potenza .sp-recovery>div::before{top:4px;left:-5px}
 #view-potenza .sp-recovery>div:last-child{padding-bottom:0}
 #view-potenza .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-potenza *{scroll-behavior:auto;transition:none}}

#view-potenza .sp-type-art img{max-height:145px}
#view-potenza .sp-type-body{padding:20px}
#view-potenza .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-potenza .sp-price>p.sp-price-unit,#view-potenza .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-potenza .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-potenza .sp-price{padding:26px 0}
 #view-potenza .sp-price-description{margin-bottom:20px}
 #view-potenza .sp-price>.sp-note{min-height:0}
 #view-potenza .sp-price h3{font-size:23px}
 #view-potenza .sp-price .sp-yen{font-size:20px}
 #view-potenza .sp-price-intro{padding:22px;gap:16px}
 #view-potenza .sp-price-intro>div{flex-basis:100%}
}

#view-potenza .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-potenza .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-potenza .sp-consult-fees>div:last-child{border-bottom:0}
#view-potenza .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-potenza .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-potenza .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-potenza .sp-consult-fees{flex-basis:100%}#view-potenza .sp-consult-fees dd{font-size:21px}#view-potenza .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-potenza .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-potenza .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-potenza .sp-price-intro{padding:20px 18px;gap:18px}
 #view-potenza .sp-consult-fees{flex-basis:100%;width:100%}
 #view-potenza .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-potenza .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-potenza .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-potenza .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-potenza .sp-fee-period::before{content:none}
 html[lang="en"] #view-potenza .sp-fee-period{white-space:normal;font-size:14px}
 #view-potenza .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-potenza .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-potenza .sp-prices{gap:16px;border:0}
 #view-potenza .sp-price,#view-potenza .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-potenza .sp-price-heading{order:0;margin-bottom:14px}
 #view-potenza .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-potenza .sp-price h3{font-size:22px;letter-spacing:0}
 #view-potenza .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-potenza .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-potenza .sp-price .sp-price-unit{font-size:12px}
 #view-potenza .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-potenza .sp-price>.sp-note{order:3;margin-top:10px}
 #view-potenza .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-potenza .sp-price,#view-potenza .sp-price+.sp-price{padding:20px 16px}
 #view-potenza .sp-price h3{font-size:20px}
 #view-potenza .sp-price .sp-yen{font-size:20px}
 #view-potenza .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-potenza .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-potenza .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-potenza .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-potenza .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-potenza .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-potenza .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-potenza .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-potenza .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-potenza .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-potenza .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-potenza .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-potenza .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-potenza .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-potenza .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-potenza .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-potenza .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-potenza .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-potenza .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-potenza .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-potenza .sp-entry-hint{margin:8px 0 22px}
#view-potenza .sp-entry-links{gap:14px;border:0}
#view-potenza .sp-entry-link,#view-potenza .sp-entry-link:first-child,#view-potenza .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-potenza .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-potenza .sp-entry-link:hover,#view-potenza .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-potenza .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-potenza .sp-entry-copy{min-width:0}
#view-potenza .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-potenza .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-potenza .sp-entry-question{font-size:22px}
 #view-potenza .sp-entry-link,#view-potenza .sp-entry-link:first-child,#view-potenza .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-potenza .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-potenza .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-potenza .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .sp-anes{margin-top:10px}
#view-potenza .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-potenza .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-potenza .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-potenza .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-potenza .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-potenza .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-potenza .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-potenza .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-potenza .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-potenza .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-potenza .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-potenza .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-potenza .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-potenza .hg-head>div{min-width:0}
#view-potenza .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-potenza .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-potenza .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-potenza .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-potenza .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-potenza .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-potenza .hg-menu-photo{margin:0}
#view-potenza .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-potenza .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-potenza .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-potenza .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-potenza .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-potenza .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-potenza .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-potenza .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-potenza .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-potenza .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-potenza .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-potenza .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-potenza .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-potenza .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-potenza .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-potenza .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-potenza .hg-menu-note{margin:14px 0 0}
#view-potenza .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-potenza .hg-menu-links-label{margin-right:4px}
#view-potenza .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-potenza .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-potenza .hg-menu-fees{gap:8px}#view-potenza .hg-fee{padding:14px 14px 12px}#view-potenza .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-potenza .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-potenza .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-potenza .hg-menu-range{margin:14px 0 0}
#view-potenza .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-potenza .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-potenza .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-potenza .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-potenza .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-potenza .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-potenza .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-potenza .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-potenza .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-potenza .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-potenza .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-potenza .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-potenza .cg-card{padding:0;background:transparent;border:0}
#view-potenza .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-potenza .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-potenza .cg-card .case-image{margin:0}
#view-potenza .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-potenza .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-potenza .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-potenza .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-potenza .cg-details summary:hover{color:var(--gold-ink)}
#view-potenza .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-potenza .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-potenza .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-potenza .cg-details dt{padding-top:13px}
#view-potenza .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-potenza .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-potenza .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-potenza .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-potenza .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-potenza .sp-section .dn-gallery,#view-potenza .sp-section .sw-gallery,#view-potenza .sp-section .pc-lecture-figs,#view-potenza .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-potenza .sp-section .sw-interview,#view-potenza .sp-section .ul-doctor-grid,#view-potenza .sp-section .sv-doctor-hero,#view-potenza .sp-section .wrx-evidence,#view-potenza .sp-section .uex-evidence,#view-potenza .sp-section .ml-doctor-grid,#view-potenza .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-potenza .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-potenza .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-potenza .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-potenza .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-potenza .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-potenza .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-potenza .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-potenza .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-potenza .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-potenza .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-potenza .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-potenza .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-potenza .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .hgd-svg{display:block;width:100%;height:auto}
#view-potenza .hgd-sp{display:none}
#view-potenza .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-potenza .hgd-layer{font-size:30px}
#view-potenza .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-potenza .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-potenza .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-potenza .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-potenza .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-potenza .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-potenza .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-potenza .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-potenza .hgd-art{opacity:.92}
#view-potenza .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-potenza .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-potenza .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-potenza .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-potenza .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-potenza .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-potenza .hgd-layer{font-size:25px}
html[lang^="en"] #view-potenza .hgd-sub{font-size:19px}
html[lang^="en"] #view-potenza .hgd-br{font-size:27px}
#view-potenza .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-potenza .hgd-pc .hgd-layer{font-size:38px}
 #view-potenza .hgd-pc .hgd-sub{font-size:30px}
 #view-potenza .hgd-pc .hgd-name{font-size:42px}
 #view-potenza .hgd-pc .hgd-kind{font-size:31px}
 #view-potenza .hgd-pc .hgd-br{font-size:36px}
 #view-potenza .hgd-pc .hgd-mm{font-size:40px}
 #view-potenza .hgd-pc .hgd-note{font-size:26px}
 #view-potenza .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-potenza .hg-lineup img{width:72px;height:72px}
 #view-potenza .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-potenza .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-potenza .hg-lineup,#view-potenza .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-potenza .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-potenza .hg-lineup img{width:56px;height:56px}
 #view-potenza .hg-lineup figcaption{padding:7px 8px}
 #view-potenza .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-potenza .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-potenza .hg-lineup figcaption small{font-size:10.5px}
 #view-potenza .hgd-pc{display:none}
 #view-potenza .hgd-sp{display:block}
 #view-potenza .hgd-layer,#view-potenza .hgd-name,#view-potenza .hgd-br,#view-potenza .hgd-mm{font-size:34px}
 #view-potenza .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-potenza .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-potenza .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-potenza .hgd-layer{font-size:30px}
 #view-potenza .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-potenza .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-potenza .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-potenza. */
#view-potenza .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-potenza .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-potenza .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-potenza .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-potenza .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-potenza .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-potenza .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-potenza .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-potenza .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-potenza .pc-table th,#view-potenza .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-potenza .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-potenza .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-potenza .pc-table tbody tr:last-child th,#view-potenza .pc-table tbody tr:last-child td{border-bottom:0}
#view-potenza .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-potenza .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-potenza .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-potenza .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-potenza .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-potenza .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-potenza .pc-point-face{width:92px;height:92px}}
#view-potenza .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-potenza .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-potenza .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-potenza .pc-explain p+p{margin-top:12px}
#view-potenza .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-potenza .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-potenza .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-potenza .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-potenza .pc-books h3{font-size:18px;margin-bottom:12px}
#view-potenza .pc-books ul{list-style:none;padding:0;margin:0}
#view-potenza .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-potenza .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-potenza .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-potenza .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-potenza .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-potenza .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-potenza .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-potenza .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-potenza .pc-tag{margin:0}
#view-potenza .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-potenza .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-potenza .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-potenza .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-potenza .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-potenza .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-potenza .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-potenza .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-potenza .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-potenza .pc-approval>div:last-child{border-bottom:0}
#view-potenza .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-potenza .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-potenza .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-potenza .pc-glance,#view-potenza .pc-modes{grid-template-columns:1fr}#view-potenza .pc-explain{grid-template-columns:1fr}#view-potenza .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-potenza .pc-concern-links{grid-template-columns:1fr}#view-potenza .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-potenza .pc-books,#view-potenza .pc-quote,#view-potenza .pc-point{padding:20px}#view-potenza .pc-glance-num span{font-size:32px}#view-potenza .pc-table{font-size:13px}#view-potenza .pc-table th,#view-potenza .pc-table td{padding:12px 14px}}
#view-potenza .pc-device-photo{margin:0 0 28px}
#view-potenza .pc-device-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:70% 50%;background:#8f8a93}
#view-potenza .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-potenza .pc-device-photo img{aspect-ratio:4/3;object-position:84% 50%}}
#view-potenza .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-potenza .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-potenza .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-potenza .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-potenza .pc-video{margin:0 0 28px;max-width:820px}
#view-potenza .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-potenza .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-potenza .pc-hero-video .sp-video{margin:0}
#view-potenza .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-potenza .pc-cell-label{display:none}
@media(max-width:760px){
#view-potenza .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-potenza .pc-table{min-width:0;display:block;font-size:14px}
#view-potenza .pc-table caption{display:block;padding:0 0 10px}
#view-potenza .pc-table thead{display:none}
#view-potenza .pc-table tbody{display:block}
#view-potenza .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-potenza .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-potenza .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-potenza .pc-table tr td:last-child{border-bottom:0}
#view-potenza .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-potenza .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-potenza .pc-cell-value{display:block;line-height:1.75}
}

/* ---- Potenza-specific ---- */
#view-potenza .pz-figure{margin:0 0 28px;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .pz-figure img{display:block;width:100%;height:auto}
#view-potenza .pz-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-potenza .pz-prime-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 26px}
#view-potenza .pz-prime-photos figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .pz-prime-photos img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#view-potenza .pz-prime-photos figcaption{font-size:13px;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-potenza .pz-cyno-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-bottom:30px}
#view-potenza .pz-cyno-lead figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-potenza .pz-cyno-lead img{display:block;width:100%;height:auto}
#view-potenza .pz-cyno-lead h3{font-size:20px;margin-bottom:10px}
#view-potenza .pz-cyno-lead p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-potenza .pz-cyno-lead p+p{margin-top:12px}
#view-potenza .pz-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:34px}
#view-potenza .pz-steps article{background:#fff;border:1px solid var(--sp-border);padding:22px 24px}
#view-potenza .pz-steps span{font:500 30px/1 var(--fig);color:var(--gold-ink)}
#view-potenza .pz-steps h4{font-size:17px;margin:10px 0 6px}
#view-potenza .pz-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .pz-history{list-style:none;margin:0;padding:0;border-left:1px solid var(--gold);margin-left:8px}
#view-potenza .pz-history li{position:relative;padding:0 0 22px 28px}
#view-potenza .pz-history li:last-child{padding-bottom:0}
#view-potenza .pz-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-potenza .pz-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-potenza .pz-history h4{font-size:16px;margin:6px 0 4px}
#view-potenza .pz-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-potenza .pz-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start}
#view-potenza .pz-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-potenza .pz-gallery figure{margin:0}
#view-potenza .pz-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-potenza .pz-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-potenza .pz-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-potenza .pz-case{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-potenza .pz-case-pair{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--sp-border);border-bottom:1px solid var(--sp-border)}
#view-potenza .pz-case-pair>div{position:relative;min-width:0;background:#fff}
#view-potenza .pz-case-pair img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
#view-potenza .pz-case-tag{position:absolute;left:8px;bottom:8px;padding:4px 9px;font-size:11px;letter-spacing:.08em;line-height:1;background:rgba(255,255,255,.9);color:var(--ink);border-radius:2px}
#view-potenza .pz-case-body{padding:18px 20px}
#view-potenza .pz-case-body h3{font-size:17px;margin:4px 0 6px}
#view-potenza .pz-case-body>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
@media(max-width:900px){#view-potenza .pz-cyno-lead,#view-potenza .pz-steps,#view-potenza .pz-history-wrap,#view-potenza .pz-cases{grid-template-columns:1fr}#view-potenza .pz-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-potenza .pz-prime-photos{grid-template-columns:1fr 1fr;gap:10px}#view-potenza .pz-prime-photos figcaption{font-size:12px;padding:8px 10px}#view-potenza .pz-gallery{grid-template-columns:1fr}}
#view-potenza .pz-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 28px}
#view-potenza .pz-clips figure{margin:0}
#view-potenza .pz-clips .sp-video{margin:0}
#view-potenza .pz-clips video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9dcd6}
#view-potenza .pz-clips figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-potenza .pz-clips{grid-template-columns:1fr}}
#view-potenza .pz-figure{max-width:880px}
#view-potenza .pz-gallery .sp-video{margin:0}
#view-potenza .pz-gallery video{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#e6e2dc}

/* non-insulated vs insulated (cropped illustrations + HTML text) */
#view-potenza .pz-needles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 30px}
#view-potenza .pz-needle{background:#fff;border:1px solid var(--sp-border);padding:24px 24px 22px;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
#view-potenza .pz-needle-pill{margin:0!important;display:inline-block;padding:7px 26px;border-radius:999px;font:500 18px/1.4 var(--sans)!important;letter-spacing:.12em;color:#fff!important;background:#4a4a4a}
#view-potenza .pz-needle.is-ins .pz-needle-pill{background:#b27a78}
#view-potenza .pz-needle-sub{margin:10px 0 14px!important;font-size:15px!important;color:var(--ink)!important}
#view-potenza .pz-needle figure{position:relative;margin:0;width:100%;max-width:380px}
#view-potenza .pz-needle figure img{display:block;width:100%;height:auto}
#view-potenza .pz-layer{position:absolute;left:4px;font-size:12px;line-height:1;padding:4px 6px;background:rgba(255,255,255,.88);color:var(--ink);border-radius:2px}
#view-potenza .pz-layer-epi{top:38%}
#view-potenza .pz-layer-derm{top:66%}
#view-potenza .pz-needle-note{position:relative;margin:16px 0 0!important;width:100%;padding:14px 16px 14px 52px;border:1px solid var(--sp-border);border-radius:4px;text-align:left;font-size:14px!important;line-height:1.8;color:var(--ink)!important}
#view-potenza .pz-needle-note::before{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;font-size:14px;font-weight:700;line-height:1;border-radius:50%}
#view-potenza .pz-needle.is-non .pz-needle-note::before{content:'!';border:2px solid #555;color:#555}
#view-potenza .pz-needle.is-ins .pz-needle-note::before{content:'';border:2px solid #b27a78;background:radial-gradient(circle,#b27a78 0 4px,transparent 5px)}
@media(max-width:760px){#view-potenza .pz-needles{grid-template-columns:1fr}#view-potenza .pc-device-photo img{object-position:50% 50%}}
#view-potenza .pc-device-photo img{object-position:50% 50%}

/* How microneedle RF works (two steps) */
#view-potenza .pz-how{margin:30px 0 10px;background:#fff;border:1px solid var(--sp-border);padding:34px 34px 0;overflow:hidden}
#view-potenza .pz-how-head{text-align:center;max-width:700px;margin:0 auto 28px}
#view-potenza .pz-how-head h3{font:500 25px/1.6 var(--mincho);margin:4px 0 10px;letter-spacing:.02em}
#view-potenza .pz-how-head p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-potenza .pz-how-steps{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:start}
#view-potenza .pz-how-step{text-align:center;padding:0 8px 28px;min-width:0}
#view-potenza .pz-how-step img{display:block;width:210px;height:210px;margin:0 auto 18px;border-radius:50%;border:1px solid var(--sp-border);object-fit:cover}
#view-potenza .pz-how-badge{display:inline-block;margin:0 0 10px!important;padding:6px 14px;border-radius:999px;background:var(--gold-ink);color:#fff!important;font:500 12px/1 var(--fig)!important;letter-spacing:.18em}
#view-potenza .pz-how-step h4{font:500 23px/1.4 var(--mincho);margin:0 0 8px}
#view-potenza .pz-how-step>p:last-child{max-width:300px;margin:0 auto;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-potenza .pz-how-arrow{margin-top:84px;justify-self:center;width:46px;height:46px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:26px;line-height:1}
#view-potenza .pz-how-result{margin:0 -34px!important;padding:20px 34px;background:var(--sp-soft);border-top:1px solid var(--sp-border);text-align:center;font-size:15px!important;line-height:1.95;color:var(--ink-2)!important}
#view-potenza .pz-how-result strong{font-family:var(--mincho);font-weight:500;font-size:17px;color:var(--ink)}
@media(max-width:760px){#view-potenza .pz-how{padding:26px 20px 0}#view-potenza .pz-how-head h3{font-size:21px}#view-potenza .pz-how-steps{grid-template-columns:1fr}#view-potenza .pz-how-step img{width:170px;height:170px}#view-potenza .pz-how-arrow{margin:0 auto 18px;transform:rotate(90deg)}#view-potenza .pz-how-result{margin:0 -20px!important;padding:18px 20px}#view-potenza .pz-how-result strong{font-size:16px}}

/* Concern-first design sheet (needle tips) */
#view-potenza .pz-plan{display:grid;gap:12px;margin:0 0 22px}
#view-potenza .pz-plan-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:14px 36px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-potenza .pz-plan-head{grid-row:1/3;display:flex;gap:14px;align-items:flex-start}
#view-potenza .pz-plan-no{margin:0;flex:0 0 auto;white-space:nowrap;font:500 13px/1.6 var(--fig);letter-spacing:.14em;color:var(--gold-ink);padding-top:5px}
#view-potenza .pz-plan-head h3{font:500 21px/1.55 var(--mincho);margin:0;letter-spacing:.02em}
#view-potenza .pz-plan-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#view-potenza .pz-plan-spec div{padding:9px 12px;background:var(--sp-soft);border-radius:3px;min-width:0}
#view-potenza .pz-plan-spec dt{font-size:11px;letter-spacing:.12em;color:var(--gold-ink);line-height:1.6}
#view-potenza .pz-plan-spec dd{margin:2px 0 0;font-size:14px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-potenza .pz-plan-why{margin:0!important;font-size:14px!important;line-height:1.85;color:var(--ink-2)!important}
#view-potenza .pz-heat{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:20px 28px;align-items:center;margin:0 0 22px;padding:22px 26px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-potenza .pz-heat-head .sp-kicker{margin-bottom:6px}
#view-potenza .pz-heat-head p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-potenza .pz-heat-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}
#view-potenza .pz-heat-item svg{width:72px;height:56px;display:block}
#view-potenza .pz-heat-item h4{font-size:16px;margin:0 0 4px}
#view-potenza .pz-heat-item p{font-size:14px;line-height:1.8;color:var(--ink-2)}
@media(max-width:900px){#view-potenza .pz-heat{grid-template-columns:1fr}}
@media(max-width:760px){#view-potenza .pz-plan-row{grid-template-columns:1fr;gap:12px;padding:18px 18px 16px}#view-potenza .pz-plan-head{grid-row:auto}#view-potenza .pz-plan-head h3{font-size:19px}#view-potenza .pz-plan-spec{grid-template-columns:1fr;gap:6px}#view-potenza .pz-plan-spec div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:baseline}#view-potenza .pz-plan-spec dd{margin:0}#view-potenza .pz-heat{padding:18px}}

/* About: device photo on the left, the three glance cards stacked on the right (same as PicoSure Pro; 2026-09-26 user request). */
#view-potenza .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-potenza .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-potenza .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-potenza .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-potenza .pc-about-visual .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-potenza .pc-about-visual .pc-device-photo img{height:100%;min-height:280px;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
@media(max-width:760px){#view-potenza .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-potenza .pc-about-visual .pc-device-photo img{height:auto;min-height:0;aspect-ratio:4/3;object-position:50% 50%}}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-potenza .pz-hero-points{margin-top:22px}
#view-potenza .pz-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-potenza .pz-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-potenza .pz-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-potenza .pz-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-potenza .pz-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-potenza .pz-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-potenza .pz-hero-points .pz-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-potenza .pz-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-potenza .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-potenza .sp-heading h2>.sp-h2-main{display:block}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-accure{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-accure .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-accure .sp-soft{background:var(--sp-soft)}
#view-accure .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-accure .sp-heading{margin-bottom:26px;max-width:46em}
#view-accure .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-accure .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-accure .sp-heading .sp-kicker{margin-top:0}
#view-accure .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-accure .sp-note a,#view-accure .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-accure .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-accure .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-accure .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-accure .crumbs span::before{content:none}
#view-accure .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-accure .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-accure .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-accure .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-accure .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-accure .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-accure .sp-hero-trust a{margin-top:7px}
#view-accure .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-accure .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-accure .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-accure .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-accure .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-accure .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-accure .sp-nav a{flex-shrink:0}
#view-accure .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-accure .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-accure .sp-nav a:hover{color:var(--gold-ink)}
#view-accure .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-accure .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-accure .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-accure .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-accure .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-accure .sp-type-body{padding:21px 22px 22px}
#view-accure .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-accure .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-accure .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-accure .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-accure .sp-type .sp-source{margin-top:12px}
#view-accure .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-accure .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-accure .sp-case-head{padding:20px 22px 16px}
#view-accure .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-accure .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-accure .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-accure .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-accure .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-accure .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-accure .sp-case-body{padding:18px 22px 22px}
#view-accure .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-accure .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-accure .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-accure .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-accure .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-accure .sp-case-body .sp-source{margin-top:14px}
#view-accure .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-accure .sp-case-details>summary{min-height:48px}
#view-accure .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-accure .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-accure .sp-approach-list{display:grid;gap:0}
#view-accure .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-accure .sp-approach-item:first-child{padding-top:0}
#view-accure .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-accure .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-accure .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-accure .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-accure .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-accure .sp-doctor h3{font-size:21px;line-height:1.5}
#view-accure .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-accure .sp-doctor .sp-source{white-space:nowrap}
#view-accure .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-accure .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-accure .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-accure .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-accure .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-accure .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-accure .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-accure .sp-expertise-facts>div:first-child{padding-top:0}
#view-accure .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-accure .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-accure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-accure .sp-expertise-grid figure{max-width:480px}
 #view-accure .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-accure .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-accure .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-accure .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-accure .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-accure .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-accure .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-accure .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-accure .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-accure .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-accure .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-accure .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-accure .sp-disclosure>summary::after{content:'＋';flex:none}
#view-accure .sp-disclosure[open]>summary::after{content:'−'}
#view-accure .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-accure .sp-disclosure-content p+p{margin-top:12px}
#view-accure .sp-approval-list{display:grid;gap:10px}
#view-accure .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-accure .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-accure .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-accure .sp-price-intro>div{flex:1 1 320px}
#view-accure .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-accure .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-accure .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-accure .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-accure .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-accure .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-accure .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-accure .sp-price-heading{margin-bottom:16px}
#view-accure .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-accure .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-accure .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-accure .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-accure .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-accure .sp-price .sp-yen{display:block;margin:0}
#view-accure .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-accure .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-accure .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-accure .sp-price-list{margin-top:8px}
#view-accure .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-accure .sp-price-list dt{min-width:0}
#view-accure .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-accure .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-accure .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-accure .sp-flow-head{display:block;margin-bottom:14px}
#view-accure .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-accure .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-accure .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-accure .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-accure .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-accure .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-accure .sp-recovery>div:last-child{border-right:0}
#view-accure .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-accure .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-accure .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-accure .sp-risk-details{margin-top:22px}
#view-accure .sp-faq{margin-inline:0}
#view-accure .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-accure .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-accure .sp-tech h3{font-size:22px;line-height:1.6}
#view-accure .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-accure .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-accure .sp-tech h3+p{margin-top:10px}
#view-accure .sp-video>summary{cursor:pointer;list-style:none}
#view-accure .sp-video>summary::-webkit-details-marker{display:none}
#view-accure .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-accure .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-accure .sp-flow-text{display:block;margin-top:12px}
#view-accure .sp-video-body{padding-bottom:16px}
#view-accure .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-accure .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-accure .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-accure .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-accure .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-accure .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-accure .sp-tech>img{width:76px;height:99px}
 #view-accure .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-accure .sp-homecare>img{max-height:220px}
}
#view-accure .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-accure .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-accure .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-accure .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-accure .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-accure .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-accure .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-accure .sp-final .btn{font-size:14px}
#view-accure .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-accure :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-accure .sp-devices{grid-template-columns:1fr}
  #view-accure .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-accure .sp-device-head{margin-bottom:0}
  #view-accure .sp-device .sp-disclosure{grid-column:1/-1}
  #view-accure .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-accure .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-accure .sp-doctor>img{width:90px;height:100px}
  #view-accure .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-accure .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-accure .sp-hero h1{font-size:32px}
  #view-accure .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-accure .sp-hero-lead{margin-top:17px}
  #view-accure .sp-hero-photo img{aspect-ratio:16/9}
  #view-accure .sp-hero-photo figcaption{font-size:12px}
  #view-accure .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-accure .sp-types,#view-accure .sp-cases,#view-accure .sp-approach,#view-accure .sp-prices{grid-template-columns:1fr}
  #view-accure .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-accure .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-accure .sp-type-body{padding:19px 20px}
  #view-accure .sp-type h3{font-size:20px}
  #view-accure .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-accure .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-accure .sp-approach{gap:24px}
  #view-accure .sp-approach-image img{max-height:260px}
  #view-accure .sp-recovery{grid-template-columns:1fr}
  #view-accure .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-accure .sp-recovery>div:last-child{border-bottom:0}
  #view-accure .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-accure .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-accure .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-accure .sp-hero h1{font-size:29px}
  #view-accure .sp-actions{align-items:stretch}
  #view-accure .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-accure .sp-type{grid-template-columns:1fr}
  #view-accure .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-accure .sp-type-art img{max-height:130px}
  #view-accure .sp-layer-labels{justify-content:center;gap:26px}
  #view-accure .sp-type-body{padding:19px 20px}
  #view-accure .sp-case-head,#view-accure .sp-case-body{padding-inline:18px}
  #view-accure .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-accure .sp-case-photos{padding-inline:10px;gap:4px}
  #view-accure .sp-device{display:block;padding:20px}
  #view-accure .sp-device-head{margin-bottom:14px}
  #view-accure .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-accure .sp-flow>li{padding:18px 20px}
  #view-accure .sp-flow-head{margin-bottom:10px}
  #view-accure .sp-price{padding:22px}
  #view-accure .sp-price-intro{padding:20px}
  #view-accure .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-accure .sp-price-list dd{flex-basis:100%}
  #view-accure .sp-doctor{gap:14px}
  #view-accure .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-accure :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-accure .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-accure .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-accure .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-accure .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-accure .sp-entry-link:first-child{padding-left:0}
#view-accure .sp-entry-link:last-child{border-right:0}
#view-accure .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-accure .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-accure .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-accure .sp-entry-link:hover{background:var(--sp-soft)}
#view-accure .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-accure .sp-consult h3{font-size:24px;line-height:1.65}
#view-accure .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-accure .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-accure .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-accure .sp-consult .sp-note{margin-top:7px}
#view-accure #s-doctor-section{padding-top:58px}
#view-accure #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-accure .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-accure .sp-expertise-grid figure{align-self:center}
#view-accure .sp-expertise-facts dt{font-size:16px}
#view-accure .sp-expertise-facts dd{font-size:14px}
#view-accure .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-accure .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-accure .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-accure .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-accure .sp-flow{list-style:none;padding:0}
#view-accure .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-accure .sp-flow-head img,#view-accure .sp-video video{border:1px solid var(--sp-border)}
#view-accure .sp-recovery{border:0}
#view-accure .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-accure .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-accure .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-accure .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-accure .sp-visit-info a{color:var(--on-night)}
#view-accure a:focus-visible,#view-accure summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-accure .sp-entry-links{grid-template-columns:1fr}
 #view-accure .sp-entry-link,#view-accure .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-accure .sp-entry-link:last-child{border-bottom:0}
 #view-accure .sp-entry-link strong{font-size:18px}
 #view-accure .sp-entry-link span span{margin-top:3px}
 #view-accure .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-accure .sp-consult h3{font-size:22px}
 #view-accure .sp-consult ul{display:block}
 #view-accure .sp-consult li{margin-top:6px}
 #view-accure .sp-consult .btn{width:100%}
 #view-accure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-accure .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-accure .sp-recovery>div::before{top:4px;left:-5px}
 #view-accure .sp-recovery>div:last-child{padding-bottom:0}
 #view-accure .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-accure *{scroll-behavior:auto;transition:none}}

#view-accure .sp-type-art img{max-height:145px}
#view-accure .sp-type-body{padding:20px}
#view-accure .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-accure .sp-price>p.sp-price-unit,#view-accure .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-accure .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-accure .sp-price{padding:26px 0}
 #view-accure .sp-price-description{margin-bottom:20px}
 #view-accure .sp-price>.sp-note{min-height:0}
 #view-accure .sp-price h3{font-size:23px}
 #view-accure .sp-price .sp-yen{font-size:20px}
 #view-accure .sp-price-intro{padding:22px;gap:16px}
 #view-accure .sp-price-intro>div{flex-basis:100%}
}

#view-accure .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-accure .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-accure .sp-consult-fees>div:last-child{border-bottom:0}
#view-accure .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-accure .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-accure .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-accure .sp-consult-fees{flex-basis:100%}#view-accure .sp-consult-fees dd{font-size:21px}#view-accure .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-accure .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-accure .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-accure .sp-price-intro{padding:20px 18px;gap:18px}
 #view-accure .sp-consult-fees{flex-basis:100%;width:100%}
 #view-accure .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-accure .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-accure .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-accure .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-accure .sp-fee-period::before{content:none}
 html[lang="en"] #view-accure .sp-fee-period{white-space:normal;font-size:14px}
 #view-accure .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-accure .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-accure .sp-prices{gap:16px;border:0}
 #view-accure .sp-price,#view-accure .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-accure .sp-price-heading{order:0;margin-bottom:14px}
 #view-accure .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-accure .sp-price h3{font-size:22px;letter-spacing:0}
 #view-accure .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-accure .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-accure .sp-price .sp-price-unit{font-size:12px}
 #view-accure .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-accure .sp-price>.sp-note{order:3;margin-top:10px}
 #view-accure .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-accure .sp-price,#view-accure .sp-price+.sp-price{padding:20px 16px}
 #view-accure .sp-price h3{font-size:20px}
 #view-accure .sp-price .sp-yen{font-size:20px}
 #view-accure .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-accure .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-accure .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-accure .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-accure .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-accure .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-accure .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-accure .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-accure .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-accure .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-accure .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-accure .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-accure .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-accure .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-accure .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-accure .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-accure .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-accure .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-accure .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-accure .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-accure .sp-entry-hint{margin:8px 0 22px}
#view-accure .sp-entry-links{gap:14px;border:0}
#view-accure .sp-entry-link,#view-accure .sp-entry-link:first-child,#view-accure .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-accure .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-accure .sp-entry-link:hover,#view-accure .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-accure .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-accure .sp-entry-copy{min-width:0}
#view-accure .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-accure .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-accure .sp-entry-question{font-size:22px}
 #view-accure .sp-entry-link,#view-accure .sp-entry-link:first-child,#view-accure .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-accure .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-accure .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-accure .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-accure .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .sp-anes{margin-top:10px}
#view-accure .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-accure .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-accure .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-accure .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-accure .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-accure .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-accure .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-accure .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-accure .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-accure .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-accure .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-accure .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-accure .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-accure .hg-head>div{min-width:0}
#view-accure .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-accure .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-accure .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-accure .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-accure .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-accure .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-accure .hg-menu-photo{margin:0}
#view-accure .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-accure .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-accure .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-accure .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-accure .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-accure .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-accure .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-accure .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-accure .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-accure .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-accure .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-accure .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-accure .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-accure .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-accure .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-accure .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-accure .hg-menu-note{margin:14px 0 0}
#view-accure .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-accure .hg-menu-links-label{margin-right:4px}
#view-accure .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-accure .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-accure .hg-menu-fees{gap:8px}#view-accure .hg-fee{padding:14px 14px 12px}#view-accure .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-accure .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-accure .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-accure .hg-menu-range{margin:14px 0 0}
#view-accure .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-accure .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-accure .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-accure .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-accure .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-accure .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-accure .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-accure .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-accure .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-accure .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-accure .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-accure .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-accure .cg-card{padding:0;background:transparent;border:0}
#view-accure .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-accure .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-accure .cg-card .case-image{margin:0}
#view-accure .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-accure .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-accure .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-accure .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-accure .cg-details summary:hover{color:var(--gold-ink)}
#view-accure .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-accure .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-accure .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-accure .cg-details dt{padding-top:13px}
#view-accure .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-accure .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-accure .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-accure .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-accure .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-accure .sp-section .dn-gallery,#view-accure .sp-section .sw-gallery,#view-accure .sp-section .pc-lecture-figs,#view-accure .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-accure .sp-section .sw-interview,#view-accure .sp-section .ul-doctor-grid,#view-accure .sp-section .sv-doctor-hero,#view-accure .sp-section .wrx-evidence,#view-accure .sp-section .uex-evidence,#view-accure .sp-section .ml-doctor-grid,#view-accure .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-accure .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-accure .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-accure .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-accure .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-accure .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-accure .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-accure .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-accure .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-accure .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-accure .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-accure .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-accure .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-accure .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-accure .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-accure .hgd-svg{display:block;width:100%;height:auto}
#view-accure .hgd-sp{display:none}
#view-accure .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-accure .hgd-layer{font-size:30px}
#view-accure .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-accure .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-accure .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-accure .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-accure .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-accure .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-accure .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-accure .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-accure .hgd-art{opacity:.92}
#view-accure .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-accure .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-accure .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-accure .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-accure .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-accure .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-accure .hgd-layer{font-size:25px}
html[lang^="en"] #view-accure .hgd-sub{font-size:19px}
html[lang^="en"] #view-accure .hgd-br{font-size:27px}
#view-accure .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-accure .hgd-pc .hgd-layer{font-size:38px}
 #view-accure .hgd-pc .hgd-sub{font-size:30px}
 #view-accure .hgd-pc .hgd-name{font-size:42px}
 #view-accure .hgd-pc .hgd-kind{font-size:31px}
 #view-accure .hgd-pc .hgd-br{font-size:36px}
 #view-accure .hgd-pc .hgd-mm{font-size:40px}
 #view-accure .hgd-pc .hgd-note{font-size:26px}
 #view-accure .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-accure .hg-lineup img{width:72px;height:72px}
 #view-accure .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-accure .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-accure .hg-lineup,#view-accure .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-accure .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-accure .hg-lineup img{width:56px;height:56px}
 #view-accure .hg-lineup figcaption{padding:7px 8px}
 #view-accure .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-accure .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-accure .hg-lineup figcaption small{font-size:10.5px}
 #view-accure .hgd-pc{display:none}
 #view-accure .hgd-sp{display:block}
 #view-accure .hgd-layer,#view-accure .hgd-name,#view-accure .hgd-br,#view-accure .hgd-mm{font-size:34px}
 #view-accure .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-accure .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-accure .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-accure .hgd-layer{font-size:30px}
 #view-accure .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-accure .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-accure .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-accure. */
#view-accure .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-accure .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-accure .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-accure .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-accure .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-accure .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-accure .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-accure .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-accure .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-accure .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-accure .pc-table th,#view-accure .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-accure .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-accure .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-accure .pc-table tbody tr:last-child th,#view-accure .pc-table tbody tr:last-child td{border-bottom:0}
#view-accure .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-accure .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-accure .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-accure .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-accure .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-accure .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-accure .pc-point-face{width:92px;height:92px}}
#view-accure .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-accure .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-accure .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-accure .pc-explain p+p{margin-top:12px}
#view-accure .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-accure .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-accure .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-accure .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-accure .pc-books h3{font-size:18px;margin-bottom:12px}
#view-accure .pc-books ul{list-style:none;padding:0;margin:0}
#view-accure .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-accure .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-accure .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-accure .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-accure .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-accure .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-accure .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-accure .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-accure .pc-tag{margin:0}
#view-accure .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-accure .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-accure .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-accure .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-accure .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-accure .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-accure .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-accure .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-accure .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-accure .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-accure .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-accure .pc-approval>div:last-child{border-bottom:0}
#view-accure .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-accure .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-accure .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-accure .pc-glance,#view-accure .pc-modes{grid-template-columns:1fr}#view-accure .pc-explain{grid-template-columns:1fr}#view-accure .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-accure .pc-concern-links{grid-template-columns:1fr}#view-accure .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-accure .pc-books,#view-accure .pc-quote,#view-accure .pc-point{padding:20px}#view-accure .pc-glance-num span{font-size:32px}#view-accure .pc-table{font-size:13px}#view-accure .pc-table th,#view-accure .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-accure .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-accure .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-accure .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-accure .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-accure .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-accure .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-accure .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-accure .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-accure .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-accure .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-accure .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-accure .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-accure .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-accure .pc-video{margin:0 0 28px;max-width:820px}
#view-accure .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-accure .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-accure .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-accure .pc-lasers-media .pc-video,#view-accure .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-accure .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-accure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-accure .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-accure .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-accure .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-accure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-accure .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-accure .pc-hero-video .sp-video{margin:0}
#view-accure .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-accure .pc-cell-label{display:none}
@media(max-width:760px){
#view-accure .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-accure .pc-table{min-width:0;display:block;font-size:14px}
#view-accure .pc-table caption{display:block;padding:0 0 10px}
#view-accure .pc-table thead{display:none}
#view-accure .pc-table tbody{display:block}
#view-accure .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-accure .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-accure .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-accure .pc-table tr td:last-child{border-bottom:0}
#view-accure .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-accure .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-accure .pc-cell-value{display:block;line-height:1.75}
}
#view-accure .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-accure .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-accure .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-accure .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-accure .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-accure .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-accure .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-accure .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-accure .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-accure .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-accure .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-accure .pcx-video{margin:0 0 26px;max-width:780px}
#view-accure .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-accure .pcx-table-details{margin-top:18px}
#view-accure .pcx-table-details .pc-table-wrap{margin-top:0}
#view-accure .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-accure .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-accure .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-accure #pc-lasers .pc-point{margin-top:40px}
#view-accure .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-accure .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-accure .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-accure .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-accure .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-accure .pcx-case-hint{margin-top:6px}
#view-accure #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-accure .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-accure .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-accure .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-accure .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-accure .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-accure .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-accure .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-accure .pcx-hero-points{margin-top:22px}
#view-accure .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-accure .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-accure .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-accure .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-accure .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-accure .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-accure .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-accure .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-accure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-accure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-accure .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-accure .pcx-mode-art img{display:block;width:100%;height:auto}
#view-accure .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-accure .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-accure .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-accure .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-accure .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-accure .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-accure .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-accure .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-accure .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-accure .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-accure .pcx-case-sep{display:none}
  #view-accure .pcx-case-name{display:block}
  #view-accure .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-accure .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-accure .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-accure .pcx-diff-changed{border-top-color:var(--gold)}
#view-accure .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-accure .pcx-diff-card dl{margin:0}
#view-accure .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-accure .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-accure .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-accure .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-accure .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-accure .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-accure .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-accure .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-accure .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-accure .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-accure .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-accure .pcx-history>li:last-child{padding-bottom:0}
#view-accure .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-accure .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-accure .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-accure .pcx-h-tag{margin:0 0 4px}
#view-accure .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-accure .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-accure .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-accure .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-accure .pcx-history-wrap>.sp-note{margin-top:20px}
#view-accure #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-accure .pcx-diff{grid-template-columns:1fr}
 #view-accure .pcx-diff-card{padding:18px 16px 14px}
 #view-accure .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-accure .pcx-depth{padding:16px}
 #view-accure .pcx-history::before{left:3.4em}
 #view-accure .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-accure .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-accure .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-accure .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-accure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-accure .pcx-h-photo{margin:4px 0 0}
#view-accure .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-accure .pcx-h-device .pcx-h-photo img,#view-accure #pc-history .pcx-h-photo img[src*="picosure-"],#view-accure #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-accure .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-accure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-accure .pcx-h-photo{max-width:360px}}

/* Accure device page: additions on top of the spots and PicoSure Pro components scoped to #view-accure. */
#view-accure .au-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#e9e9ea}
@media(max-width:760px){#view-accure .au-device-photo img{aspect-ratio:4/3;object-position:50% 50%}}
#view-accure .au-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
#view-accure .au-steps li{position:relative;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-accure .au-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-accure .au-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-accure .au-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .pc-explain h3+p+h3{margin-top:22px}
#view-accure .au-modes{margin-top:4px;grid-template-columns:repeat(2,minmax(0,1fr))}
#view-accure .au-list{list-style:none;margin:6px 0 0;padding:0}
#view-accure .au-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-accure .au-list li:last-child{border-bottom:0}
#view-accure .au-list li::before{content:'';position:absolute;left:2px;top:18px;width:8px;height:1px;background:var(--gold)}
#view-accure .au-papers{list-style:none;margin:0;padding:0}
#view-accure .au-papers li{padding:14px 0;border-bottom:1px solid var(--sp-border)}
#view-accure .au-papers li:first-child{padding-top:0}
#view-accure .au-papers p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-accure .au-papers .au-paper-cite{font-size:13px;color:var(--ink);margin-bottom:4px}
@media(max-width:900px){#view-accure .au-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-accure .au-steps{grid-template-columns:1fr}#view-accure .au-modes{grid-template-columns:1fr}}
#view-accure .au-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-accure .au-figure img{display:block;width:100%;height:auto}
#view-accure .au-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}

/* 2026-09-26 magazine-style reading pass (ACCURE_HANDOFF.md). New rules only, prefix acx-, scoped to #view-accure; build.py copies this file into the DermaV, Vectus and rosacea views, so nothing above is changed. */
#view-accure .acx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-accure .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-accure .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-accure .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-accure .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-accure .acx-table-details,#view-accure .acx-record{margin-top:26px}
#view-accure .acx-table-details .sp-disclosure-content,#view-accure .acx-record .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-accure .acx-table-details .pc-table-wrap{margin-top:0}
#view-accure .acx-record .pc-books{margin-top:6px}
#view-accure .acx-figure svg{display:block;width:100%;height:auto;background:#fff}
#view-accure .acx-figure text{font-family:var(--sans);fill:var(--ink);font-size:19px}
#view-accure .acx-figure .acx-num{font-family:var(--fig);font-size:30px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-accure .acx-figure .acx-small{font-size:17px;fill:var(--ink-2)}
#view-accure .acx-figure .acx-tiny{font-size:15px;fill:var(--ink-3)}
#view-accure .acx-figure .acx-label{font-family:var(--mincho);font-size:22px;fill:var(--ink)}
#view-accure .acx-role-art{margin:0 0 16px;aspect-ratio:3/2;overflow:hidden;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-accure .acx-role-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
#view-accure .acx-price-action{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 32px;align-items:center}
#view-accure .acx-price-photo{margin:0}
#view-accure .acx-price-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-accure .acx-timeline{margin:0 0 22px;padding:18px 20px 6px;background:#fff;border:1px solid var(--sp-border)}
#view-accure .acx-tl-head,#view-accure .acx-tl-row{display:grid;grid-template-columns:9em minmax(0,1fr);gap:10px;align-items:center}
#view-accure .acx-tl-scale,#view-accure .acx-tl-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#view-accure .acx-tl-scale span{font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5;padding-bottom:6px;border-bottom:1px solid var(--sp-border)}
#view-accure .acx-tl-row{padding:7px 0;border-bottom:1px solid var(--sp-border)}
#view-accure .acx-tl-label{font-size:14px;line-height:1.6;color:var(--ink)}
#view-accure .acx-tl-head .acx-tl-label{font-size:12px;color:var(--gold-ink);letter-spacing:.08em}
#view-accure .acx-tl-track{min-height:30px}
#view-accure .acx-tl-bar{display:flex;align-items:center;justify-content:center;min-height:30px;padding:3px 8px;font-size:12px;line-height:1.4;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--gold);border-radius:2px;text-align:center}
#view-accure .acx-tl-bar.is-course{border-style:dashed}
#view-accure .acx-tl-1-1{grid-column:1/2}
#view-accure .acx-tl-1-2{grid-column:1/3}
#view-accure .acx-tl-1-4{grid-column:1/5}
#view-accure .acx-tl-5-5{grid-column:5/6}
#view-accure .acx-tl-note{margin-top:10px;padding-bottom:8px}
@media(max-width:900px){#view-accure .acx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-accure .acx-price-action{grid-template-columns:minmax(0,1fr)}#view-accure .acx-price-photo{max-width:420px}#view-accure .acx-tl-head,#view-accure .acx-tl-row{grid-template-columns:minmax(0,1fr);gap:4px}#view-accure .acx-tl-bar{padding:3px 4px;font-size:11px}#view-accure .acx-figure text{font-size:21px}#view-accure .acx-figure .acx-small{font-size:19px}#view-accure .acx-figure .acx-tiny{font-size:17px}#view-accure .acx-figure .acx-label{font-size:24px}}
@media(max-width:560px){#view-accure .acx-quick{grid-template-columns:minmax(0,1fr)}}

/* 2026-09-27: 3D illustrations with SVG wording on top */
#view-accure .acx-illust-scroll{overflow-x:auto}
#view-accure .acx-illust-stage{position:relative}
#view-accure .acx-illust-stage img{display:block;width:100%;height:auto}
#view-accure .acx-illust-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-accure .acx-illust text{font-family:var(--sans);fill:var(--ink)}
#view-accure .acx-illust .acx3-num{font-family:var(--fig);font-size:40px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-accure .acx-illust .acx3-head{font-size:36px;font-weight:500}
#view-accure .acx-illust .acx3-desc{font-size:26px;fill:var(--ink-2)}
#view-accure .acx-illust .acx3-call{font-size:26px}
#view-accure .acx-illust .acx3-call2{font-size:22px}
#view-accure .acx-illust .acx3-tick{font-size:24px;fill:var(--ink-2)}
#view-accure .acx-illust .acx3-screen{font-size:19px;fill:var(--ink-2)}
#view-accure .acx-illust .acx3-note{font-size:30px}
#view-accure .acx-illust .acx3-title{font-family:var(--mincho);font-size:50px}
#view-accure .acx-illust .acx3-sub{font-size:28px;fill:var(--ink-2)}
html[lang^="en"] #view-accure .acx-illust .acx3-head{font-size:30px}
html[lang^="en"] #view-accure .acx-illust .acx3-desc{font-size:24px}
html[lang^="en"] #view-accure .acx-illust .acx3-note{font-size:26px}
html[lang^="en"] #view-accure .acx-illust .acx3-call2{font-size:18px}
@media(max-width:640px){#view-accure .acx-illust-stage{min-width:600px}}

/* 2026-09-28: an explanation block that holds one column only */
#view-accure .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-accure .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass. Classes used only by the Accure page (this file is also copied into other views). */
#view-accure .au-figure.acx-wide{max-width:none}
#view-accure .acx-about-explain{align-items:center}
#view-accure .acx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-accure .acx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-accure .acx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-accure .acx-sub+.au-figure{margin-top:26px}
/* Cases: one sideways row, so ten cases do not lengthen the page */
#view-accure .acx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-accure .acx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-accure .acx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start}
#view-accure .acx-case-card{scroll-snap-align:start;padding:0;background:transparent;border:0;min-width:0}
#view-accure .acx-case-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-accure .acx-case-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-accure .acx-case-card .case-image{margin:0}
#view-accure .acx-case-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-accure .acx-case-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-accure .acx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-accure .acx-case-details summary:hover{color:var(--gold-ink)}
#view-accure .acx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-accure .acx-case-details dt{padding-top:13px}
#view-accure .acx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
#view-accure .acx-case-hint{margin-top:6px}
#view-accure #au-cases .sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-accure .acx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-accure .acx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-accure .acx-cases .acx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-accure .acx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-accure .acx-case-row .acx-case-card h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-accure .acx-case-row .acx-case-details summary{font-size:11px;letter-spacing:.06em}
  #view-accure .acx-case-hint{display:none}
}
/* Fees: a single card spans the row, with the amount on the right */
#view-accure .acx-prices-one{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  #view-accure .acx-prices-one .sp-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);column-gap:56px;align-items:center}
  #view-accure .acx-prices-one .sp-price>*{grid-column:1}
  #view-accure .acx-prices-one .sp-price-amount{grid-column:2;grid-row:1/4;border-top:0;padding-top:0;border-left:1px solid var(--sp-border);padding-left:40px;align-self:stretch;align-content:center}
  /* Flow: steps 04 and 05 as a pair, not a row of three with a gap */
  #view-accure .acx-flow-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Sources under the disclosure table: separate, wrapping links */
#view-accure .acx-source-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px}
#view-accure .acx-source-links .sp-source{margin:0}
/* Phones: pictures that repeat what the text says, and the timeline strip that repeats the three cards, are left out (Accure sections only). */
@media(max-width:640px){
  #au-about .au-device-photo,#au-role .acx-role-art,#au-doctor .sp-expertise-grid>figure,#au-price .acx-price-photo,#au-risk .acx-timeline,.acx-cool,.acx-hero .sp-hero-trust{display:none}
  #au-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #au-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-accure .acx-hero-points{margin-top:22px}
#view-accure .acx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-accure .acx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-accure .acx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-accure .acx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-accure .acx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-accure .acx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-accure .acx-hero-points .acx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-accure .acx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-accure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-accure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 Apple-style labels: labels on the artwork get the soft white chip (svg_chip.py); figure titles in sans-serif */
#view-accure .svg-chip-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-accure .acx-illust .acx3-call,#view-accure .acx-illust .acx3-call2,#view-accure .acx-illust .acx3-screen{filter:url(#acx-chip)}
#view-accure .acx-illust .acx3-title{font-family:var(--sans);font-size:44px;font-weight:500}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-dermav{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-dermav .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-dermav .sp-soft{background:var(--sp-soft)}
#view-dermav .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-dermav .sp-heading{margin-bottom:26px;max-width:46em}
#view-dermav .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-dermav .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-dermav .sp-heading .sp-kicker{margin-top:0}
#view-dermav .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-dermav .sp-note a,#view-dermav .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-dermav .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-dermav .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-dermav .crumbs span::before{content:none}
#view-dermav .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-dermav .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-dermav .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-dermav .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-dermav .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-dermav .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-dermav .sp-hero-trust a{margin-top:7px}
#view-dermav .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-dermav .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-dermav .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-dermav .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-dermav .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-dermav .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-dermav .sp-nav a{flex-shrink:0}
#view-dermav .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-dermav .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-dermav .sp-nav a:hover{color:var(--gold-ink)}
#view-dermav .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermav .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-dermav .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-dermav .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-dermav .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-dermav .sp-type-body{padding:21px 22px 22px}
#view-dermav .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-dermav .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-dermav .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-dermav .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-dermav .sp-type .sp-source{margin-top:12px}
#view-dermav .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-dermav .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-dermav .sp-case-head{padding:20px 22px 16px}
#view-dermav .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-dermav .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-dermav .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-dermav .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-dermav .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-dermav .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-dermav .sp-case-body{padding:18px 22px 22px}
#view-dermav .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-dermav .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-dermav .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-dermav .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-dermav .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-dermav .sp-case-body .sp-source{margin-top:14px}
#view-dermav .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-dermav .sp-case-details>summary{min-height:48px}
#view-dermav .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-dermav .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-dermav .sp-approach-list{display:grid;gap:0}
#view-dermav .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-dermav .sp-approach-item:first-child{padding-top:0}
#view-dermav .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-dermav .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-dermav .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-dermav .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-dermav .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-dermav .sp-doctor h3{font-size:21px;line-height:1.5}
#view-dermav .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-dermav .sp-doctor .sp-source{white-space:nowrap}
#view-dermav .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-dermav .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-dermav .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-dermav .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-dermav .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-dermav .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-dermav .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-dermav .sp-expertise-facts>div:first-child{padding-top:0}
#view-dermav .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-dermav .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-dermav .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-dermav .sp-expertise-grid figure{max-width:480px}
 #view-dermav .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-dermav .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-dermav .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-dermav .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-dermav .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-dermav .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-dermav .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-dermav .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-dermav .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-dermav .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-dermav .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-dermav .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-dermav .sp-disclosure>summary::after{content:'＋';flex:none}
#view-dermav .sp-disclosure[open]>summary::after{content:'−'}
#view-dermav .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-dermav .sp-disclosure-content p+p{margin-top:12px}
#view-dermav .sp-approval-list{display:grid;gap:10px}
#view-dermav .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-dermav .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-dermav .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-dermav .sp-price-intro>div{flex:1 1 320px}
#view-dermav .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-dermav .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-dermav .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-dermav .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-dermav .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-dermav .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-dermav .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-dermav .sp-price-heading{margin-bottom:16px}
#view-dermav .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-dermav .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-dermav .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-dermav .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-dermav .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-dermav .sp-price .sp-yen{display:block;margin:0}
#view-dermav .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-dermav .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-dermav .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-dermav .sp-price-list{margin-top:8px}
#view-dermav .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-dermav .sp-price-list dt{min-width:0}
#view-dermav .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-dermav .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermav .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-dermav .sp-flow-head{display:block;margin-bottom:14px}
#view-dermav .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-dermav .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-dermav .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-dermav .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-dermav .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-dermav .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-dermav .sp-recovery>div:last-child{border-right:0}
#view-dermav .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-dermav .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-dermav .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-dermav .sp-risk-details{margin-top:22px}
#view-dermav .sp-faq{margin-inline:0}
#view-dermav .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-dermav .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-dermav .sp-tech h3{font-size:22px;line-height:1.6}
#view-dermav .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-dermav .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-dermav .sp-tech h3+p{margin-top:10px}
#view-dermav .sp-video>summary{cursor:pointer;list-style:none}
#view-dermav .sp-video>summary::-webkit-details-marker{display:none}
#view-dermav .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-dermav .sp-flow-text{display:block;margin-top:12px}
#view-dermav .sp-video-body{padding-bottom:16px}
#view-dermav .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-dermav .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-dermav .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-dermav .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-dermav .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-dermav .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-dermav .sp-tech>img{width:76px;height:99px}
 #view-dermav .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-dermav .sp-homecare>img{max-height:220px}
}
#view-dermav .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-dermav .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-dermav .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-dermav .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-dermav .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-dermav .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-dermav .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-dermav .sp-final .btn{font-size:14px}
#view-dermav .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-dermav :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-dermav .sp-devices{grid-template-columns:1fr}
  #view-dermav .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-dermav .sp-device-head{margin-bottom:0}
  #view-dermav .sp-device .sp-disclosure{grid-column:1/-1}
  #view-dermav .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-dermav .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-dermav .sp-doctor>img{width:90px;height:100px}
  #view-dermav .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-dermav .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-dermav .sp-hero h1{font-size:32px}
  #view-dermav .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-dermav .sp-hero-lead{margin-top:17px}
  #view-dermav .sp-hero-photo img{aspect-ratio:16/9}
  #view-dermav .sp-hero-photo figcaption{font-size:12px}
  #view-dermav .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-dermav .sp-types,#view-dermav .sp-cases,#view-dermav .sp-approach,#view-dermav .sp-prices{grid-template-columns:1fr}
  #view-dermav .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-dermav .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-dermav .sp-type-body{padding:19px 20px}
  #view-dermav .sp-type h3{font-size:20px}
  #view-dermav .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-dermav .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-dermav .sp-approach{gap:24px}
  #view-dermav .sp-approach-image img{max-height:260px}
  #view-dermav .sp-recovery{grid-template-columns:1fr}
  #view-dermav .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-dermav .sp-recovery>div:last-child{border-bottom:0}
  #view-dermav .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-dermav .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-dermav .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-dermav .sp-hero h1{font-size:29px}
  #view-dermav .sp-actions{align-items:stretch}
  #view-dermav .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-dermav .sp-type{grid-template-columns:1fr}
  #view-dermav .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-dermav .sp-type-art img{max-height:130px}
  #view-dermav .sp-layer-labels{justify-content:center;gap:26px}
  #view-dermav .sp-type-body{padding:19px 20px}
  #view-dermav .sp-case-head,#view-dermav .sp-case-body{padding-inline:18px}
  #view-dermav .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-dermav .sp-case-photos{padding-inline:10px;gap:4px}
  #view-dermav .sp-device{display:block;padding:20px}
  #view-dermav .sp-device-head{margin-bottom:14px}
  #view-dermav .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-dermav .sp-flow>li{padding:18px 20px}
  #view-dermav .sp-flow-head{margin-bottom:10px}
  #view-dermav .sp-price{padding:22px}
  #view-dermav .sp-price-intro{padding:20px}
  #view-dermav .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-dermav .sp-price-list dd{flex-basis:100%}
  #view-dermav .sp-doctor{gap:14px}
  #view-dermav .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-dermav :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-dermav .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-dermav .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-dermav .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-dermav .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-dermav .sp-entry-link:first-child{padding-left:0}
#view-dermav .sp-entry-link:last-child{border-right:0}
#view-dermav .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-dermav .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-dermav .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-dermav .sp-entry-link:hover{background:var(--sp-soft)}
#view-dermav .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-dermav .sp-consult h3{font-size:24px;line-height:1.65}
#view-dermav .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-dermav .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-dermav .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-dermav .sp-consult .sp-note{margin-top:7px}
#view-dermav #s-doctor-section{padding-top:58px}
#view-dermav #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-dermav .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-dermav .sp-expertise-grid figure{align-self:center}
#view-dermav .sp-expertise-facts dt{font-size:16px}
#view-dermav .sp-expertise-facts dd{font-size:14px}
#view-dermav .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-dermav .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-dermav .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-dermav .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-dermav .sp-flow{list-style:none;padding:0}
#view-dermav .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-dermav .sp-flow-head img,#view-dermav .sp-video video{border:1px solid var(--sp-border)}
#view-dermav .sp-recovery{border:0}
#view-dermav .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-dermav .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-dermav .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-dermav .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-dermav .sp-visit-info a{color:var(--on-night)}
#view-dermav a:focus-visible,#view-dermav summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-dermav .sp-entry-links{grid-template-columns:1fr}
 #view-dermav .sp-entry-link,#view-dermav .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-dermav .sp-entry-link:last-child{border-bottom:0}
 #view-dermav .sp-entry-link strong{font-size:18px}
 #view-dermav .sp-entry-link span span{margin-top:3px}
 #view-dermav .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-dermav .sp-consult h3{font-size:22px}
 #view-dermav .sp-consult ul{display:block}
 #view-dermav .sp-consult li{margin-top:6px}
 #view-dermav .sp-consult .btn{width:100%}
 #view-dermav .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-dermav .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-dermav .sp-recovery>div::before{top:4px;left:-5px}
 #view-dermav .sp-recovery>div:last-child{padding-bottom:0}
 #view-dermav .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-dermav *{scroll-behavior:auto;transition:none}}

#view-dermav .sp-type-art img{max-height:145px}
#view-dermav .sp-type-body{padding:20px}
#view-dermav .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-dermav .sp-price>p.sp-price-unit,#view-dermav .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-dermav .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-dermav .sp-price{padding:26px 0}
 #view-dermav .sp-price-description{margin-bottom:20px}
 #view-dermav .sp-price>.sp-note{min-height:0}
 #view-dermav .sp-price h3{font-size:23px}
 #view-dermav .sp-price .sp-yen{font-size:20px}
 #view-dermav .sp-price-intro{padding:22px;gap:16px}
 #view-dermav .sp-price-intro>div{flex-basis:100%}
}

#view-dermav .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-dermav .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-dermav .sp-consult-fees>div:last-child{border-bottom:0}
#view-dermav .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-dermav .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-dermav .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-dermav .sp-consult-fees{flex-basis:100%}#view-dermav .sp-consult-fees dd{font-size:21px}#view-dermav .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-dermav .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-dermav .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-dermav .sp-price-intro{padding:20px 18px;gap:18px}
 #view-dermav .sp-consult-fees{flex-basis:100%;width:100%}
 #view-dermav .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-dermav .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-dermav .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-dermav .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-dermav .sp-fee-period::before{content:none}
 html[lang="en"] #view-dermav .sp-fee-period{white-space:normal;font-size:14px}
 #view-dermav .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-dermav .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-dermav .sp-prices{gap:16px;border:0}
 #view-dermav .sp-price,#view-dermav .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-dermav .sp-price-heading{order:0;margin-bottom:14px}
 #view-dermav .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-dermav .sp-price h3{font-size:22px;letter-spacing:0}
 #view-dermav .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-dermav .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-dermav .sp-price .sp-price-unit{font-size:12px}
 #view-dermav .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-dermav .sp-price>.sp-note{order:3;margin-top:10px}
 #view-dermav .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-dermav .sp-price,#view-dermav .sp-price+.sp-price{padding:20px 16px}
 #view-dermav .sp-price h3{font-size:20px}
 #view-dermav .sp-price .sp-yen{font-size:20px}
 #view-dermav .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-dermav .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-dermav .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-dermav .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-dermav .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-dermav .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-dermav .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-dermav .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-dermav .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-dermav .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-dermav .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-dermav .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-dermav .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-dermav .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-dermav .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-dermav .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-dermav .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-dermav .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-dermav .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-dermav .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-dermav .sp-entry-hint{margin:8px 0 22px}
#view-dermav .sp-entry-links{gap:14px;border:0}
#view-dermav .sp-entry-link,#view-dermav .sp-entry-link:first-child,#view-dermav .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-dermav .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-dermav .sp-entry-link:hover,#view-dermav .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-dermav .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-dermav .sp-entry-copy{min-width:0}
#view-dermav .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-dermav .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-dermav .sp-entry-question{font-size:22px}
 #view-dermav .sp-entry-link,#view-dermav .sp-entry-link:first-child,#view-dermav .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-dermav .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-dermav .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-dermav .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .sp-anes{margin-top:10px}
#view-dermav .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-dermav .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-dermav .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-dermav .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-dermav .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-dermav .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-dermav .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-dermav .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-dermav .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-dermav .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-dermav .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-dermav .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-dermav .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-dermav .hg-head>div{min-width:0}
#view-dermav .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-dermav .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-dermav .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-dermav .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-dermav .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-dermav .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-dermav .hg-menu-photo{margin:0}
#view-dermav .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-dermav .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-dermav .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-dermav .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-dermav .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-dermav .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-dermav .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-dermav .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-dermav .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermav .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-dermav .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermav .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-dermav .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-dermav .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-dermav .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-dermav .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-dermav .hg-menu-note{margin:14px 0 0}
#view-dermav .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-dermav .hg-menu-links-label{margin-right:4px}
#view-dermav .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-dermav .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-dermav .hg-menu-fees{gap:8px}#view-dermav .hg-fee{padding:14px 14px 12px}#view-dermav .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-dermav .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-dermav .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-dermav .hg-menu-range{margin:14px 0 0}
#view-dermav .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-dermav .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-dermav .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-dermav .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-dermav .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-dermav .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-dermav .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-dermav .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-dermav .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-dermav .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-dermav .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-dermav .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-dermav .cg-card{padding:0;background:transparent;border:0}
#view-dermav .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-dermav .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-dermav .cg-card .case-image{margin:0}
#view-dermav .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-dermav .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-dermav .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-dermav .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-dermav .cg-details summary:hover{color:var(--gold-ink)}
#view-dermav .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-dermav .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-dermav .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-dermav .cg-details dt{padding-top:13px}
#view-dermav .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-dermav .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-dermav .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-dermav .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-dermav .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-dermav .sp-section .dn-gallery,#view-dermav .sp-section .sw-gallery,#view-dermav .sp-section .pc-lecture-figs,#view-dermav .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-dermav .sp-section .sw-interview,#view-dermav .sp-section .ul-doctor-grid,#view-dermav .sp-section .sv-doctor-hero,#view-dermav .sp-section .wrx-evidence,#view-dermav .sp-section .uex-evidence,#view-dermav .sp-section .ml-doctor-grid,#view-dermav .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-dermav .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-dermav .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-dermav .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-dermav .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-dermav .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-dermav .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-dermav .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-dermav .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-dermav .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-dermav .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-dermav .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-dermav .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-dermav .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .hgd-svg{display:block;width:100%;height:auto}
#view-dermav .hgd-sp{display:none}
#view-dermav .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-dermav .hgd-layer{font-size:30px}
#view-dermav .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-dermav .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-dermav .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-dermav .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-dermav .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-dermav .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-dermav .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-dermav .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-dermav .hgd-art{opacity:.92}
#view-dermav .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-dermav .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-dermav .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-dermav .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-dermav .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-dermav .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-dermav .hgd-layer{font-size:25px}
html[lang^="en"] #view-dermav .hgd-sub{font-size:19px}
html[lang^="en"] #view-dermav .hgd-br{font-size:27px}
#view-dermav .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-dermav .hgd-pc .hgd-layer{font-size:38px}
 #view-dermav .hgd-pc .hgd-sub{font-size:30px}
 #view-dermav .hgd-pc .hgd-name{font-size:42px}
 #view-dermav .hgd-pc .hgd-kind{font-size:31px}
 #view-dermav .hgd-pc .hgd-br{font-size:36px}
 #view-dermav .hgd-pc .hgd-mm{font-size:40px}
 #view-dermav .hgd-pc .hgd-note{font-size:26px}
 #view-dermav .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-dermav .hg-lineup img{width:72px;height:72px}
 #view-dermav .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-dermav .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-dermav .hg-lineup,#view-dermav .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-dermav .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-dermav .hg-lineup img{width:56px;height:56px}
 #view-dermav .hg-lineup figcaption{padding:7px 8px}
 #view-dermav .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-dermav .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-dermav .hg-lineup figcaption small{font-size:10.5px}
 #view-dermav .hgd-pc{display:none}
 #view-dermav .hgd-sp{display:block}
 #view-dermav .hgd-layer,#view-dermav .hgd-name,#view-dermav .hgd-br,#view-dermav .hgd-mm{font-size:34px}
 #view-dermav .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-dermav .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-dermav .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-dermav .hgd-layer{font-size:30px}
 #view-dermav .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-dermav .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-dermav .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-dermav. */
#view-dermav .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermav .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-dermav .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-dermav .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-dermav .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-dermav .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-dermav .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-dermav .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-dermav .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-dermav .pc-table th,#view-dermav .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-dermav .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-dermav .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-dermav .pc-table tbody tr:last-child th,#view-dermav .pc-table tbody tr:last-child td{border-bottom:0}
#view-dermav .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-dermav .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-dermav .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-dermav .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-dermav .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-dermav .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-dermav .pc-point-face{width:92px;height:92px}}
#view-dermav .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-dermav .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-dermav .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermav .pc-explain p+p{margin-top:12px}
#view-dermav .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermav .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-dermav .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-dermav .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermav .pc-books h3{font-size:18px;margin-bottom:12px}
#view-dermav .pc-books ul{list-style:none;padding:0;margin:0}
#view-dermav .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-dermav .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-dermav .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermav .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-dermav .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-dermav .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-dermav .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-dermav .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-dermav .pc-tag{margin:0}
#view-dermav .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-dermav .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-dermav .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-dermav .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-dermav .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-dermav .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-dermav .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-dermav .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-dermav .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-dermav .pc-approval>div:last-child{border-bottom:0}
#view-dermav .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-dermav .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-dermav .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-dermav .pc-glance,#view-dermav .pc-modes{grid-template-columns:1fr}#view-dermav .pc-explain{grid-template-columns:1fr}#view-dermav .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-dermav .pc-concern-links{grid-template-columns:1fr}#view-dermav .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-dermav .pc-books,#view-dermav .pc-quote,#view-dermav .pc-point{padding:20px}#view-dermav .pc-glance-num span{font-size:32px}#view-dermav .pc-table{font-size:13px}#view-dermav .pc-table th,#view-dermav .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-dermav .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-dermav .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-dermav .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-dermav .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-dermav .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-dermav .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-dermav .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-dermav .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-dermav .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-dermav .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-dermav .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-dermav .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-dermav .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-dermav .pc-video{margin:0 0 28px;max-width:820px}
#view-dermav .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-dermav .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-dermav .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-dermav .pc-lasers-media .pc-video,#view-dermav .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-dermav .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-dermav .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-dermav .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-dermav .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-dermav .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-dermav .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-dermav .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-dermav .pc-hero-video .sp-video{margin:0}
#view-dermav .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-dermav .pc-cell-label{display:none}
@media(max-width:760px){
#view-dermav .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-dermav .pc-table{min-width:0;display:block;font-size:14px}
#view-dermav .pc-table caption{display:block;padding:0 0 10px}
#view-dermav .pc-table thead{display:none}
#view-dermav .pc-table tbody{display:block}
#view-dermav .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-dermav .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-dermav .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-dermav .pc-table tr td:last-child{border-bottom:0}
#view-dermav .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-dermav .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-dermav .pc-cell-value{display:block;line-height:1.75}
}
#view-dermav .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-dermav .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-dermav .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-dermav .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-dermav .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-dermav .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermav .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-dermav .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-dermav .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-dermav .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-dermav .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-dermav .pcx-video{margin:0 0 26px;max-width:780px}
#view-dermav .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-dermav .pcx-table-details{margin-top:18px}
#view-dermav .pcx-table-details .pc-table-wrap{margin-top:0}
#view-dermav .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-dermav .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-dermav .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermav #pc-lasers .pc-point{margin-top:40px}
#view-dermav .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-dermav .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-dermav .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-dermav .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-dermav .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-dermav .pcx-case-hint{margin-top:6px}
#view-dermav #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-dermav .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-dermav .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-dermav .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-dermav .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-dermav .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-dermav .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-dermav .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-dermav .pcx-hero-points{margin-top:22px}
#view-dermav .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermav .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-dermav .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-dermav .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-dermav .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-dermav .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-dermav .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-dermav .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-dermav .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-dermav .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-dermav .pcx-mode-art img{display:block;width:100%;height:auto}
#view-dermav .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-dermav .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-dermav .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-dermav .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-dermav .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-dermav .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-dermav .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-dermav .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-dermav .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-dermav .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-dermav .pcx-case-sep{display:none}
  #view-dermav .pcx-case-name{display:block}
  #view-dermav .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-dermav .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-dermav .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-dermav .pcx-diff-changed{border-top-color:var(--gold)}
#view-dermav .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-dermav .pcx-diff-card dl{margin:0}
#view-dermav .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-dermav .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-dermav .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-dermav .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-dermav .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-dermav .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-dermav .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-dermav .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-dermav .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-dermav .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-dermav .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-dermav .pcx-history>li:last-child{padding-bottom:0}
#view-dermav .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-dermav .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-dermav .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-dermav .pcx-h-tag{margin:0 0 4px}
#view-dermav .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-dermav .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-dermav .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-dermav .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-dermav .pcx-history-wrap>.sp-note{margin-top:20px}
#view-dermav #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-dermav .pcx-diff{grid-template-columns:1fr}
 #view-dermav .pcx-diff-card{padding:18px 16px 14px}
 #view-dermav .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-dermav .pcx-depth{padding:16px}
 #view-dermav .pcx-history::before{left:3.4em}
 #view-dermav .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-dermav .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-dermav .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-dermav .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-dermav .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-dermav .pcx-h-photo{margin:4px 0 0}
#view-dermav .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-dermav .pcx-h-device .pcx-h-photo img,#view-dermav #pc-history .pcx-h-photo img[src*="picosure-"],#view-dermav #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-dermav .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-dermav .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-dermav .pcx-h-photo{max-width:360px}}

/* Accure device page: additions on top of the spots and PicoSure Pro components scoped to #view-dermav. */
#view-dermav .au-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#e9e9ea}
@media(max-width:760px){#view-dermav .au-device-photo img{aspect-ratio:4/3;object-position:50% 50%}}
#view-dermav .au-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
#view-dermav .au-steps li{position:relative;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-dermav .au-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-dermav .au-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-dermav .au-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .pc-explain h3+p+h3{margin-top:22px}
#view-dermav .au-modes{margin-top:4px;grid-template-columns:repeat(2,minmax(0,1fr))}
#view-dermav .au-list{list-style:none;margin:6px 0 0;padding:0}
#view-dermav .au-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-dermav .au-list li:last-child{border-bottom:0}
#view-dermav .au-list li::before{content:'';position:absolute;left:2px;top:18px;width:8px;height:1px;background:var(--gold)}
#view-dermav .au-papers{list-style:none;margin:0;padding:0}
#view-dermav .au-papers li{padding:14px 0;border-bottom:1px solid var(--sp-border)}
#view-dermav .au-papers li:first-child{padding-top:0}
#view-dermav .au-papers p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermav .au-papers .au-paper-cite{font-size:13px;color:var(--ink);margin-bottom:4px}
@media(max-width:900px){#view-dermav .au-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-dermav .au-steps{grid-template-columns:1fr}#view-dermav .au-modes{grid-template-columns:1fr}}
#view-dermav .au-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .au-figure img{display:block;width:100%;height:auto}
#view-dermav .au-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}

/* 2026-09-26 magazine-style reading pass (ACCURE_HANDOFF.md). New rules only, prefix acx-, scoped to #view-dermav; build.py copies this file into the DermaV, Vectus and rosacea views, so nothing above is changed. */
#view-dermav .acx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-dermav .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermav .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-dermav .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-dermav .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .acx-table-details,#view-dermav .acx-record{margin-top:26px}
#view-dermav .acx-table-details .sp-disclosure-content,#view-dermav .acx-record .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-dermav .acx-table-details .pc-table-wrap{margin-top:0}
#view-dermav .acx-record .pc-books{margin-top:6px}
#view-dermav .acx-figure svg{display:block;width:100%;height:auto;background:#fff}
#view-dermav .acx-figure text{font-family:var(--sans);fill:var(--ink);font-size:19px}
#view-dermav .acx-figure .acx-num{font-family:var(--fig);font-size:30px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-dermav .acx-figure .acx-small{font-size:17px;fill:var(--ink-2)}
#view-dermav .acx-figure .acx-tiny{font-size:15px;fill:var(--ink-3)}
#view-dermav .acx-figure .acx-label{font-family:var(--mincho);font-size:22px;fill:var(--ink)}
#view-dermav .acx-role-art{margin:0 0 16px;aspect-ratio:3/2;overflow:hidden;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermav .acx-role-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
#view-dermav .acx-price-action{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 32px;align-items:center}
#view-dermav .acx-price-photo{margin:0}
#view-dermav .acx-price-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-dermav .acx-timeline{margin:0 0 22px;padding:18px 20px 6px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .acx-tl-head,#view-dermav .acx-tl-row{display:grid;grid-template-columns:9em minmax(0,1fr);gap:10px;align-items:center}
#view-dermav .acx-tl-scale,#view-dermav .acx-tl-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#view-dermav .acx-tl-scale span{font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5;padding-bottom:6px;border-bottom:1px solid var(--sp-border)}
#view-dermav .acx-tl-row{padding:7px 0;border-bottom:1px solid var(--sp-border)}
#view-dermav .acx-tl-label{font-size:14px;line-height:1.6;color:var(--ink)}
#view-dermav .acx-tl-head .acx-tl-label{font-size:12px;color:var(--gold-ink);letter-spacing:.08em}
#view-dermav .acx-tl-track{min-height:30px}
#view-dermav .acx-tl-bar{display:flex;align-items:center;justify-content:center;min-height:30px;padding:3px 8px;font-size:12px;line-height:1.4;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--gold);border-radius:2px;text-align:center}
#view-dermav .acx-tl-bar.is-course{border-style:dashed}
#view-dermav .acx-tl-1-1{grid-column:1/2}
#view-dermav .acx-tl-1-2{grid-column:1/3}
#view-dermav .acx-tl-1-4{grid-column:1/5}
#view-dermav .acx-tl-5-5{grid-column:5/6}
#view-dermav .acx-tl-note{margin-top:10px;padding-bottom:8px}
@media(max-width:900px){#view-dermav .acx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-dermav .acx-price-action{grid-template-columns:minmax(0,1fr)}#view-dermav .acx-price-photo{max-width:420px}#view-dermav .acx-tl-head,#view-dermav .acx-tl-row{grid-template-columns:minmax(0,1fr);gap:4px}#view-dermav .acx-tl-bar{padding:3px 4px;font-size:11px}#view-dermav .acx-figure text{font-size:21px}#view-dermav .acx-figure .acx-small{font-size:19px}#view-dermav .acx-figure .acx-tiny{font-size:17px}#view-dermav .acx-figure .acx-label{font-size:24px}}
@media(max-width:560px){#view-dermav .acx-quick{grid-template-columns:minmax(0,1fr)}}

/* 2026-09-27: 3D illustrations with SVG wording on top */
#view-dermav .acx-illust-scroll{overflow-x:auto}
#view-dermav .acx-illust-stage{position:relative}
#view-dermav .acx-illust-stage img{display:block;width:100%;height:auto}
#view-dermav .acx-illust-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-dermav .acx-illust text{font-family:var(--sans);fill:var(--ink)}
#view-dermav .acx-illust .acx3-num{font-family:var(--fig);font-size:40px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-dermav .acx-illust .acx3-head{font-size:36px;font-weight:500}
#view-dermav .acx-illust .acx3-desc{font-size:26px;fill:var(--ink-2)}
#view-dermav .acx-illust .acx3-call{font-size:26px}
#view-dermav .acx-illust .acx3-call2{font-size:22px}
#view-dermav .acx-illust .acx3-tick{font-size:24px;fill:var(--ink-2)}
#view-dermav .acx-illust .acx3-screen{font-size:19px;fill:var(--ink-2)}
#view-dermav .acx-illust .acx3-note{font-size:30px}
#view-dermav .acx-illust .acx3-title{font-family:var(--mincho);font-size:50px}
#view-dermav .acx-illust .acx3-sub{font-size:28px;fill:var(--ink-2)}
html[lang^="en"] #view-dermav .acx-illust .acx3-head{font-size:30px}
html[lang^="en"] #view-dermav .acx-illust .acx3-desc{font-size:24px}
html[lang^="en"] #view-dermav .acx-illust .acx3-note{font-size:26px}
html[lang^="en"] #view-dermav .acx-illust .acx3-call2{font-size:18px}
@media(max-width:640px){#view-dermav .acx-illust-stage{min-width:600px}}

/* 2026-09-28: an explanation block that holds one column only */
#view-dermav .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-dermav .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass. Classes used only by the Accure page (this file is also copied into other views). */
#view-dermav .au-figure.acx-wide{max-width:none}
#view-dermav .acx-about-explain{align-items:center}
#view-dermav .acx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-dermav .acx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-dermav .acx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermav .acx-sub+.au-figure{margin-top:26px}
/* Cases: one sideways row, so ten cases do not lengthen the page */
#view-dermav .acx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-dermav .acx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-dermav .acx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start}
#view-dermav .acx-case-card{scroll-snap-align:start;padding:0;background:transparent;border:0;min-width:0}
#view-dermav .acx-case-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-dermav .acx-case-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-dermav .acx-case-card .case-image{margin:0}
#view-dermav .acx-case-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-dermav .acx-case-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-dermav .acx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-dermav .acx-case-details summary:hover{color:var(--gold-ink)}
#view-dermav .acx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-dermav .acx-case-details dt{padding-top:13px}
#view-dermav .acx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
#view-dermav .acx-case-hint{margin-top:6px}
#view-dermav #au-cases .sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-dermav .acx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-dermav .acx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-dermav .acx-cases .acx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-dermav .acx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-dermav .acx-case-row .acx-case-card h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-dermav .acx-case-row .acx-case-details summary{font-size:11px;letter-spacing:.06em}
  #view-dermav .acx-case-hint{display:none}
}
/* Fees: a single card spans the row, with the amount on the right */
#view-dermav .acx-prices-one{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  #view-dermav .acx-prices-one .sp-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);column-gap:56px;align-items:center}
  #view-dermav .acx-prices-one .sp-price>*{grid-column:1}
  #view-dermav .acx-prices-one .sp-price-amount{grid-column:2;grid-row:1/4;border-top:0;padding-top:0;border-left:1px solid var(--sp-border);padding-left:40px;align-self:stretch;align-content:center}
  /* Flow: steps 04 and 05 as a pair, not a row of three with a gap */
  #view-dermav .acx-flow-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Sources under the disclosure table: separate, wrapping links */
#view-dermav .acx-source-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px}
#view-dermav .acx-source-links .sp-source{margin:0}
/* Phones: pictures that repeat what the text says, and the timeline strip that repeats the three cards, are left out (Accure sections only). */
@media(max-width:640px){
  #au-about .au-device-photo,#au-role .acx-role-art,#au-doctor .sp-expertise-grid>figure,#au-price .acx-price-photo,#au-risk .acx-timeline,.acx-cool,.acx-hero .sp-hero-trust{display:none}
  #au-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #au-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-dermav .acx-hero-points{margin-top:22px}
#view-dermav .acx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermav .acx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-dermav .acx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-dermav .acx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-dermav .acx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-dermav .acx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-dermav .acx-hero-points .acx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .acx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-dermav .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-dermav .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 Apple-style labels: labels on the artwork get the soft white chip (svg_chip.py); figure titles in sans-serif */
#view-dermav .svg-chip-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-dermav .acx-illust .acx3-call,#view-dermav .acx-illust .acx3-call2,#view-dermav .acx-illust .acx3-screen{filter:url(#acx-chip)}
#view-dermav .acx-illust .acx3-title{font-family:var(--sans);font-size:44px;font-weight:500}

/* DermaV device page: additions on top of the spots, PicoSure Pro and Accure components scoped to #view-dermav. */
#view-dermav .dv-hero-photo{margin:0}
#view-dermav .dv-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;background:#e9e9ea}
#view-dermav .dv-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-dermav .pc-device-photo img{object-position:50% 50%}
#view-dermav .sp-yen-text{font-family:var(--sans);font-size:20px;letter-spacing:.02em;color:var(--ink-2)}
#view-dermav .pc-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-dermav .pc-explain{margin-top:30px}
@media(max-width:900px){#view-dermav .pc-modes{grid-template-columns:1fr}}
#view-dermav #dv-approval .sp-source{display:inline-block;margin:0 22px 8px 0}
#view-dermav .dv-info{margin-top:30px;max-width:960px}
#view-dermav .dv-info svg{display:block;width:100%;height:auto;background:#fff}
#view-dermav .dv-info text{font-family:var(--sans);fill:var(--ink);font-size:19px}
#view-dermav .dv-info .dv-info-num{font-family:var(--fig);font-size:38px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-dermav .dv-info .dv-info-small{font-size:19px;fill:var(--ink-2)}
#view-dermav .dv-info .dv-info-tiny{font-size:18px;fill:var(--ink-3)}
#view-dermav .dv-info .dv-info-label{font-family:var(--mincho);font-size:25px;fill:var(--ink)}
#view-dermav .dv-info-rule{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px 4px;font-size:14px;line-height:1.6}
#view-dermav .dv-info-rule span{display:inline-block;padding:6px 12px;border:1px solid var(--sp-border);background:#fff;color:var(--ink)}
#view-dermav .dv-info-rule .dv-info-arrow{border:0;padding:0 4px;color:var(--gold-ink);background:transparent}
#view-dermav .dv-info-rule b{display:inline-block;padding:6px 14px;border:1px solid var(--gold);background:var(--sp-soft);color:var(--gold-ink);font-weight:500}
@media(max-width:760px){#view-dermav .dv-info text{font-size:20px}#view-dermav .dv-info .dv-info-num{font-size:44px}#view-dermav .dv-info .dv-info-small{font-size:20px}#view-dermav .dv-info .dv-info-tiny{font-size:21px}#view-dermav .dv-info .dv-info-label{font-size:28px}#view-dermav .dv-info-rule{font-size:13px;padding:12px 12px 2px}}
/* 2026-09-26: magazine-style reading order (dvx- prefix; accure/picosure/spots CSS is copied into this view, so no ac/acx/pc/sp names). */
#view-dermav .dvx-quick{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
#view-dermav .dvx-quick-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .dvx-quick-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%}
#view-dermav .dvx-quick-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:8px 14px;border-top:1px solid var(--sp-border)}
#view-dermav .dvx-quick-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-dermav .dvx-quick-card{display:flex;flex-direction:column;min-width:0;padding:20px 22px 18px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermav .dvx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-dermav .dvx-quick-card p{flex:1;font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 12px}
#view-dermav .dvx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .dvx-table-details{margin-top:30px}
#view-dermav .dvx-table-details .sp-disclosure-content,#view-dermav .dvx-record .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-dermav .dvx-table-details .pc-table-wrap{margin-top:6px}
#view-dermav .dvx-record{margin-top:26px}
#view-dermav .dvx-record .pc-books{margin-top:6px}
#view-dermav .dvx-fig{margin:30px 0 0;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .dvx-fig svg{display:block;width:100%;height:auto}
#view-dermav .dvx-fig text{font-family:var(--sans);fill:var(--ink-2);font-size:18px}
#view-dermav .dvx-fig .dvx-fig-h{font-family:var(--mincho);font-size:23px;fill:var(--ink)}
#view-dermav .dvx-fig .dvx-fig-s{font-size:18px;fill:var(--ink-2)}
#view-dermav .dvx-fig .dvx-fig-t{font-size:16px;fill:var(--ink-3)}
#view-dermav .dvx-fig .dvx-num{font-family:var(--fig);font-size:20px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-dermav .dvx-fig figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-dermav .dvx-spec-fig svg{padding:10px 6px 0}
#view-dermav .dvx-legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:10px 16px 12px;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
#view-dermav .dvx-legend>span{display:inline-flex;align-items:center;gap:8px}
#view-dermav .dvx-legend i{flex:none;display:inline-block;width:14px;height:14px;border:1px solid rgba(0,0,0,.08)}
#view-dermav .dvx-mode-art{margin:-24px -24px 16px;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-dermav .dvx-mode-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-dermav .dvx-round-art{margin:0 0 14px;width:124px;height:124px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-dermav .dvx-round-art img{display:block;width:100%;height:100%;object-fit:cover}
#view-dermav .dvx-daily-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
#view-dermav .dvx-daily-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-dermav .dvx-price-head{display:flex;align-items:center;gap:16px}
#view-dermav .dvx-price-head>div{min-width:0}
#view-dermav .dvx-price-thumb{flex:none;width:112px;margin:0}
#view-dermav .dvx-price-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermav .dvx-after-art{margin:0 0 26px;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .dvx-after-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 45%}
#view-dermav .dvx-after-art figcaption{font-size:13px;color:var(--ink-2);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
@media(max-width:900px){#view-dermav .dvx-quick{grid-template-columns:minmax(0,1fr)}#view-dermav .dvx-quick-figure img{aspect-ratio:16/9}}
@media(max-width:760px){#view-dermav .dvx-fig text{font-size:20px}#view-dermav .dvx-fig .dvx-fig-h{font-size:26px}#view-dermav .dvx-fig .dvx-fig-s{font-size:20px}#view-dermav .dvx-fig .dvx-fig-t{font-size:19px}#view-dermav .dvx-fig .dvx-num{font-size:24px}#view-dermav .dvx-after-art img{aspect-ratio:16/9}#view-dermav .dvx-price-thumb{width:88px}}
@media(max-width:560px){#view-dermav .dvx-quick-cards{grid-template-columns:minmax(0,1fr)}#view-dermav .dvx-round-art{width:96px;height:96px}}

/* 2026-09-28: 3D illustrations with SVG wording on top */
#view-dermav .x3d-illust{margin-top:30px;max-width:960px;background:#fff}
#view-dermav .x3d-scroll{overflow-x:auto}
#view-dermav .x3d-stage{position:relative}
#view-dermav .x3d-stage img{display:block;width:100%;height:auto;aspect-ratio:auto;background:#fff}
#view-dermav .x3d-stage svg{position:absolute;inset:0;width:100%;height:100%;background:transparent}
#view-dermav .x3d-illust text{font-family:var(--sans);fill:var(--ink);font-size:26px}
#view-dermav .x3d-illust .x3-num{font-family:var(--fig);font-size:42px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-dermav .x3d-illust .x3-head{font-size:32px;font-weight:500}
#view-dermav .x3d-illust .x3-desc{font-size:26px;fill:var(--ink-2)}
#view-dermav .x3d-illust .x3-call{font-size:26px}
#view-dermav .x3d-illust .x3-halo{font-size:25px;font-weight:400}
#view-dermav .x3d-illust .x3-note{font-size:30px}
html[lang^="en"] #view-dermav .x3d-illust .x3-head{font-size:30px}
html[lang^="en"] #view-dermav .x3d-illust .x3-desc{font-size:23px}
html[lang^="en"] #view-dermav .x3d-illust .x3-note{font-size:25px}
html[lang^="en"] #view-dermav .x3d-illust .x3-halo{font-size:23px}
@media(max-width:640px){#view-dermav .x3d-stage{min-width:600px}}
/* 2026-09-28 portrait versions for phones: the landscape figure is replaced, no side scroll */
#view-dermav .x3d-mob{display:none}
#view-dermav .dv-info .x3d-mob img{aspect-ratio:1024/1536}
#view-dermav .dvx-pulse-fig .x3d-mob img{aspect-ratio:948/1659}
#view-dermav .x3d-illust .x3m-num{font-family:var(--fig);font-size:50px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-dermav .x3d-illust .x3m-head{font-size:42px;font-weight:500}
#view-dermav .x3d-illust .x3m-desc{font-size:36px;fill:var(--ink-2)}
#view-dermav .x3d-illust .x3m-time{font-size:30px;fill:var(--ink-2)}
#view-dermav .x3d-illust .x3m-gap{font-size:32px}
#view-dermav .x3d-illust .x3m-note{font-size:36px}
#view-dermav .x3d-illust .x3m-halo,#view-dermav .x3d-illust .x3m-layer{font-size:35px;font-weight:400}
#view-dermav .x3d-illust .x3m-layer{font-size:34px;font-weight:400}
html[lang^="en"] #view-dermav .x3d-illust .x3m-head{font-size:40px}
html[lang^="en"] #view-dermav .x3d-illust .x3m-desc{font-size:31px}
html[lang^="en"] #view-dermav .x3d-illust .x3m-gap{font-size:28px}
html[lang^="en"] #view-dermav .x3d-illust .x3m-note{font-size:32px}
html[lang^="en"] #view-dermav .x3d-illust .x3m-halo{font-size:32px}
@media(max-width:640px){#view-dermav .x3d-has-m .x3d-scroll{overflow:visible}#view-dermav .x3d-has-m .x3d-desk{display:none}#view-dermav .x3d-has-m .x3d-stage.x3d-mob{display:block;min-width:0}}
#view-dermav .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-dermav .pc-explain>:only-child{max-width:780px}
#view-dermav .dvx-mode-art{position:relative}
#view-dermav .dvx-mode-art svg{position:absolute;inset:0;width:100%;height:100%}
#view-dermav .dvx-art-lab{font-family:var(--sans);font-size:28px;font-weight:400;fill:var(--ink)}
html[lang^="en"] #view-dermav .dvx-art-lab{font-size:26px}

/* 2026-09-28: daily-care pictures sit above the Director's view */
#view-dermav .pc-point+.pc-point{margin-top:18px}

/* 2026-09-28: 30-second cards run full width; CrossTALK chapter; daily care sits in the recovery chapter */
#view-dermav .dvx-quick.dvx-quick-full{display:block}
#view-dermav .dvx-quick-full .dvx-quick-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){#view-dermav .dvx-quick-full .dvx-quick-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-dermav .dvx-quick-full .dvx-quick-cards{grid-template-columns:minmax(0,1fr)}}
#view-dermav .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-dermav .pc-explain>:only-child{max-width:780px}
#view-dermav #dv-crosstalk>.wrap>.sp-note{margin-top:22px;max-width:960px}

/* 2026-09-28: three after-care photographs replace the room illustration */
#view-dermav .dvx-after-trio{background:none;border:0}
#view-dermav .dvx-after-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-dermav .dvx-after-item{position:relative;background:#fff;border:1px solid var(--sp-border)}
#view-dermav .dvx-after-trio .dvx-after-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#view-dermav .dvx-after-label{display:block;padding:10px 14px;font-family:var(--mincho);font-size:16px;letter-spacing:.06em;color:var(--ink);border-top:1px solid var(--sp-border)}
#view-dermav .dvx-after-trio figcaption{border-top:0;padding:12px 0 0;font-size:13.5px}
@media(max-width:560px){#view-dermav .dvx-after-row{gap:6px}#view-dermav .dvx-after-label{font-size:13px;padding:8px}}


/* 2026-09-28 review pass */
#view-dermav .dvx2-sub{margin-top:56px;padding-top:36px;border-top:1px solid var(--sp-border);max-width:780px}
#view-dermav .dvx2-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-dermav .dvx2-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
@media(max-width:640px){

  #dv-about .pc-device-photo,#dv-about .pc-glance,#dv-doctor .sp-expertise-grid>figure,.dvx2-hero .sp-hero-trust{display:none}
  #dv-about .pc-about-visual{display:block}
}
/* Facial redness cases in one sideways row (2026-09-28) */
#view-dermav .dvx2-cases-block{margin-top:40px}
#view-dermav .dvx2-cases-block>h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 10px}
#view-dermav .dvx2-cases-block>.sp-note{max-width:52em}
#view-dermav .dvx2-case-scroll{margin-top:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-dermav .dvx2-case-scroll:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-dermav .dvx2-case-scroll .dvx2-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-dermav .dvx2-case-row>.case{scroll-snap-align:start;min-width:0}
#view-dermav .dvx2-case-hint{margin-top:6px}
@media(max-width:1000px){#view-dermav .dvx2-case-scroll .dvx2-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
@media(max-width:640px){#view-dermav .dvx2-case-scroll .dvx2-case-row{grid-auto-columns:86%}}
/* About: the three number cards in one row (the device photo is the hero picture) */
#view-dermav .dvx2-glance .pc-glance{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:760px){#view-dermav .dvx2-glance .pc-glance{grid-template-columns:1fr}}
#view-dermav #dv-cases{scroll-margin-top:90px}
/* Phones: the cases in two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-dermav .dvx2-case-scroll{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-dermav .dvx2-case-scroll .dvx2-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-dermav .dvx2-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-dermav .dvx2-case-row h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-dermav .dvx2-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-dermav .dvx2-case-hint{display:none}
}

/* 2026-09-28 About: two-wavelength illustration */
#view-dermav .dvx2-about-fig{margin:30px 0 0;max-width:960px}
#view-dermav .dvx2-about-fig img{display:block;width:100%;height:auto;aspect-ratio:1672/941}

/* 2026-09-28 FLOW as a numbered timeline: STEP number | picture | text, a hairline joins the steps */
#view-dermav #dv-flow .sp-flow{display:block;margin:0;padding:0;list-style:none}
#view-dermav #dv-flow .sp-flow>li{position:relative;display:grid;grid-template-columns:48px minmax(0,236px) minmax(0,1fr);grid-template-areas:"num img title" "num img text";grid-template-rows:auto 1fr;column-gap:clamp(24px,3vw,40px);padding:32px 0;border:0;border-top:1px solid var(--sp-border);background:transparent;min-width:0}
#view-dermav #dv-flow .sp-flow>li:last-child{border-bottom:1px solid var(--sp-border)}
#view-dermav #dv-flow .sp-flow-head,#view-dermav #dv-flow .sp-flow-head>div{display:contents}
#view-dermav #dv-flow .sp-flow-head img{grid-area:img;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0;border:0}
#view-dermav #dv-flow .sp-flow-head span{grid-area:num;align-self:start;margin-top:2px;font-family:var(--mincho);font-size:22px;font-weight:500;line-height:1.4;color:var(--ink-2);opacity:.55;letter-spacing:.04em;font-variant-numeric:tabular-nums}
#view-dermav #dv-flow .sp-flow-head h3{grid-area:title;align-self:start;margin:2px 0 12px;font-family:var(--mincho);font-size:clamp(19px,1.9vw,22px);font-weight:500;line-height:1.55}
#view-dermav #dv-flow .sp-flow>li>p{grid-area:text;margin:0;font-size:15px;line-height:1.95;color:var(--ink-2);max-width:34em}
#view-dermav #dv-flow .sp-flow-divider{margin:60px 0 0;padding:0 0 20px;border-top:0}
#view-dermav #dv-flow .sp-flow-divider.dvx-flow-phase{margin-top:36px}
#view-dermav #dv-flow .sp-flow-divider .sp-kicker{margin:0 0 6px}
#view-dermav #dv-flow .sp-flow-divider>p:last-child{margin:0}
@media(max-width:900px){
  #view-dermav #dv-flow .sp-flow>li{grid-template-columns:40px minmax(0,200px) minmax(0,1fr)}
}
@media(max-width:640px){
  #view-dermav #dv-flow .sp-flow>li{grid-template-columns:28px minmax(0,1fr) 96px;grid-template-areas:"num title img" "text text text";grid-template-rows:auto auto;column-gap:12px;row-gap:14px;padding:24px 0}
  #view-dermav #dv-flow .sp-flow-head img{aspect-ratio:4/3}
  #view-dermav #dv-flow .sp-flow-head span{align-self:center;margin-top:0;font-size:18px}
  #view-dermav #dv-flow .sp-flow-head h3{align-self:center;margin:0;font-size:17px}
  #view-dermav #dv-flow .sp-flow>li>p{font-size:14.5px;line-height:1.85}
  #view-dermav #dv-flow .sp-flow-divider{margin-top:44px;padding-bottom:14px}
  #view-dermav #dv-flow .sp-flow-divider.dvx-flow-phase{margin-top:28px}
  #view-dermav #dv-flow .sp-flow-divider>p:last-child{font-size:14.5px}
}
/* 2026-09-28 after-care block now follows the recovery timeline */
#view-dermav #dv-risk .dvx-after-art{margin-top:clamp(36px,4vw,52px)}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern) */
#view-dermav .dvx-hero-points{margin-top:22px}
#view-dermav .dvx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermav .dvx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-dermav .dvx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-dermav .dvx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-dermav .dvx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-dermav .dvx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-dermav .dvx-hero-points .dvx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermav .dvx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 fee card heads (the 2026-10-01 rows below replace the three-column layout) */
@media(min-width:1000px){#view-dermav #dv-price .dvx-price-head{flex-direction:column;align-items:flex-start;gap:14px}#view-dermav #dv-price .dvx-price-thumb{width:100%}#view-dermav #dv-price .dvx-price-thumb img{aspect-ratio:16/9}#view-dermav #dv-price .sp-price h3{font-size:22px;line-height:1.5}}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-dermav .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-dermav .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 labels that sit on the artwork get a soft white chip (Apple-style callout); labels in the white margins stay plain */
#view-dermav .dvx-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-dermav .x3d-illust .x3-halo,#view-dermav .x3d-illust .x3m-halo,#view-dermav .x3d-illust .x3m-layer,#view-dermav .dvx-art-lab{filter:url(#dvx-chip);fill:var(--ink)}
/* Hills Facial fee card: two device photographs read as one wide picture */
#view-dermav .dvx-price-duo{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:4/3;overflow:hidden;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermav .dvx-price-duo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;background:none}
@media(min-width:1000px){#view-dermav #dv-price .dvx-price-duo{aspect-ratio:16/9}#view-dermav #dv-price .dvx-price-duo img{aspect-ratio:auto}}
#view-dermav .dvx-price-tag{margin:0 0 8px;font-family:var(--mincho);font-size:16px;line-height:1.7;color:var(--ink)}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-dermav .dvx-hero-video{margin:0}
#view-dermav .dvx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 About: device photo (formerly the hero) beside the three number cards; on phones the cards stay hidden and the photo shows */
#view-dermav .dvx2-glance-device{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch;margin-top:30px}
#view-dermav .dvx2-glance-device .pc-glance{grid-template-columns:1fr;gap:12px}
#view-dermav .dvx2-glance-device .pc-glance-card{padding:20px 24px 18px}
#view-dermav .dvx2-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-dermav .dvx2-device-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:50% 50%;background:#e9e9ea}
#view-dermav .dvx2-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-dermav .dvx2-glance-device{grid-template-columns:1fr;gap:20px}#view-dermav .dvx2-device-photo img{height:auto;min-height:0;aspect-ratio:4/3}}
/* 2026-10-01 price revision: HFP | Redness & rosacea, cheeks or full face, with the clinic's range diagram */
#view-dermav .sp-price-amount+.sp-price-amount{margin-top:4px}
#view-dermav .hfp-range{margin:14px 0 0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-dermav .hfp-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-dermav .hfp-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-dermav .hfp-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 after-care: one picture, the window and vase (as on the redness page) */
#view-dermav .dvx-after-vase img{aspect-ratio:11/5;object-position:50% 22%}
@media(max-width:760px){#view-dermav .dvx-after-vase img{aspect-ratio:16/9;object-position:40% 50%}}

#view-dermav .sx-hero-points{margin-top:22px}
#view-dermav .sx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermav .sx-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-dermav .sx-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-dermav .sx-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-dermav .sx-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-dermav .sx-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-dermav .sx-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-dermav .sx-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-dermav .sx-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}
#view-dermav .sx-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-dermav .sx-gallery-card{padding:0;background:transparent;border:0}
#view-dermav .sx-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-dermav .sx-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-dermav .sx-gallery-card .case-image{margin:0}
#view-dermav .sx-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-dermav .sx-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-dermav .sx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-dermav .sx-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-dermav .sx-case-details summary:hover{color:var(--gold-ink)}
#view-dermav .sx-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-dermav .sx-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-dermav .sx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-dermav .sx-case-details dt{padding-top:13px}
#view-dermav .sx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-dermav .sx-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-dermav .sx-case-gallery{grid-template-columns:minmax(0,1fr)}}
/* Patient-facing pigmentation page; keep all rules within this view. */
#view-vectus{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-vectus .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-vectus .sp-soft{background:var(--sp-soft)}
#view-vectus .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-vectus .sp-heading{margin-bottom:26px;max-width:46em}
#view-vectus .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-vectus .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-vectus .sp-heading .sp-kicker{margin-top:0}
#view-vectus .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-vectus .sp-note a,#view-vectus .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-vectus .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-vectus .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-vectus .crumbs span::before{content:none}
#view-vectus .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-vectus .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-vectus .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-vectus .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-vectus .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-vectus .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-vectus .sp-hero-trust a{margin-top:7px}
#view-vectus .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-vectus .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-vectus .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-vectus .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-vectus .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-vectus .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-vectus .sp-nav a{flex-shrink:0}
#view-vectus .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-vectus .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-vectus .sp-nav a:hover{color:var(--gold-ink)}
#view-vectus .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectus .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-vectus .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-vectus .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-vectus .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-vectus .sp-type-body{padding:21px 22px 22px}
#view-vectus .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-vectus .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-vectus .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-vectus .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-vectus .sp-type .sp-source{margin-top:12px}
#view-vectus .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-vectus .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-vectus .sp-case-head{padding:20px 22px 16px}
#view-vectus .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-vectus .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-vectus .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-vectus .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-vectus .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-vectus .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-vectus .sp-case-body{padding:18px 22px 22px}
#view-vectus .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-vectus .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-vectus .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-vectus .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-vectus .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-vectus .sp-case-body .sp-source{margin-top:14px}
#view-vectus .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-vectus .sp-case-details>summary{min-height:48px}
#view-vectus .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-vectus .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-vectus .sp-approach-list{display:grid;gap:0}
#view-vectus .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-vectus .sp-approach-item:first-child{padding-top:0}
#view-vectus .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-vectus .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-vectus .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-vectus .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-vectus .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-vectus .sp-doctor h3{font-size:21px;line-height:1.5}
#view-vectus .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-vectus .sp-doctor .sp-source{white-space:nowrap}
#view-vectus .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-vectus .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-vectus .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-vectus .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-vectus .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-vectus .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-vectus .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-vectus .sp-expertise-facts>div:first-child{padding-top:0}
#view-vectus .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-vectus .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-vectus .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-vectus .sp-expertise-grid figure{max-width:480px}
 #view-vectus .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-vectus .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-vectus .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-vectus .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-vectus .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-vectus .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-vectus .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-vectus .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-vectus .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-vectus .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-vectus .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-vectus .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-vectus .sp-disclosure>summary::after{content:'＋';flex:none}
#view-vectus .sp-disclosure[open]>summary::after{content:'−'}
#view-vectus .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-vectus .sp-disclosure-content p+p{margin-top:12px}
#view-vectus .sp-approval-list{display:grid;gap:10px}
#view-vectus .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-vectus .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-vectus .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-vectus .sp-price-intro>div{flex:1 1 320px}
#view-vectus .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-vectus .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-vectus .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-vectus .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-vectus .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-vectus .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-vectus .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-vectus .sp-price-heading{margin-bottom:16px}
#view-vectus .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-vectus .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-vectus .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-vectus .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-vectus .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-vectus .sp-price .sp-yen{display:block;margin:0}
#view-vectus .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-vectus .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-vectus .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-vectus .sp-price-list{margin-top:8px}
#view-vectus .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-vectus .sp-price-list dt{min-width:0}
#view-vectus .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-vectus .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectus .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-vectus .sp-flow-head{display:block;margin-bottom:14px}
#view-vectus .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-vectus .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-vectus .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-vectus .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-vectus .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-vectus .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-vectus .sp-recovery>div:last-child{border-right:0}
#view-vectus .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-vectus .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-vectus .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-vectus .sp-risk-details{margin-top:22px}
#view-vectus .sp-faq{margin-inline:0}
#view-vectus .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-vectus .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-vectus .sp-tech h3{font-size:22px;line-height:1.6}
#view-vectus .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-vectus .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-vectus .sp-tech h3+p{margin-top:10px}
#view-vectus .sp-video>summary{cursor:pointer;list-style:none}
#view-vectus .sp-video>summary::-webkit-details-marker{display:none}
#view-vectus .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-vectus .sp-flow-text{display:block;margin-top:12px}
#view-vectus .sp-video-body{padding-bottom:16px}
#view-vectus .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-vectus .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-vectus .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-vectus .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-vectus .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-vectus .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-vectus .sp-tech>img{width:76px;height:99px}
 #view-vectus .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-vectus .sp-homecare>img{max-height:220px}
}
#view-vectus .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-vectus .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-vectus .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-vectus .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-vectus .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-vectus .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-vectus .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-vectus .sp-final .btn{font-size:14px}
#view-vectus .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-vectus :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-vectus .sp-devices{grid-template-columns:1fr}
  #view-vectus .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-vectus .sp-device-head{margin-bottom:0}
  #view-vectus .sp-device .sp-disclosure{grid-column:1/-1}
  #view-vectus .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-vectus .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-vectus .sp-doctor>img{width:90px;height:100px}
  #view-vectus .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-vectus .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-vectus .sp-hero h1{font-size:32px}
  #view-vectus .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-vectus .sp-hero-lead{margin-top:17px}
  #view-vectus .sp-hero-photo img{aspect-ratio:16/9}
  #view-vectus .sp-hero-photo figcaption{font-size:12px}
  #view-vectus .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-vectus .sp-types,#view-vectus .sp-cases,#view-vectus .sp-approach,#view-vectus .sp-prices{grid-template-columns:1fr}
  #view-vectus .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-vectus .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-vectus .sp-type-body{padding:19px 20px}
  #view-vectus .sp-type h3{font-size:20px}
  #view-vectus .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-vectus .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-vectus .sp-approach{gap:24px}
  #view-vectus .sp-approach-image img{max-height:260px}
  #view-vectus .sp-recovery{grid-template-columns:1fr}
  #view-vectus .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-vectus .sp-recovery>div:last-child{border-bottom:0}
  #view-vectus .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-vectus .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-vectus .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-vectus .sp-hero h1{font-size:29px}
  #view-vectus .sp-actions{align-items:stretch}
  #view-vectus .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-vectus .sp-type{grid-template-columns:1fr}
  #view-vectus .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-vectus .sp-type-art img{max-height:130px}
  #view-vectus .sp-layer-labels{justify-content:center;gap:26px}
  #view-vectus .sp-type-body{padding:19px 20px}
  #view-vectus .sp-case-head,#view-vectus .sp-case-body{padding-inline:18px}
  #view-vectus .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-vectus .sp-case-photos{padding-inline:10px;gap:4px}
  #view-vectus .sp-device{display:block;padding:20px}
  #view-vectus .sp-device-head{margin-bottom:14px}
  #view-vectus .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-vectus .sp-flow>li{padding:18px 20px}
  #view-vectus .sp-flow-head{margin-bottom:10px}
  #view-vectus .sp-price{padding:22px}
  #view-vectus .sp-price-intro{padding:20px}
  #view-vectus .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-vectus .sp-price-list dd{flex-basis:100%}
  #view-vectus .sp-doctor{gap:14px}
  #view-vectus .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-vectus :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-vectus .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-vectus .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-vectus .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-vectus .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-vectus .sp-entry-link:first-child{padding-left:0}
#view-vectus .sp-entry-link:last-child{border-right:0}
#view-vectus .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-vectus .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-vectus .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-vectus .sp-entry-link:hover{background:var(--sp-soft)}
#view-vectus .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-vectus .sp-consult h3{font-size:24px;line-height:1.65}
#view-vectus .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-vectus .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-vectus .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-vectus .sp-consult .sp-note{margin-top:7px}
#view-vectus #s-doctor-section{padding-top:58px}
#view-vectus #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-vectus .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-vectus .sp-expertise-grid figure{align-self:center}
#view-vectus .sp-expertise-facts dt{font-size:16px}
#view-vectus .sp-expertise-facts dd{font-size:14px}
#view-vectus .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-vectus .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-vectus .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-vectus .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-vectus .sp-flow{list-style:none;padding:0}
#view-vectus .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-vectus .sp-flow-head img,#view-vectus .sp-video video{border:1px solid var(--sp-border)}
#view-vectus .sp-recovery{border:0}
#view-vectus .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-vectus .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-vectus .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-vectus .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-vectus .sp-visit-info a{color:var(--on-night)}
#view-vectus a:focus-visible,#view-vectus summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-vectus .sp-entry-links{grid-template-columns:1fr}
 #view-vectus .sp-entry-link,#view-vectus .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-vectus .sp-entry-link:last-child{border-bottom:0}
 #view-vectus .sp-entry-link strong{font-size:18px}
 #view-vectus .sp-entry-link span span{margin-top:3px}
 #view-vectus .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-vectus .sp-consult h3{font-size:22px}
 #view-vectus .sp-consult ul{display:block}
 #view-vectus .sp-consult li{margin-top:6px}
 #view-vectus .sp-consult .btn{width:100%}
 #view-vectus .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-vectus .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-vectus .sp-recovery>div::before{top:4px;left:-5px}
 #view-vectus .sp-recovery>div:last-child{padding-bottom:0}
 #view-vectus .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-vectus *{scroll-behavior:auto;transition:none}}

#view-vectus .sp-type-art img{max-height:145px}
#view-vectus .sp-type-body{padding:20px}
#view-vectus .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-vectus .sp-price>p.sp-price-unit,#view-vectus .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-vectus .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-vectus .sp-price{padding:26px 0}
 #view-vectus .sp-price-description{margin-bottom:20px}
 #view-vectus .sp-price>.sp-note{min-height:0}
 #view-vectus .sp-price h3{font-size:23px}
 #view-vectus .sp-price .sp-yen{font-size:20px}
 #view-vectus .sp-price-intro{padding:22px;gap:16px}
 #view-vectus .sp-price-intro>div{flex-basis:100%}
}

#view-vectus .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-vectus .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-vectus .sp-consult-fees>div:last-child{border-bottom:0}
#view-vectus .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-vectus .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-vectus .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-vectus .sp-consult-fees{flex-basis:100%}#view-vectus .sp-consult-fees dd{font-size:21px}#view-vectus .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-vectus .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-vectus .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-vectus .sp-price-intro{padding:20px 18px;gap:18px}
 #view-vectus .sp-consult-fees{flex-basis:100%;width:100%}
 #view-vectus .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-vectus .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-vectus .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-vectus .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-vectus .sp-fee-period::before{content:none}
 html[lang="en"] #view-vectus .sp-fee-period{white-space:normal;font-size:14px}
 #view-vectus .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-vectus .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-vectus .sp-prices{gap:16px;border:0}
 #view-vectus .sp-price,#view-vectus .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-vectus .sp-price-heading{order:0;margin-bottom:14px}
 #view-vectus .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-vectus .sp-price h3{font-size:22px;letter-spacing:0}
 #view-vectus .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-vectus .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-vectus .sp-price .sp-price-unit{font-size:12px}
 #view-vectus .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-vectus .sp-price>.sp-note{order:3;margin-top:10px}
 #view-vectus .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-vectus .sp-price,#view-vectus .sp-price+.sp-price{padding:20px 16px}
 #view-vectus .sp-price h3{font-size:20px}
 #view-vectus .sp-price .sp-yen{font-size:20px}
 #view-vectus .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-vectus .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-vectus .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-vectus .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-vectus .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-vectus .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-vectus .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-vectus .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-vectus .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-vectus .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-vectus .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-vectus .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-vectus .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-vectus .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-vectus .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-vectus .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-vectus .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-vectus .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-vectus .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-vectus .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-vectus .sp-entry-hint{margin:8px 0 22px}
#view-vectus .sp-entry-links{gap:14px;border:0}
#view-vectus .sp-entry-link,#view-vectus .sp-entry-link:first-child,#view-vectus .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-vectus .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-vectus .sp-entry-link:hover,#view-vectus .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-vectus .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-vectus .sp-entry-copy{min-width:0}
#view-vectus .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-vectus .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-vectus .sp-entry-question{font-size:22px}
 #view-vectus .sp-entry-link,#view-vectus .sp-entry-link:first-child,#view-vectus .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-vectus .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-vectus .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-vectus .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .sp-anes{margin-top:10px}
#view-vectus .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-vectus .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-vectus .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-vectus .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-vectus .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-vectus .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-vectus .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-vectus .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-vectus .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-vectus .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-vectus .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-vectus .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-vectus .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-vectus .hg-head>div{min-width:0}
#view-vectus .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-vectus .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-vectus .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-vectus .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-vectus .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-vectus .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-vectus .hg-menu-photo{margin:0}
#view-vectus .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-vectus .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-vectus .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-vectus .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-vectus .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-vectus .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-vectus .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-vectus .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-vectus .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectus .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-vectus .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectus .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-vectus .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-vectus .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-vectus .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-vectus .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-vectus .hg-menu-note{margin:14px 0 0}
#view-vectus .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-vectus .hg-menu-links-label{margin-right:4px}
#view-vectus .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-vectus .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-vectus .hg-menu-fees{gap:8px}#view-vectus .hg-fee{padding:14px 14px 12px}#view-vectus .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-vectus .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-vectus .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-vectus .hg-menu-range{margin:14px 0 0}
#view-vectus .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-vectus .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-vectus .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-vectus .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-vectus .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-vectus .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-vectus .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-vectus .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-vectus .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-vectus .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-vectus .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-vectus .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-vectus .cg-card{padding:0;background:transparent;border:0}
#view-vectus .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-vectus .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-vectus .cg-card .case-image{margin:0}
#view-vectus .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-vectus .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-vectus .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-vectus .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-vectus .cg-details summary:hover{color:var(--gold-ink)}
#view-vectus .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-vectus .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-vectus .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-vectus .cg-details dt{padding-top:13px}
#view-vectus .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-vectus .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-vectus .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-vectus .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-vectus .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-vectus .sp-section .dn-gallery,#view-vectus .sp-section .sw-gallery,#view-vectus .sp-section .pc-lecture-figs,#view-vectus .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-vectus .sp-section .sw-interview,#view-vectus .sp-section .ul-doctor-grid,#view-vectus .sp-section .sv-doctor-hero,#view-vectus .sp-section .wrx-evidence,#view-vectus .sp-section .uex-evidence,#view-vectus .sp-section .ml-doctor-grid,#view-vectus .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-vectus .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-vectus .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-vectus .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-vectus .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-vectus .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-vectus .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-vectus .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-vectus .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-vectus .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-vectus .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-vectus .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-vectus .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-vectus .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .hgd-svg{display:block;width:100%;height:auto}
#view-vectus .hgd-sp{display:none}
#view-vectus .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-vectus .hgd-layer{font-size:30px}
#view-vectus .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-vectus .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-vectus .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-vectus .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-vectus .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-vectus .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-vectus .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-vectus .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-vectus .hgd-art{opacity:.92}
#view-vectus .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-vectus .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-vectus .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-vectus .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-vectus .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-vectus .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-vectus .hgd-layer{font-size:25px}
html[lang^="en"] #view-vectus .hgd-sub{font-size:19px}
html[lang^="en"] #view-vectus .hgd-br{font-size:27px}
#view-vectus .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-vectus .hgd-pc .hgd-layer{font-size:38px}
 #view-vectus .hgd-pc .hgd-sub{font-size:30px}
 #view-vectus .hgd-pc .hgd-name{font-size:42px}
 #view-vectus .hgd-pc .hgd-kind{font-size:31px}
 #view-vectus .hgd-pc .hgd-br{font-size:36px}
 #view-vectus .hgd-pc .hgd-mm{font-size:40px}
 #view-vectus .hgd-pc .hgd-note{font-size:26px}
 #view-vectus .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-vectus .hg-lineup img{width:72px;height:72px}
 #view-vectus .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-vectus .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-vectus .hg-lineup,#view-vectus .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-vectus .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-vectus .hg-lineup img{width:56px;height:56px}
 #view-vectus .hg-lineup figcaption{padding:7px 8px}
 #view-vectus .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-vectus .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-vectus .hg-lineup figcaption small{font-size:10.5px}
 #view-vectus .hgd-pc{display:none}
 #view-vectus .hgd-sp{display:block}
 #view-vectus .hgd-layer,#view-vectus .hgd-name,#view-vectus .hgd-br,#view-vectus .hgd-mm{font-size:34px}
 #view-vectus .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-vectus .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-vectus .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-vectus .hgd-layer{font-size:30px}
 #view-vectus .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-vectus .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-vectus .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-vectus. */
#view-vectus .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectus .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-vectus .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-vectus .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-vectus .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-vectus .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-vectus .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-vectus .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-vectus .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-vectus .pc-table th,#view-vectus .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-vectus .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-vectus .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-vectus .pc-table tbody tr:last-child th,#view-vectus .pc-table tbody tr:last-child td{border-bottom:0}
#view-vectus .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-vectus .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-vectus .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-vectus .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-vectus .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-vectus .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-vectus .pc-point-face{width:92px;height:92px}}
#view-vectus .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-vectus .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-vectus .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-vectus .pc-explain p+p{margin-top:12px}
#view-vectus .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectus .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-vectus .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-vectus .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectus .pc-books h3{font-size:18px;margin-bottom:12px}
#view-vectus .pc-books ul{list-style:none;padding:0;margin:0}
#view-vectus .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-vectus .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-vectus .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectus .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-vectus .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-vectus .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-vectus .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-vectus .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-vectus .pc-tag{margin:0}
#view-vectus .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-vectus .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-vectus .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-vectus .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-vectus .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-vectus .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-vectus .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-vectus .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-vectus .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-vectus .pc-approval>div:last-child{border-bottom:0}
#view-vectus .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-vectus .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-vectus .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-vectus .pc-glance,#view-vectus .pc-modes{grid-template-columns:1fr}#view-vectus .pc-explain{grid-template-columns:1fr}#view-vectus .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-vectus .pc-concern-links{grid-template-columns:1fr}#view-vectus .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-vectus .pc-books,#view-vectus .pc-quote,#view-vectus .pc-point{padding:20px}#view-vectus .pc-glance-num span{font-size:32px}#view-vectus .pc-table{font-size:13px}#view-vectus .pc-table th,#view-vectus .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-vectus .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-vectus .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-vectus .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-vectus .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-vectus .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-vectus .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-vectus .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-vectus .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-vectus .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-vectus .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-vectus .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-vectus .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-vectus .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-vectus .pc-video{margin:0 0 28px;max-width:820px}
#view-vectus .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-vectus .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-vectus .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-vectus .pc-lasers-media .pc-video,#view-vectus .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-vectus .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-vectus .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-vectus .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-vectus .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-vectus .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-vectus .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-vectus .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-vectus .pc-hero-video .sp-video{margin:0}
#view-vectus .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-vectus .pc-cell-label{display:none}
@media(max-width:760px){
#view-vectus .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-vectus .pc-table{min-width:0;display:block;font-size:14px}
#view-vectus .pc-table caption{display:block;padding:0 0 10px}
#view-vectus .pc-table thead{display:none}
#view-vectus .pc-table tbody{display:block}
#view-vectus .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-vectus .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-vectus .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-vectus .pc-table tr td:last-child{border-bottom:0}
#view-vectus .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-vectus .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-vectus .pc-cell-value{display:block;line-height:1.75}
}
#view-vectus .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-vectus .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-vectus .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-vectus .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-vectus .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-vectus .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectus .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-vectus .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-vectus .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-vectus .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-vectus .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-vectus .pcx-video{margin:0 0 26px;max-width:780px}
#view-vectus .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-vectus .pcx-table-details{margin-top:18px}
#view-vectus .pcx-table-details .pc-table-wrap{margin-top:0}
#view-vectus .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-vectus .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-vectus .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-vectus #pc-lasers .pc-point{margin-top:40px}
#view-vectus .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-vectus .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-vectus .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-vectus .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-vectus .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-vectus .pcx-case-hint{margin-top:6px}
#view-vectus #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-vectus .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-vectus .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-vectus .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-vectus .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-vectus .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-vectus .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-vectus .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-vectus .pcx-hero-points{margin-top:22px}
#view-vectus .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-vectus .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-vectus .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-vectus .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-vectus .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-vectus .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-vectus .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-vectus .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-vectus .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-vectus .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-vectus .pcx-mode-art img{display:block;width:100%;height:auto}
#view-vectus .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-vectus .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-vectus .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-vectus .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-vectus .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-vectus .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-vectus .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-vectus .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-vectus .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-vectus .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-vectus .pcx-case-sep{display:none}
  #view-vectus .pcx-case-name{display:block}
  #view-vectus .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-vectus .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-vectus .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-vectus .pcx-diff-changed{border-top-color:var(--gold)}
#view-vectus .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-vectus .pcx-diff-card dl{margin:0}
#view-vectus .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-vectus .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-vectus .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-vectus .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-vectus .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-vectus .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-vectus .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-vectus .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-vectus .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-vectus .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-vectus .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-vectus .pcx-history>li:last-child{padding-bottom:0}
#view-vectus .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-vectus .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-vectus .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-vectus .pcx-h-tag{margin:0 0 4px}
#view-vectus .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-vectus .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-vectus .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-vectus .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-vectus .pcx-history-wrap>.sp-note{margin-top:20px}
#view-vectus #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-vectus .pcx-diff{grid-template-columns:1fr}
 #view-vectus .pcx-diff-card{padding:18px 16px 14px}
 #view-vectus .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-vectus .pcx-depth{padding:16px}
 #view-vectus .pcx-history::before{left:3.4em}
 #view-vectus .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-vectus .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-vectus .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-vectus .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-vectus .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-vectus .pcx-h-photo{margin:4px 0 0}
#view-vectus .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-vectus .pcx-h-device .pcx-h-photo img,#view-vectus #pc-history .pcx-h-photo img[src*="picosure-"],#view-vectus #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-vectus .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-vectus .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-vectus .pcx-h-photo{max-width:360px}}

/* Accure device page: additions on top of the spots and PicoSure Pro components scoped to #view-vectus. */
#view-vectus .au-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#e9e9ea}
@media(max-width:760px){#view-vectus .au-device-photo img{aspect-ratio:4/3;object-position:50% 50%}}
#view-vectus .au-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
#view-vectus .au-steps li{position:relative;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-vectus .au-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-vectus .au-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-vectus .au-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .pc-explain h3+p+h3{margin-top:22px}
#view-vectus .au-modes{margin-top:4px;grid-template-columns:repeat(2,minmax(0,1fr))}
#view-vectus .au-list{list-style:none;margin:6px 0 0;padding:0}
#view-vectus .au-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-vectus .au-list li:last-child{border-bottom:0}
#view-vectus .au-list li::before{content:'';position:absolute;left:2px;top:18px;width:8px;height:1px;background:var(--gold)}
#view-vectus .au-papers{list-style:none;margin:0;padding:0}
#view-vectus .au-papers li{padding:14px 0;border-bottom:1px solid var(--sp-border)}
#view-vectus .au-papers li:first-child{padding-top:0}
#view-vectus .au-papers p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectus .au-papers .au-paper-cite{font-size:13px;color:var(--ink);margin-bottom:4px}
@media(max-width:900px){#view-vectus .au-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-vectus .au-steps{grid-template-columns:1fr}#view-vectus .au-modes{grid-template-columns:1fr}}
#view-vectus .au-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .au-figure img{display:block;width:100%;height:auto}
#view-vectus .au-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}

/* 2026-09-26 magazine-style reading pass (ACCURE_HANDOFF.md). New rules only, prefix acx-, scoped to #view-vectus; build.py copies this file into the DermaV, Vectus and rosacea views, so nothing above is changed. */
#view-vectus .acx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-vectus .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectus .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-vectus .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-vectus .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .acx-table-details,#view-vectus .acx-record{margin-top:26px}
#view-vectus .acx-table-details .sp-disclosure-content,#view-vectus .acx-record .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-vectus .acx-table-details .pc-table-wrap{margin-top:0}
#view-vectus .acx-record .pc-books{margin-top:6px}
#view-vectus .acx-figure svg{display:block;width:100%;height:auto;background:#fff}
#view-vectus .acx-figure text{font-family:var(--sans);fill:var(--ink);font-size:19px}
#view-vectus .acx-figure .acx-num{font-family:var(--fig);font-size:30px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-vectus .acx-figure .acx-small{font-size:17px;fill:var(--ink-2)}
#view-vectus .acx-figure .acx-tiny{font-size:15px;fill:var(--ink-3)}
#view-vectus .acx-figure .acx-label{font-family:var(--mincho);font-size:22px;fill:var(--ink)}
#view-vectus .acx-role-art{margin:0 0 16px;aspect-ratio:3/2;overflow:hidden;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectus .acx-role-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
#view-vectus .acx-price-action{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 32px;align-items:center}
#view-vectus .acx-price-photo{margin:0}
#view-vectus .acx-price-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-vectus .acx-timeline{margin:0 0 22px;padding:18px 20px 6px;background:#fff;border:1px solid var(--sp-border)}
#view-vectus .acx-tl-head,#view-vectus .acx-tl-row{display:grid;grid-template-columns:9em minmax(0,1fr);gap:10px;align-items:center}
#view-vectus .acx-tl-scale,#view-vectus .acx-tl-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#view-vectus .acx-tl-scale span{font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5;padding-bottom:6px;border-bottom:1px solid var(--sp-border)}
#view-vectus .acx-tl-row{padding:7px 0;border-bottom:1px solid var(--sp-border)}
#view-vectus .acx-tl-label{font-size:14px;line-height:1.6;color:var(--ink)}
#view-vectus .acx-tl-head .acx-tl-label{font-size:12px;color:var(--gold-ink);letter-spacing:.08em}
#view-vectus .acx-tl-track{min-height:30px}
#view-vectus .acx-tl-bar{display:flex;align-items:center;justify-content:center;min-height:30px;padding:3px 8px;font-size:12px;line-height:1.4;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--gold);border-radius:2px;text-align:center}
#view-vectus .acx-tl-bar.is-course{border-style:dashed}
#view-vectus .acx-tl-1-1{grid-column:1/2}
#view-vectus .acx-tl-1-2{grid-column:1/3}
#view-vectus .acx-tl-1-4{grid-column:1/5}
#view-vectus .acx-tl-5-5{grid-column:5/6}
#view-vectus .acx-tl-note{margin-top:10px;padding-bottom:8px}
@media(max-width:900px){#view-vectus .acx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-vectus .acx-price-action{grid-template-columns:minmax(0,1fr)}#view-vectus .acx-price-photo{max-width:420px}#view-vectus .acx-tl-head,#view-vectus .acx-tl-row{grid-template-columns:minmax(0,1fr);gap:4px}#view-vectus .acx-tl-bar{padding:3px 4px;font-size:11px}#view-vectus .acx-figure text{font-size:21px}#view-vectus .acx-figure .acx-small{font-size:19px}#view-vectus .acx-figure .acx-tiny{font-size:17px}#view-vectus .acx-figure .acx-label{font-size:24px}}
@media(max-width:560px){#view-vectus .acx-quick{grid-template-columns:minmax(0,1fr)}}

/* 2026-09-27: 3D illustrations with SVG wording on top */
#view-vectus .acx-illust-scroll{overflow-x:auto}
#view-vectus .acx-illust-stage{position:relative}
#view-vectus .acx-illust-stage img{display:block;width:100%;height:auto}
#view-vectus .acx-illust-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-vectus .acx-illust text{font-family:var(--sans);fill:var(--ink)}
#view-vectus .acx-illust .acx3-num{font-family:var(--fig);font-size:40px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-vectus .acx-illust .acx3-head{font-size:36px;font-weight:500}
#view-vectus .acx-illust .acx3-desc{font-size:26px;fill:var(--ink-2)}
#view-vectus .acx-illust .acx3-call{font-size:26px}
#view-vectus .acx-illust .acx3-call2{font-size:22px}
#view-vectus .acx-illust .acx3-tick{font-size:24px;fill:var(--ink-2)}
#view-vectus .acx-illust .acx3-screen{font-size:19px;fill:var(--ink-2)}
#view-vectus .acx-illust .acx3-note{font-size:30px}
#view-vectus .acx-illust .acx3-title{font-family:var(--mincho);font-size:50px}
#view-vectus .acx-illust .acx3-sub{font-size:28px;fill:var(--ink-2)}
html[lang^="en"] #view-vectus .acx-illust .acx3-head{font-size:30px}
html[lang^="en"] #view-vectus .acx-illust .acx3-desc{font-size:24px}
html[lang^="en"] #view-vectus .acx-illust .acx3-note{font-size:26px}
html[lang^="en"] #view-vectus .acx-illust .acx3-call2{font-size:18px}
@media(max-width:640px){#view-vectus .acx-illust-stage{min-width:600px}}

/* 2026-09-28: an explanation block that holds one column only */
#view-vectus .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-vectus .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass. Classes used only by the Accure page (this file is also copied into other views). */
#view-vectus .au-figure.acx-wide{max-width:none}
#view-vectus .acx-about-explain{align-items:center}
#view-vectus .acx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-vectus .acx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-vectus .acx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-vectus .acx-sub+.au-figure{margin-top:26px}
/* Cases: one sideways row, so ten cases do not lengthen the page */
#view-vectus .acx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-vectus .acx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-vectus .acx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start}
#view-vectus .acx-case-card{scroll-snap-align:start;padding:0;background:transparent;border:0;min-width:0}
#view-vectus .acx-case-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-vectus .acx-case-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-vectus .acx-case-card .case-image{margin:0}
#view-vectus .acx-case-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-vectus .acx-case-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-vectus .acx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-vectus .acx-case-details summary:hover{color:var(--gold-ink)}
#view-vectus .acx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-vectus .acx-case-details dt{padding-top:13px}
#view-vectus .acx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
#view-vectus .acx-case-hint{margin-top:6px}
#view-vectus #au-cases .sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-vectus .acx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-vectus .acx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-vectus .acx-cases .acx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-vectus .acx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-vectus .acx-case-row .acx-case-card h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-vectus .acx-case-row .acx-case-details summary{font-size:11px;letter-spacing:.06em}
  #view-vectus .acx-case-hint{display:none}
}
/* Fees: a single card spans the row, with the amount on the right */
#view-vectus .acx-prices-one{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  #view-vectus .acx-prices-one .sp-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);column-gap:56px;align-items:center}
  #view-vectus .acx-prices-one .sp-price>*{grid-column:1}
  #view-vectus .acx-prices-one .sp-price-amount{grid-column:2;grid-row:1/4;border-top:0;padding-top:0;border-left:1px solid var(--sp-border);padding-left:40px;align-self:stretch;align-content:center}
  /* Flow: steps 04 and 05 as a pair, not a row of three with a gap */
  #view-vectus .acx-flow-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Sources under the disclosure table: separate, wrapping links */
#view-vectus .acx-source-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px}
#view-vectus .acx-source-links .sp-source{margin:0}
/* Phones: pictures that repeat what the text says, and the timeline strip that repeats the three cards, are left out (Accure sections only). */
@media(max-width:640px){
  #au-about .au-device-photo,#au-role .acx-role-art,#au-doctor .sp-expertise-grid>figure,#au-price .acx-price-photo,#au-risk .acx-timeline,.acx-cool,.acx-hero .sp-hero-trust{display:none}
  #au-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #au-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-vectus .acx-hero-points{margin-top:22px}
#view-vectus .acx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-vectus .acx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-vectus .acx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-vectus .acx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-vectus .acx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-vectus .acx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-vectus .acx-hero-points .acx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .acx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-vectus .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-vectus .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 Apple-style labels: labels on the artwork get the soft white chip (svg_chip.py); figure titles in sans-serif */
#view-vectus .svg-chip-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-vectus .acx-illust .acx3-call,#view-vectus .acx-illust .acx3-call2,#view-vectus .acx-illust .acx3-screen{filter:url(#acx-chip)}
#view-vectus .acx-illust .acx3-title{font-family:var(--sans);font-size:44px;font-weight:500}

/* Vectus medical hair removal page: additions on top of the spots, PicoSure Pro and Accure components scoped to #view-vectus. */
#view-vectus .vc-hero-photo{margin:0}
#view-vectus .vc-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:50% 40%;background:#f4f4f4}
#view-vectus .vc-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-vectus .vc-device-photo img{object-fit:contain;object-position:50% 50%;background:#ececec}
#view-vectus .vc-for{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-vectus .vc-for-card{border-top:2px solid var(--gold)}
#view-vectus .vc-for-fee{font-family:var(--fig);font-size:15px;line-height:1.7;color:var(--gold-ink);margin:8px 0 4px;font-variant-numeric:tabular-nums}
#view-vectus .vc-for-card .au-list{flex:1}
#view-vectus .vc-for-link{display:inline-block;margin-top:14px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .vc-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-vectus .vc-quick-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 22px 20px;min-width:0;display:flex;flex-direction:column}
#view-vectus .vc-quick-card h3{font-size:18px;line-height:1.6;margin:0 0 8px}
#view-vectus .vc-quick-card p{font-size:14px;line-height:1.85;color:var(--ink-2);flex:1;margin:0 0 12px}
#view-vectus .vc-quick-card a{font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .pc-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-vectus .vc-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-vectus .vc-doctor-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-vectus .vc-doctor-card figure{margin:0}
#view-vectus .vc-doctor-card figure img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:50% 0;background:#e9e9ea}
#view-vectus .vc-doctor-card h3{font-size:19px;line-height:1.6;margin:6px 0 10px}
#view-vectus .vc-doctor-card p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-vectus .vc-doctor-quote{grid-column:1/-1;margin:4px 0 0;padding:16px 18px}
#view-vectus .vc-doctor-quote p{font-size:14px}

#view-vectus .vc-areas{grid-template-columns:repeat(4,minmax(0,1fr))}
#view-vectus .pc-explain{margin-top:30px}
#view-vectus .vc-care-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-vectus .vc-care-photo{margin:-20px -20px 16px}
#view-vectus .vc-care-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-vectus .vc-optics{margin-top:24px}
#view-vectus .vc-optics-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 16px 0;text-align:center}
#view-vectus .vc-optics-labels p{margin:0;font-size:14px;line-height:1.7;color:var(--ink)}
#view-vectus .vc-optics-labels b{display:block;font-weight:500}
#view-vectus .vc-optics-labels span{font-family:var(--fig);color:var(--ink-2);font-variant-numeric:tabular-nums}
#view-vectus .vc-optics-note{font-size:14px;line-height:1.85;color:var(--ink-2);padding:12px 16px 4px;margin:0}
#view-vectus .vc-optics img{background:#fff}
#view-vectus .vc-point .pc-point-face img{object-position:50% 30%}
#view-vectus #vc-approval .sp-source{display:inline-block;margin:0 22px 8px 0}
#view-vectus .vc-info{margin-top:30px;max-width:960px}
#view-vectus .vc-info img{display:block;width:100%;height:auto;background:#fcfaf5}
#view-vectus .vc-info-rule{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px 4px;font-size:14px;line-height:1.6}
#view-vectus .vc-info-rule span{display:inline-block;padding:6px 12px;border:1px solid var(--sp-border);background:#fff;color:var(--ink)}
#view-vectus .vc-info-rule .vc-info-arrow{border:0;padding:0 4px;color:var(--gold-ink);background:transparent}
#view-vectus .vc-info-rule b{display:inline-block;padding:6px 14px;border:1px solid var(--gold);background:var(--sp-soft);color:var(--gold-ink);font-weight:500}
#view-vectus .vc-fee-block{margin-top:30px}
#view-vectus .vc-fee-block h3{font-size:20px;line-height:1.6;margin:0 0 14px}
#view-vectus .vc-fee-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px}
#view-vectus .vc-fee-group h4{font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--gold-ink);margin:0 0 4px;padding-bottom:6px;border-bottom:2px solid var(--gold)}
#view-vectus .vc-fee-list{margin:0}
#view-vectus .vc-fee-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--sp-border);padding:11px 0;font-size:14px;line-height:1.8}
#view-vectus .vc-fee-list dt{min-width:0;color:var(--ink)}
#view-vectus .vc-fee-list dd{margin:0;white-space:nowrap;font-family:var(--fig);font-size:18px;line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums}
#view-vectus .vc-fee-list dd small{font-family:var(--sans);font-size:12px;margin-left:5px;color:var(--ink-2)}
#view-vectus .vc-fee-sets{border-top:2px solid var(--gold)}
#view-vectus .vc-fee-sets>div{padding:14px 0}
#view-vectus .vc-fee-sets dd{font-size:22px}
#view-vectus .vc-fee-name{display:block;font-size:16px;font-weight:500;line-height:1.6}
#view-vectus .vc-fee-desc{display:block;font-size:13px;line-height:1.7;color:var(--ink-3);margin-top:2px}
#view-vectus .vc-fee-men{border-top:2px solid var(--gold)}
#view-vectus .vc-fee-list.vc-fee-pay dd{white-space:normal;font-family:var(--sans);font-size:12px;line-height:1.7;color:var(--ink-2);text-align:right;max-width:62%}
#view-vectus .vc-fee-pay{border-top:2px solid var(--gold)}
#view-vectus .vc-fee-block .sp-note{margin-top:10px}
#view-vectus .sp-price-action{margin-top:30px}
@media(max-width:1100px){#view-vectus .vc-areas,#view-vectus .vc-for,#view-vectus .vc-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-vectus .vc-doctors{grid-template-columns:1fr}}
@media(max-width:900px){#view-vectus .vc-quick,#view-vectus .vc-for,#view-vectus .pc-modes,#view-vectus .vc-care-steps{grid-template-columns:1fr}#view-vectus .vc-doctor-card{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px}#view-vectus .vc-fee-pay>div{flex-direction:column;align-items:flex-start;gap:4px}#view-vectus .vc-fee-list.vc-fee-pay dd{text-align:left;max-width:none}#view-vectus .vc-fee-groups{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){#view-vectus .vc-hero-photo img{aspect-ratio:16/9}#view-vectus .vc-device-photo img{object-fit:contain;background:#ececec}#view-vectus .vc-info-rule{font-size:13px;padding:12px 12px 2px}#view-vectus .vc-quick-card{padding:18px}}

/* 2026-09-26 magazine-style pass: pictures in text-only stretches, long tables/lists in disclosures (VECTUS_HANDOFF.md). */
#view-vectus .vc-info-lead{margin-top:4px}
#view-vectus .vc-info-lead+.pc-explain{margin-top:30px}
#view-vectus .vc-why-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;margin-top:6px}
#view-vectus .vc-why-photo{margin:0}
#view-vectus .vc-why-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 40%;border:1px solid var(--sp-border);background:#e9e9ea}
#view-vectus .vc-why-text{min-width:0}
#view-vectus .vc-why-text h3{font-size:22px;line-height:1.6;font-weight:500;margin:0 0 12px}
#view-vectus .vc-why-text p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-vectus .vc-why-points{margin-top:14px}
#view-vectus .vc-table-details,#view-vectus .vc-fee-details{margin-top:26px}
#view-vectus .vc-table-details .sp-disclosure-content,#view-vectus .vc-fee-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-vectus .vc-table-details .sp-disclosure-content{overflow-x:auto}
#view-vectus .vc-fee-details .vc-fee-block{margin-top:10px}
#view-vectus .vc-fee-details+.vc-fee-details{margin-top:0}
#view-vectus .vc-area-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-vectus .vc-area-note{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-vectus .vc-area-note figure{margin:0}
#view-vectus .vc-area-note img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-vectus .vc-area-note h3{font-size:18px;line-height:1.6;font-weight:500;margin:2px 0 10px}
#view-vectus .vc-area-note p{font-size:14px;line-height:1.9;color:var(--ink-2);margin:0}
#view-vectus .vc-risk-intro{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center;margin:-4px 0 30px;max-width:960px}
#view-vectus .vc-risk-art{margin:0}
#view-vectus .vc-risk-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-vectus .vc-risk-intro p{font-size:16px;line-height:1.9;color:var(--ink-2);margin:0}
@media(max-width:900px){#view-vectus .vc-why-visual{grid-template-columns:1fr;gap:20px}#view-vectus .vc-area-notes{grid-template-columns:1fr}}
@media(max-width:560px){#view-vectus .vc-area-note{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:18px}#view-vectus .vc-area-note h3{font-size:17px}#view-vectus .vc-risk-intro{grid-template-columns:1fr;gap:16px}#view-vectus .vc-risk-art img{aspect-ratio:16/9;object-position:50% 22%}}

/* 2026-09-28: 3D illustrations with SVG wording on top */
#view-vectus .x3d-illust{margin-top:30px;max-width:960px;background:#fff}
#view-vectus .x3d-scroll{overflow-x:auto}
#view-vectus .x3d-stage{position:relative}
#view-vectus .x3d-stage img{display:block;width:100%;height:auto;aspect-ratio:auto;background:#fff}
#view-vectus .x3d-stage svg{position:absolute;inset:0;width:100%;height:100%;background:transparent}
#view-vectus .x3d-illust text{font-family:var(--sans);fill:var(--ink);font-size:26px}
#view-vectus .x3d-illust .x3-num{font-family:var(--fig);font-size:42px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-vectus .x3d-illust .x3-head{font-size:36px;font-weight:500}
#view-vectus .x3d-illust .x3-desc{font-size:26px;fill:var(--ink-2)}
#view-vectus .x3d-illust .x3-call{font-size:26px}
#view-vectus .x3d-illust .x3-halo{font-size:27px;font-weight:400}
#view-vectus .x3d-illust .x3-note{font-size:30px}
html[lang^="en"] #view-vectus .x3d-illust .x3-head{font-size:30px}
html[lang^="en"] #view-vectus .x3d-illust .x3-desc{font-size:23px}
html[lang^="en"] #view-vectus .x3d-illust .x3-note{font-size:25px}
html[lang^="en"] #view-vectus .x3d-illust .x3-halo{font-size:23px}
@media(max-width:640px){#view-vectus .x3d-stage{min-width:600px}}
#view-vectus .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-vectus .pc-explain>:only-child{max-width:780px}
html[lang^="en"] #view-vectus .x3d-illust .x3-desc{font-size:21px}

/* 2026-09-28: pick a case, then read it through (audience chapter) */
#view-vectus .vc-pick{position:relative;margin-top:30px}
#view-vectus .vc-pick-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#view-vectus .vc-pick-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-vectus .vc-pick-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:baseline;padding:0 0 16px;background:#fff;border:1px solid var(--sp-border);border-bottom:2px solid var(--sp-border);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}
#view-vectus .vc-pick-photo{grid-column:1/-1;display:block;margin-bottom:12px;overflow:hidden;background:var(--sp-soft)}
#view-vectus .vc-pick-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
#view-vectus .vc-pick-no{padding-left:16px;font-family:var(--fig);font-size:20px;color:var(--gold-ink);letter-spacing:.04em}
#view-vectus .vc-pick-card strong{padding-right:16px;font-family:var(--mincho);font-size:17px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-vectus .vc-pick-cue{grid-column:1/-1;padding:0 16px;font-size:12px;color:var(--ink-3);letter-spacing:.04em}
#view-vectus .vc-pick-cue::after{content:" ↓"}
#view-vectus .vc-pick-card:hover{border-color:var(--gold)}
#view-vectus .vc-pick-card:hover img{transform:scale(1.03)}
#view-vectus .vc-pick-panel{display:none;margin-top:22px;padding:34px 38px 30px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectus .vc-pick-kicker{display:flex;align-items:baseline;gap:12px;font-size:13px;color:var(--gold-ink);letter-spacing:.06em}
#view-vectus .vc-pick-kicker span{font-family:var(--fig);font-size:26px}
#view-vectus .vc-pick-kicker b{font-weight:500}
#view-vectus .vc-pick-head h3{margin-top:6px;font-family:var(--mincho);font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.7;color:var(--ink)}
#view-vectus .vc-pick-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:22px;padding-top:22px;border-top:1px solid var(--sp-border)}
#view-vectus .vc-pick-body h4{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink);margin-bottom:10px}
#view-vectus .vc-pick-area{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:8px}
#view-vectus .vc-pick-area b{font-family:var(--mincho);font-size:17px;font-weight:500;color:var(--ink)}
#view-vectus .vc-pick-area span{font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)}
#view-vectus .vc-pick-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:24px;padding-top:18px;border-top:1px solid var(--sp-border)}
#view-vectus .vc-pick-next-label{font-size:12px;letter-spacing:.1em;color:var(--ink-3)}
#view-vectus .vc-pick-next .vc-for-link{margin-top:0}
#view-vectus .vc-pick:has(#vc-pick-sensitive:checked) .vc-pick-panel-sensitive{display:block}
#view-vectus .vc-pick:has(#vc-pick-sensitive:checked) .vc-pick-card[for="vc-pick-sensitive"]{border-color:var(--gold);border-bottom-color:var(--gold);box-shadow:0 10px 26px rgba(80,60,20,.08)}
#view-vectus .vc-pick:has(#vc-pick-sensitive:checked) .vc-pick-card[for="vc-pick-sensitive"] .vc-pick-cue{color:var(--gold-ink)}
#view-vectus .vc-pick:has(#vc-pick-sensitive:focus-visible) .vc-pick-card[for="vc-pick-sensitive"]{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-vectus .vc-pick:has(#vc-pick-vio:checked) .vc-pick-panel-vio{display:block}
#view-vectus .vc-pick:has(#vc-pick-vio:checked) .vc-pick-card[for="vc-pick-vio"]{border-color:var(--gold);border-bottom-color:var(--gold);box-shadow:0 10px 26px rgba(80,60,20,.08)}
#view-vectus .vc-pick:has(#vc-pick-vio:checked) .vc-pick-card[for="vc-pick-vio"] .vc-pick-cue{color:var(--gold-ink)}
#view-vectus .vc-pick:has(#vc-pick-vio:focus-visible) .vc-pick-card[for="vc-pick-vio"]{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-vectus .vc-pick:has(#vc-pick-teen:checked) .vc-pick-panel-teen{display:block}
#view-vectus .vc-pick:has(#vc-pick-teen:checked) .vc-pick-card[for="vc-pick-teen"]{border-color:var(--gold);border-bottom-color:var(--gold);box-shadow:0 10px 26px rgba(80,60,20,.08)}
#view-vectus .vc-pick:has(#vc-pick-teen:checked) .vc-pick-card[for="vc-pick-teen"] .vc-pick-cue{color:var(--gold-ink)}
#view-vectus .vc-pick:has(#vc-pick-teen:focus-visible) .vc-pick-card[for="vc-pick-teen"]{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-vectus .vc-pick:has(#vc-pick-beard:checked) .vc-pick-panel-beard{display:block}
#view-vectus .vc-pick:has(#vc-pick-beard:checked) .vc-pick-card[for="vc-pick-beard"]{border-color:var(--gold);border-bottom-color:var(--gold);box-shadow:0 10px 26px rgba(80,60,20,.08)}
#view-vectus .vc-pick:has(#vc-pick-beard:checked) .vc-pick-card[for="vc-pick-beard"] .vc-pick-cue{color:var(--gold-ink)}
#view-vectus .vc-pick:has(#vc-pick-beard:focus-visible) .vc-pick-card[for="vc-pick-beard"]{outline:2px solid var(--gold-ink);outline-offset:3px}
@supports not selector(:has(*)){#view-vectus .vc-pick-panel{display:block}}
@media(max-width:900px){#view-vectus .vc-pick-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#view-vectus .vc-pick-body{grid-template-columns:1fr;gap:22px}#view-vectus .vc-pick-panel{padding:24px 20px 22px}#view-vectus .vc-pick-card strong{font-size:15px}#view-vectus .vc-pick-no{padding-left:12px;font-size:17px}#view-vectus .vc-pick-cue{padding:0 12px}}

/* 2026-09-28: notes before treatment; the recovery chapter opens with text only */
#view-vectus .vc-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
#view-vectus .vc-note{background:#fff;border:1px solid var(--sp-border);padding:0 0 24px;min-width:0}
#view-vectus .vc-note figure{margin:0 0 18px;background:var(--sp-soft)}
#view-vectus .vc-note img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-vectus .vc-note-no{padding:0 24px;font-family:var(--fig);font-size:22px;color:var(--gold-ink);letter-spacing:.04em}
#view-vectus .vc-note h3{padding:0 24px;margin:2px 0 10px;font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.7;color:var(--ink)}
#view-vectus .vc-note p:not(.vc-note-no){padding:0 24px;font-size:14px;line-height:1.95;color:var(--ink-2)}
#view-vectus .vc-risk-intro.vc-risk-intro-text{display:block;max-width:780px}
@media(max-width:900px){#view-vectus .vc-notes{grid-template-columns:1fr;gap:16px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern) */
#view-vectus .vc-hero-points{margin-top:22px}
#view-vectus .vc-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-vectus .vc-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-vectus .vc-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-vectus .vc-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-vectus .vc-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-vectus .vc-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-vectus .vc-hero-points .vc-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectus .vc-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-vectus .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-vectus .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 labels that sit on the artwork (hair bulb, papilla) get a soft white chip; labels in the white margins stay plain */
#view-vectus .vc-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-vectus .x3d-illust .x3-halo{filter:url(#vc-chip);fill:var(--ink)}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-sofwave{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-sofwave .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-sofwave .sp-soft{background:var(--sp-soft)}
#view-sofwave .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-sofwave .sp-heading{margin-bottom:26px;max-width:46em}
#view-sofwave .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-sofwave .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-sofwave .sp-heading .sp-kicker{margin-top:0}
#view-sofwave .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-sofwave .sp-note a,#view-sofwave .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sofwave .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-sofwave .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-sofwave .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-sofwave .crumbs span::before{content:none}
#view-sofwave .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-sofwave .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-sofwave .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-sofwave .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-sofwave .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-sofwave .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-sofwave .sp-hero-trust a{margin-top:7px}
#view-sofwave .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-sofwave .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-sofwave .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-sofwave .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-sofwave .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-sofwave .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-sofwave .sp-nav a{flex-shrink:0}
#view-sofwave .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-sofwave .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-sofwave .sp-nav a:hover{color:var(--gold-ink)}
#view-sofwave .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sofwave .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-sofwave .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-sofwave .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-sofwave .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-sofwave .sp-type-body{padding:21px 22px 22px}
#view-sofwave .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-sofwave .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-sofwave .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-sofwave .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-sofwave .sp-type .sp-source{margin-top:12px}
#view-sofwave .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-sofwave .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-sofwave .sp-case-head{padding:20px 22px 16px}
#view-sofwave .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-sofwave .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-sofwave .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-sofwave .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-sofwave .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-sofwave .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-sofwave .sp-case-body{padding:18px 22px 22px}
#view-sofwave .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-sofwave .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-sofwave .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-sofwave .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-sofwave .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-sofwave .sp-case-body .sp-source{margin-top:14px}
#view-sofwave .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-sofwave .sp-case-details>summary{min-height:48px}
#view-sofwave .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-sofwave .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-sofwave .sp-approach-list{display:grid;gap:0}
#view-sofwave .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-sofwave .sp-approach-item:first-child{padding-top:0}
#view-sofwave .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-sofwave .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-sofwave .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-sofwave .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-sofwave .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-sofwave .sp-doctor h3{font-size:21px;line-height:1.5}
#view-sofwave .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-sofwave .sp-doctor .sp-source{white-space:nowrap}
#view-sofwave .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-sofwave .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-sofwave .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-sofwave .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-sofwave .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-sofwave .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-sofwave .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-sofwave .sp-expertise-facts>div:first-child{padding-top:0}
#view-sofwave .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-sofwave .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-sofwave .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-sofwave .sp-expertise-grid figure{max-width:480px}
 #view-sofwave .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-sofwave .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-sofwave .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-sofwave .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-sofwave .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-sofwave .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-sofwave .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-sofwave .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-sofwave .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-sofwave .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-sofwave .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-sofwave .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-sofwave .sp-disclosure>summary::after{content:'＋';flex:none}
#view-sofwave .sp-disclosure[open]>summary::after{content:'−'}
#view-sofwave .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-sofwave .sp-disclosure-content p+p{margin-top:12px}
#view-sofwave .sp-approval-list{display:grid;gap:10px}
#view-sofwave .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-sofwave .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-sofwave .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-sofwave .sp-price-intro>div{flex:1 1 320px}
#view-sofwave .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-sofwave .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-sofwave .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-sofwave .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-sofwave .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-sofwave .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-sofwave .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-sofwave .sp-price-heading{margin-bottom:16px}
#view-sofwave .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-sofwave .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-sofwave .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-sofwave .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-sofwave .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-sofwave .sp-price .sp-yen{display:block;margin:0}
#view-sofwave .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-sofwave .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-sofwave .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-sofwave .sp-price-list{margin-top:8px}
#view-sofwave .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-sofwave .sp-price-list dt{min-width:0}
#view-sofwave .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-sofwave .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sofwave .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-sofwave .sp-flow-head{display:block;margin-bottom:14px}
#view-sofwave .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-sofwave .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-sofwave .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-sofwave .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-sofwave .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-sofwave .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-sofwave .sp-recovery>div:last-child{border-right:0}
#view-sofwave .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-sofwave .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-sofwave .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-sofwave .sp-risk-details{margin-top:22px}
#view-sofwave .sp-faq{margin-inline:0}
#view-sofwave .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-sofwave .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-sofwave .sp-tech h3{font-size:22px;line-height:1.6}
#view-sofwave .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-sofwave .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-sofwave .sp-tech h3+p{margin-top:10px}
#view-sofwave .sp-video>summary{cursor:pointer;list-style:none}
#view-sofwave .sp-video>summary::-webkit-details-marker{display:none}
#view-sofwave .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sofwave .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-sofwave .sp-flow-text{display:block;margin-top:12px}
#view-sofwave .sp-video-body{padding-bottom:16px}
#view-sofwave .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-sofwave .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-sofwave .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-sofwave .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-sofwave .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-sofwave .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-sofwave .sp-tech>img{width:76px;height:99px}
 #view-sofwave .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-sofwave .sp-homecare>img{max-height:220px}
}
#view-sofwave .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-sofwave .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-sofwave .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-sofwave .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-sofwave .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-sofwave .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-sofwave .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-sofwave .sp-final .btn{font-size:14px}
#view-sofwave .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-sofwave :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-sofwave .sp-devices{grid-template-columns:1fr}
  #view-sofwave .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-sofwave .sp-device-head{margin-bottom:0}
  #view-sofwave .sp-device .sp-disclosure{grid-column:1/-1}
  #view-sofwave .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-sofwave .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-sofwave .sp-doctor>img{width:90px;height:100px}
  #view-sofwave .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-sofwave .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-sofwave .sp-hero h1{font-size:32px}
  #view-sofwave .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-sofwave .sp-hero-lead{margin-top:17px}
  #view-sofwave .sp-hero-photo img{aspect-ratio:16/9}
  #view-sofwave .sp-hero-photo figcaption{font-size:12px}
  #view-sofwave .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-sofwave .sp-types,#view-sofwave .sp-cases,#view-sofwave .sp-approach,#view-sofwave .sp-prices{grid-template-columns:1fr}
  #view-sofwave .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-sofwave .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-sofwave .sp-type-body{padding:19px 20px}
  #view-sofwave .sp-type h3{font-size:20px}
  #view-sofwave .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-sofwave .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-sofwave .sp-approach{gap:24px}
  #view-sofwave .sp-approach-image img{max-height:260px}
  #view-sofwave .sp-recovery{grid-template-columns:1fr}
  #view-sofwave .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-sofwave .sp-recovery>div:last-child{border-bottom:0}
  #view-sofwave .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-sofwave .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-sofwave .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-sofwave .sp-hero h1{font-size:29px}
  #view-sofwave .sp-actions{align-items:stretch}
  #view-sofwave .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-sofwave .sp-type{grid-template-columns:1fr}
  #view-sofwave .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-sofwave .sp-type-art img{max-height:130px}
  #view-sofwave .sp-layer-labels{justify-content:center;gap:26px}
  #view-sofwave .sp-type-body{padding:19px 20px}
  #view-sofwave .sp-case-head,#view-sofwave .sp-case-body{padding-inline:18px}
  #view-sofwave .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-sofwave .sp-case-photos{padding-inline:10px;gap:4px}
  #view-sofwave .sp-device{display:block;padding:20px}
  #view-sofwave .sp-device-head{margin-bottom:14px}
  #view-sofwave .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-sofwave .sp-flow>li{padding:18px 20px}
  #view-sofwave .sp-flow-head{margin-bottom:10px}
  #view-sofwave .sp-price{padding:22px}
  #view-sofwave .sp-price-intro{padding:20px}
  #view-sofwave .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-sofwave .sp-price-list dd{flex-basis:100%}
  #view-sofwave .sp-doctor{gap:14px}
  #view-sofwave .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-sofwave :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-sofwave .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-sofwave .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-sofwave .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-sofwave .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-sofwave .sp-entry-link:first-child{padding-left:0}
#view-sofwave .sp-entry-link:last-child{border-right:0}
#view-sofwave .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-sofwave .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-sofwave .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-sofwave .sp-entry-link:hover{background:var(--sp-soft)}
#view-sofwave .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-sofwave .sp-consult h3{font-size:24px;line-height:1.65}
#view-sofwave .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-sofwave .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-sofwave .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-sofwave .sp-consult .sp-note{margin-top:7px}
#view-sofwave #s-doctor-section{padding-top:58px}
#view-sofwave #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-sofwave .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-sofwave .sp-expertise-grid figure{align-self:center}
#view-sofwave .sp-expertise-facts dt{font-size:16px}
#view-sofwave .sp-expertise-facts dd{font-size:14px}
#view-sofwave .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-sofwave .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-sofwave .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-sofwave .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .sp-flow{list-style:none;padding:0}
#view-sofwave .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-sofwave .sp-flow-head img,#view-sofwave .sp-video video{border:1px solid var(--sp-border)}
#view-sofwave .sp-recovery{border:0}
#view-sofwave .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-sofwave .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-sofwave .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-sofwave .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-sofwave .sp-visit-info a{color:var(--on-night)}
#view-sofwave a:focus-visible,#view-sofwave summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-sofwave .sp-entry-links{grid-template-columns:1fr}
 #view-sofwave .sp-entry-link,#view-sofwave .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-sofwave .sp-entry-link:last-child{border-bottom:0}
 #view-sofwave .sp-entry-link strong{font-size:18px}
 #view-sofwave .sp-entry-link span span{margin-top:3px}
 #view-sofwave .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-sofwave .sp-consult h3{font-size:22px}
 #view-sofwave .sp-consult ul{display:block}
 #view-sofwave .sp-consult li{margin-top:6px}
 #view-sofwave .sp-consult .btn{width:100%}
 #view-sofwave .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-sofwave .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-sofwave .sp-recovery>div::before{top:4px;left:-5px}
 #view-sofwave .sp-recovery>div:last-child{padding-bottom:0}
 #view-sofwave .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-sofwave *{scroll-behavior:auto;transition:none}}

#view-sofwave .sp-type-art img{max-height:145px}
#view-sofwave .sp-type-body{padding:20px}
#view-sofwave .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-sofwave .sp-price>p.sp-price-unit,#view-sofwave .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-sofwave .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-sofwave .sp-price{padding:26px 0}
 #view-sofwave .sp-price-description{margin-bottom:20px}
 #view-sofwave .sp-price>.sp-note{min-height:0}
 #view-sofwave .sp-price h3{font-size:23px}
 #view-sofwave .sp-price .sp-yen{font-size:20px}
 #view-sofwave .sp-price-intro{padding:22px;gap:16px}
 #view-sofwave .sp-price-intro>div{flex-basis:100%}
}

#view-sofwave .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-sofwave .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-sofwave .sp-consult-fees>div:last-child{border-bottom:0}
#view-sofwave .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-sofwave .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-sofwave .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-sofwave .sp-consult-fees{flex-basis:100%}#view-sofwave .sp-consult-fees dd{font-size:21px}#view-sofwave .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-sofwave .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-sofwave .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-sofwave .sp-price-intro{padding:20px 18px;gap:18px}
 #view-sofwave .sp-consult-fees{flex-basis:100%;width:100%}
 #view-sofwave .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-sofwave .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-sofwave .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-sofwave .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-sofwave .sp-fee-period::before{content:none}
 html[lang="en"] #view-sofwave .sp-fee-period{white-space:normal;font-size:14px}
 #view-sofwave .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-sofwave .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-sofwave .sp-prices{gap:16px;border:0}
 #view-sofwave .sp-price,#view-sofwave .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-sofwave .sp-price-heading{order:0;margin-bottom:14px}
 #view-sofwave .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-sofwave .sp-price h3{font-size:22px;letter-spacing:0}
 #view-sofwave .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-sofwave .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-sofwave .sp-price .sp-price-unit{font-size:12px}
 #view-sofwave .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-sofwave .sp-price>.sp-note{order:3;margin-top:10px}
 #view-sofwave .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-sofwave .sp-price,#view-sofwave .sp-price+.sp-price{padding:20px 16px}
 #view-sofwave .sp-price h3{font-size:20px}
 #view-sofwave .sp-price .sp-yen{font-size:20px}
 #view-sofwave .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-sofwave .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-sofwave .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-sofwave .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-sofwave .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-sofwave .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-sofwave .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-sofwave .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-sofwave .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-sofwave .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-sofwave .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-sofwave .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-sofwave .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-sofwave .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-sofwave .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-sofwave .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-sofwave .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-sofwave .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-sofwave .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-sofwave .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-sofwave .sp-entry-hint{margin:8px 0 22px}
#view-sofwave .sp-entry-links{gap:14px;border:0}
#view-sofwave .sp-entry-link,#view-sofwave .sp-entry-link:first-child,#view-sofwave .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-sofwave .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-sofwave .sp-entry-link:hover,#view-sofwave .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-sofwave .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-sofwave .sp-entry-copy{min-width:0}
#view-sofwave .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-sofwave .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-sofwave .sp-entry-question{font-size:22px}
 #view-sofwave .sp-entry-link,#view-sofwave .sp-entry-link:first-child,#view-sofwave .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-sofwave .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-sofwave .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-sofwave .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .sp-anes{margin-top:10px}
#view-sofwave .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-sofwave .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-sofwave .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-sofwave .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-sofwave .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-sofwave .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-sofwave .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-sofwave .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-sofwave .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-sofwave .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-sofwave .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-sofwave .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-sofwave .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-sofwave .hg-head>div{min-width:0}
#view-sofwave .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-sofwave .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-sofwave .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-sofwave .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-sofwave .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-sofwave .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-sofwave .hg-menu-photo{margin:0}
#view-sofwave .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-sofwave .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-sofwave .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-sofwave .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-sofwave .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-sofwave .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-sofwave .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-sofwave .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-sofwave .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-sofwave .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-sofwave .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-sofwave .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-sofwave .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-sofwave .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-sofwave .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-sofwave .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-sofwave .hg-menu-note{margin:14px 0 0}
#view-sofwave .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-sofwave .hg-menu-links-label{margin-right:4px}
#view-sofwave .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-sofwave .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-sofwave .hg-menu-fees{gap:8px}#view-sofwave .hg-fee{padding:14px 14px 12px}#view-sofwave .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-sofwave .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-sofwave .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-sofwave .hg-menu-range{margin:14px 0 0}
#view-sofwave .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-sofwave .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-sofwave .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-sofwave .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-sofwave .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-sofwave .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-sofwave .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-sofwave .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-sofwave .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-sofwave .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-sofwave .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-sofwave .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-sofwave .cg-card{padding:0;background:transparent;border:0}
#view-sofwave .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-sofwave .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-sofwave .cg-card .case-image{margin:0}
#view-sofwave .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-sofwave .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-sofwave .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-sofwave .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-sofwave .cg-details summary:hover{color:var(--gold-ink)}
#view-sofwave .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-sofwave .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-sofwave .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-sofwave .cg-details dt{padding-top:13px}
#view-sofwave .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-sofwave .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-sofwave .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-sofwave .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-sofwave .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-sofwave .sp-section .dn-gallery,#view-sofwave .sp-section .sw-gallery,#view-sofwave .sp-section .pc-lecture-figs,#view-sofwave .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-sofwave .sp-section .sw-interview,#view-sofwave .sp-section .ul-doctor-grid,#view-sofwave .sp-section .sv-doctor-hero,#view-sofwave .sp-section .wrx-evidence,#view-sofwave .sp-section .uex-evidence,#view-sofwave .sp-section .ml-doctor-grid,#view-sofwave .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-sofwave .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-sofwave .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-sofwave .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-sofwave .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-sofwave .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-sofwave .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-sofwave .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-sofwave .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-sofwave .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-sofwave .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-sofwave .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-sofwave .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-sofwave .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .hgd-svg{display:block;width:100%;height:auto}
#view-sofwave .hgd-sp{display:none}
#view-sofwave .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-sofwave .hgd-layer{font-size:30px}
#view-sofwave .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-sofwave .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-sofwave .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-sofwave .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-sofwave .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-sofwave .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-sofwave .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-sofwave .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-sofwave .hgd-art{opacity:.92}
#view-sofwave .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-sofwave .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-sofwave .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-sofwave .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-sofwave .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-sofwave .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-sofwave .hgd-layer{font-size:25px}
html[lang^="en"] #view-sofwave .hgd-sub{font-size:19px}
html[lang^="en"] #view-sofwave .hgd-br{font-size:27px}
#view-sofwave .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-sofwave .hgd-pc .hgd-layer{font-size:38px}
 #view-sofwave .hgd-pc .hgd-sub{font-size:30px}
 #view-sofwave .hgd-pc .hgd-name{font-size:42px}
 #view-sofwave .hgd-pc .hgd-kind{font-size:31px}
 #view-sofwave .hgd-pc .hgd-br{font-size:36px}
 #view-sofwave .hgd-pc .hgd-mm{font-size:40px}
 #view-sofwave .hgd-pc .hgd-note{font-size:26px}
 #view-sofwave .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-sofwave .hg-lineup img{width:72px;height:72px}
 #view-sofwave .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-sofwave .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-sofwave .hg-lineup,#view-sofwave .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-sofwave .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-sofwave .hg-lineup img{width:56px;height:56px}
 #view-sofwave .hg-lineup figcaption{padding:7px 8px}
 #view-sofwave .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-sofwave .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-sofwave .hg-lineup figcaption small{font-size:10.5px}
 #view-sofwave .hgd-pc{display:none}
 #view-sofwave .hgd-sp{display:block}
 #view-sofwave .hgd-layer,#view-sofwave .hgd-name,#view-sofwave .hgd-br,#view-sofwave .hgd-mm{font-size:34px}
 #view-sofwave .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-sofwave .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-sofwave .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-sofwave .hgd-layer{font-size:30px}
 #view-sofwave .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-sofwave .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-sofwave .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-sofwave. */
#view-sofwave .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sofwave .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-sofwave .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-sofwave .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-sofwave .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-sofwave .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-sofwave .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-sofwave .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-sofwave .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-sofwave .pc-table th,#view-sofwave .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-sofwave .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-sofwave .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-sofwave .pc-table tbody tr:last-child th,#view-sofwave .pc-table tbody tr:last-child td{border-bottom:0}
#view-sofwave .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-sofwave .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-sofwave .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-sofwave .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-sofwave .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-sofwave .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-sofwave .pc-point-face{width:92px;height:92px}}
#view-sofwave .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-sofwave .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-sofwave .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-sofwave .pc-explain p+p{margin-top:12px}
#view-sofwave .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-sofwave .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-sofwave .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-sofwave .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-sofwave .pc-books h3{font-size:18px;margin-bottom:12px}
#view-sofwave .pc-books ul{list-style:none;padding:0;margin:0}
#view-sofwave .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-sofwave .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-sofwave .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sofwave .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-sofwave .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-sofwave .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-sofwave .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-sofwave .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-sofwave .pc-tag{margin:0}
#view-sofwave .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-sofwave .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-sofwave .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-sofwave .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-sofwave .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-sofwave .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-sofwave .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-sofwave .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-sofwave .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-sofwave .pc-approval>div:last-child{border-bottom:0}
#view-sofwave .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-sofwave .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-sofwave .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-sofwave .pc-glance,#view-sofwave .pc-modes{grid-template-columns:1fr}#view-sofwave .pc-explain{grid-template-columns:1fr}#view-sofwave .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-sofwave .pc-concern-links{grid-template-columns:1fr}#view-sofwave .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-sofwave .pc-books,#view-sofwave .pc-quote,#view-sofwave .pc-point{padding:20px}#view-sofwave .pc-glance-num span{font-size:32px}#view-sofwave .pc-table{font-size:13px}#view-sofwave .pc-table th,#view-sofwave .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-sofwave .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-sofwave .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-sofwave .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-sofwave .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-sofwave .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-sofwave .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-sofwave .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-sofwave .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-sofwave .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-sofwave .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-sofwave .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-sofwave .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-sofwave .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-sofwave .pc-video{margin:0 0 28px;max-width:820px}
#view-sofwave .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-sofwave .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-sofwave .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-sofwave .pc-lasers-media .pc-video,#view-sofwave .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-sofwave .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-sofwave .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-sofwave .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-sofwave .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-sofwave .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-sofwave .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-sofwave .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-sofwave .pc-hero-video .sp-video{margin:0}
#view-sofwave .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-sofwave .pc-cell-label{display:none}
@media(max-width:760px){
#view-sofwave .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-sofwave .pc-table{min-width:0;display:block;font-size:14px}
#view-sofwave .pc-table caption{display:block;padding:0 0 10px}
#view-sofwave .pc-table thead{display:none}
#view-sofwave .pc-table tbody{display:block}
#view-sofwave .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-sofwave .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-sofwave .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-sofwave .pc-table tr td:last-child{border-bottom:0}
#view-sofwave .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-sofwave .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-sofwave .pc-cell-value{display:block;line-height:1.75}
}
#view-sofwave .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-sofwave .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-sofwave .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-sofwave .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-sofwave .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-sofwave .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-sofwave .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-sofwave .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-sofwave .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-sofwave .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-sofwave .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-sofwave .pcx-video{margin:0 0 26px;max-width:780px}
#view-sofwave .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-sofwave .pcx-table-details{margin-top:18px}
#view-sofwave .pcx-table-details .pc-table-wrap{margin-top:0}
#view-sofwave .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-sofwave .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-sofwave .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-sofwave #pc-lasers .pc-point{margin-top:40px}
#view-sofwave .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-sofwave .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-sofwave .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-sofwave .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-sofwave .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-sofwave .pcx-case-hint{margin-top:6px}
#view-sofwave #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-sofwave .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-sofwave .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-sofwave .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-sofwave .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-sofwave .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-sofwave .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-sofwave .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-sofwave .pcx-hero-points{margin-top:22px}
#view-sofwave .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-sofwave .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-sofwave .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-sofwave .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-sofwave .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-sofwave .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-sofwave .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sofwave .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-sofwave .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-sofwave .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-sofwave .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-sofwave .pcx-mode-art img{display:block;width:100%;height:auto}
#view-sofwave .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-sofwave .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-sofwave .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-sofwave .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-sofwave .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-sofwave .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-sofwave .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-sofwave .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-sofwave .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-sofwave .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-sofwave .pcx-case-sep{display:none}
  #view-sofwave .pcx-case-name{display:block}
  #view-sofwave .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-sofwave .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-sofwave .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-sofwave .pcx-diff-changed{border-top-color:var(--gold)}
#view-sofwave .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-sofwave .pcx-diff-card dl{margin:0}
#view-sofwave .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-sofwave .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-sofwave .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-sofwave .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-sofwave .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-sofwave .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-sofwave .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-sofwave .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-sofwave .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-sofwave .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-sofwave .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-sofwave .pcx-history>li:last-child{padding-bottom:0}
#view-sofwave .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-sofwave .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-sofwave .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-sofwave .pcx-h-tag{margin:0 0 4px}
#view-sofwave .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-sofwave .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-sofwave .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-sofwave .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-sofwave .pcx-history-wrap>.sp-note{margin-top:20px}
#view-sofwave #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-sofwave .pcx-diff{grid-template-columns:1fr}
 #view-sofwave .pcx-diff-card{padding:18px 16px 14px}
 #view-sofwave .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-sofwave .pcx-depth{padding:16px}
 #view-sofwave .pcx-history::before{left:3.4em}
 #view-sofwave .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-sofwave .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-sofwave .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-sofwave .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-sofwave .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-sofwave .pcx-h-photo{margin:4px 0 0}
#view-sofwave .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-sofwave .pcx-h-device .pcx-h-photo img,#view-sofwave #pc-history .pcx-h-photo img[src*="picosure-"],#view-sofwave #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-sofwave .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-sofwave .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-sofwave .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-sofwave. */
#view-sofwave .sw-device-photo{max-width:820px}
#view-sofwave .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-sofwave .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-sofwave .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .sw-figures{max-width:none}
#view-sofwave .sw-figure img{display:block;width:100%;height:auto}
#view-sofwave .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-sofwave .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-sofwave .sw-figures .sw-figure{margin:0}
#view-sofwave .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-sofwave .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-sofwave .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-sofwave .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-sofwave .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .pc-explain h3+p+h3{margin-top:22px}
#view-sofwave .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-sofwave .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-sofwave .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-sofwave .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-sofwave .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-sofwave .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-sofwave .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-sofwave .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-sofwave .sw-history li{position:relative;padding:0 0 22px 28px}
#view-sofwave .sw-history li:last-child{padding-bottom:0}
#view-sofwave .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-sofwave .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-sofwave .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-sofwave .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sofwave .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-sofwave .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-sofwave .sw-gallery figure{margin:0}
#view-sofwave .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-sofwave .sw-gallery img.is-portrait{object-position:50% 30%}
#view-sofwave .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-sofwave .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-sofwave .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-sofwave .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-sofwave .sw-case-photo{margin:0;background:#111}
#view-sofwave .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-sofwave .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-sofwave .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-sofwave .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-sofwave .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-sofwave .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-sofwave .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-sofwave .sw-area-prices li:last-child{border-bottom:0}
#view-sofwave .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-sofwave .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-sofwave .sw-papers,#view-sofwave .sw-history-wrap,#view-sofwave .sw-cases,#view-sofwave .sw-price-list{grid-template-columns:1fr}#view-sofwave .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-sofwave .sw-steps,#view-sofwave .sw-figures,#view-sofwave .sw-gallery{grid-template-columns:1fr}#view-sofwave .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-sofwave .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-sofwave .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .sw-interview-video{margin:0;max-width:none}
#view-sofwave .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-sofwave .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-sofwave .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-sofwave .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-sofwave .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-sofwave .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-sofwave .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-sofwave .sw-ttt-design,#view-sofwave .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .sw-ttt-face,#view-sofwave .sw-heat-field{margin:0}
#view-sofwave .sw-ttt-face img,#view-sofwave .sw-heat-field img{display:block;width:100%;height:auto}
#view-sofwave .sw-heat-field img{border:1px solid var(--sp-border)}
#view-sofwave .sw-ttt-face figcaption,#view-sofwave .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-sofwave .sw-ttt-text .sp-kicker,#view-sofwave .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-sofwave .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-sofwave .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-sofwave .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-sofwave .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-sofwave .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-sofwave .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-sofwave .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-sofwave .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-sofwave .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-sofwave .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-sofwave .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-sofwave .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-sofwave .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-sofwave .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-sofwave .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-sofwave .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-sofwave .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-sofwave .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-sofwave .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-sofwave .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-sofwave .sw-ttt-design,#view-sofwave .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-sofwave .sw-ttt-face,#view-sofwave .sw-heat-field{max-width:420px}#view-sofwave .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-sofwave .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-sofwave .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-sofwave .sw-ct-cases-head{margin:44px 0 18px}
#view-sofwave .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-sofwave .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-sofwave .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-sofwave .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-sofwave .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-sofwave .sw-ct-group{margin-top:40px}
#view-sofwave .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-sofwave .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-sofwave .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-sofwave .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-sofwave .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-sofwave .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-sofwave .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-sofwave .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-sofwave .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-sofwave .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-sofwave .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-sofwave .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-sofwave .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-sofwave .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-sofwave .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-sofwave .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-sofwave .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sofwave .sw-table-details,#view-sofwave .sw-record{margin-top:26px}
#view-sofwave .sw-table-details .sp-disclosure-content,#view-sofwave .sw-record .sp-disclosure-content,#view-sofwave .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-sofwave .sw-table-details .pc-table-wrap{margin-top:0}
#view-sofwave .sw-record .sw-history-wrap{margin-top:6px}
#view-sofwave .sw-ct-more{margin-top:18px}
#view-sofwave .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-sofwave .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-sofwave .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-sofwave .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-sofwave .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-sofwave .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-sofwave .sw-3d-video{margin:0;max-width:none}
#view-sofwave .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-sofwave .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-sofwave .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-sofwave .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-sofwave .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-sofwave .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-sofwave .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-sofwave .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-sofwave .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-sofwave .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-sofwave .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-sofwave .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-sofwave .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-sofwave .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-sofwave .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-sofwave .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-sofwave .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-sofwave .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-sofwave .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-sofwave .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-sofwave .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-sofwave .swx-hero-points{margin-top:22px}
#view-sofwave .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-sofwave .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-sofwave .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-sofwave .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-sofwave .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-sofwave .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-sofwave .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sofwave .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-sofwave .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-sofwave .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-sofwave .swx-hero-video{margin:0}
#view-sofwave .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-sofwave .sp-video video:not([controls]){pointer-events:none}

#view-sofwave .sx-hero-points{margin-top:22px}
#view-sofwave .sx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-sofwave .sx-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-sofwave .sx-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-sofwave .sx-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-sofwave .sx-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-sofwave .sx-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-sofwave .sx-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-sofwave .sx-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-sofwave .sx-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}
#view-sofwave .sx-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-sofwave .sx-gallery-card{padding:0;background:transparent;border:0}
#view-sofwave .sx-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-sofwave .sx-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-sofwave .sx-gallery-card .case-image{margin:0}
#view-sofwave .sx-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-sofwave .sx-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-sofwave .sx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-sofwave .sx-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-sofwave .sx-case-details summary:hover{color:var(--gold-ink)}
#view-sofwave .sx-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-sofwave .sx-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-sofwave .sx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-sofwave .sx-case-details dt{padding-top:13px}
#view-sofwave .sx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-sofwave .sx-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-sofwave .sx-case-gallery{grid-template-columns:minmax(0,1fr)}}
/* Patient-facing pigmentation page; keep all rules within this view. */
#view-xerf{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-xerf .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-xerf .sp-soft{background:var(--sp-soft)}
#view-xerf .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-xerf .sp-heading{margin-bottom:26px;max-width:46em}
#view-xerf .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-xerf .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-xerf .sp-heading .sp-kicker{margin-top:0}
#view-xerf .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-xerf .sp-note a,#view-xerf .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-xerf .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-xerf .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-xerf .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-xerf .crumbs span::before{content:none}
#view-xerf .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-xerf .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-xerf .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-xerf .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-xerf .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-xerf .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-xerf .sp-hero-trust a{margin-top:7px}
#view-xerf .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-xerf .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-xerf .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-xerf .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-xerf .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-xerf .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-xerf .sp-nav a{flex-shrink:0}
#view-xerf .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-xerf .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-xerf .sp-nav a:hover{color:var(--gold-ink)}
#view-xerf .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-xerf .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-xerf .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-xerf .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-xerf .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-xerf .sp-type-body{padding:21px 22px 22px}
#view-xerf .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-xerf .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-xerf .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-xerf .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-xerf .sp-type .sp-source{margin-top:12px}
#view-xerf .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-xerf .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-xerf .sp-case-head{padding:20px 22px 16px}
#view-xerf .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-xerf .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-xerf .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-xerf .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-xerf .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-xerf .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-xerf .sp-case-body{padding:18px 22px 22px}
#view-xerf .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-xerf .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-xerf .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-xerf .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-xerf .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-xerf .sp-case-body .sp-source{margin-top:14px}
#view-xerf .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-xerf .sp-case-details>summary{min-height:48px}
#view-xerf .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-xerf .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-xerf .sp-approach-list{display:grid;gap:0}
#view-xerf .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-xerf .sp-approach-item:first-child{padding-top:0}
#view-xerf .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-xerf .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-xerf .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-xerf .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-xerf .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-xerf .sp-doctor h3{font-size:21px;line-height:1.5}
#view-xerf .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-xerf .sp-doctor .sp-source{white-space:nowrap}
#view-xerf .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-xerf .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-xerf .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-xerf .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-xerf .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-xerf .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-xerf .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-xerf .sp-expertise-facts>div:first-child{padding-top:0}
#view-xerf .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-xerf .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-xerf .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-xerf .sp-expertise-grid figure{max-width:480px}
 #view-xerf .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-xerf .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-xerf .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-xerf .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-xerf .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-xerf .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-xerf .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-xerf .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-xerf .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-xerf .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-xerf .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-xerf .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-xerf .sp-disclosure>summary::after{content:'＋';flex:none}
#view-xerf .sp-disclosure[open]>summary::after{content:'−'}
#view-xerf .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-xerf .sp-disclosure-content p+p{margin-top:12px}
#view-xerf .sp-approval-list{display:grid;gap:10px}
#view-xerf .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-xerf .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-xerf .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-xerf .sp-price-intro>div{flex:1 1 320px}
#view-xerf .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-xerf .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-xerf .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-xerf .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-xerf .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-xerf .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-xerf .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-xerf .sp-price-heading{margin-bottom:16px}
#view-xerf .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-xerf .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-xerf .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-xerf .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-xerf .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-xerf .sp-price .sp-yen{display:block;margin:0}
#view-xerf .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-xerf .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-xerf .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-xerf .sp-price-list{margin-top:8px}
#view-xerf .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-xerf .sp-price-list dt{min-width:0}
#view-xerf .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-xerf .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-xerf .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-xerf .sp-flow-head{display:block;margin-bottom:14px}
#view-xerf .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-xerf .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-xerf .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-xerf .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-xerf .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-xerf .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-xerf .sp-recovery>div:last-child{border-right:0}
#view-xerf .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-xerf .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-xerf .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-xerf .sp-risk-details{margin-top:22px}
#view-xerf .sp-faq{margin-inline:0}
#view-xerf .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-xerf .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-xerf .sp-tech h3{font-size:22px;line-height:1.6}
#view-xerf .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-xerf .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-xerf .sp-tech h3+p{margin-top:10px}
#view-xerf .sp-video>summary{cursor:pointer;list-style:none}
#view-xerf .sp-video>summary::-webkit-details-marker{display:none}
#view-xerf .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-xerf .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-xerf .sp-flow-text{display:block;margin-top:12px}
#view-xerf .sp-video-body{padding-bottom:16px}
#view-xerf .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-xerf .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-xerf .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-xerf .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-xerf .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-xerf .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-xerf .sp-tech>img{width:76px;height:99px}
 #view-xerf .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-xerf .sp-homecare>img{max-height:220px}
}
#view-xerf .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-xerf .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-xerf .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-xerf .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-xerf .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-xerf .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-xerf .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-xerf .sp-final .btn{font-size:14px}
#view-xerf .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-xerf :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-xerf .sp-devices{grid-template-columns:1fr}
  #view-xerf .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-xerf .sp-device-head{margin-bottom:0}
  #view-xerf .sp-device .sp-disclosure{grid-column:1/-1}
  #view-xerf .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-xerf .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-xerf .sp-doctor>img{width:90px;height:100px}
  #view-xerf .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-xerf .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-xerf .sp-hero h1{font-size:32px}
  #view-xerf .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-xerf .sp-hero-lead{margin-top:17px}
  #view-xerf .sp-hero-photo img{aspect-ratio:16/9}
  #view-xerf .sp-hero-photo figcaption{font-size:12px}
  #view-xerf .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-xerf .sp-types,#view-xerf .sp-cases,#view-xerf .sp-approach,#view-xerf .sp-prices{grid-template-columns:1fr}
  #view-xerf .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-xerf .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-xerf .sp-type-body{padding:19px 20px}
  #view-xerf .sp-type h3{font-size:20px}
  #view-xerf .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-xerf .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-xerf .sp-approach{gap:24px}
  #view-xerf .sp-approach-image img{max-height:260px}
  #view-xerf .sp-recovery{grid-template-columns:1fr}
  #view-xerf .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-xerf .sp-recovery>div:last-child{border-bottom:0}
  #view-xerf .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-xerf .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-xerf .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-xerf .sp-hero h1{font-size:29px}
  #view-xerf .sp-actions{align-items:stretch}
  #view-xerf .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-xerf .sp-type{grid-template-columns:1fr}
  #view-xerf .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-xerf .sp-type-art img{max-height:130px}
  #view-xerf .sp-layer-labels{justify-content:center;gap:26px}
  #view-xerf .sp-type-body{padding:19px 20px}
  #view-xerf .sp-case-head,#view-xerf .sp-case-body{padding-inline:18px}
  #view-xerf .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-xerf .sp-case-photos{padding-inline:10px;gap:4px}
  #view-xerf .sp-device{display:block;padding:20px}
  #view-xerf .sp-device-head{margin-bottom:14px}
  #view-xerf .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-xerf .sp-flow>li{padding:18px 20px}
  #view-xerf .sp-flow-head{margin-bottom:10px}
  #view-xerf .sp-price{padding:22px}
  #view-xerf .sp-price-intro{padding:20px}
  #view-xerf .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-xerf .sp-price-list dd{flex-basis:100%}
  #view-xerf .sp-doctor{gap:14px}
  #view-xerf .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-xerf :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-xerf .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-xerf .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-xerf .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-xerf .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-xerf .sp-entry-link:first-child{padding-left:0}
#view-xerf .sp-entry-link:last-child{border-right:0}
#view-xerf .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-xerf .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-xerf .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-xerf .sp-entry-link:hover{background:var(--sp-soft)}
#view-xerf .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-xerf .sp-consult h3{font-size:24px;line-height:1.65}
#view-xerf .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-xerf .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-xerf .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-xerf .sp-consult .sp-note{margin-top:7px}
#view-xerf #s-doctor-section{padding-top:58px}
#view-xerf #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-xerf .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-xerf .sp-expertise-grid figure{align-self:center}
#view-xerf .sp-expertise-facts dt{font-size:16px}
#view-xerf .sp-expertise-facts dd{font-size:14px}
#view-xerf .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-xerf .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-xerf .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-xerf .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-xerf .sp-flow{list-style:none;padding:0}
#view-xerf .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-xerf .sp-flow-head img,#view-xerf .sp-video video{border:1px solid var(--sp-border)}
#view-xerf .sp-recovery{border:0}
#view-xerf .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-xerf .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-xerf .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-xerf .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-xerf .sp-visit-info a{color:var(--on-night)}
#view-xerf a:focus-visible,#view-xerf summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-xerf .sp-entry-links{grid-template-columns:1fr}
 #view-xerf .sp-entry-link,#view-xerf .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-xerf .sp-entry-link:last-child{border-bottom:0}
 #view-xerf .sp-entry-link strong{font-size:18px}
 #view-xerf .sp-entry-link span span{margin-top:3px}
 #view-xerf .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-xerf .sp-consult h3{font-size:22px}
 #view-xerf .sp-consult ul{display:block}
 #view-xerf .sp-consult li{margin-top:6px}
 #view-xerf .sp-consult .btn{width:100%}
 #view-xerf .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-xerf .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-xerf .sp-recovery>div::before{top:4px;left:-5px}
 #view-xerf .sp-recovery>div:last-child{padding-bottom:0}
 #view-xerf .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-xerf *{scroll-behavior:auto;transition:none}}

#view-xerf .sp-type-art img{max-height:145px}
#view-xerf .sp-type-body{padding:20px}
#view-xerf .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-xerf .sp-price>p.sp-price-unit,#view-xerf .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-xerf .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-xerf .sp-price{padding:26px 0}
 #view-xerf .sp-price-description{margin-bottom:20px}
 #view-xerf .sp-price>.sp-note{min-height:0}
 #view-xerf .sp-price h3{font-size:23px}
 #view-xerf .sp-price .sp-yen{font-size:20px}
 #view-xerf .sp-price-intro{padding:22px;gap:16px}
 #view-xerf .sp-price-intro>div{flex-basis:100%}
}

#view-xerf .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-xerf .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-xerf .sp-consult-fees>div:last-child{border-bottom:0}
#view-xerf .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-xerf .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-xerf .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-xerf .sp-consult-fees{flex-basis:100%}#view-xerf .sp-consult-fees dd{font-size:21px}#view-xerf .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-xerf .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-xerf .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-xerf .sp-price-intro{padding:20px 18px;gap:18px}
 #view-xerf .sp-consult-fees{flex-basis:100%;width:100%}
 #view-xerf .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-xerf .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-xerf .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-xerf .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-xerf .sp-fee-period::before{content:none}
 html[lang="en"] #view-xerf .sp-fee-period{white-space:normal;font-size:14px}
 #view-xerf .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-xerf .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-xerf .sp-prices{gap:16px;border:0}
 #view-xerf .sp-price,#view-xerf .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-xerf .sp-price-heading{order:0;margin-bottom:14px}
 #view-xerf .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-xerf .sp-price h3{font-size:22px;letter-spacing:0}
 #view-xerf .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-xerf .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-xerf .sp-price .sp-price-unit{font-size:12px}
 #view-xerf .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-xerf .sp-price>.sp-note{order:3;margin-top:10px}
 #view-xerf .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-xerf .sp-price,#view-xerf .sp-price+.sp-price{padding:20px 16px}
 #view-xerf .sp-price h3{font-size:20px}
 #view-xerf .sp-price .sp-yen{font-size:20px}
 #view-xerf .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-xerf .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-xerf .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-xerf .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-xerf .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-xerf .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-xerf .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-xerf .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-xerf .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-xerf .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-xerf .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-xerf .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-xerf .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-xerf .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-xerf .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-xerf .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-xerf .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-xerf .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-xerf .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-xerf .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-xerf .sp-entry-hint{margin:8px 0 22px}
#view-xerf .sp-entry-links{gap:14px;border:0}
#view-xerf .sp-entry-link,#view-xerf .sp-entry-link:first-child,#view-xerf .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-xerf .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-xerf .sp-entry-link:hover,#view-xerf .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-xerf .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-xerf .sp-entry-copy{min-width:0}
#view-xerf .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-xerf .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-xerf .sp-entry-question{font-size:22px}
 #view-xerf .sp-entry-link,#view-xerf .sp-entry-link:first-child,#view-xerf .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-xerf .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-xerf .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-xerf .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .sp-anes{margin-top:10px}
#view-xerf .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-xerf .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-xerf .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-xerf .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-xerf .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-xerf .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-xerf .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-xerf .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-xerf .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-xerf .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-xerf .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-xerf .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-xerf .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-xerf .hg-head>div{min-width:0}
#view-xerf .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-xerf .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-xerf .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-xerf .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-xerf .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-xerf .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-xerf .hg-menu-photo{margin:0}
#view-xerf .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-xerf .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-xerf .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-xerf .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-xerf .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-xerf .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-xerf .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-xerf .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-xerf .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-xerf .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-xerf .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-xerf .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-xerf .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-xerf .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-xerf .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-xerf .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-xerf .hg-menu-note{margin:14px 0 0}
#view-xerf .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-xerf .hg-menu-links-label{margin-right:4px}
#view-xerf .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-xerf .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-xerf .hg-menu-fees{gap:8px}#view-xerf .hg-fee{padding:14px 14px 12px}#view-xerf .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-xerf .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-xerf .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-xerf .hg-menu-range{margin:14px 0 0}
#view-xerf .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-xerf .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-xerf .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-xerf .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-xerf .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-xerf .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-xerf .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-xerf .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-xerf .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-xerf .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-xerf .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-xerf .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-xerf .cg-card{padding:0;background:transparent;border:0}
#view-xerf .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-xerf .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-xerf .cg-card .case-image{margin:0}
#view-xerf .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-xerf .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-xerf .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-xerf .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-xerf .cg-details summary:hover{color:var(--gold-ink)}
#view-xerf .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-xerf .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-xerf .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-xerf .cg-details dt{padding-top:13px}
#view-xerf .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-xerf .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-xerf .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-xerf .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-xerf .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-xerf .sp-section .dn-gallery,#view-xerf .sp-section .sw-gallery,#view-xerf .sp-section .pc-lecture-figs,#view-xerf .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-xerf .sp-section .sw-interview,#view-xerf .sp-section .ul-doctor-grid,#view-xerf .sp-section .sv-doctor-hero,#view-xerf .sp-section .wrx-evidence,#view-xerf .sp-section .uex-evidence,#view-xerf .sp-section .ml-doctor-grid,#view-xerf .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-xerf .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-xerf .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-xerf .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-xerf .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-xerf .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-xerf .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-xerf .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-xerf .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-xerf .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-xerf .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-xerf .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-xerf .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-xerf .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .hgd-svg{display:block;width:100%;height:auto}
#view-xerf .hgd-sp{display:none}
#view-xerf .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-xerf .hgd-layer{font-size:30px}
#view-xerf .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-xerf .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-xerf .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-xerf .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-xerf .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-xerf .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-xerf .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-xerf .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-xerf .hgd-art{opacity:.92}
#view-xerf .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-xerf .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-xerf .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-xerf .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-xerf .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-xerf .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-xerf .hgd-layer{font-size:25px}
html[lang^="en"] #view-xerf .hgd-sub{font-size:19px}
html[lang^="en"] #view-xerf .hgd-br{font-size:27px}
#view-xerf .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-xerf .hgd-pc .hgd-layer{font-size:38px}
 #view-xerf .hgd-pc .hgd-sub{font-size:30px}
 #view-xerf .hgd-pc .hgd-name{font-size:42px}
 #view-xerf .hgd-pc .hgd-kind{font-size:31px}
 #view-xerf .hgd-pc .hgd-br{font-size:36px}
 #view-xerf .hgd-pc .hgd-mm{font-size:40px}
 #view-xerf .hgd-pc .hgd-note{font-size:26px}
 #view-xerf .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-xerf .hg-lineup img{width:72px;height:72px}
 #view-xerf .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-xerf .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-xerf .hg-lineup,#view-xerf .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-xerf .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-xerf .hg-lineup img{width:56px;height:56px}
 #view-xerf .hg-lineup figcaption{padding:7px 8px}
 #view-xerf .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-xerf .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-xerf .hg-lineup figcaption small{font-size:10.5px}
 #view-xerf .hgd-pc{display:none}
 #view-xerf .hgd-sp{display:block}
 #view-xerf .hgd-layer,#view-xerf .hgd-name,#view-xerf .hgd-br,#view-xerf .hgd-mm{font-size:34px}
 #view-xerf .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-xerf .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-xerf .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-xerf .hgd-layer{font-size:30px}
 #view-xerf .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-xerf .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-xerf .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-xerf. */
#view-xerf .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-xerf .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-xerf .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-xerf .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-xerf .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-xerf .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-xerf .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-xerf .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-xerf .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-xerf .pc-table th,#view-xerf .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-xerf .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-xerf .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-xerf .pc-table tbody tr:last-child th,#view-xerf .pc-table tbody tr:last-child td{border-bottom:0}
#view-xerf .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-xerf .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-xerf .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-xerf .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-xerf .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-xerf .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-xerf .pc-point-face{width:92px;height:92px}}
#view-xerf .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-xerf .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-xerf .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-xerf .pc-explain p+p{margin-top:12px}
#view-xerf .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-xerf .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-xerf .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-xerf .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-xerf .pc-books h3{font-size:18px;margin-bottom:12px}
#view-xerf .pc-books ul{list-style:none;padding:0;margin:0}
#view-xerf .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-xerf .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-xerf .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-xerf .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-xerf .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-xerf .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-xerf .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-xerf .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-xerf .pc-tag{margin:0}
#view-xerf .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-xerf .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-xerf .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-xerf .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-xerf .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-xerf .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-xerf .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-xerf .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-xerf .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-xerf .pc-approval>div:last-child{border-bottom:0}
#view-xerf .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-xerf .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-xerf .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-xerf .pc-glance,#view-xerf .pc-modes{grid-template-columns:1fr}#view-xerf .pc-explain{grid-template-columns:1fr}#view-xerf .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-xerf .pc-concern-links{grid-template-columns:1fr}#view-xerf .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-xerf .pc-books,#view-xerf .pc-quote,#view-xerf .pc-point{padding:20px}#view-xerf .pc-glance-num span{font-size:32px}#view-xerf .pc-table{font-size:13px}#view-xerf .pc-table th,#view-xerf .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-xerf .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-xerf .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-xerf .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-xerf .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-xerf .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-xerf .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-xerf .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-xerf .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-xerf .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-xerf .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-xerf .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-xerf .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-xerf .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-xerf .pc-video{margin:0 0 28px;max-width:820px}
#view-xerf .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-xerf .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-xerf .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-xerf .pc-lasers-media .pc-video,#view-xerf .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-xerf .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-xerf .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-xerf .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-xerf .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-xerf .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-xerf .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-xerf .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-xerf .pc-hero-video .sp-video{margin:0}
#view-xerf .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-xerf .pc-cell-label{display:none}
@media(max-width:760px){
#view-xerf .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-xerf .pc-table{min-width:0;display:block;font-size:14px}
#view-xerf .pc-table caption{display:block;padding:0 0 10px}
#view-xerf .pc-table thead{display:none}
#view-xerf .pc-table tbody{display:block}
#view-xerf .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-xerf .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-xerf .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-xerf .pc-table tr td:last-child{border-bottom:0}
#view-xerf .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-xerf .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-xerf .pc-cell-value{display:block;line-height:1.75}
}
#view-xerf .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-xerf .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-xerf .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-xerf .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-xerf .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-xerf .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-xerf .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-xerf .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-xerf .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-xerf .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-xerf .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-xerf .pcx-video{margin:0 0 26px;max-width:780px}
#view-xerf .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-xerf .pcx-table-details{margin-top:18px}
#view-xerf .pcx-table-details .pc-table-wrap{margin-top:0}
#view-xerf .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-xerf .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-xerf .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-xerf #pc-lasers .pc-point{margin-top:40px}
#view-xerf .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-xerf .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-xerf .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-xerf .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-xerf .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-xerf .pcx-case-hint{margin-top:6px}
#view-xerf #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-xerf .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-xerf .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-xerf .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-xerf .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-xerf .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-xerf .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-xerf .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-xerf .pcx-hero-points{margin-top:22px}
#view-xerf .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-xerf .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-xerf .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-xerf .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-xerf .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-xerf .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-xerf .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-xerf .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-xerf .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-xerf .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-xerf .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-xerf .pcx-mode-art img{display:block;width:100%;height:auto}
#view-xerf .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-xerf .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-xerf .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-xerf .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-xerf .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-xerf .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-xerf .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-xerf .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-xerf .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-xerf .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-xerf .pcx-case-sep{display:none}
  #view-xerf .pcx-case-name{display:block}
  #view-xerf .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-xerf .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-xerf .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-xerf .pcx-diff-changed{border-top-color:var(--gold)}
#view-xerf .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-xerf .pcx-diff-card dl{margin:0}
#view-xerf .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-xerf .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-xerf .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-xerf .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-xerf .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-xerf .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-xerf .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-xerf .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-xerf .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-xerf .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-xerf .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-xerf .pcx-history>li:last-child{padding-bottom:0}
#view-xerf .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-xerf .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-xerf .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-xerf .pcx-h-tag{margin:0 0 4px}
#view-xerf .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-xerf .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-xerf .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-xerf .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-xerf .pcx-history-wrap>.sp-note{margin-top:20px}
#view-xerf #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-xerf .pcx-diff{grid-template-columns:1fr}
 #view-xerf .pcx-diff-card{padding:18px 16px 14px}
 #view-xerf .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-xerf .pcx-depth{padding:16px}
 #view-xerf .pcx-history::before{left:3.4em}
 #view-xerf .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-xerf .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-xerf .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-xerf .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-xerf .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-xerf .pcx-h-photo{margin:4px 0 0}
#view-xerf .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-xerf .pcx-h-device .pcx-h-photo img,#view-xerf #pc-history .pcx-h-photo img[src*="picosure-"],#view-xerf #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-xerf .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-xerf .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-xerf .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-xerf. */
#view-xerf .sw-device-photo{max-width:820px}
#view-xerf .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-xerf .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-xerf .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .sw-figures{max-width:none}
#view-xerf .sw-figure img{display:block;width:100%;height:auto}
#view-xerf .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-xerf .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-xerf .sw-figures .sw-figure{margin:0}
#view-xerf .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-xerf .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-xerf .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-xerf .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-xerf .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .pc-explain h3+p+h3{margin-top:22px}
#view-xerf .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-xerf .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-xerf .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-xerf .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-xerf .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-xerf .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-xerf .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-xerf .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-xerf .sw-history li{position:relative;padding:0 0 22px 28px}
#view-xerf .sw-history li:last-child{padding-bottom:0}
#view-xerf .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-xerf .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-xerf .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-xerf .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-xerf .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-xerf .sw-gallery figure{margin:0}
#view-xerf .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-xerf .sw-gallery img.is-portrait{object-position:50% 30%}
#view-xerf .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-xerf .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-xerf .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-xerf .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-xerf .sw-case-photo{margin:0;background:#111}
#view-xerf .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-xerf .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-xerf .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-xerf .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-xerf .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-xerf .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-xerf .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-xerf .sw-area-prices li:last-child{border-bottom:0}
#view-xerf .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-xerf .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-xerf .sw-papers,#view-xerf .sw-history-wrap,#view-xerf .sw-cases,#view-xerf .sw-price-list{grid-template-columns:1fr}#view-xerf .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-xerf .sw-steps,#view-xerf .sw-figures,#view-xerf .sw-gallery{grid-template-columns:1fr}#view-xerf .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-xerf .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-xerf .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-xerf .sw-interview-video{margin:0;max-width:none}
#view-xerf .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-xerf .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-xerf .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-xerf .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-xerf .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-xerf .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-xerf .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-xerf .sw-ttt-design,#view-xerf .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-xerf .sw-ttt-face,#view-xerf .sw-heat-field{margin:0}
#view-xerf .sw-ttt-face img,#view-xerf .sw-heat-field img{display:block;width:100%;height:auto}
#view-xerf .sw-heat-field img{border:1px solid var(--sp-border)}
#view-xerf .sw-ttt-face figcaption,#view-xerf .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-xerf .sw-ttt-text .sp-kicker,#view-xerf .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-xerf .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-xerf .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-xerf .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-xerf .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-xerf .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-xerf .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-xerf .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-xerf .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-xerf .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-xerf .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-xerf .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-xerf .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-xerf .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-xerf .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-xerf .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-xerf .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-xerf .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-xerf .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-xerf .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-xerf .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-xerf .sw-ttt-design,#view-xerf .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-xerf .sw-ttt-face,#view-xerf .sw-heat-field{max-width:420px}#view-xerf .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-xerf .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-xerf .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-xerf .sw-ct-cases-head{margin:44px 0 18px}
#view-xerf .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-xerf .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-xerf .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-xerf .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-xerf .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-xerf .sw-ct-group{margin-top:40px}
#view-xerf .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-xerf .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-xerf .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-xerf .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-xerf .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-xerf .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-xerf .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-xerf .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-xerf .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-xerf .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-xerf .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-xerf .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-xerf .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-xerf .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-xerf .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-xerf .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-xerf .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-xerf .sw-table-details,#view-xerf .sw-record{margin-top:26px}
#view-xerf .sw-table-details .sp-disclosure-content,#view-xerf .sw-record .sp-disclosure-content,#view-xerf .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-xerf .sw-table-details .pc-table-wrap{margin-top:0}
#view-xerf .sw-record .sw-history-wrap{margin-top:6px}
#view-xerf .sw-ct-more{margin-top:18px}
#view-xerf .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-xerf .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-xerf .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-xerf .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-xerf .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-xerf .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-xerf .sw-3d-video{margin:0;max-width:none}
#view-xerf .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-xerf .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-xerf .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-xerf .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-xerf .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-xerf .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-xerf .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-xerf .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-xerf .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-xerf .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-xerf .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-xerf .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-xerf .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-xerf .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-xerf .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-xerf .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-xerf .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-xerf .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-xerf .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-xerf .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-xerf .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-xerf .swx-hero-points{margin-top:22px}
#view-xerf .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-xerf .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-xerf .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-xerf .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-xerf .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-xerf .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-xerf .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-xerf .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-xerf .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-xerf .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-xerf .swx-hero-video{margin:0}
#view-xerf .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-xerf .sp-video video:not([controls]){pointer-events:none}

/* XERF device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-xerf. */
/* 2026-10-05 review: new chapter order; multi-column layouts are kept from 641px (every iPad), one column on phones. Class names start with xrx-. */
#view-xerf .sp-hero-photo img{object-position:62% 45%}
#view-xerf .xr-flow-photo{object-position:50% 50%}
#view-xerf .xrx-inline{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}

/* Headings: the chapter label sits inside the h2 (2026-09-29); the "｜" between label and heading is for the text only (2026-10-05) */
#view-xerf .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-xerf .sp-heading h2>.sp-h2-main{display:block}
#view-xerf .xrx-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:640px){#view-xerf .sp-heading .sp-h2-main br{display:none}}

/* Hero: defining sentence + key points (device/product page pattern, 2026-09-29); a silent looping clip, no controls (2026-10-01) */
#view-xerf .xrx-hero-who{margin-top:14px;font-size:15px;line-height:1.8;color:var(--ink)}
#view-xerf .xrx-hero-points{margin-top:22px}
#view-xerf .xrx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-xerf .xrx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-xerf .xrx-hero-points dl>div{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-xerf .xrx-hero-points dl>div{grid-template-columns:7.6em minmax(0,1fr)}
#view-xerf .xrx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-xerf .xrx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-xerf .xrx-hero-points .xrx-hero-more{display:inline-block;margin-left:1em;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-xerf .xrx-hero-video{margin:0}
#view-xerf .xrx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}

/* The essentials: six cards, 3 x 2 on PC, 2 x 3 on iPad, one column on phones */
#view-xerf .sw-quick.xrx-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-xerf .sw-quick.xrx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-xerf .sw-quick.xrx-quick{grid-template-columns:minmax(0,1fr)}}

/* About: the clinic's device photograph (whole unit, 4:3) beside the three facts; two columns from 641px */
#view-xerf .pc-about-visual.xrx-about{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:start}
#view-xerf .pc-about-visual .xr-device-photo{display:block;max-width:none}
#view-xerf .xr-device-photo img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;background:#e9e7e4}
@media(max-width:900px){#view-xerf .pc-about-visual.xrx-about{gap:24px}}
@media(max-width:640px){#view-xerf .pc-about-visual.xrx-about{grid-template-columns:minmax(0,1fr);gap:20px}}
#view-xerf .xrx-strips{min-width:0;border-top:1px solid var(--sp-border)}
#view-xerf .xrx-strips>div{padding:16px 0 17px;border-bottom:1px solid var(--sp-border)}
#view-xerf .xrx-strips h3{position:relative;font-size:17px;line-height:1.6;margin:0 0 6px;padding-left:16px}
#view-xerf .xrx-strips h3::before{content:'';position:absolute;left:0;top:.52em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
#view-xerf .xrx-strips p{font-size:14.5px;line-height:1.9;color:var(--ink-2);padding-left:16px}
#view-xerf .xrx-strips-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:26px}
@media(max-width:640px){#view-xerf .xrx-strips-row{grid-template-columns:minmax(0,1fr)}}
/* The manufacturer's handpiece and tip (drawn only when SHOW_PARTS is on in author_xerf.py) */
#view-xerf .xrx-parts{margin:0;min-width:0;padding:20px 22px 16px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-xerf .xrx-parts-h{font-size:16px;font-weight:500;line-height:1.6;color:var(--ink);margin:0 0 14px}
#view-xerf .xrx-parts-art{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:22px;align-items:start}
#view-xerf .xrx-parts-art img{display:block;height:auto;object-fit:contain}
#view-xerf .xrx-parts-hp{width:auto;max-width:100%;max-height:270px;justify-self:center}
#view-xerf .xrx-parts-tip{width:100%;max-width:190px;margin-top:6px}
#view-xerf .xrx-parts-line{position:absolute;left:30%;top:42px;width:20%;height:1px;background:var(--gold)}
#view-xerf .xrx-parts-labels{margin:14px 0 0;border-top:1px solid var(--sp-border)}
#view-xerf .xrx-parts-labels>div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-xerf .xrx-parts-labels dt{font-size:13px;font-weight:500;color:var(--gold-ink);line-height:1.7}
#view-xerf .xrx-parts-labels dd{margin:0;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
#view-xerf .xrx-parts figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:10px}

/* How it works: the shared layer figure with the other three devices faded, the three modes as a ruled list, four mechanisms */
#view-xerf .xrx-depth>h3{font-size:clamp(18px,1.9vw,21px);font-weight:500;line-height:1.6;margin:0 0 8px}
#view-xerf .xrx-depth-lead{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-xerf .xrx-depth .hgd-dev:not(.hgd-dev-xerf){opacity:.28}
/* 2026-10-05 design review: the faded devices' labels lose their white chip (it showed as a pale smudge on the drawing),
   the HS / HSP brackets step back, and on iPad the PC drawing's mode badges are enlarged so 浅・中・深 stay readable */
/* editor 2026-10-05: the dimmed devices keep their name and marks; their small notes and mm figures (unreadable when dimmed) are not drawn here — the caption carries them */
#view-xerf .xrx-depth .hgd-dev:not(.hgd-dev-xerf) text{filter:none}
#view-xerf .xrx-depth .hgd-dev:not(.hgd-dev-xerf) .hgd-note,#view-xerf .xrx-depth .hgd-dev:not(.hgd-dev-xerf) .hgd-mm,#view-xerf .xrx-depth .hgd-dev:not(.hgd-dev-xerf) .hgd-guide{display:none}
#view-xerf .xrx-depth .hgd-bracket,#view-xerf .xrx-depth .hgd-br{opacity:.5}
@media(min-width:641px) and (max-width:1000px){#view-xerf .xrx-depth .hgd-pc .hgd-badge{r:29px}#view-xerf .xrx-depth .hgd-svg.hgd-pc .hgd-badge-t{font-size:33px}#view-xerf .xrx-depth .hgd-pc .hgd-dev-xerf .hgd-note{font-size:31px}}
#view-xerf .xrx-modes{margin:18px 0 0;border-top:1px solid var(--sp-border)}
#view-xerf .xrx-modes>div{display:grid;grid-template-columns:9.5em minmax(0,1.25fr) minmax(0,1fr);gap:4px 24px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-xerf .xrx-modes dt{font-size:15.5px;font-weight:500;line-height:1.7;color:var(--ink)}
#view-xerf .xrx-modes dd{margin:0;font-size:15px;line-height:1.8;color:var(--ink-2)}
#view-xerf .xrx-modes dd.xrx-modes-freq{font-size:13.5px;color:var(--ink-3)}
@media(max-width:640px){#view-xerf .xrx-modes>div{grid-template-columns:minmax(0,1fr);gap:2px}}
#view-xerf .xrx-mech-h{font-size:clamp(19px,2vw,22px);font-weight:500;line-height:1.6;margin:44px 0 16px}
#view-xerf .xrx-mech{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-xerf .xrx-mech li{min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .xrx-mech-n{display:block;font:500 13px/1.4 var(--fig);letter-spacing:.1em;color:var(--gold-ink);margin-bottom:8px}
#view-xerf .xrx-mech h4{font-size:17px;font-weight:500;line-height:1.55;margin:0 0 8px}
#view-xerf .xrx-mech p{font-size:14.5px;line-height:1.9;color:var(--ink-2)}
@media(max-width:1000px){#view-xerf .xrx-mech{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-xerf .xrx-mech{grid-template-columns:minmax(0,1fr);gap:12px}#view-xerf .xrx-mech li{padding:18px 18px 16px}}
#view-xerf .xrx-mech-close{max-width:46em;margin-top:18px;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-xerf .xrx-why-details{margin-top:28px}
#view-xerf .xrx-why-details>summary{font-size:15px}
#view-xerf .xrx-why{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:start}
#view-xerf .xrx-why p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-xerf .xrx-heat{margin:0;min-width:0}
/* heat-distribution.jpg is a 1280x720 lecture slide: only its two thermal pictures and their frequency labels are shown */
#view-xerf .xrx-heat-crop{overflow:hidden;aspect-ratio:895/490;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .xrx-heat-crop img{display:block;max-width:none;width:143%;height:auto;margin:-15.4% 0 0 -21.8%}
#view-xerf .xrx-heat figcaption{font-size:12px;line-height:1.75;color:var(--ink-3);margin-top:8px}
@media(max-width:900px){#view-xerf .xrx-why{grid-template-columns:minmax(0,1fr);gap:18px}#view-xerf .xrx-heat{max-width:560px}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width */
@media(max-width:640px){#view-xerf .pc-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-xerf .pc-point-face{width:72px;height:72px}}

/* Who it is for: three short lists side by side from 641px, stacked on phones */
#view-xerf .xrx-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--sp-border)}
#view-xerf .xrx-fit>div{min-width:0;padding:22px 0 6px}
#view-xerf .xrx-fit h3{font-size:17px;font-weight:500;line-height:1.6;margin:0 0 10px}
#view-xerf .xrx-fit p,#view-xerf .xrx-fit li{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-xerf .xrx-fit ul{list-style:none;margin:0;padding:0}
#view-xerf .xrx-fit li{position:relative;padding:0 0 8px 16px}
#view-xerf .xrx-fit li::before{content:'';position:absolute;left:0;top:.9em;width:8px;height:1px;background:var(--gold)}
#view-xerf .xrx-fit-tell{margin-top:20px;padding:16px 20px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:15px;line-height:1.9;color:var(--ink)}
#view-xerf .xrx-fit-close{max-width:41em;margin:22px auto 0;text-align:center;font-size:15px;line-height:1.95;color:var(--ink-2)}
@media(max-width:900px){#view-xerf .xrx-fit{gap:0 24px}}
@media(max-width:640px){#view-xerf .xrx-fit{grid-template-columns:minmax(0,1fr)}#view-xerf .xrx-fit>div{padding:20px 0 12px;border-bottom:1px solid var(--sp-border)}#view-xerf .xrx-fit>div:last-child{border-bottom:0}#view-xerf .xrx-fit-tell{margin-top:8px}#view-xerf .xrx-fit-close{text-align:left}}

/* Discomfort and recovery */
#view-xerf .xrx-daily{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;margin-top:26px;padding:22px 26px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .xrx-daily figure{margin:0}
#view-xerf .xrx-daily img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:62% 50%}
#view-xerf .xrx-daily h3{font-size:18px;line-height:1.6;margin:0 0 10px}
#view-xerf .xrx-daily p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-xerf .xrx-daily p+p{margin-top:12px}
#view-xerf .xrx-next{margin-top:14px;font-size:14px}
#view-xerf .xrx-next a,#view-xerf .xrx-figure-link a,#view-xerf .xrx-faq-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){#view-xerf .xrx-daily{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}}
/* iPad mini (641-760px): the three recovery cards and the anaesthesia box keep their columns */
@media(min-width:641px) and (max-width:760px){
 #view-xerf .sp-recovery{grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-xerf .sp-recovery>div{margin-left:0;border-left:0;border-bottom:0;border-top:2px solid var(--sp-border);padding:22px 18px 8px 0}
 #view-xerf .sp-recovery>div:last-child{padding-bottom:8px}
 #view-xerf .sp-recovery>div::before{top:-5px;left:0}
 #view-xerf .xrx-daily{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:22px;padding:20px}
}

/* Fees */
#view-xerf .xrx-fee-choose{max-width:46em;margin:-8px 0 26px;font-size:15.5px;line-height:1.95;color:var(--ink-2)}
#view-xerf .xrx-fee-sessions{margin-top:18px;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-xerf .xrx-fee-total{margin-top:24px;font-size:15px;line-height:1.9;color:var(--ink)}
#view-xerf .xrx-anes{margin-top:10px;padding:14px 18px 4px;background:#fff;border:1px solid var(--sp-border)}
#view-xerf .xrx-anes>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .xrx-anes .sp-disclosure{margin-top:12px}
#view-xerf .xrx-anes .sp-consult-note{margin:0;padding:0;border:0}
#view-xerf .sp-price-action.xrx-price-action{display:block}
#view-xerf .xrx-price-text{display:flex;justify-content:space-between;align-items:center;gap:20px 24px;flex-wrap:wrap;min-width:0}

/* How it differs */
#view-xerf .xrx-figure-link{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:0;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14.5px;line-height:1.85;color:var(--ink-2)}
#view-xerf .pc-concern-links.xrx-related{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){#view-xerf .pc-concern-links.xrx-related{grid-template-columns:minmax(0,1fr)}}

/* Physician */
#view-xerf .sp-expertise-grid figure img.is-portrait-demo{aspect-ratio:4/5;object-fit:cover;object-position:50% 45%}
#view-xerf .xrx-facts h3{font-size:16px;font-weight:500;line-height:1.6;color:var(--gold-ink);margin:0 0 6px}
#view-xerf .xrx-facts p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .sp-expertise-grid>.xrx-keynote{margin:0}
#view-xerf .sp-expertise-grid .xrx-keynote img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#view-xerf .xrx-keynote figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-xerf .xrx-record{margin-top:22px}
#view-xerf .sw-gallery.xrx-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px;margin:6px 0 28px}
#view-xerf .sw-gallery.xrx-gallery img{aspect-ratio:4/3}
#view-xerf .sw-gallery.xrx-gallery img.is-award{object-fit:cover;object-position:50% 40%}
@media(max-width:640px){#view-xerf .sw-gallery.xrx-gallery{grid-template-columns:minmax(0,1fr)}}
#view-xerf .xrx-record .xrx-history{max-width:760px;margin-top:6px}
#view-xerf .xrx-history-lectures{margin-top:20px;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-xerf .xrx-record .pc-books{margin-top:26px}
/* Phones: a round portrait and the name on one line; the heading and the text take the full width */
@media(max-width:640px){
 #view-xerf .sp-expertise .sp-doctor.xrx-doctor{grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}
 #view-xerf .sp-expertise .sp-doctor.xrx-doctor>img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:45% 3%}
 #view-xerf .sp-doctor.xrx-doctor>div{display:contents}
 #view-xerf .sp-expertise .sp-doctor.xrx-doctor .sp-kicker{margin:0}
 #view-xerf .sp-doctor.xrx-doctor h2,#view-xerf .sp-doctor.xrx-doctor h2+p{grid-column:1/-1;margin-top:0}
}

/* Disclosure table: label and text stay side by side on iPad mini; the source links wrap in a row */
@media(min-width:641px) and (max-width:760px){#view-xerf .pc-approval>div{grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px 18px}}
#view-xerf .xrx-approval-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px}

/* FAQ: links under an answer */
#view-xerf .xrx-faq-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:14px}
#view-xerf .sp-expertise-grid>figure{align-self:start}
/* iPad mini (641-760px): the shared fee cards keep picture and text side by side on this page */
@media(min-width:641px) and (max-width:760px){#view-xerf #xr-price .hg-menu-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px}}

/* ---------- 2026-10-05 design review ---------- */
/* Words that must not break across lines (jawline terms in the hero, menu names in headings) */
#view-xerf .xrx-nb{white-space:nowrap}
html[lang^="en"] #view-xerf .sp-hero h1{text-wrap:balance}
/* Hero at 761-900px (iPad portrait 768): one column like iPad mini; the two-column text was 312px wide and broke words */
@media(min-width:761px) and (max-width:900px){#view-xerf .sp-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}#view-xerf .sp-hero-lead{max-width:none}}
/* Page menu on PC: ten items as two even rows of five */
@media(min-width:1001px){#view-xerf .sp-nav .wrap{display:grid;grid-template-columns:repeat(5,max-content);justify-content:space-between;row-gap:4px}}
/* The essentials on phones: a ruled list instead of six boxes */
@media(max-width:560px){#view-xerf .sw-quick.xrx-quick{gap:0;border-top:1px solid var(--sp-border)}#view-xerf .xrx-quick .sw-quick-card{padding:18px 0 16px;background:none;border:0;border-bottom:1px solid var(--sp-border)}}
/* About on iPad: a taller photograph beside the three facts */
@media(min-width:641px) and (max-width:900px){#view-xerf .xr-device-photo img{aspect-ratio:3/4}}
/* Who it is for on iPad: the first block full width, the other two side by side */
@media(min-width:641px) and (max-width:900px){#view-xerf .xrx-fit{grid-template-columns:repeat(2,minmax(0,1fr))}#view-xerf .xrx-fit>div:first-child{grid-column:1/-1;padding-bottom:16px;border-bottom:1px solid var(--sp-border)}}
/* Recovery cards: headings take two lines' height so the paragraphs start level */
@media(min-width:641px) and (max-width:900px){#view-xerf .sp-recovery h3{min-height:2lh}}
/* Flow: three steps in a row on iPad; on phones a small photograph beside the number and the heading */
@media(min-width:641px) and (max-width:1000px){#view-xerf #xr-flow .sp-flow:not([start]){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#view-xerf #xr-flow .sp-flow:not([start])>li>p{font-size:14.5px}}
@media(max-width:640px){#view-xerf #xr-flow .sp-flow-head{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center}#view-xerf #xr-flow .sp-flow-head img{margin:0;aspect-ratio:4/3}}
/* Related pages: two columns on iPad mini, a ruled list on phones */
@media(min-width:641px) and (max-width:760px){#view-xerf .pc-concern-links.xrx-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-xerf .pc-concern-links.xrx-related{gap:0;border-top:1px solid var(--sp-border)}#view-xerf .pc-concern-links.xrx-related a{padding:14px 2px;background:none;border:0;border-bottom:1px solid var(--sp-border)}}
/* Physician: no second rule under the section edge; the disclosure heading wraps evenly */
#view-xerf #xr-doctor .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-xerf .xrx-record>summary{text-wrap:balance}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-tempsure{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-tempsure .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-tempsure .sp-soft{background:var(--sp-soft)}
#view-tempsure .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-tempsure .sp-heading{margin-bottom:26px;max-width:46em}
#view-tempsure .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-tempsure .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-tempsure .sp-heading .sp-kicker{margin-top:0}
#view-tempsure .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-tempsure .sp-note a,#view-tempsure .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-tempsure .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-tempsure .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-tempsure .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-tempsure .crumbs span::before{content:none}
#view-tempsure .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-tempsure .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-tempsure .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-tempsure .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-tempsure .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-tempsure .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-tempsure .sp-hero-trust a{margin-top:7px}
#view-tempsure .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-tempsure .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-tempsure .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-tempsure .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-tempsure .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-tempsure .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-tempsure .sp-nav a{flex-shrink:0}
#view-tempsure .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-tempsure .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-tempsure .sp-nav a:hover{color:var(--gold-ink)}
#view-tempsure .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-tempsure .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-tempsure .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-tempsure .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-tempsure .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-tempsure .sp-type-body{padding:21px 22px 22px}
#view-tempsure .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-tempsure .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-tempsure .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-tempsure .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-tempsure .sp-type .sp-source{margin-top:12px}
#view-tempsure .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-tempsure .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-tempsure .sp-case-head{padding:20px 22px 16px}
#view-tempsure .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-tempsure .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-tempsure .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-tempsure .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-tempsure .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-tempsure .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-tempsure .sp-case-body{padding:18px 22px 22px}
#view-tempsure .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-tempsure .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-tempsure .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-tempsure .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-tempsure .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-tempsure .sp-case-body .sp-source{margin-top:14px}
#view-tempsure .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-tempsure .sp-case-details>summary{min-height:48px}
#view-tempsure .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-tempsure .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-tempsure .sp-approach-list{display:grid;gap:0}
#view-tempsure .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-tempsure .sp-approach-item:first-child{padding-top:0}
#view-tempsure .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-tempsure .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-tempsure .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-tempsure .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-tempsure .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-tempsure .sp-doctor h3{font-size:21px;line-height:1.5}
#view-tempsure .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-tempsure .sp-doctor .sp-source{white-space:nowrap}
#view-tempsure .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-tempsure .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-tempsure .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-tempsure .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-tempsure .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-tempsure .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-tempsure .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-tempsure .sp-expertise-facts>div:first-child{padding-top:0}
#view-tempsure .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-tempsure .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-tempsure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-tempsure .sp-expertise-grid figure{max-width:480px}
 #view-tempsure .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-tempsure .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-tempsure .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-tempsure .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-tempsure .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-tempsure .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-tempsure .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-tempsure .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-tempsure .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-tempsure .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-tempsure .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-tempsure .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-tempsure .sp-disclosure>summary::after{content:'＋';flex:none}
#view-tempsure .sp-disclosure[open]>summary::after{content:'−'}
#view-tempsure .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-tempsure .sp-disclosure-content p+p{margin-top:12px}
#view-tempsure .sp-approval-list{display:grid;gap:10px}
#view-tempsure .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-tempsure .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-tempsure .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-tempsure .sp-price-intro>div{flex:1 1 320px}
#view-tempsure .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-tempsure .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-tempsure .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-tempsure .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-tempsure .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-tempsure .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-tempsure .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-tempsure .sp-price-heading{margin-bottom:16px}
#view-tempsure .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-tempsure .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-tempsure .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-tempsure .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-tempsure .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-tempsure .sp-price .sp-yen{display:block;margin:0}
#view-tempsure .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-tempsure .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-tempsure .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-tempsure .sp-price-list{margin-top:8px}
#view-tempsure .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-tempsure .sp-price-list dt{min-width:0}
#view-tempsure .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-tempsure .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-tempsure .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-tempsure .sp-flow-head{display:block;margin-bottom:14px}
#view-tempsure .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-tempsure .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-tempsure .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-tempsure .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-tempsure .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-tempsure .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-tempsure .sp-recovery>div:last-child{border-right:0}
#view-tempsure .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-tempsure .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-tempsure .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-tempsure .sp-risk-details{margin-top:22px}
#view-tempsure .sp-faq{margin-inline:0}
#view-tempsure .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-tempsure .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-tempsure .sp-tech h3{font-size:22px;line-height:1.6}
#view-tempsure .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-tempsure .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-tempsure .sp-tech h3+p{margin-top:10px}
#view-tempsure .sp-video>summary{cursor:pointer;list-style:none}
#view-tempsure .sp-video>summary::-webkit-details-marker{display:none}
#view-tempsure .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-tempsure .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-tempsure .sp-flow-text{display:block;margin-top:12px}
#view-tempsure .sp-video-body{padding-bottom:16px}
#view-tempsure .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-tempsure .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-tempsure .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-tempsure .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-tempsure .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-tempsure .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-tempsure .sp-tech>img{width:76px;height:99px}
 #view-tempsure .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-tempsure .sp-homecare>img{max-height:220px}
}
#view-tempsure .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-tempsure .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-tempsure .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-tempsure .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-tempsure .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-tempsure .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-tempsure .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-tempsure .sp-final .btn{font-size:14px}
#view-tempsure .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-tempsure :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-tempsure .sp-devices{grid-template-columns:1fr}
  #view-tempsure .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-tempsure .sp-device-head{margin-bottom:0}
  #view-tempsure .sp-device .sp-disclosure{grid-column:1/-1}
  #view-tempsure .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-tempsure .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-tempsure .sp-doctor>img{width:90px;height:100px}
  #view-tempsure .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-tempsure .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-tempsure .sp-hero h1{font-size:32px}
  #view-tempsure .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-tempsure .sp-hero-lead{margin-top:17px}
  #view-tempsure .sp-hero-photo img{aspect-ratio:16/9}
  #view-tempsure .sp-hero-photo figcaption{font-size:12px}
  #view-tempsure .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-tempsure .sp-types,#view-tempsure .sp-cases,#view-tempsure .sp-approach,#view-tempsure .sp-prices{grid-template-columns:1fr}
  #view-tempsure .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-tempsure .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-tempsure .sp-type-body{padding:19px 20px}
  #view-tempsure .sp-type h3{font-size:20px}
  #view-tempsure .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-tempsure .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-tempsure .sp-approach{gap:24px}
  #view-tempsure .sp-approach-image img{max-height:260px}
  #view-tempsure .sp-recovery{grid-template-columns:1fr}
  #view-tempsure .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-tempsure .sp-recovery>div:last-child{border-bottom:0}
  #view-tempsure .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-tempsure .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-tempsure .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-tempsure .sp-hero h1{font-size:29px}
  #view-tempsure .sp-actions{align-items:stretch}
  #view-tempsure .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-tempsure .sp-type{grid-template-columns:1fr}
  #view-tempsure .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-tempsure .sp-type-art img{max-height:130px}
  #view-tempsure .sp-layer-labels{justify-content:center;gap:26px}
  #view-tempsure .sp-type-body{padding:19px 20px}
  #view-tempsure .sp-case-head,#view-tempsure .sp-case-body{padding-inline:18px}
  #view-tempsure .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-tempsure .sp-case-photos{padding-inline:10px;gap:4px}
  #view-tempsure .sp-device{display:block;padding:20px}
  #view-tempsure .sp-device-head{margin-bottom:14px}
  #view-tempsure .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-tempsure .sp-flow>li{padding:18px 20px}
  #view-tempsure .sp-flow-head{margin-bottom:10px}
  #view-tempsure .sp-price{padding:22px}
  #view-tempsure .sp-price-intro{padding:20px}
  #view-tempsure .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-tempsure .sp-price-list dd{flex-basis:100%}
  #view-tempsure .sp-doctor{gap:14px}
  #view-tempsure .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-tempsure :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-tempsure .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-tempsure .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-tempsure .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-tempsure .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-tempsure .sp-entry-link:first-child{padding-left:0}
#view-tempsure .sp-entry-link:last-child{border-right:0}
#view-tempsure .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-tempsure .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-tempsure .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-tempsure .sp-entry-link:hover{background:var(--sp-soft)}
#view-tempsure .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-tempsure .sp-consult h3{font-size:24px;line-height:1.65}
#view-tempsure .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-tempsure .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-tempsure .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-tempsure .sp-consult .sp-note{margin-top:7px}
#view-tempsure #s-doctor-section{padding-top:58px}
#view-tempsure #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-tempsure .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-tempsure .sp-expertise-grid figure{align-self:center}
#view-tempsure .sp-expertise-facts dt{font-size:16px}
#view-tempsure .sp-expertise-facts dd{font-size:14px}
#view-tempsure .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-tempsure .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-tempsure .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-tempsure .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .sp-flow{list-style:none;padding:0}
#view-tempsure .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-tempsure .sp-flow-head img,#view-tempsure .sp-video video{border:1px solid var(--sp-border)}
#view-tempsure .sp-recovery{border:0}
#view-tempsure .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-tempsure .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-tempsure .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-tempsure .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-tempsure .sp-visit-info a{color:var(--on-night)}
#view-tempsure a:focus-visible,#view-tempsure summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-tempsure .sp-entry-links{grid-template-columns:1fr}
 #view-tempsure .sp-entry-link,#view-tempsure .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-tempsure .sp-entry-link:last-child{border-bottom:0}
 #view-tempsure .sp-entry-link strong{font-size:18px}
 #view-tempsure .sp-entry-link span span{margin-top:3px}
 #view-tempsure .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-tempsure .sp-consult h3{font-size:22px}
 #view-tempsure .sp-consult ul{display:block}
 #view-tempsure .sp-consult li{margin-top:6px}
 #view-tempsure .sp-consult .btn{width:100%}
 #view-tempsure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-tempsure .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-tempsure .sp-recovery>div::before{top:4px;left:-5px}
 #view-tempsure .sp-recovery>div:last-child{padding-bottom:0}
 #view-tempsure .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-tempsure *{scroll-behavior:auto;transition:none}}

#view-tempsure .sp-type-art img{max-height:145px}
#view-tempsure .sp-type-body{padding:20px}
#view-tempsure .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-tempsure .sp-price>p.sp-price-unit,#view-tempsure .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-tempsure .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-tempsure .sp-price{padding:26px 0}
 #view-tempsure .sp-price-description{margin-bottom:20px}
 #view-tempsure .sp-price>.sp-note{min-height:0}
 #view-tempsure .sp-price h3{font-size:23px}
 #view-tempsure .sp-price .sp-yen{font-size:20px}
 #view-tempsure .sp-price-intro{padding:22px;gap:16px}
 #view-tempsure .sp-price-intro>div{flex-basis:100%}
}

#view-tempsure .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-tempsure .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-tempsure .sp-consult-fees>div:last-child{border-bottom:0}
#view-tempsure .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-tempsure .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-tempsure .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-tempsure .sp-consult-fees{flex-basis:100%}#view-tempsure .sp-consult-fees dd{font-size:21px}#view-tempsure .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-tempsure .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-tempsure .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-tempsure .sp-price-intro{padding:20px 18px;gap:18px}
 #view-tempsure .sp-consult-fees{flex-basis:100%;width:100%}
 #view-tempsure .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-tempsure .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-tempsure .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-tempsure .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-tempsure .sp-fee-period::before{content:none}
 html[lang="en"] #view-tempsure .sp-fee-period{white-space:normal;font-size:14px}
 #view-tempsure .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-tempsure .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-tempsure .sp-prices{gap:16px;border:0}
 #view-tempsure .sp-price,#view-tempsure .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-tempsure .sp-price-heading{order:0;margin-bottom:14px}
 #view-tempsure .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-tempsure .sp-price h3{font-size:22px;letter-spacing:0}
 #view-tempsure .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-tempsure .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-tempsure .sp-price .sp-price-unit{font-size:12px}
 #view-tempsure .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-tempsure .sp-price>.sp-note{order:3;margin-top:10px}
 #view-tempsure .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-tempsure .sp-price,#view-tempsure .sp-price+.sp-price{padding:20px 16px}
 #view-tempsure .sp-price h3{font-size:20px}
 #view-tempsure .sp-price .sp-yen{font-size:20px}
 #view-tempsure .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-tempsure .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-tempsure .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-tempsure .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-tempsure .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-tempsure .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-tempsure .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-tempsure .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-tempsure .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-tempsure .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-tempsure .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-tempsure .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-tempsure .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-tempsure .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-tempsure .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-tempsure .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-tempsure .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-tempsure .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-tempsure .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-tempsure .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-tempsure .sp-entry-hint{margin:8px 0 22px}
#view-tempsure .sp-entry-links{gap:14px;border:0}
#view-tempsure .sp-entry-link,#view-tempsure .sp-entry-link:first-child,#view-tempsure .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-tempsure .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-tempsure .sp-entry-link:hover,#view-tempsure .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-tempsure .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-tempsure .sp-entry-copy{min-width:0}
#view-tempsure .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-tempsure .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-tempsure .sp-entry-question{font-size:22px}
 #view-tempsure .sp-entry-link,#view-tempsure .sp-entry-link:first-child,#view-tempsure .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-tempsure .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-tempsure .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-tempsure .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .sp-anes{margin-top:10px}
#view-tempsure .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-tempsure .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-tempsure .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-tempsure .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-tempsure .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-tempsure .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-tempsure .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-tempsure .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-tempsure .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-tempsure .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-tempsure .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-tempsure .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-tempsure .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-tempsure .hg-head>div{min-width:0}
#view-tempsure .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-tempsure .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-tempsure .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-tempsure .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-tempsure .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-tempsure .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-tempsure .hg-menu-photo{margin:0}
#view-tempsure .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-tempsure .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-tempsure .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-tempsure .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-tempsure .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-tempsure .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-tempsure .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-tempsure .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-tempsure .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-tempsure .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-tempsure .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-tempsure .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-tempsure .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-tempsure .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-tempsure .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-tempsure .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-tempsure .hg-menu-note{margin:14px 0 0}
#view-tempsure .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-tempsure .hg-menu-links-label{margin-right:4px}
#view-tempsure .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-tempsure .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-tempsure .hg-menu-fees{gap:8px}#view-tempsure .hg-fee{padding:14px 14px 12px}#view-tempsure .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-tempsure .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-tempsure .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-tempsure .hg-menu-range{margin:14px 0 0}
#view-tempsure .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-tempsure .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-tempsure .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-tempsure .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-tempsure .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-tempsure .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-tempsure .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-tempsure .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-tempsure .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-tempsure .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-tempsure .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-tempsure .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-tempsure .cg-card{padding:0;background:transparent;border:0}
#view-tempsure .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-tempsure .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-tempsure .cg-card .case-image{margin:0}
#view-tempsure .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-tempsure .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-tempsure .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-tempsure .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-tempsure .cg-details summary:hover{color:var(--gold-ink)}
#view-tempsure .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-tempsure .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-tempsure .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-tempsure .cg-details dt{padding-top:13px}
#view-tempsure .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-tempsure .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-tempsure .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-tempsure .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-tempsure .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-tempsure .sp-section .dn-gallery,#view-tempsure .sp-section .sw-gallery,#view-tempsure .sp-section .pc-lecture-figs,#view-tempsure .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-tempsure .sp-section .sw-interview,#view-tempsure .sp-section .ul-doctor-grid,#view-tempsure .sp-section .sv-doctor-hero,#view-tempsure .sp-section .wrx-evidence,#view-tempsure .sp-section .uex-evidence,#view-tempsure .sp-section .ml-doctor-grid,#view-tempsure .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-tempsure .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-tempsure .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-tempsure .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-tempsure .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-tempsure .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-tempsure .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-tempsure .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-tempsure .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-tempsure .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-tempsure .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-tempsure .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-tempsure .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-tempsure .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .hgd-svg{display:block;width:100%;height:auto}
#view-tempsure .hgd-sp{display:none}
#view-tempsure .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-tempsure .hgd-layer{font-size:30px}
#view-tempsure .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-tempsure .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-tempsure .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-tempsure .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-tempsure .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-tempsure .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-tempsure .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-tempsure .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-tempsure .hgd-art{opacity:.92}
#view-tempsure .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-tempsure .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-tempsure .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-tempsure .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-tempsure .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-tempsure .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-tempsure .hgd-layer{font-size:25px}
html[lang^="en"] #view-tempsure .hgd-sub{font-size:19px}
html[lang^="en"] #view-tempsure .hgd-br{font-size:27px}
#view-tempsure .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-tempsure .hgd-pc .hgd-layer{font-size:38px}
 #view-tempsure .hgd-pc .hgd-sub{font-size:30px}
 #view-tempsure .hgd-pc .hgd-name{font-size:42px}
 #view-tempsure .hgd-pc .hgd-kind{font-size:31px}
 #view-tempsure .hgd-pc .hgd-br{font-size:36px}
 #view-tempsure .hgd-pc .hgd-mm{font-size:40px}
 #view-tempsure .hgd-pc .hgd-note{font-size:26px}
 #view-tempsure .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-tempsure .hg-lineup img{width:72px;height:72px}
 #view-tempsure .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-tempsure .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-tempsure .hg-lineup,#view-tempsure .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-tempsure .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-tempsure .hg-lineup img{width:56px;height:56px}
 #view-tempsure .hg-lineup figcaption{padding:7px 8px}
 #view-tempsure .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-tempsure .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-tempsure .hg-lineup figcaption small{font-size:10.5px}
 #view-tempsure .hgd-pc{display:none}
 #view-tempsure .hgd-sp{display:block}
 #view-tempsure .hgd-layer,#view-tempsure .hgd-name,#view-tempsure .hgd-br,#view-tempsure .hgd-mm{font-size:34px}
 #view-tempsure .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-tempsure .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-tempsure .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-tempsure .hgd-layer{font-size:30px}
 #view-tempsure .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-tempsure .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-tempsure .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-tempsure. */
#view-tempsure .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-tempsure .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-tempsure .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-tempsure .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-tempsure .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-tempsure .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-tempsure .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-tempsure .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-tempsure .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-tempsure .pc-table th,#view-tempsure .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-tempsure .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-tempsure .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-tempsure .pc-table tbody tr:last-child th,#view-tempsure .pc-table tbody tr:last-child td{border-bottom:0}
#view-tempsure .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-tempsure .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-tempsure .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-tempsure .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-tempsure .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-tempsure .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-tempsure .pc-point-face{width:92px;height:92px}}
#view-tempsure .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-tempsure .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-tempsure .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-tempsure .pc-explain p+p{margin-top:12px}
#view-tempsure .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-tempsure .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-tempsure .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-tempsure .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-tempsure .pc-books h3{font-size:18px;margin-bottom:12px}
#view-tempsure .pc-books ul{list-style:none;padding:0;margin:0}
#view-tempsure .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-tempsure .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-tempsure .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-tempsure .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-tempsure .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-tempsure .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-tempsure .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-tempsure .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-tempsure .pc-tag{margin:0}
#view-tempsure .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-tempsure .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-tempsure .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-tempsure .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-tempsure .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-tempsure .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-tempsure .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-tempsure .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-tempsure .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-tempsure .pc-approval>div:last-child{border-bottom:0}
#view-tempsure .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-tempsure .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-tempsure .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-tempsure .pc-glance,#view-tempsure .pc-modes{grid-template-columns:1fr}#view-tempsure .pc-explain{grid-template-columns:1fr}#view-tempsure .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-tempsure .pc-concern-links{grid-template-columns:1fr}#view-tempsure .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-tempsure .pc-books,#view-tempsure .pc-quote,#view-tempsure .pc-point{padding:20px}#view-tempsure .pc-glance-num span{font-size:32px}#view-tempsure .pc-table{font-size:13px}#view-tempsure .pc-table th,#view-tempsure .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-tempsure .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-tempsure .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-tempsure .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-tempsure .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-tempsure .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-tempsure .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-tempsure .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-tempsure .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-tempsure .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-tempsure .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-tempsure .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-tempsure .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-tempsure .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-tempsure .pc-video{margin:0 0 28px;max-width:820px}
#view-tempsure .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-tempsure .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-tempsure .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-tempsure .pc-lasers-media .pc-video,#view-tempsure .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-tempsure .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-tempsure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-tempsure .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-tempsure .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-tempsure .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-tempsure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-tempsure .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-tempsure .pc-hero-video .sp-video{margin:0}
#view-tempsure .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-tempsure .pc-cell-label{display:none}
@media(max-width:760px){
#view-tempsure .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-tempsure .pc-table{min-width:0;display:block;font-size:14px}
#view-tempsure .pc-table caption{display:block;padding:0 0 10px}
#view-tempsure .pc-table thead{display:none}
#view-tempsure .pc-table tbody{display:block}
#view-tempsure .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-tempsure .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-tempsure .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-tempsure .pc-table tr td:last-child{border-bottom:0}
#view-tempsure .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-tempsure .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-tempsure .pc-cell-value{display:block;line-height:1.75}
}
#view-tempsure .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-tempsure .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-tempsure .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-tempsure .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-tempsure .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-tempsure .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-tempsure .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-tempsure .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-tempsure .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-tempsure .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-tempsure .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-tempsure .pcx-video{margin:0 0 26px;max-width:780px}
#view-tempsure .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-tempsure .pcx-table-details{margin-top:18px}
#view-tempsure .pcx-table-details .pc-table-wrap{margin-top:0}
#view-tempsure .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-tempsure .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-tempsure .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-tempsure #pc-lasers .pc-point{margin-top:40px}
#view-tempsure .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-tempsure .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-tempsure .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-tempsure .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-tempsure .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-tempsure .pcx-case-hint{margin-top:6px}
#view-tempsure #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-tempsure .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-tempsure .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-tempsure .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-tempsure .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-tempsure .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-tempsure .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-tempsure .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-tempsure .pcx-hero-points{margin-top:22px}
#view-tempsure .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-tempsure .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-tempsure .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-tempsure .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-tempsure .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-tempsure .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-tempsure .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-tempsure .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-tempsure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-tempsure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-tempsure .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-tempsure .pcx-mode-art img{display:block;width:100%;height:auto}
#view-tempsure .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-tempsure .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-tempsure .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-tempsure .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-tempsure .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-tempsure .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-tempsure .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-tempsure .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-tempsure .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-tempsure .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-tempsure .pcx-case-sep{display:none}
  #view-tempsure .pcx-case-name{display:block}
  #view-tempsure .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-tempsure .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-tempsure .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-tempsure .pcx-diff-changed{border-top-color:var(--gold)}
#view-tempsure .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-tempsure .pcx-diff-card dl{margin:0}
#view-tempsure .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-tempsure .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-tempsure .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-tempsure .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-tempsure .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-tempsure .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-tempsure .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-tempsure .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-tempsure .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-tempsure .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-tempsure .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-tempsure .pcx-history>li:last-child{padding-bottom:0}
#view-tempsure .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-tempsure .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-tempsure .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-tempsure .pcx-h-tag{margin:0 0 4px}
#view-tempsure .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-tempsure .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-tempsure .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-tempsure .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-tempsure .pcx-history-wrap>.sp-note{margin-top:20px}
#view-tempsure #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-tempsure .pcx-diff{grid-template-columns:1fr}
 #view-tempsure .pcx-diff-card{padding:18px 16px 14px}
 #view-tempsure .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-tempsure .pcx-depth{padding:16px}
 #view-tempsure .pcx-history::before{left:3.4em}
 #view-tempsure .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-tempsure .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-tempsure .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-tempsure .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-tempsure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-tempsure .pcx-h-photo{margin:4px 0 0}
#view-tempsure .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-tempsure .pcx-h-device .pcx-h-photo img,#view-tempsure #pc-history .pcx-h-photo img[src*="picosure-"],#view-tempsure #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-tempsure .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-tempsure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-tempsure .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-tempsure. */
#view-tempsure .sw-device-photo{max-width:820px}
#view-tempsure .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-tempsure .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-tempsure .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .sw-figures{max-width:none}
#view-tempsure .sw-figure img{display:block;width:100%;height:auto}
#view-tempsure .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-tempsure .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-tempsure .sw-figures .sw-figure{margin:0}
#view-tempsure .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-tempsure .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-tempsure .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-tempsure .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-tempsure .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .pc-explain h3+p+h3{margin-top:22px}
#view-tempsure .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-tempsure .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-tempsure .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-tempsure .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-tempsure .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-tempsure .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-tempsure .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-tempsure .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-tempsure .sw-history li{position:relative;padding:0 0 22px 28px}
#view-tempsure .sw-history li:last-child{padding-bottom:0}
#view-tempsure .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-tempsure .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-tempsure .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-tempsure .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-tempsure .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-tempsure .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-tempsure .sw-gallery figure{margin:0}
#view-tempsure .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-tempsure .sw-gallery img.is-portrait{object-position:50% 30%}
#view-tempsure .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-tempsure .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-tempsure .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-tempsure .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-tempsure .sw-case-photo{margin:0;background:#111}
#view-tempsure .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-tempsure .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-tempsure .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-tempsure .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-tempsure .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-tempsure .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-tempsure .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-tempsure .sw-area-prices li:last-child{border-bottom:0}
#view-tempsure .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-tempsure .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-tempsure .sw-papers,#view-tempsure .sw-history-wrap,#view-tempsure .sw-cases,#view-tempsure .sw-price-list{grid-template-columns:1fr}#view-tempsure .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-tempsure .sw-steps,#view-tempsure .sw-figures,#view-tempsure .sw-gallery{grid-template-columns:1fr}#view-tempsure .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-tempsure .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-tempsure .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .sw-interview-video{margin:0;max-width:none}
#view-tempsure .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-tempsure .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-tempsure .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-tempsure .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-tempsure .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-tempsure .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-tempsure .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-tempsure .sw-ttt-design,#view-tempsure .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .sw-ttt-face,#view-tempsure .sw-heat-field{margin:0}
#view-tempsure .sw-ttt-face img,#view-tempsure .sw-heat-field img{display:block;width:100%;height:auto}
#view-tempsure .sw-heat-field img{border:1px solid var(--sp-border)}
#view-tempsure .sw-ttt-face figcaption,#view-tempsure .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-tempsure .sw-ttt-text .sp-kicker,#view-tempsure .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-tempsure .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-tempsure .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-tempsure .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-tempsure .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-tempsure .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-tempsure .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-tempsure .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-tempsure .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-tempsure .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-tempsure .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-tempsure .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-tempsure .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-tempsure .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-tempsure .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-tempsure .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-tempsure .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-tempsure .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-tempsure .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-tempsure .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-tempsure .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-tempsure .sw-ttt-design,#view-tempsure .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-tempsure .sw-ttt-face,#view-tempsure .sw-heat-field{max-width:420px}#view-tempsure .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-tempsure .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-tempsure .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-tempsure .sw-ct-cases-head{margin:44px 0 18px}
#view-tempsure .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-tempsure .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-tempsure .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-tempsure .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-tempsure .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-tempsure .sw-ct-group{margin-top:40px}
#view-tempsure .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-tempsure .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-tempsure .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-tempsure .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-tempsure .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-tempsure .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-tempsure .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-tempsure .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-tempsure .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-tempsure .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-tempsure .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-tempsure .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-tempsure .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-tempsure .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-tempsure .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-tempsure .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-tempsure .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-tempsure .sw-table-details,#view-tempsure .sw-record{margin-top:26px}
#view-tempsure .sw-table-details .sp-disclosure-content,#view-tempsure .sw-record .sp-disclosure-content,#view-tempsure .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-tempsure .sw-table-details .pc-table-wrap{margin-top:0}
#view-tempsure .sw-record .sw-history-wrap{margin-top:6px}
#view-tempsure .sw-ct-more{margin-top:18px}
#view-tempsure .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-tempsure .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-tempsure .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-tempsure .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-tempsure .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-tempsure .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-tempsure .sw-3d-video{margin:0;max-width:none}
#view-tempsure .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-tempsure .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-tempsure .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-tempsure .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-tempsure .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-tempsure .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-tempsure .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-tempsure .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-tempsure .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-tempsure .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-tempsure .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-tempsure .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-tempsure .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-tempsure .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-tempsure .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-tempsure .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-tempsure .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-tempsure .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-tempsure .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-tempsure .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-tempsure .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-tempsure .swx-hero-points{margin-top:22px}
#view-tempsure .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-tempsure .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-tempsure .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-tempsure .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-tempsure .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-tempsure .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-tempsure .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-tempsure .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-tempsure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-tempsure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-tempsure .swx-hero-video{margin:0}
#view-tempsure .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-tempsure .sp-video video:not([controls]){pointer-events:none}

/* TempSure Envi device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-tempsure. */
#view-tempsure .tp-hero-video .sp-video{margin:0;max-width:440px;margin-inline:auto}
#view-tempsure .tp-hero-video .sp-video video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;background:#e9e6e1}
#view-tempsure .tp-hero-video figcaption{max-width:440px;margin-inline:auto}
#view-tempsure .tp-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#e9e7e4}
#view-tempsure .tp-device-photo{max-width:720px}
@media(max-width:760px){#view-tempsure .tp-device-photo img{aspect-ratio:1/1;object-position:50% 50%}#view-tempsure .tp-hero-video .sp-video{max-width:100%}}
#view-tempsure .tp-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 8px}
#view-tempsure .tp-uses article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0}
#view-tempsure .tp-uses article h3{margin:0 0 8px;font-size:18px}
#view-tempsure .tp-uses article p{margin:0;font-size:14px;line-height:1.9}
#view-tempsure .tp-uses .sp-source{display:inline-block;margin-top:10px}
@media(max-width:760px){#view-tempsure .tp-uses{grid-template-columns:1fr;gap:12px}}
#view-tempsure .tp-flow-photo{object-position:55% 45%}
/* About: the explanation and the device photo side by side (2026-09-15 user request); stacked on phones. */
#view-tempsure .tp-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:28px}
#view-tempsure .tp-about-grid .sp-heading{margin-bottom:0}
#view-tempsure .tp-about-grid .tp-device-photo{max-width:none}
#view-tempsure .tp-about-grid .tp-device-photo img{height:auto;min-height:0}
@media(max-width:760px){#view-tempsure .tp-about-grid{grid-template-columns:1fr;gap:20px}}
/* Director section: the GMI lecture photo with the hands-on demonstration photo below it (2026-09-15 user request). */
#view-tempsure .tp-expertise-photos{display:grid;gap:18px;align-self:start;min-width:0}
#view-tempsure .tp-expertise-photos figure{margin:0}
/* Fees: POST TREATMENT as one wide card with TempSure and Dermation treatment photos (2026-09-15 user request).
   Text children stay direct children of .sp-price so the shared phone card ordering keeps working. */
#view-tempsure .tp-post-list{grid-template-columns:1fr}
#view-tempsure .tp-post-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
#view-tempsure .tp-post-photos figure{margin:0;min-width:0}
/* Both clips are pre-cropped to 4:5 (480x600, silent, about 0.2-0.3 MB) and load only when the card is on screen (tempsure-page.js). */
#view-tempsure .tp-post-photos video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#e9e6e1}
#view-tempsure .tp-post-photos figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
/* Phones reorder card children (heading 0, amount 1, description 2); keep the regular-price row right after the special price. */
#view-tempsure .tp-post-card>.sw-area-prices{order:1}
@media(min-width:901px){#view-tempsure .tp-post-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:40px;align-content:start}#view-tempsure .tp-post-card>.tp-post-photos{grid-column:1;grid-row:1 / span 6;margin-bottom:0;align-self:start}#view-tempsure .tp-post-card>:not(.tp-post-photos){grid-column:2}#view-tempsure .tp-post-card>.sp-price-description{flex:none}}
/* Director column: both photos fill the same width; each keeps its own ratio instead of the shared 3:2 box,
   which letterboxed the 4:3 live-demonstration photo and made it look narrower (2026-09-16 user request). */
#view-tempsure .sp-expertise-grid .tp-expertise-photos figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
/* POST TREATMENT summary card under the hero, and the eligibility-split actions in the fee section
   (2026-09-16 user request: the menu, not the device, is what this page offers). */
#view-tempsure .tp-offer{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:34px 40px 30px}
#view-tempsure .tp-offer h2{margin:6px 0 14px;font-size:27px;line-height:1.5}
#view-tempsure .tp-offer-lead{margin:0 0 24px;max-width:62em}
#view-tempsure .tp-offer-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:start}
#view-tempsure .tp-offer-facts{margin:0;display:grid;gap:12px}
#view-tempsure .tp-offer-facts>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding-bottom:12px;border-bottom:1px solid var(--sp-border)}
#view-tempsure .tp-offer-facts dt{font-size:13px;color:var(--ink-3);letter-spacing:.06em;padding-top:2px}
#view-tempsure .tp-offer-facts dd{margin:0;font-size:15px;line-height:1.8}
#view-tempsure .tp-offer-price{background:var(--sp-soft);padding:22px 24px}
#view-tempsure .tp-offer-price .sp-kicker{margin:0 0 4px}
#view-tempsure .tp-offer-now{margin:0;color:var(--gold-ink);display:flex;align-items:baseline;gap:4px}
#view-tempsure .tp-offer-now span{font:500 44px/1.1 var(--fig);letter-spacing:.02em}
#view-tempsure .tp-offer-now small{font-size:15px}
#view-tempsure .tp-offer-was{margin:6px 0 0;font-size:13.5px;color:var(--ink-2)}
#view-tempsure .tp-offer .sp-note{margin-top:10px}
#view-tempsure .tp-offer .sp-actions{margin-top:26px}
#view-tempsure .tp-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
#view-tempsure .tp-paths>div{background:#fff;border:1px solid var(--sp-border);padding:24px 26px}
#view-tempsure .tp-paths h3{margin:0 0 10px;font-size:18px}
#view-tempsure .tp-paths p{margin:0;font-size:14px;line-height:1.9}
#view-tempsure .tp-paths .sp-actions{margin-top:18px}
@media(max-width:760px){#view-tempsure .tp-offer{padding:26px 20px 24px}#view-tempsure .tp-offer h2{font-size:22px}#view-tempsure .tp-offer-body{grid-template-columns:1fr;gap:22px}#view-tempsure .tp-offer-facts>div{grid-template-columns:70px minmax(0,1fr);gap:12px}#view-tempsure .tp-offer-now span{font-size:36px}#view-tempsure .tp-paths{grid-template-columns:1fr}}
/* Consultation fees sit under the POST TREATMENT card, in smaller type (2026-09-16 user request). */
#view-tempsure .tp-consult{margin:22px 0 0;padding:18px 22px;align-items:flex-start}
#view-tempsure .tp-consult h3{font-size:15px;line-height:1.6}
#view-tempsure .tp-consult p{font-size:12.5px;line-height:1.85;margin-top:5px}
#view-tempsure .tp-consult .sp-consult-fees>div{padding:8px 0}
#view-tempsure .tp-consult .sp-consult-fees dt{font-size:12.5px}
#view-tempsure .tp-consult .sp-consult-fees dd{font-size:17px}
#view-tempsure .tp-consult .sp-consult-fees small{font-size:11px}
#view-tempsure .tp-consult .sp-consult-fees>div:nth-child(n+2) dt{font-size:11.5px}
#view-tempsure .tp-consult .sp-consult-fees>div:nth-child(n+2) dd{font-size:15px}
@media(max-width:760px){#view-tempsure .tp-consult{padding:16px 16px}#view-tempsure .tp-consult .sp-consult-fees dd{font-size:17px}#view-tempsure .tp-consult .sp-consult-fees>div:nth-child(n+2) dd{font-size:15px}#view-tempsure .tp-consult .sp-fee-period{font-size:12.5px}}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-tempsure .tp-hero-points{margin-top:22px}
#view-tempsure .tp-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-tempsure .tp-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-tempsure .tp-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-tempsure .tp-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-tempsure .tp-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-tempsure .tp-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-tempsure .tp-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-tempsure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-tempsure .sp-heading h2>.sp-h2-main{display:block}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-synerjet{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-synerjet .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-synerjet .sp-soft{background:var(--sp-soft)}
#view-synerjet .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-synerjet .sp-heading{margin-bottom:26px;max-width:46em}
#view-synerjet .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-synerjet .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-synerjet .sp-heading .sp-kicker{margin-top:0}
#view-synerjet .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-synerjet .sp-note a,#view-synerjet .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-synerjet .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-synerjet .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-synerjet .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-synerjet .crumbs span::before{content:none}
#view-synerjet .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-synerjet .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-synerjet .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-synerjet .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-synerjet .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-synerjet .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-synerjet .sp-hero-trust a{margin-top:7px}
#view-synerjet .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-synerjet .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-synerjet .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-synerjet .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-synerjet .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-synerjet .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-synerjet .sp-nav a{flex-shrink:0}
#view-synerjet .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-synerjet .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-synerjet .sp-nav a:hover{color:var(--gold-ink)}
#view-synerjet .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-synerjet .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-synerjet .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-synerjet .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-synerjet .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-synerjet .sp-type-body{padding:21px 22px 22px}
#view-synerjet .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-synerjet .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-synerjet .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-synerjet .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-synerjet .sp-type .sp-source{margin-top:12px}
#view-synerjet .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-synerjet .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-synerjet .sp-case-head{padding:20px 22px 16px}
#view-synerjet .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-synerjet .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-synerjet .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-synerjet .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-synerjet .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-synerjet .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-synerjet .sp-case-body{padding:18px 22px 22px}
#view-synerjet .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-synerjet .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-synerjet .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-synerjet .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-synerjet .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-synerjet .sp-case-body .sp-source{margin-top:14px}
#view-synerjet .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-synerjet .sp-case-details>summary{min-height:48px}
#view-synerjet .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-synerjet .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-synerjet .sp-approach-list{display:grid;gap:0}
#view-synerjet .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-synerjet .sp-approach-item:first-child{padding-top:0}
#view-synerjet .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-synerjet .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-synerjet .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-synerjet .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-synerjet .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-synerjet .sp-doctor h3{font-size:21px;line-height:1.5}
#view-synerjet .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-synerjet .sp-doctor .sp-source{white-space:nowrap}
#view-synerjet .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-synerjet .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-synerjet .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-synerjet .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-synerjet .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-synerjet .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-synerjet .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .sp-expertise-facts>div:first-child{padding-top:0}
#view-synerjet .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-synerjet .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-synerjet .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-synerjet .sp-expertise-grid figure{max-width:480px}
 #view-synerjet .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-synerjet .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-synerjet .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-synerjet .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-synerjet .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-synerjet .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-synerjet .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-synerjet .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-synerjet .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-synerjet .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-synerjet .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-synerjet .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-synerjet .sp-disclosure>summary::after{content:'＋';flex:none}
#view-synerjet .sp-disclosure[open]>summary::after{content:'−'}
#view-synerjet .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .sp-disclosure-content p+p{margin-top:12px}
#view-synerjet .sp-approval-list{display:grid;gap:10px}
#view-synerjet .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-synerjet .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-synerjet .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-synerjet .sp-price-intro>div{flex:1 1 320px}
#view-synerjet .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-synerjet .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-synerjet .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-synerjet .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-synerjet .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-synerjet .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-synerjet .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-synerjet .sp-price-heading{margin-bottom:16px}
#view-synerjet .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-synerjet .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-synerjet .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-synerjet .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-synerjet .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-synerjet .sp-price .sp-yen{display:block;margin:0}
#view-synerjet .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-synerjet .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-synerjet .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-synerjet .sp-price-list{margin-top:8px}
#view-synerjet .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-synerjet .sp-price-list dt{min-width:0}
#view-synerjet .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-synerjet .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-synerjet .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-synerjet .sp-flow-head{display:block;margin-bottom:14px}
#view-synerjet .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-synerjet .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-synerjet .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-synerjet .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-synerjet .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-synerjet .sp-recovery>div:last-child{border-right:0}
#view-synerjet .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-synerjet .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-synerjet .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .sp-risk-details{margin-top:22px}
#view-synerjet .sp-faq{margin-inline:0}
#view-synerjet .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-synerjet .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-synerjet .sp-tech h3{font-size:22px;line-height:1.6}
#view-synerjet .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-synerjet .sp-tech h3+p{margin-top:10px}
#view-synerjet .sp-video>summary{cursor:pointer;list-style:none}
#view-synerjet .sp-video>summary::-webkit-details-marker{display:none}
#view-synerjet .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-synerjet .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-synerjet .sp-flow-text{display:block;margin-top:12px}
#view-synerjet .sp-video-body{padding-bottom:16px}
#view-synerjet .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-synerjet .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-synerjet .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-synerjet .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-synerjet .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-synerjet .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-synerjet .sp-tech>img{width:76px;height:99px}
 #view-synerjet .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-synerjet .sp-homecare>img{max-height:220px}
}
#view-synerjet .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-synerjet .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-synerjet .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-synerjet .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-synerjet .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-synerjet .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-synerjet .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-synerjet .sp-final .btn{font-size:14px}
#view-synerjet .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-synerjet :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-synerjet .sp-devices{grid-template-columns:1fr}
  #view-synerjet .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-synerjet .sp-device-head{margin-bottom:0}
  #view-synerjet .sp-device .sp-disclosure{grid-column:1/-1}
  #view-synerjet .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-synerjet .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-synerjet .sp-doctor>img{width:90px;height:100px}
  #view-synerjet .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-synerjet .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-synerjet .sp-hero h1{font-size:32px}
  #view-synerjet .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-synerjet .sp-hero-lead{margin-top:17px}
  #view-synerjet .sp-hero-photo img{aspect-ratio:16/9}
  #view-synerjet .sp-hero-photo figcaption{font-size:12px}
  #view-synerjet .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-synerjet .sp-types,#view-synerjet .sp-cases,#view-synerjet .sp-approach,#view-synerjet .sp-prices{grid-template-columns:1fr}
  #view-synerjet .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-synerjet .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-synerjet .sp-type-body{padding:19px 20px}
  #view-synerjet .sp-type h3{font-size:20px}
  #view-synerjet .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-synerjet .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-synerjet .sp-approach{gap:24px}
  #view-synerjet .sp-approach-image img{max-height:260px}
  #view-synerjet .sp-recovery{grid-template-columns:1fr}
  #view-synerjet .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-synerjet .sp-recovery>div:last-child{border-bottom:0}
  #view-synerjet .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-synerjet .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-synerjet .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-synerjet .sp-hero h1{font-size:29px}
  #view-synerjet .sp-actions{align-items:stretch}
  #view-synerjet .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-synerjet .sp-type{grid-template-columns:1fr}
  #view-synerjet .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-synerjet .sp-type-art img{max-height:130px}
  #view-synerjet .sp-layer-labels{justify-content:center;gap:26px}
  #view-synerjet .sp-type-body{padding:19px 20px}
  #view-synerjet .sp-case-head,#view-synerjet .sp-case-body{padding-inline:18px}
  #view-synerjet .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-synerjet .sp-case-photos{padding-inline:10px;gap:4px}
  #view-synerjet .sp-device{display:block;padding:20px}
  #view-synerjet .sp-device-head{margin-bottom:14px}
  #view-synerjet .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-synerjet .sp-flow>li{padding:18px 20px}
  #view-synerjet .sp-flow-head{margin-bottom:10px}
  #view-synerjet .sp-price{padding:22px}
  #view-synerjet .sp-price-intro{padding:20px}
  #view-synerjet .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-synerjet .sp-price-list dd{flex-basis:100%}
  #view-synerjet .sp-doctor{gap:14px}
  #view-synerjet .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-synerjet :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-synerjet .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-synerjet .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-synerjet .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-synerjet .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-synerjet .sp-entry-link:first-child{padding-left:0}
#view-synerjet .sp-entry-link:last-child{border-right:0}
#view-synerjet .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-synerjet .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-synerjet .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-synerjet .sp-entry-link:hover{background:var(--sp-soft)}
#view-synerjet .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-synerjet .sp-consult h3{font-size:24px;line-height:1.65}
#view-synerjet .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-synerjet .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-synerjet .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-synerjet .sp-consult .sp-note{margin-top:7px}
#view-synerjet #s-doctor-section{padding-top:58px}
#view-synerjet #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-synerjet .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-synerjet .sp-expertise-grid figure{align-self:center}
#view-synerjet .sp-expertise-facts dt{font-size:16px}
#view-synerjet .sp-expertise-facts dd{font-size:14px}
#view-synerjet .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-synerjet .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-synerjet .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-synerjet .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .sp-flow{list-style:none;padding:0}
#view-synerjet .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-synerjet .sp-flow-head img,#view-synerjet .sp-video video{border:1px solid var(--sp-border)}
#view-synerjet .sp-recovery{border:0}
#view-synerjet .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-synerjet .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-synerjet .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-synerjet .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-synerjet .sp-visit-info a{color:var(--on-night)}
#view-synerjet a:focus-visible,#view-synerjet summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-synerjet .sp-entry-links{grid-template-columns:1fr}
 #view-synerjet .sp-entry-link,#view-synerjet .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-synerjet .sp-entry-link:last-child{border-bottom:0}
 #view-synerjet .sp-entry-link strong{font-size:18px}
 #view-synerjet .sp-entry-link span span{margin-top:3px}
 #view-synerjet .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-synerjet .sp-consult h3{font-size:22px}
 #view-synerjet .sp-consult ul{display:block}
 #view-synerjet .sp-consult li{margin-top:6px}
 #view-synerjet .sp-consult .btn{width:100%}
 #view-synerjet .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-synerjet .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-synerjet .sp-recovery>div::before{top:4px;left:-5px}
 #view-synerjet .sp-recovery>div:last-child{padding-bottom:0}
 #view-synerjet .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-synerjet *{scroll-behavior:auto;transition:none}}

#view-synerjet .sp-type-art img{max-height:145px}
#view-synerjet .sp-type-body{padding:20px}
#view-synerjet .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-synerjet .sp-price>p.sp-price-unit,#view-synerjet .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-synerjet .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-synerjet .sp-price{padding:26px 0}
 #view-synerjet .sp-price-description{margin-bottom:20px}
 #view-synerjet .sp-price>.sp-note{min-height:0}
 #view-synerjet .sp-price h3{font-size:23px}
 #view-synerjet .sp-price .sp-yen{font-size:20px}
 #view-synerjet .sp-price-intro{padding:22px;gap:16px}
 #view-synerjet .sp-price-intro>div{flex-basis:100%}
}

#view-synerjet .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-synerjet .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .sp-consult-fees>div:last-child{border-bottom:0}
#view-synerjet .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-synerjet .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-synerjet .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-synerjet .sp-consult-fees{flex-basis:100%}#view-synerjet .sp-consult-fees dd{font-size:21px}#view-synerjet .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-synerjet .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-synerjet .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-synerjet .sp-price-intro{padding:20px 18px;gap:18px}
 #view-synerjet .sp-consult-fees{flex-basis:100%;width:100%}
 #view-synerjet .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-synerjet .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-synerjet .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-synerjet .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-synerjet .sp-fee-period::before{content:none}
 html[lang="en"] #view-synerjet .sp-fee-period{white-space:normal;font-size:14px}
 #view-synerjet .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-synerjet .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-synerjet .sp-prices{gap:16px;border:0}
 #view-synerjet .sp-price,#view-synerjet .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-synerjet .sp-price-heading{order:0;margin-bottom:14px}
 #view-synerjet .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-synerjet .sp-price h3{font-size:22px;letter-spacing:0}
 #view-synerjet .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-synerjet .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-synerjet .sp-price .sp-price-unit{font-size:12px}
 #view-synerjet .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-synerjet .sp-price>.sp-note{order:3;margin-top:10px}
 #view-synerjet .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-synerjet .sp-price,#view-synerjet .sp-price+.sp-price{padding:20px 16px}
 #view-synerjet .sp-price h3{font-size:20px}
 #view-synerjet .sp-price .sp-yen{font-size:20px}
 #view-synerjet .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-synerjet .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-synerjet .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-synerjet .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-synerjet .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-synerjet .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-synerjet .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-synerjet .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-synerjet .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-synerjet .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-synerjet .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-synerjet .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-synerjet .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-synerjet .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-synerjet .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-synerjet .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-synerjet .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-synerjet .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-synerjet .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-synerjet .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-synerjet .sp-entry-hint{margin:8px 0 22px}
#view-synerjet .sp-entry-links{gap:14px;border:0}
#view-synerjet .sp-entry-link,#view-synerjet .sp-entry-link:first-child,#view-synerjet .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-synerjet .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-synerjet .sp-entry-link:hover,#view-synerjet .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-synerjet .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-synerjet .sp-entry-copy{min-width:0}
#view-synerjet .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-synerjet .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-synerjet .sp-entry-question{font-size:22px}
 #view-synerjet .sp-entry-link,#view-synerjet .sp-entry-link:first-child,#view-synerjet .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-synerjet .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-synerjet .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-synerjet .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .sp-anes{margin-top:10px}
#view-synerjet .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-synerjet .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-synerjet .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-synerjet .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-synerjet .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-synerjet .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-synerjet .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-synerjet .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-synerjet .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-synerjet .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-synerjet .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-synerjet .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-synerjet .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-synerjet .hg-head>div{min-width:0}
#view-synerjet .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-synerjet .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-synerjet .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-synerjet .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-synerjet .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-synerjet .hg-menu-photo{margin:0}
#view-synerjet .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-synerjet .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-synerjet .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-synerjet .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-synerjet .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-synerjet .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-synerjet .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-synerjet .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-synerjet .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-synerjet .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-synerjet .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-synerjet .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-synerjet .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-synerjet .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-synerjet .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-synerjet .hg-menu-note{margin:14px 0 0}
#view-synerjet .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-synerjet .hg-menu-links-label{margin-right:4px}
#view-synerjet .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-synerjet .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-synerjet .hg-menu-fees{gap:8px}#view-synerjet .hg-fee{padding:14px 14px 12px}#view-synerjet .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-synerjet .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-synerjet .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-synerjet .hg-menu-range{margin:14px 0 0}
#view-synerjet .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-synerjet .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-synerjet .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-synerjet .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-synerjet .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-synerjet .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-synerjet .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-synerjet .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-synerjet .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-synerjet .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-synerjet .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-synerjet .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-synerjet .cg-card{padding:0;background:transparent;border:0}
#view-synerjet .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-synerjet .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-synerjet .cg-card .case-image{margin:0}
#view-synerjet .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-synerjet .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-synerjet .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-synerjet .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-synerjet .cg-details summary:hover{color:var(--gold-ink)}
#view-synerjet .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-synerjet .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-synerjet .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-synerjet .cg-details dt{padding-top:13px}
#view-synerjet .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-synerjet .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-synerjet .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-synerjet .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-synerjet .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-synerjet .sp-section .dn-gallery,#view-synerjet .sp-section .sw-gallery,#view-synerjet .sp-section .pc-lecture-figs,#view-synerjet .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-synerjet .sp-section .sw-interview,#view-synerjet .sp-section .ul-doctor-grid,#view-synerjet .sp-section .sv-doctor-hero,#view-synerjet .sp-section .wrx-evidence,#view-synerjet .sp-section .uex-evidence,#view-synerjet .sp-section .ml-doctor-grid,#view-synerjet .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-synerjet .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-synerjet .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-synerjet .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-synerjet .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-synerjet .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-synerjet .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-synerjet .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-synerjet .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-synerjet .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-synerjet .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-synerjet .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-synerjet .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .hgd-svg{display:block;width:100%;height:auto}
#view-synerjet .hgd-sp{display:none}
#view-synerjet .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-synerjet .hgd-layer{font-size:30px}
#view-synerjet .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-synerjet .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-synerjet .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-synerjet .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-synerjet .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-synerjet .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-synerjet .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-synerjet .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-synerjet .hgd-art{opacity:.92}
#view-synerjet .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-synerjet .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-synerjet .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-synerjet .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-synerjet .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-synerjet .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-synerjet .hgd-layer{font-size:25px}
html[lang^="en"] #view-synerjet .hgd-sub{font-size:19px}
html[lang^="en"] #view-synerjet .hgd-br{font-size:27px}
#view-synerjet .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-synerjet .hgd-pc .hgd-layer{font-size:38px}
 #view-synerjet .hgd-pc .hgd-sub{font-size:30px}
 #view-synerjet .hgd-pc .hgd-name{font-size:42px}
 #view-synerjet .hgd-pc .hgd-kind{font-size:31px}
 #view-synerjet .hgd-pc .hgd-br{font-size:36px}
 #view-synerjet .hgd-pc .hgd-mm{font-size:40px}
 #view-synerjet .hgd-pc .hgd-note{font-size:26px}
 #view-synerjet .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-synerjet .hg-lineup img{width:72px;height:72px}
 #view-synerjet .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-synerjet .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-synerjet .hg-lineup,#view-synerjet .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-synerjet .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-synerjet .hg-lineup img{width:56px;height:56px}
 #view-synerjet .hg-lineup figcaption{padding:7px 8px}
 #view-synerjet .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-synerjet .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-synerjet .hg-lineup figcaption small{font-size:10.5px}
 #view-synerjet .hgd-pc{display:none}
 #view-synerjet .hgd-sp{display:block}
 #view-synerjet .hgd-layer,#view-synerjet .hgd-name,#view-synerjet .hgd-br,#view-synerjet .hgd-mm{font-size:34px}
 #view-synerjet .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-synerjet .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-synerjet .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-synerjet .hgd-layer{font-size:30px}
 #view-synerjet .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-synerjet .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-synerjet .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-synerjet. */
#view-synerjet .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-synerjet .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-synerjet .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-synerjet .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-synerjet .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-synerjet .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-synerjet .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-synerjet .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-synerjet .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-synerjet .pc-table th,#view-synerjet .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-synerjet .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-synerjet .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-synerjet .pc-table tbody tr:last-child th,#view-synerjet .pc-table tbody tr:last-child td{border-bottom:0}
#view-synerjet .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-synerjet .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-synerjet .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-synerjet .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-synerjet .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-synerjet .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-synerjet .pc-point-face{width:92px;height:92px}}
#view-synerjet .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-synerjet .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-synerjet .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-synerjet .pc-explain p+p{margin-top:12px}
#view-synerjet .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-synerjet .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-synerjet .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-synerjet .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-synerjet .pc-books h3{font-size:18px;margin-bottom:12px}
#view-synerjet .pc-books ul{list-style:none;padding:0;margin:0}
#view-synerjet .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-synerjet .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-synerjet .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-synerjet .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-synerjet .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-synerjet .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-synerjet .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-synerjet .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-synerjet .pc-tag{margin:0}
#view-synerjet .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-synerjet .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-synerjet .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-synerjet .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-synerjet .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-synerjet .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-synerjet .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-synerjet .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-synerjet .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-synerjet .pc-approval>div:last-child{border-bottom:0}
#view-synerjet .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-synerjet .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-synerjet .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-synerjet .pc-glance,#view-synerjet .pc-modes{grid-template-columns:1fr}#view-synerjet .pc-explain{grid-template-columns:1fr}#view-synerjet .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-synerjet .pc-concern-links{grid-template-columns:1fr}#view-synerjet .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-synerjet .pc-books,#view-synerjet .pc-quote,#view-synerjet .pc-point{padding:20px}#view-synerjet .pc-glance-num span{font-size:32px}#view-synerjet .pc-table{font-size:13px}#view-synerjet .pc-table th,#view-synerjet .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-synerjet .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-synerjet .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-synerjet .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-synerjet .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-synerjet .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-synerjet .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-synerjet .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-synerjet .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-synerjet .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-synerjet .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-synerjet .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-synerjet .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-synerjet .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-synerjet .pc-video{margin:0 0 28px;max-width:820px}
#view-synerjet .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-synerjet .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-synerjet .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-synerjet .pc-lasers-media .pc-video,#view-synerjet .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-synerjet .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-synerjet .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-synerjet .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-synerjet .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-synerjet .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-synerjet .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-synerjet .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-synerjet .pc-hero-video .sp-video{margin:0}
#view-synerjet .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-synerjet .pc-cell-label{display:none}
@media(max-width:760px){
#view-synerjet .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-synerjet .pc-table{min-width:0;display:block;font-size:14px}
#view-synerjet .pc-table caption{display:block;padding:0 0 10px}
#view-synerjet .pc-table thead{display:none}
#view-synerjet .pc-table tbody{display:block}
#view-synerjet .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-synerjet .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-synerjet .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-synerjet .pc-table tr td:last-child{border-bottom:0}
#view-synerjet .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-synerjet .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-synerjet .pc-cell-value{display:block;line-height:1.75}
}
#view-synerjet .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-synerjet .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-synerjet .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-synerjet .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-synerjet .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-synerjet .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-synerjet .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-synerjet .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-synerjet .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-synerjet .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-synerjet .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-synerjet .pcx-video{margin:0 0 26px;max-width:780px}
#view-synerjet .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-synerjet .pcx-table-details{margin-top:18px}
#view-synerjet .pcx-table-details .pc-table-wrap{margin-top:0}
#view-synerjet .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-synerjet .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-synerjet .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-synerjet #pc-lasers .pc-point{margin-top:40px}
#view-synerjet .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-synerjet .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-synerjet .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-synerjet .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-synerjet .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-synerjet .pcx-case-hint{margin-top:6px}
#view-synerjet #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-synerjet .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-synerjet .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-synerjet .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-synerjet .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-synerjet .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-synerjet .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-synerjet .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-synerjet .pcx-hero-points{margin-top:22px}
#view-synerjet .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-synerjet .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-synerjet .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-synerjet .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-synerjet .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-synerjet .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-synerjet .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-synerjet .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-synerjet .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-synerjet .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-synerjet .pcx-mode-art img{display:block;width:100%;height:auto}
#view-synerjet .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-synerjet .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-synerjet .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-synerjet .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-synerjet .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-synerjet .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-synerjet .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-synerjet .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-synerjet .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-synerjet .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-synerjet .pcx-case-sep{display:none}
  #view-synerjet .pcx-case-name{display:block}
  #view-synerjet .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-synerjet .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-synerjet .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-synerjet .pcx-diff-changed{border-top-color:var(--gold)}
#view-synerjet .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-synerjet .pcx-diff-card dl{margin:0}
#view-synerjet .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-synerjet .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-synerjet .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-synerjet .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-synerjet .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-synerjet .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-synerjet .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-synerjet .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-synerjet .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-synerjet .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-synerjet .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-synerjet .pcx-history>li:last-child{padding-bottom:0}
#view-synerjet .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-synerjet .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-synerjet .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-synerjet .pcx-h-tag{margin:0 0 4px}
#view-synerjet .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-synerjet .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-synerjet .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-synerjet .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-synerjet .pcx-history-wrap>.sp-note{margin-top:20px}
#view-synerjet #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-synerjet .pcx-diff{grid-template-columns:1fr}
 #view-synerjet .pcx-diff-card{padding:18px 16px 14px}
 #view-synerjet .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-synerjet .pcx-depth{padding:16px}
 #view-synerjet .pcx-history::before{left:3.4em}
 #view-synerjet .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-synerjet .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-synerjet .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-synerjet .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-synerjet .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-synerjet .pcx-h-photo{margin:4px 0 0}
#view-synerjet .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-synerjet .pcx-h-device .pcx-h-photo img,#view-synerjet #pc-history .pcx-h-photo img[src*="picosure-"],#view-synerjet #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-synerjet .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-synerjet .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-synerjet .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-synerjet. */
#view-synerjet .sw-device-photo{max-width:820px}
#view-synerjet .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-synerjet .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-synerjet .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sw-figures{max-width:none}
#view-synerjet .sw-figure img{display:block;width:100%;height:auto}
#view-synerjet .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-synerjet .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-synerjet .sw-figures .sw-figure{margin:0}
#view-synerjet .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-synerjet .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-synerjet .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-synerjet .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-synerjet .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .pc-explain h3+p+h3{margin-top:22px}
#view-synerjet .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-synerjet .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-synerjet .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-synerjet .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-synerjet .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-synerjet .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-synerjet .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-synerjet .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-synerjet .sw-history li{position:relative;padding:0 0 22px 28px}
#view-synerjet .sw-history li:last-child{padding-bottom:0}
#view-synerjet .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-synerjet .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-synerjet .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-synerjet .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-synerjet .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-synerjet .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-synerjet .sw-gallery figure{margin:0}
#view-synerjet .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-synerjet .sw-gallery img.is-portrait{object-position:50% 30%}
#view-synerjet .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-synerjet .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-synerjet .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-synerjet .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-synerjet .sw-case-photo{margin:0;background:#111}
#view-synerjet .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-synerjet .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-synerjet .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-synerjet .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-synerjet .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-synerjet .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-synerjet .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-synerjet .sw-area-prices li:last-child{border-bottom:0}
#view-synerjet .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-synerjet .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-synerjet .sw-papers,#view-synerjet .sw-history-wrap,#view-synerjet .sw-cases,#view-synerjet .sw-price-list{grid-template-columns:1fr}#view-synerjet .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-synerjet .sw-steps,#view-synerjet .sw-figures,#view-synerjet .sw-gallery{grid-template-columns:1fr}#view-synerjet .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-synerjet .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-synerjet .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sw-interview-video{margin:0;max-width:none}
#view-synerjet .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-synerjet .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-synerjet .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-synerjet .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-synerjet .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-synerjet .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-synerjet .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-synerjet .sw-ttt-design,#view-synerjet .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sw-ttt-face,#view-synerjet .sw-heat-field{margin:0}
#view-synerjet .sw-ttt-face img,#view-synerjet .sw-heat-field img{display:block;width:100%;height:auto}
#view-synerjet .sw-heat-field img{border:1px solid var(--sp-border)}
#view-synerjet .sw-ttt-face figcaption,#view-synerjet .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-synerjet .sw-ttt-text .sp-kicker,#view-synerjet .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-synerjet .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-synerjet .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-synerjet .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-synerjet .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-synerjet .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-synerjet .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-synerjet .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-synerjet .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-synerjet .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-synerjet .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-synerjet .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-synerjet .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-synerjet .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-synerjet .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-synerjet .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-synerjet .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-synerjet .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-synerjet .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-synerjet .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-synerjet .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-synerjet .sw-ttt-design,#view-synerjet .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-synerjet .sw-ttt-face,#view-synerjet .sw-heat-field{max-width:420px}#view-synerjet .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-synerjet .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-synerjet .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-synerjet .sw-ct-cases-head{margin:44px 0 18px}
#view-synerjet .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-synerjet .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-synerjet .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-synerjet .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-synerjet .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-synerjet .sw-ct-group{margin-top:40px}
#view-synerjet .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-synerjet .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-synerjet .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-synerjet .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-synerjet .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-synerjet .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-synerjet .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-synerjet .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-synerjet .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-synerjet .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-synerjet .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-synerjet .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-synerjet .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-synerjet .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-synerjet .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-synerjet .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-synerjet .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-synerjet .sw-table-details,#view-synerjet .sw-record{margin-top:26px}
#view-synerjet .sw-table-details .sp-disclosure-content,#view-synerjet .sw-record .sp-disclosure-content,#view-synerjet .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-synerjet .sw-table-details .pc-table-wrap{margin-top:0}
#view-synerjet .sw-record .sw-history-wrap{margin-top:6px}
#view-synerjet .sw-ct-more{margin-top:18px}
#view-synerjet .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-synerjet .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-synerjet .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-synerjet .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-synerjet .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-synerjet .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sw-3d-video{margin:0;max-width:none}
#view-synerjet .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-synerjet .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-synerjet .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-synerjet .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-synerjet .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-synerjet .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-synerjet .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-synerjet .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-synerjet .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-synerjet .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-synerjet .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-synerjet .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-synerjet .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-synerjet .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-synerjet .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-synerjet .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-synerjet .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-synerjet .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-synerjet .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-synerjet .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-synerjet .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-synerjet .swx-hero-points{margin-top:22px}
#view-synerjet .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-synerjet .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-synerjet .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-synerjet .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-synerjet .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-synerjet .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-synerjet .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-synerjet .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-synerjet .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-synerjet .swx-hero-video{margin:0}
#view-synerjet .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-synerjet .sp-video video:not([controls]){pointer-events:none}

/* TempSure Envi device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-synerjet. */
#view-synerjet .tp-hero-video .sp-video{margin:0;max-width:440px;margin-inline:auto}
#view-synerjet .tp-hero-video .sp-video video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;background:#e9e6e1}
#view-synerjet .tp-hero-video figcaption{max-width:440px;margin-inline:auto}
#view-synerjet .tp-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#e9e7e4}
#view-synerjet .tp-device-photo{max-width:720px}
@media(max-width:760px){#view-synerjet .tp-device-photo img{aspect-ratio:1/1;object-position:50% 50%}#view-synerjet .tp-hero-video .sp-video{max-width:100%}}
#view-synerjet .tp-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 8px}
#view-synerjet .tp-uses article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0}
#view-synerjet .tp-uses article h3{margin:0 0 8px;font-size:18px}
#view-synerjet .tp-uses article p{margin:0;font-size:14px;line-height:1.9}
#view-synerjet .tp-uses .sp-source{display:inline-block;margin-top:10px}
@media(max-width:760px){#view-synerjet .tp-uses{grid-template-columns:1fr;gap:12px}}
#view-synerjet .tp-flow-photo{object-position:55% 45%}
/* About: the explanation and the device photo side by side (2026-09-15 user request); stacked on phones. */
#view-synerjet .tp-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:28px}
#view-synerjet .tp-about-grid .sp-heading{margin-bottom:0}
#view-synerjet .tp-about-grid .tp-device-photo{max-width:none}
#view-synerjet .tp-about-grid .tp-device-photo img{height:auto;min-height:0}
@media(max-width:760px){#view-synerjet .tp-about-grid{grid-template-columns:1fr;gap:20px}}
/* Director section: the GMI lecture photo with the hands-on demonstration photo below it (2026-09-15 user request). */
#view-synerjet .tp-expertise-photos{display:grid;gap:18px;align-self:start;min-width:0}
#view-synerjet .tp-expertise-photos figure{margin:0}
/* Fees: POST TREATMENT as one wide card with TempSure and Dermation treatment photos (2026-09-15 user request).
   Text children stay direct children of .sp-price so the shared phone card ordering keeps working. */
#view-synerjet .tp-post-list{grid-template-columns:1fr}
#view-synerjet .tp-post-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
#view-synerjet .tp-post-photos figure{margin:0;min-width:0}
/* Both clips are pre-cropped to 4:5 (480x600, silent, about 0.2-0.3 MB) and load only when the card is on screen (tempsure-page.js). */
#view-synerjet .tp-post-photos video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#e9e6e1}
#view-synerjet .tp-post-photos figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
/* Phones reorder card children (heading 0, amount 1, description 2); keep the regular-price row right after the special price. */
#view-synerjet .tp-post-card>.sw-area-prices{order:1}
@media(min-width:901px){#view-synerjet .tp-post-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:40px;align-content:start}#view-synerjet .tp-post-card>.tp-post-photos{grid-column:1;grid-row:1 / span 6;margin-bottom:0;align-self:start}#view-synerjet .tp-post-card>:not(.tp-post-photos){grid-column:2}#view-synerjet .tp-post-card>.sp-price-description{flex:none}}
/* Director column: both photos fill the same width; each keeps its own ratio instead of the shared 3:2 box,
   which letterboxed the 4:3 live-demonstration photo and made it look narrower (2026-09-16 user request). */
#view-synerjet .sp-expertise-grid .tp-expertise-photos figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
/* POST TREATMENT summary card under the hero, and the eligibility-split actions in the fee section
   (2026-09-16 user request: the menu, not the device, is what this page offers). */
#view-synerjet .tp-offer{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:34px 40px 30px}
#view-synerjet .tp-offer h2{margin:6px 0 14px;font-size:27px;line-height:1.5}
#view-synerjet .tp-offer-lead{margin:0 0 24px;max-width:62em}
#view-synerjet .tp-offer-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:start}
#view-synerjet .tp-offer-facts{margin:0;display:grid;gap:12px}
#view-synerjet .tp-offer-facts>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding-bottom:12px;border-bottom:1px solid var(--sp-border)}
#view-synerjet .tp-offer-facts dt{font-size:13px;color:var(--ink-3);letter-spacing:.06em;padding-top:2px}
#view-synerjet .tp-offer-facts dd{margin:0;font-size:15px;line-height:1.8}
#view-synerjet .tp-offer-price{background:var(--sp-soft);padding:22px 24px}
#view-synerjet .tp-offer-price .sp-kicker{margin:0 0 4px}
#view-synerjet .tp-offer-now{margin:0;color:var(--gold-ink);display:flex;align-items:baseline;gap:4px}
#view-synerjet .tp-offer-now span{font:500 44px/1.1 var(--fig);letter-spacing:.02em}
#view-synerjet .tp-offer-now small{font-size:15px}
#view-synerjet .tp-offer-was{margin:6px 0 0;font-size:13.5px;color:var(--ink-2)}
#view-synerjet .tp-offer .sp-note{margin-top:10px}
#view-synerjet .tp-offer .sp-actions{margin-top:26px}
#view-synerjet .tp-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
#view-synerjet .tp-paths>div{background:#fff;border:1px solid var(--sp-border);padding:24px 26px}
#view-synerjet .tp-paths h3{margin:0 0 10px;font-size:18px}
#view-synerjet .tp-paths p{margin:0;font-size:14px;line-height:1.9}
#view-synerjet .tp-paths .sp-actions{margin-top:18px}
@media(max-width:760px){#view-synerjet .tp-offer{padding:26px 20px 24px}#view-synerjet .tp-offer h2{font-size:22px}#view-synerjet .tp-offer-body{grid-template-columns:1fr;gap:22px}#view-synerjet .tp-offer-facts>div{grid-template-columns:70px minmax(0,1fr);gap:12px}#view-synerjet .tp-offer-now span{font-size:36px}#view-synerjet .tp-paths{grid-template-columns:1fr}}
/* Consultation fees sit under the POST TREATMENT card, in smaller type (2026-09-16 user request). */
#view-synerjet .tp-consult{margin:22px 0 0;padding:18px 22px;align-items:flex-start}
#view-synerjet .tp-consult h3{font-size:15px;line-height:1.6}
#view-synerjet .tp-consult p{font-size:12.5px;line-height:1.85;margin-top:5px}
#view-synerjet .tp-consult .sp-consult-fees>div{padding:8px 0}
#view-synerjet .tp-consult .sp-consult-fees dt{font-size:12.5px}
#view-synerjet .tp-consult .sp-consult-fees dd{font-size:17px}
#view-synerjet .tp-consult .sp-consult-fees small{font-size:11px}
#view-synerjet .tp-consult .sp-consult-fees>div:nth-child(n+2) dt{font-size:11.5px}
#view-synerjet .tp-consult .sp-consult-fees>div:nth-child(n+2) dd{font-size:15px}
@media(max-width:760px){#view-synerjet .tp-consult{padding:16px 16px}#view-synerjet .tp-consult .sp-consult-fees dd{font-size:17px}#view-synerjet .tp-consult .sp-consult-fees>div:nth-child(n+2) dd{font-size:15px}#view-synerjet .tp-consult .sp-fee-period{font-size:12.5px}}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-synerjet .tp-hero-points{margin-top:22px}
#view-synerjet .tp-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-synerjet .tp-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .tp-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-synerjet .tp-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-synerjet .tp-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-synerjet .tp-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-synerjet .tp-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-synerjet .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-synerjet .sp-heading h2>.sp-h2-main{display:block}

/* SynerJet hair-loss page: additions on top of the spots, PicoSure Pro, Sofwave and TempSure components scoped to #view-synerjet. */
/* Hero: the three plans in place of a photo until device and treatment photographs are supplied (2026-09-17). */
#view-synerjet .sj-hero-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px 22px;align-self:center}
#view-synerjet .sj-hero-card .sp-kicker{margin:0 0 10px}
#view-synerjet .sj-hero-plans{list-style:none;margin:0;padding:0}
#view-synerjet .sj-hero-plans li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .sj-hero-plans li:last-child{border-bottom:0}
#view-synerjet .sj-hero-plan-name{font-family:var(--latin);font-size:13px;letter-spacing:.14em;color:var(--gold-ink)}
#view-synerjet .sj-hero-plan-h{font-size:14.5px;line-height:1.6}
#view-synerjet .sj-hero-plan-price{font:500 22px/1.1 var(--mincho);letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
#view-synerjet .sj-hero-plan-price small{font-size:12px;margin-left:2px}
#view-synerjet .sj-hero-card .sp-note{margin-top:12px}
/* Plans section: three cards. */
#view-synerjet .sj-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 20px}
#view-synerjet .sj-plan{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 26px 22px;min-width:0;display:flex;flex-direction:column}
#view-synerjet .sj-plan-name{margin:0 0 6px;font-family:var(--latin);font-size:13px;letter-spacing:.16em;color:var(--gold-ink)}
#view-synerjet .sj-plan h3{margin:0 0 12px;font-size:19px;line-height:1.5}
#view-synerjet .sj-plan-tags{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#view-synerjet .sj-plan-tags li{font-size:12px;line-height:1;padding:7px 10px;background:var(--sp-soft);color:var(--ink-2);border-radius:2px}
#view-synerjet .sj-plan>p:not(.sj-plan-name):not(.sj-plan-price):not(.sj-plan-course){margin:0 0 16px;font-size:14px;line-height:1.9}
#view-synerjet .sj-plan-facts{margin:0 0 18px;display:grid;gap:8px}
#view-synerjet .sj-plan-facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;font-size:13.5px;line-height:1.7}
#view-synerjet .sj-plan-facts dt{color:var(--ink-3);letter-spacing:.04em}
#view-synerjet .sj-plan-facts dd{margin:0}
#view-synerjet .sj-plan-price{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--sp-border);color:var(--gold-ink);display:flex;align-items:baseline;gap:4px}
#view-synerjet .sj-plan-price span{font:500 34px/1.1 var(--fig);letter-spacing:.02em}
#view-synerjet .sj-plan-price small{font-size:13px}
#view-synerjet .sj-plan-course{margin:6px 0 0;font-size:13px;color:var(--ink-2)}
/* Session steps with plan tags. */
#view-synerjet .sj-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
#view-synerjet .sj-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-synerjet .sj-step-no{font-family:var(--fig);font-size:22px;color:var(--gold-ink);letter-spacing:.06em;line-height:1.2}
#view-synerjet .sj-steps h3{margin:0 0 6px;font-size:18px}
#view-synerjet .sj-steps p{margin:0;font-size:14px;line-height:1.9}
#view-synerjet .sj-step-tags{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#view-synerjet .sj-step-tags li{font-family:var(--latin);font-size:11px;letter-spacing:.12em;line-height:1;padding:6px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-synerjet .sj-step-tags li.is-premium{border-color:var(--gold);color:var(--gold-ink)}
#view-synerjet .sj-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
#view-synerjet .sj-schedule>div{background:var(--sp-soft);padding:22px 26px}
#view-synerjet .sj-schedule h3{margin:0 0 8px;font-size:17px}
#view-synerjet .sj-schedule p{margin:0;font-size:14px;line-height:1.9}
/* Fees: three plan cards side by side. */
#view-synerjet .sj-price-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-synerjet .sj-plans,#view-synerjet .sj-price-list{grid-template-columns:1fr}}
@media(max-width:760px){#view-synerjet .sj-hero-card{padding:20px 18px 16px}#view-synerjet .sj-hero-plans li{grid-template-columns:82px minmax(0,1fr);gap:6px 10px}#view-synerjet .sj-hero-plan-price{grid-column:2;font-size:20px}#view-synerjet .sj-plan{padding:22px 20px 18px}#view-synerjet .sj-plan-price span{font-size:30px}#view-synerjet .sj-steps li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 18px}#view-synerjet .sj-step-no{font-size:18px}#view-synerjet .sj-schedule{grid-template-columns:1fr}}
/* 2026-09-26 magazine-style reading order (sjx- prefix; every selector stays unique). */
/* The essentials: four cards, each linking to the section below. */
#view-synerjet .sjx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-synerjet .sjx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-synerjet .sjx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-synerjet .sjx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-synerjet .sjx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
/* About: schematic of the jet entering the skin beside the plain-language point; the numbers follow. */
#view-synerjet .sjx-mech{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px 36px;align-items:center;margin:0 0 26px}
#view-synerjet .sjx-mech-figure{margin:0;min-width:0}
#view-synerjet .sjx-mech-svg{display:block;width:100%;height:auto;aspect-ratio:600/380;background:#fff;border:1px solid var(--sp-border)}
#view-synerjet .sjx-mech-lbl{font:500 15px var(--fig);fill:var(--ink);letter-spacing:.04em}
#view-synerjet .sjx-mech-lbl-gold{fill:var(--gold-ink)}
#view-synerjet .sjx-mech-figure figcaption{font-size:12.5px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-synerjet .sjx-mech-text .sp-kicker{margin:0 0 8px}
#view-synerjet .sjx-mech-text h3{font-size:21px;line-height:1.6;margin:0 0 12px;font-weight:500}
#view-synerjet .sjx-mech-text p:last-child{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0}
/* Delivery methods: three plain cards with line icons; the table is behind a disclosure. */
#view-synerjet .sjx-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:4px}
#view-synerjet .sjx-way{background:#fff;border:1px solid var(--sp-border);padding:24px 24px 22px;min-width:0}
#view-synerjet .sjx-way-icon{display:block;width:44px;height:44px;color:var(--gold);margin:0 0 14px}
#view-synerjet .sjx-way h3{font-size:17px;line-height:1.55;margin:0 0 8px}
#view-synerjet .sjx-way p{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-synerjet .sjx-table-details{margin-top:22px}
#view-synerjet .sjx-table-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-synerjet .sjx-table-details .pc-table-wrap{margin-top:0}
/* A session: scalp-suction photograph as a wide banner above the steps. */
#view-synerjet .sjx-session-photo{margin:0 0 6px}
#view-synerjet .sjx-session-photo img{display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover;object-position:50% 38%;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-synerjet .sjx-session-photo figcaption{font-size:12.5px;color:var(--ink-3);line-height:1.7;margin-top:9px}
@media(max-width:900px){#view-synerjet .sjx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-synerjet .sjx-ways{grid-template-columns:1fr;gap:12px}#view-synerjet .sjx-mech{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){#view-synerjet .sjx-session-photo img{aspect-ratio:3/2}#view-synerjet .sjx-mech-lbl{font-size:17px}#view-synerjet .sjx-mech-text h3{font-size:19px}}
@media(max-width:560px){#view-synerjet .sjx-quick{grid-template-columns:minmax(0,1fr)}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern) */
#view-synerjet .sjx-hero-points{margin-top:22px}
#view-synerjet .sjx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-synerjet .sjx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-synerjet .sjx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-synerjet .sjx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-synerjet .sjx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-synerjet .sjx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-synerjet .sjx-hero-points .sjx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-synerjet .sjx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-synerjet .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-synerjet .sp-heading h2>.sp-h2-main{display:block}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-dermation{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-dermation .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-dermation .sp-soft{background:var(--sp-soft)}
#view-dermation .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-dermation .sp-heading{margin-bottom:26px;max-width:46em}
#view-dermation .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-dermation .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-dermation .sp-heading .sp-kicker{margin-top:0}
#view-dermation .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-dermation .sp-note a,#view-dermation .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermation .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-dermation .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-dermation .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-dermation .crumbs span::before{content:none}
#view-dermation .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-dermation .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-dermation .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-dermation .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-dermation .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-dermation .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-dermation .sp-hero-trust a{margin-top:7px}
#view-dermation .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-dermation .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-dermation .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-dermation .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-dermation .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-dermation .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-dermation .sp-nav a{flex-shrink:0}
#view-dermation .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-dermation .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-dermation .sp-nav a:hover{color:var(--gold-ink)}
#view-dermation .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermation .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-dermation .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-dermation .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-dermation .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-dermation .sp-type-body{padding:21px 22px 22px}
#view-dermation .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-dermation .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-dermation .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-dermation .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-dermation .sp-type .sp-source{margin-top:12px}
#view-dermation .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-dermation .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-dermation .sp-case-head{padding:20px 22px 16px}
#view-dermation .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-dermation .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-dermation .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-dermation .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-dermation .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-dermation .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-dermation .sp-case-body{padding:18px 22px 22px}
#view-dermation .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-dermation .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-dermation .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-dermation .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-dermation .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-dermation .sp-case-body .sp-source{margin-top:14px}
#view-dermation .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-dermation .sp-case-details>summary{min-height:48px}
#view-dermation .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-dermation .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-dermation .sp-approach-list{display:grid;gap:0}
#view-dermation .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-dermation .sp-approach-item:first-child{padding-top:0}
#view-dermation .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-dermation .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-dermation .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-dermation .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-dermation .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-dermation .sp-doctor h3{font-size:21px;line-height:1.5}
#view-dermation .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-dermation .sp-doctor .sp-source{white-space:nowrap}
#view-dermation .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-dermation .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-dermation .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-dermation .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-dermation .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-dermation .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-dermation .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-dermation .sp-expertise-facts>div:first-child{padding-top:0}
#view-dermation .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-dermation .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-dermation .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-dermation .sp-expertise-grid figure{max-width:480px}
 #view-dermation .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-dermation .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-dermation .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-dermation .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-dermation .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-dermation .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-dermation .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-dermation .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-dermation .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-dermation .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-dermation .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-dermation .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-dermation .sp-disclosure>summary::after{content:'＋';flex:none}
#view-dermation .sp-disclosure[open]>summary::after{content:'−'}
#view-dermation .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-dermation .sp-disclosure-content p+p{margin-top:12px}
#view-dermation .sp-approval-list{display:grid;gap:10px}
#view-dermation .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-dermation .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-dermation .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-dermation .sp-price-intro>div{flex:1 1 320px}
#view-dermation .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-dermation .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-dermation .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-dermation .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-dermation .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-dermation .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-dermation .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-dermation .sp-price-heading{margin-bottom:16px}
#view-dermation .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-dermation .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-dermation .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-dermation .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-dermation .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-dermation .sp-price .sp-yen{display:block;margin:0}
#view-dermation .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-dermation .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-dermation .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-dermation .sp-price-list{margin-top:8px}
#view-dermation .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-dermation .sp-price-list dt{min-width:0}
#view-dermation .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-dermation .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermation .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-dermation .sp-flow-head{display:block;margin-bottom:14px}
#view-dermation .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-dermation .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-dermation .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-dermation .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-dermation .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-dermation .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-dermation .sp-recovery>div:last-child{border-right:0}
#view-dermation .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-dermation .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-dermation .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-dermation .sp-risk-details{margin-top:22px}
#view-dermation .sp-faq{margin-inline:0}
#view-dermation .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-dermation .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-dermation .sp-tech h3{font-size:22px;line-height:1.6}
#view-dermation .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-dermation .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-dermation .sp-tech h3+p{margin-top:10px}
#view-dermation .sp-video>summary{cursor:pointer;list-style:none}
#view-dermation .sp-video>summary::-webkit-details-marker{display:none}
#view-dermation .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermation .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-dermation .sp-flow-text{display:block;margin-top:12px}
#view-dermation .sp-video-body{padding-bottom:16px}
#view-dermation .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-dermation .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-dermation .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-dermation .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-dermation .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-dermation .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-dermation .sp-tech>img{width:76px;height:99px}
 #view-dermation .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-dermation .sp-homecare>img{max-height:220px}
}
#view-dermation .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-dermation .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-dermation .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-dermation .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-dermation .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-dermation .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-dermation .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-dermation .sp-final .btn{font-size:14px}
#view-dermation .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-dermation :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-dermation .sp-devices{grid-template-columns:1fr}
  #view-dermation .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-dermation .sp-device-head{margin-bottom:0}
  #view-dermation .sp-device .sp-disclosure{grid-column:1/-1}
  #view-dermation .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-dermation .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-dermation .sp-doctor>img{width:90px;height:100px}
  #view-dermation .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-dermation .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-dermation .sp-hero h1{font-size:32px}
  #view-dermation .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-dermation .sp-hero-lead{margin-top:17px}
  #view-dermation .sp-hero-photo img{aspect-ratio:16/9}
  #view-dermation .sp-hero-photo figcaption{font-size:12px}
  #view-dermation .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-dermation .sp-types,#view-dermation .sp-cases,#view-dermation .sp-approach,#view-dermation .sp-prices{grid-template-columns:1fr}
  #view-dermation .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-dermation .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-dermation .sp-type-body{padding:19px 20px}
  #view-dermation .sp-type h3{font-size:20px}
  #view-dermation .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-dermation .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-dermation .sp-approach{gap:24px}
  #view-dermation .sp-approach-image img{max-height:260px}
  #view-dermation .sp-recovery{grid-template-columns:1fr}
  #view-dermation .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-dermation .sp-recovery>div:last-child{border-bottom:0}
  #view-dermation .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-dermation .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-dermation .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-dermation .sp-hero h1{font-size:29px}
  #view-dermation .sp-actions{align-items:stretch}
  #view-dermation .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-dermation .sp-type{grid-template-columns:1fr}
  #view-dermation .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-dermation .sp-type-art img{max-height:130px}
  #view-dermation .sp-layer-labels{justify-content:center;gap:26px}
  #view-dermation .sp-type-body{padding:19px 20px}
  #view-dermation .sp-case-head,#view-dermation .sp-case-body{padding-inline:18px}
  #view-dermation .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-dermation .sp-case-photos{padding-inline:10px;gap:4px}
  #view-dermation .sp-device{display:block;padding:20px}
  #view-dermation .sp-device-head{margin-bottom:14px}
  #view-dermation .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-dermation .sp-flow>li{padding:18px 20px}
  #view-dermation .sp-flow-head{margin-bottom:10px}
  #view-dermation .sp-price{padding:22px}
  #view-dermation .sp-price-intro{padding:20px}
  #view-dermation .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-dermation .sp-price-list dd{flex-basis:100%}
  #view-dermation .sp-doctor{gap:14px}
  #view-dermation .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-dermation :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-dermation .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-dermation .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-dermation .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-dermation .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-dermation .sp-entry-link:first-child{padding-left:0}
#view-dermation .sp-entry-link:last-child{border-right:0}
#view-dermation .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-dermation .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-dermation .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-dermation .sp-entry-link:hover{background:var(--sp-soft)}
#view-dermation .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-dermation .sp-consult h3{font-size:24px;line-height:1.65}
#view-dermation .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-dermation .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-dermation .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-dermation .sp-consult .sp-note{margin-top:7px}
#view-dermation #s-doctor-section{padding-top:58px}
#view-dermation #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-dermation .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-dermation .sp-expertise-grid figure{align-self:center}
#view-dermation .sp-expertise-facts dt{font-size:16px}
#view-dermation .sp-expertise-facts dd{font-size:14px}
#view-dermation .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-dermation .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-dermation .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-dermation .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-dermation .sp-flow{list-style:none;padding:0}
#view-dermation .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-dermation .sp-flow-head img,#view-dermation .sp-video video{border:1px solid var(--sp-border)}
#view-dermation .sp-recovery{border:0}
#view-dermation .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-dermation .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-dermation .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-dermation .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-dermation .sp-visit-info a{color:var(--on-night)}
#view-dermation a:focus-visible,#view-dermation summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-dermation .sp-entry-links{grid-template-columns:1fr}
 #view-dermation .sp-entry-link,#view-dermation .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-dermation .sp-entry-link:last-child{border-bottom:0}
 #view-dermation .sp-entry-link strong{font-size:18px}
 #view-dermation .sp-entry-link span span{margin-top:3px}
 #view-dermation .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-dermation .sp-consult h3{font-size:22px}
 #view-dermation .sp-consult ul{display:block}
 #view-dermation .sp-consult li{margin-top:6px}
 #view-dermation .sp-consult .btn{width:100%}
 #view-dermation .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-dermation .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-dermation .sp-recovery>div::before{top:4px;left:-5px}
 #view-dermation .sp-recovery>div:last-child{padding-bottom:0}
 #view-dermation .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-dermation *{scroll-behavior:auto;transition:none}}

#view-dermation .sp-type-art img{max-height:145px}
#view-dermation .sp-type-body{padding:20px}
#view-dermation .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-dermation .sp-price>p.sp-price-unit,#view-dermation .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-dermation .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-dermation .sp-price{padding:26px 0}
 #view-dermation .sp-price-description{margin-bottom:20px}
 #view-dermation .sp-price>.sp-note{min-height:0}
 #view-dermation .sp-price h3{font-size:23px}
 #view-dermation .sp-price .sp-yen{font-size:20px}
 #view-dermation .sp-price-intro{padding:22px;gap:16px}
 #view-dermation .sp-price-intro>div{flex-basis:100%}
}

#view-dermation .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-dermation .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-dermation .sp-consult-fees>div:last-child{border-bottom:0}
#view-dermation .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-dermation .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-dermation .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-dermation .sp-consult-fees{flex-basis:100%}#view-dermation .sp-consult-fees dd{font-size:21px}#view-dermation .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-dermation .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-dermation .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-dermation .sp-price-intro{padding:20px 18px;gap:18px}
 #view-dermation .sp-consult-fees{flex-basis:100%;width:100%}
 #view-dermation .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-dermation .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-dermation .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-dermation .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-dermation .sp-fee-period::before{content:none}
 html[lang="en"] #view-dermation .sp-fee-period{white-space:normal;font-size:14px}
 #view-dermation .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-dermation .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-dermation .sp-prices{gap:16px;border:0}
 #view-dermation .sp-price,#view-dermation .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-dermation .sp-price-heading{order:0;margin-bottom:14px}
 #view-dermation .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-dermation .sp-price h3{font-size:22px;letter-spacing:0}
 #view-dermation .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-dermation .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-dermation .sp-price .sp-price-unit{font-size:12px}
 #view-dermation .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-dermation .sp-price>.sp-note{order:3;margin-top:10px}
 #view-dermation .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-dermation .sp-price,#view-dermation .sp-price+.sp-price{padding:20px 16px}
 #view-dermation .sp-price h3{font-size:20px}
 #view-dermation .sp-price .sp-yen{font-size:20px}
 #view-dermation .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-dermation .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-dermation .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-dermation .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-dermation .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-dermation .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-dermation .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-dermation .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-dermation .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-dermation .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-dermation .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-dermation .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-dermation .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-dermation .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-dermation .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-dermation .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-dermation .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-dermation .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-dermation .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-dermation .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-dermation .sp-entry-hint{margin:8px 0 22px}
#view-dermation .sp-entry-links{gap:14px;border:0}
#view-dermation .sp-entry-link,#view-dermation .sp-entry-link:first-child,#view-dermation .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-dermation .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-dermation .sp-entry-link:hover,#view-dermation .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-dermation .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-dermation .sp-entry-copy{min-width:0}
#view-dermation .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-dermation .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-dermation .sp-entry-question{font-size:22px}
 #view-dermation .sp-entry-link,#view-dermation .sp-entry-link:first-child,#view-dermation .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-dermation .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-dermation .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-dermation .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .sp-anes{margin-top:10px}
#view-dermation .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-dermation .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-dermation .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-dermation .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-dermation .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-dermation .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-dermation .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-dermation .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-dermation .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-dermation .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-dermation .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-dermation .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-dermation .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-dermation .hg-head>div{min-width:0}
#view-dermation .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-dermation .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-dermation .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-dermation .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-dermation .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-dermation .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-dermation .hg-menu-photo{margin:0}
#view-dermation .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-dermation .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-dermation .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-dermation .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-dermation .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-dermation .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-dermation .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-dermation .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-dermation .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermation .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-dermation .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermation .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-dermation .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-dermation .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-dermation .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-dermation .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-dermation .hg-menu-note{margin:14px 0 0}
#view-dermation .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-dermation .hg-menu-links-label{margin-right:4px}
#view-dermation .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-dermation .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-dermation .hg-menu-fees{gap:8px}#view-dermation .hg-fee{padding:14px 14px 12px}#view-dermation .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-dermation .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-dermation .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-dermation .hg-menu-range{margin:14px 0 0}
#view-dermation .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-dermation .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-dermation .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-dermation .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-dermation .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-dermation .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-dermation .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-dermation .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-dermation .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-dermation .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-dermation .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-dermation .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-dermation .cg-card{padding:0;background:transparent;border:0}
#view-dermation .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-dermation .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-dermation .cg-card .case-image{margin:0}
#view-dermation .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-dermation .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-dermation .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-dermation .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-dermation .cg-details summary:hover{color:var(--gold-ink)}
#view-dermation .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-dermation .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-dermation .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-dermation .cg-details dt{padding-top:13px}
#view-dermation .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-dermation .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-dermation .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-dermation .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-dermation .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-dermation .sp-section .dn-gallery,#view-dermation .sp-section .sw-gallery,#view-dermation .sp-section .pc-lecture-figs,#view-dermation .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-dermation .sp-section .sw-interview,#view-dermation .sp-section .ul-doctor-grid,#view-dermation .sp-section .sv-doctor-hero,#view-dermation .sp-section .wrx-evidence,#view-dermation .sp-section .uex-evidence,#view-dermation .sp-section .ml-doctor-grid,#view-dermation .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-dermation .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-dermation .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-dermation .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-dermation .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-dermation .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-dermation .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-dermation .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-dermation .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-dermation .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-dermation .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-dermation .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-dermation .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-dermation .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .hgd-svg{display:block;width:100%;height:auto}
#view-dermation .hgd-sp{display:none}
#view-dermation .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-dermation .hgd-layer{font-size:30px}
#view-dermation .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-dermation .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-dermation .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-dermation .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-dermation .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-dermation .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-dermation .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-dermation .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-dermation .hgd-art{opacity:.92}
#view-dermation .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-dermation .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-dermation .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-dermation .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-dermation .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-dermation .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-dermation .hgd-layer{font-size:25px}
html[lang^="en"] #view-dermation .hgd-sub{font-size:19px}
html[lang^="en"] #view-dermation .hgd-br{font-size:27px}
#view-dermation .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-dermation .hgd-pc .hgd-layer{font-size:38px}
 #view-dermation .hgd-pc .hgd-sub{font-size:30px}
 #view-dermation .hgd-pc .hgd-name{font-size:42px}
 #view-dermation .hgd-pc .hgd-kind{font-size:31px}
 #view-dermation .hgd-pc .hgd-br{font-size:36px}
 #view-dermation .hgd-pc .hgd-mm{font-size:40px}
 #view-dermation .hgd-pc .hgd-note{font-size:26px}
 #view-dermation .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-dermation .hg-lineup img{width:72px;height:72px}
 #view-dermation .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-dermation .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-dermation .hg-lineup,#view-dermation .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-dermation .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-dermation .hg-lineup img{width:56px;height:56px}
 #view-dermation .hg-lineup figcaption{padding:7px 8px}
 #view-dermation .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-dermation .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-dermation .hg-lineup figcaption small{font-size:10.5px}
 #view-dermation .hgd-pc{display:none}
 #view-dermation .hgd-sp{display:block}
 #view-dermation .hgd-layer,#view-dermation .hgd-name,#view-dermation .hgd-br,#view-dermation .hgd-mm{font-size:34px}
 #view-dermation .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-dermation .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-dermation .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-dermation .hgd-layer{font-size:30px}
 #view-dermation .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-dermation .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-dermation .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-dermation. */
#view-dermation .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermation .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-dermation .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-dermation .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-dermation .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-dermation .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-dermation .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-dermation .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-dermation .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-dermation .pc-table th,#view-dermation .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-dermation .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-dermation .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-dermation .pc-table tbody tr:last-child th,#view-dermation .pc-table tbody tr:last-child td{border-bottom:0}
#view-dermation .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-dermation .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-dermation .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-dermation .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-dermation .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-dermation .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-dermation .pc-point-face{width:92px;height:92px}}
#view-dermation .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-dermation .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-dermation .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermation .pc-explain p+p{margin-top:12px}
#view-dermation .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermation .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-dermation .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-dermation .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-dermation .pc-books h3{font-size:18px;margin-bottom:12px}
#view-dermation .pc-books ul{list-style:none;padding:0;margin:0}
#view-dermation .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-dermation .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-dermation .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-dermation .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-dermation .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-dermation .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-dermation .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-dermation .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-dermation .pc-tag{margin:0}
#view-dermation .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-dermation .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-dermation .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-dermation .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-dermation .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-dermation .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-dermation .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-dermation .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-dermation .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-dermation .pc-approval>div:last-child{border-bottom:0}
#view-dermation .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-dermation .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-dermation .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-dermation .pc-glance,#view-dermation .pc-modes{grid-template-columns:1fr}#view-dermation .pc-explain{grid-template-columns:1fr}#view-dermation .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-dermation .pc-concern-links{grid-template-columns:1fr}#view-dermation .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-dermation .pc-books,#view-dermation .pc-quote,#view-dermation .pc-point{padding:20px}#view-dermation .pc-glance-num span{font-size:32px}#view-dermation .pc-table{font-size:13px}#view-dermation .pc-table th,#view-dermation .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-dermation .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-dermation .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-dermation .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-dermation .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-dermation .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-dermation .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-dermation .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-dermation .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-dermation .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-dermation .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-dermation .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-dermation .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-dermation .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-dermation .pc-video{margin:0 0 28px;max-width:820px}
#view-dermation .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-dermation .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-dermation .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-dermation .pc-lasers-media .pc-video,#view-dermation .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-dermation .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-dermation .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-dermation .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-dermation .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-dermation .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-dermation .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-dermation .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-dermation .pc-hero-video .sp-video{margin:0}
#view-dermation .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-dermation .pc-cell-label{display:none}
@media(max-width:760px){
#view-dermation .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-dermation .pc-table{min-width:0;display:block;font-size:14px}
#view-dermation .pc-table caption{display:block;padding:0 0 10px}
#view-dermation .pc-table thead{display:none}
#view-dermation .pc-table tbody{display:block}
#view-dermation .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-dermation .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-dermation .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-dermation .pc-table tr td:last-child{border-bottom:0}
#view-dermation .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-dermation .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-dermation .pc-cell-value{display:block;line-height:1.75}
}
#view-dermation .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-dermation .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-dermation .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-dermation .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-dermation .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-dermation .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermation .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-dermation .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-dermation .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-dermation .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-dermation .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-dermation .pcx-video{margin:0 0 26px;max-width:780px}
#view-dermation .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-dermation .pcx-table-details{margin-top:18px}
#view-dermation .pcx-table-details .pc-table-wrap{margin-top:0}
#view-dermation .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-dermation .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-dermation .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermation #pc-lasers .pc-point{margin-top:40px}
#view-dermation .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-dermation .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-dermation .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-dermation .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-dermation .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-dermation .pcx-case-hint{margin-top:6px}
#view-dermation #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-dermation .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-dermation .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-dermation .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-dermation .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-dermation .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-dermation .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-dermation .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-dermation .pcx-hero-points{margin-top:22px}
#view-dermation .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermation .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-dermation .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-dermation .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-dermation .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-dermation .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-dermation .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermation .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-dermation .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-dermation .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-dermation .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-dermation .pcx-mode-art img{display:block;width:100%;height:auto}
#view-dermation .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-dermation .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-dermation .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-dermation .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-dermation .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-dermation .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-dermation .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-dermation .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-dermation .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-dermation .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-dermation .pcx-case-sep{display:none}
  #view-dermation .pcx-case-name{display:block}
  #view-dermation .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-dermation .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-dermation .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-dermation .pcx-diff-changed{border-top-color:var(--gold)}
#view-dermation .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-dermation .pcx-diff-card dl{margin:0}
#view-dermation .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-dermation .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-dermation .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-dermation .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-dermation .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-dermation .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-dermation .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-dermation .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-dermation .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-dermation .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-dermation .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-dermation .pcx-history>li:last-child{padding-bottom:0}
#view-dermation .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-dermation .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-dermation .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-dermation .pcx-h-tag{margin:0 0 4px}
#view-dermation .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-dermation .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-dermation .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-dermation .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-dermation .pcx-history-wrap>.sp-note{margin-top:20px}
#view-dermation #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-dermation .pcx-diff{grid-template-columns:1fr}
 #view-dermation .pcx-diff-card{padding:18px 16px 14px}
 #view-dermation .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-dermation .pcx-depth{padding:16px}
 #view-dermation .pcx-history::before{left:3.4em}
 #view-dermation .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-dermation .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-dermation .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-dermation .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-dermation .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-dermation .pcx-h-photo{margin:4px 0 0}
#view-dermation .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-dermation .pcx-h-device .pcx-h-photo img,#view-dermation #pc-history .pcx-h-photo img[src*="picosure-"],#view-dermation #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-dermation .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-dermation .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-dermation .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-dermation. */
#view-dermation .sw-device-photo{max-width:820px}
#view-dermation .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-dermation .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-dermation .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .sw-figures{max-width:none}
#view-dermation .sw-figure img{display:block;width:100%;height:auto}
#view-dermation .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-dermation .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-dermation .sw-figures .sw-figure{margin:0}
#view-dermation .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-dermation .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-dermation .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-dermation .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-dermation .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .pc-explain h3+p+h3{margin-top:22px}
#view-dermation .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-dermation .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-dermation .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-dermation .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-dermation .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-dermation .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-dermation .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-dermation .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-dermation .sw-history li{position:relative;padding:0 0 22px 28px}
#view-dermation .sw-history li:last-child{padding-bottom:0}
#view-dermation .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-dermation .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-dermation .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-dermation .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-dermation .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-dermation .sw-gallery figure{margin:0}
#view-dermation .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-dermation .sw-gallery img.is-portrait{object-position:50% 30%}
#view-dermation .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-dermation .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-dermation .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-dermation .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-dermation .sw-case-photo{margin:0;background:#111}
#view-dermation .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-dermation .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-dermation .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-dermation .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-dermation .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-dermation .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-dermation .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-dermation .sw-area-prices li:last-child{border-bottom:0}
#view-dermation .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-dermation .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-dermation .sw-papers,#view-dermation .sw-history-wrap,#view-dermation .sw-cases,#view-dermation .sw-price-list{grid-template-columns:1fr}#view-dermation .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-dermation .sw-steps,#view-dermation .sw-figures,#view-dermation .sw-gallery{grid-template-columns:1fr}#view-dermation .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-dermation .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-dermation .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-dermation .sw-interview-video{margin:0;max-width:none}
#view-dermation .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-dermation .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-dermation .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-dermation .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-dermation .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-dermation .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-dermation .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-dermation .sw-ttt-design,#view-dermation .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-dermation .sw-ttt-face,#view-dermation .sw-heat-field{margin:0}
#view-dermation .sw-ttt-face img,#view-dermation .sw-heat-field img{display:block;width:100%;height:auto}
#view-dermation .sw-heat-field img{border:1px solid var(--sp-border)}
#view-dermation .sw-ttt-face figcaption,#view-dermation .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-dermation .sw-ttt-text .sp-kicker,#view-dermation .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-dermation .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-dermation .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-dermation .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-dermation .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-dermation .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-dermation .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-dermation .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-dermation .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-dermation .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-dermation .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-dermation .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-dermation .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-dermation .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-dermation .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-dermation .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-dermation .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-dermation .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-dermation .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-dermation .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-dermation .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-dermation .sw-ttt-design,#view-dermation .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-dermation .sw-ttt-face,#view-dermation .sw-heat-field{max-width:420px}#view-dermation .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-dermation .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-dermation .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-dermation .sw-ct-cases-head{margin:44px 0 18px}
#view-dermation .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-dermation .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-dermation .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-dermation .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-dermation .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-dermation .sw-ct-group{margin-top:40px}
#view-dermation .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-dermation .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-dermation .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-dermation .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-dermation .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-dermation .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-dermation .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-dermation .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-dermation .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-dermation .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-dermation .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-dermation .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-dermation .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-dermation .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-dermation .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-dermation .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-dermation .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermation .sw-table-details,#view-dermation .sw-record{margin-top:26px}
#view-dermation .sw-table-details .sp-disclosure-content,#view-dermation .sw-record .sp-disclosure-content,#view-dermation .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-dermation .sw-table-details .pc-table-wrap{margin-top:0}
#view-dermation .sw-record .sw-history-wrap{margin-top:6px}
#view-dermation .sw-ct-more{margin-top:18px}
#view-dermation .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-dermation .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-dermation .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-dermation .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-dermation .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-dermation .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-dermation .sw-3d-video{margin:0;max-width:none}
#view-dermation .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-dermation .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-dermation .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-dermation .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-dermation .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-dermation .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-dermation .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-dermation .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-dermation .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-dermation .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermation .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-dermation .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-dermation .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-dermation .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-dermation .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-dermation .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-dermation .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-dermation .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-dermation .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-dermation .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-dermation .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-dermation .swx-hero-points{margin-top:22px}
#view-dermation .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermation .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-dermation .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-dermation .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-dermation .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-dermation .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-dermation .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermation .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-dermation .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-dermation .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-dermation .swx-hero-video{margin:0}
#view-dermation .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-dermation .sp-video video:not([controls]){pointer-events:none}

/* Dermation (electroporation infusion) device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-dermation. */
#view-dermation .dm-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#e9e7e4}
#view-dermation .dm-device-photo{max-width:720px}
@media(max-width:760px){#view-dermation .dm-device-photo img{aspect-ratio:1/1}}
#view-dermation .dm-mechanism{max-width:900px;margin:28px auto 8px}
#view-dermation .dm-mechanism img{display:block;width:100%;height:auto;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .dm-mechanism figcaption{font-size:13px;line-height:1.8;color:var(--sp-muted,#666);margin-top:10px}
#view-dermation .dm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 8px;padding:0;list-style:none;counter-reset:dm}
#view-dermation .dm-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0;counter-increment:dm}
#view-dermation .dm-steps li::before{content:counter(dm,decimal-leading-zero);display:block;font-family:var(--fig);font-size:22px;letter-spacing:.06em;color:var(--gold);margin-bottom:8px}
#view-dermation .dm-steps h3{margin:0 0 8px;font-size:17px}
#view-dermation .dm-steps p{margin:0;font-size:14px;line-height:1.9}
@media(max-width:760px){#view-dermation .dm-steps{grid-template-columns:1fr;gap:12px}}
#view-dermation .dm-lineup{margin:28px auto 8px;max-width:960px}
#view-dermation .dm-lineup img{display:block;width:100%;height:auto;background:#fff}
#view-dermation .dm-lineup figcaption{font-size:13px;line-height:1.8;color:var(--sp-muted,#666);margin-top:10px}
#view-dermation .dm-base{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;margin:22px 0 8px}
#view-dermation .dm-base div{background:#fff;border:1px solid var(--sp-border);padding:16px 18px;min-width:0}
#view-dermation .dm-base dt{font-weight:700;font-size:15px;margin:0 0 6px}
#view-dermation .dm-base dd{margin:0;font-size:13.5px;line-height:1.85}
@media(max-width:760px){#view-dermation .dm-base{grid-template-columns:1fr}}
#view-dermation .dm-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 8px}
#view-dermation .dm-uses article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0}
#view-dermation .dm-uses article h3{margin:0 0 8px;font-size:18px}
#view-dermation .dm-uses article p{margin:0;font-size:14px;line-height:1.9}
#view-dermation .dm-uses .sp-source{display:inline-block;margin-top:10px}
@media(max-width:1000px){#view-dermation .dm-uses{grid-template-columns:1fr;gap:12px}}
#view-dermation .dm-courses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0 8px}
#view-dermation .dm-courses article{background:#fff;border:1px solid var(--sp-border);padding:0 0 20px;min-width:0;display:flex;flex-direction:column}
#view-dermation .dm-courses article img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-dermation .dm-courses .sp-kicker{margin:16px 20px 4px}
#view-dermation .dm-courses h3{margin:0 20px 8px;font-size:18px}
#view-dermation .dm-courses p{margin:0 20px;font-size:13.5px;line-height:1.85}
#view-dermation .dm-courses .dm-course-fee{margin:12px 20px 0;font-family:var(--fig);font-size:20px;letter-spacing:.02em}
#view-dermation .dm-courses .dm-course-fee small{font-family:var(--sans);font-size:12px;margin-left:4px}
@media(max-width:1000px){#view-dermation .dm-courses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-dermation .dm-courses{grid-template-columns:1fr;gap:12px}}
#view-dermation .dm-guide{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:8px}
#view-dermation .dm-guide li{background:#fff;border:1px solid var(--sp-border);padding:12px 16px;font-size:14px;line-height:1.8;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
#view-dermation .dm-guide li b{color:var(--gold);white-space:nowrap}
#view-dermation .dm-flow-photo{object-position:50% 50%}
#view-dermation .dm-approval-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:16px 0 0}
#view-dermation .dm-flow-video{max-width:720px;margin:28px auto 0}
#view-dermation .dm-flow-video .sp-video video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block;background:#e9e6e1}
/* 2026-09-26 magazine-style reading order (dmx- prefix, scoped to #view-dermation; kept distinct from the sp-/pc-/sw- rules copied from the other pages). */
#view-dermation .dmx-quick{margin-top:4px}
#view-dermation .dmx-mechanism{margin:28px auto 26px}
#view-dermation .dmx-base-details{margin-top:22px}
#view-dermation .dmx-base-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-dermation .dmx-base-details .dm-base{margin-top:4px}
#view-dermation .dmx-addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 0}
#view-dermation .dmx-addons article{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-dermation .dmx-addons article img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-dermation .dmx-addons article>div{padding:20px 24px 24px}
#view-dermation .dmx-addons h3{font-size:18px;line-height:1.6;margin:0 0 10px}
#view-dermation .dmx-addons p{margin:0;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-dermation .dmx-drugs{margin-top:18px;padding:18px 22px;background:#fff;border:1px solid var(--sp-border);border-left:2px solid var(--gold)}
#view-dermation .dmx-drugs h3{font-size:16px;margin:0 0 8px}
#view-dermation .dmx-drugs p{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .dmx-terastie{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;margin-top:30px}
#view-dermation .dmx-terastie figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .dmx-terastie img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-dermation .dmx-terastie figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);padding:10px 14px;border-top:1px solid var(--sp-border)}
#view-dermation .dmx-terastie .pc-quote{margin:0}
#view-dermation .dmx-uses article{padding-top:0;overflow:hidden}
#view-dermation .dmx-uses .dmx-role-photo{display:block;width:calc(100% + 48px);max-width:none;margin:0 -24px 16px;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;background:#e9e6e1;border-bottom:1px solid var(--sp-border)}
#view-dermation .dmx-uses .dmx-role-photo-portrait{object-position:50% 62%}
#view-dermation .dmx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center;margin-top:26px}
#view-dermation .dmx-split figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .dmx-split img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
#view-dermation .dmx-split figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);padding:10px 14px;border-top:1px solid var(--sp-border)}
#view-dermation .dmx-split h3{font-size:19px;margin:0 0 10px}
#view-dermation .dmx-split p{margin:0;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-dermation .dmx-quote{margin-top:22px}
#view-dermation .dmx-research{margin-top:26px;padding-top:22px;border-top:1px solid var(--sp-border)}
#view-dermation .dmx-research h3{font-size:16px;margin:0 0 8px}
#view-dermation .dmx-research p{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-dermation .dmx-doctor-figs{display:grid;gap:16px}
#view-dermation .dmx-doctor-figs figure{margin:0}
#view-dermation .dmx-doctor-figs figure:last-child img{aspect-ratio:16/9;object-fit:cover}
#view-dermation .dmx-recovery-art{margin:0 0 26px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .dmx-recovery-art img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;object-position:50% 58%}
#view-dermation .dmx-recovery-art figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);padding:10px 14px;border-top:1px solid var(--sp-border)}
@media(max-width:900px){#view-dermation .dmx-terastie,#view-dermation .dmx-split{grid-template-columns:1fr;gap:18px}#view-dermation .dmx-doctor-figs{max-width:480px}}
@media(max-width:760px){#view-dermation .dmx-addons{grid-template-columns:1fr;gap:12px}#view-dermation .dmx-recovery-art img{aspect-ratio:16/9}}
#view-dermation .pc-about-visual .dm-device-photo{max-width:none}

/* 2026-09-28: labels over the electroporation schematic, and the STANDARD ingredient line */
#view-dermation .dm-mechanism .fb-stage{position:relative;background:#fff;border:1px solid var(--sp-border)}
#view-dermation .dm-mechanism .fb-stage img{border:0}
#view-dermation .dm-mechanism .fb-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-dermation .dm-lab,#view-dermation .dm-lab-h,#view-dermation .dm-lab-c{font-family:var(--sans);font-weight:400;fill:#3D4043}
#view-dermation .dm-lab-h{font-size:33px;letter-spacing:.02em}
#view-dermation .dm-lab{font-size:25px}
#view-dermation .dm-lab-c{font-size:27px}
html[lang^="en"] #view-dermation .dm-lab-h{font-size:30px}
html[lang^="en"] #view-dermation .dm-lab-c{font-size:23px}
html[lang^="en"] #view-dermation .dm-lab{font-size:21px}
@media(max-width:640px){#view-dermation .dm-mechanism{overflow-x:auto}#view-dermation .dm-mechanism .fb-stage{min-width:640px}}
#view-dermation .dm-lineup-h{display:block;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--gold-ink)}
#view-dermation .dm-lineup-list{display:block;font-size:13.5px;line-height:1.9;color:var(--ink-2);margin-top:4px}
#view-dermation .dm-ingredients .fb-stage{position:relative;background:#fff}
#view-dermation .dm-ingredients .fb-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-dermation .dm-ing-tick{stroke:#B7A887;stroke-width:1.2}
#view-dermation .dm-ing-dot{fill:#A6977B}
#view-dermation .dm-ing-lab{font-family:var(--sans);font-size:27px;font-weight:400;fill:#514A43}
#view-dermation .dm-ing-sub{font-family:var(--sans);font-size:20px;font-weight:300;fill:#857B70}
html[lang^="en"] #view-dermation .dm-ing-lab{font-size:22px}
@media(max-width:640px){#view-dermation .dm-ingredients{overflow-x:auto}#view-dermation .dm-ingredients .fb-stage{min-width:600px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern) */
#view-dermation .dmx-hero-points{margin-top:22px}
#view-dermation .dmx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-dermation .dmx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-dermation .dmx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-dermation .dmx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-dermation .dmx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-dermation .dmx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-dermation .dmx-hero-points .dmx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-dermation .dmx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-dermation .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-dermation .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 labels that sit on the schematic (skin layers, applied ingredients, pulses) get a soft white chip; step titles and captions in the white margins stay plain */
#view-dermation .dmx-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-dermation .dm-mechanism .dm-lab{filter:url(#dmx-chip);fill:var(--ink)}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-dermation .dm-hero-video{margin:0}
#view-dermation .dmx-hero-loop{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-stimsure{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-stimsure .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-stimsure .sp-soft{background:var(--sp-soft)}
#view-stimsure .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-stimsure .sp-heading{margin-bottom:26px;max-width:46em}
#view-stimsure .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-stimsure .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-stimsure .sp-heading .sp-kicker{margin-top:0}
#view-stimsure .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-stimsure .sp-note a,#view-stimsure .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-stimsure .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-stimsure .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-stimsure .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-stimsure .crumbs span::before{content:none}
#view-stimsure .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-stimsure .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-stimsure .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-stimsure .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-stimsure .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-stimsure .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-stimsure .sp-hero-trust a{margin-top:7px}
#view-stimsure .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-stimsure .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-stimsure .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-stimsure .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-stimsure .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-stimsure .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-stimsure .sp-nav a{flex-shrink:0}
#view-stimsure .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-stimsure .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-stimsure .sp-nav a:hover{color:var(--gold-ink)}
#view-stimsure .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-stimsure .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-stimsure .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-stimsure .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-stimsure .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-stimsure .sp-type-body{padding:21px 22px 22px}
#view-stimsure .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-stimsure .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-stimsure .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-stimsure .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-stimsure .sp-type .sp-source{margin-top:12px}
#view-stimsure .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-stimsure .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-stimsure .sp-case-head{padding:20px 22px 16px}
#view-stimsure .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-stimsure .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-stimsure .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-stimsure .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-stimsure .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-stimsure .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-stimsure .sp-case-body{padding:18px 22px 22px}
#view-stimsure .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-stimsure .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-stimsure .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-stimsure .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-stimsure .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-stimsure .sp-case-body .sp-source{margin-top:14px}
#view-stimsure .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-stimsure .sp-case-details>summary{min-height:48px}
#view-stimsure .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-stimsure .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-stimsure .sp-approach-list{display:grid;gap:0}
#view-stimsure .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-stimsure .sp-approach-item:first-child{padding-top:0}
#view-stimsure .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-stimsure .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-stimsure .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-stimsure .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-stimsure .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-stimsure .sp-doctor h3{font-size:21px;line-height:1.5}
#view-stimsure .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-stimsure .sp-doctor .sp-source{white-space:nowrap}
#view-stimsure .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-stimsure .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-stimsure .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-stimsure .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-stimsure .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-stimsure .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-stimsure .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-stimsure .sp-expertise-facts>div:first-child{padding-top:0}
#view-stimsure .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-stimsure .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-stimsure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-stimsure .sp-expertise-grid figure{max-width:480px}
 #view-stimsure .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-stimsure .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-stimsure .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-stimsure .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-stimsure .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-stimsure .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-stimsure .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-stimsure .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-stimsure .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-stimsure .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-stimsure .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-stimsure .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-stimsure .sp-disclosure>summary::after{content:'＋';flex:none}
#view-stimsure .sp-disclosure[open]>summary::after{content:'−'}
#view-stimsure .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-stimsure .sp-disclosure-content p+p{margin-top:12px}
#view-stimsure .sp-approval-list{display:grid;gap:10px}
#view-stimsure .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-stimsure .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-stimsure .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-stimsure .sp-price-intro>div{flex:1 1 320px}
#view-stimsure .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-stimsure .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-stimsure .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-stimsure .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-stimsure .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-stimsure .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-stimsure .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-stimsure .sp-price-heading{margin-bottom:16px}
#view-stimsure .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-stimsure .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-stimsure .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-stimsure .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-stimsure .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-stimsure .sp-price .sp-yen{display:block;margin:0}
#view-stimsure .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-stimsure .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-stimsure .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-stimsure .sp-price-list{margin-top:8px}
#view-stimsure .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-stimsure .sp-price-list dt{min-width:0}
#view-stimsure .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-stimsure .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-stimsure .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-stimsure .sp-flow-head{display:block;margin-bottom:14px}
#view-stimsure .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-stimsure .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-stimsure .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-stimsure .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-stimsure .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-stimsure .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-stimsure .sp-recovery>div:last-child{border-right:0}
#view-stimsure .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-stimsure .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-stimsure .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-stimsure .sp-risk-details{margin-top:22px}
#view-stimsure .sp-faq{margin-inline:0}
#view-stimsure .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-stimsure .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-stimsure .sp-tech h3{font-size:22px;line-height:1.6}
#view-stimsure .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-stimsure .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-stimsure .sp-tech h3+p{margin-top:10px}
#view-stimsure .sp-video>summary{cursor:pointer;list-style:none}
#view-stimsure .sp-video>summary::-webkit-details-marker{display:none}
#view-stimsure .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-stimsure .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-stimsure .sp-flow-text{display:block;margin-top:12px}
#view-stimsure .sp-video-body{padding-bottom:16px}
#view-stimsure .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-stimsure .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-stimsure .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-stimsure .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-stimsure .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-stimsure .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-stimsure .sp-tech>img{width:76px;height:99px}
 #view-stimsure .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-stimsure .sp-homecare>img{max-height:220px}
}
#view-stimsure .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-stimsure .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-stimsure .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-stimsure .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-stimsure .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-stimsure .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-stimsure .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-stimsure .sp-final .btn{font-size:14px}
#view-stimsure .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-stimsure :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-stimsure .sp-devices{grid-template-columns:1fr}
  #view-stimsure .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-stimsure .sp-device-head{margin-bottom:0}
  #view-stimsure .sp-device .sp-disclosure{grid-column:1/-1}
  #view-stimsure .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-stimsure .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-stimsure .sp-doctor>img{width:90px;height:100px}
  #view-stimsure .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-stimsure .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-stimsure .sp-hero h1{font-size:32px}
  #view-stimsure .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-stimsure .sp-hero-lead{margin-top:17px}
  #view-stimsure .sp-hero-photo img{aspect-ratio:16/9}
  #view-stimsure .sp-hero-photo figcaption{font-size:12px}
  #view-stimsure .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-stimsure .sp-types,#view-stimsure .sp-cases,#view-stimsure .sp-approach,#view-stimsure .sp-prices{grid-template-columns:1fr}
  #view-stimsure .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-stimsure .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-stimsure .sp-type-body{padding:19px 20px}
  #view-stimsure .sp-type h3{font-size:20px}
  #view-stimsure .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-stimsure .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-stimsure .sp-approach{gap:24px}
  #view-stimsure .sp-approach-image img{max-height:260px}
  #view-stimsure .sp-recovery{grid-template-columns:1fr}
  #view-stimsure .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-stimsure .sp-recovery>div:last-child{border-bottom:0}
  #view-stimsure .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-stimsure .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-stimsure .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-stimsure .sp-hero h1{font-size:29px}
  #view-stimsure .sp-actions{align-items:stretch}
  #view-stimsure .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-stimsure .sp-type{grid-template-columns:1fr}
  #view-stimsure .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-stimsure .sp-type-art img{max-height:130px}
  #view-stimsure .sp-layer-labels{justify-content:center;gap:26px}
  #view-stimsure .sp-type-body{padding:19px 20px}
  #view-stimsure .sp-case-head,#view-stimsure .sp-case-body{padding-inline:18px}
  #view-stimsure .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-stimsure .sp-case-photos{padding-inline:10px;gap:4px}
  #view-stimsure .sp-device{display:block;padding:20px}
  #view-stimsure .sp-device-head{margin-bottom:14px}
  #view-stimsure .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-stimsure .sp-flow>li{padding:18px 20px}
  #view-stimsure .sp-flow-head{margin-bottom:10px}
  #view-stimsure .sp-price{padding:22px}
  #view-stimsure .sp-price-intro{padding:20px}
  #view-stimsure .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-stimsure .sp-price-list dd{flex-basis:100%}
  #view-stimsure .sp-doctor{gap:14px}
  #view-stimsure .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-stimsure :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-stimsure .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-stimsure .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-stimsure .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-stimsure .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-stimsure .sp-entry-link:first-child{padding-left:0}
#view-stimsure .sp-entry-link:last-child{border-right:0}
#view-stimsure .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-stimsure .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-stimsure .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-stimsure .sp-entry-link:hover{background:var(--sp-soft)}
#view-stimsure .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-stimsure .sp-consult h3{font-size:24px;line-height:1.65}
#view-stimsure .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-stimsure .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-stimsure .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-stimsure .sp-consult .sp-note{margin-top:7px}
#view-stimsure #s-doctor-section{padding-top:58px}
#view-stimsure #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-stimsure .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-stimsure .sp-expertise-grid figure{align-self:center}
#view-stimsure .sp-expertise-facts dt{font-size:16px}
#view-stimsure .sp-expertise-facts dd{font-size:14px}
#view-stimsure .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-stimsure .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-stimsure .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-stimsure .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .sp-flow{list-style:none;padding:0}
#view-stimsure .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-stimsure .sp-flow-head img,#view-stimsure .sp-video video{border:1px solid var(--sp-border)}
#view-stimsure .sp-recovery{border:0}
#view-stimsure .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-stimsure .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-stimsure .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-stimsure .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-stimsure .sp-visit-info a{color:var(--on-night)}
#view-stimsure a:focus-visible,#view-stimsure summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-stimsure .sp-entry-links{grid-template-columns:1fr}
 #view-stimsure .sp-entry-link,#view-stimsure .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-stimsure .sp-entry-link:last-child{border-bottom:0}
 #view-stimsure .sp-entry-link strong{font-size:18px}
 #view-stimsure .sp-entry-link span span{margin-top:3px}
 #view-stimsure .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-stimsure .sp-consult h3{font-size:22px}
 #view-stimsure .sp-consult ul{display:block}
 #view-stimsure .sp-consult li{margin-top:6px}
 #view-stimsure .sp-consult .btn{width:100%}
 #view-stimsure .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-stimsure .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-stimsure .sp-recovery>div::before{top:4px;left:-5px}
 #view-stimsure .sp-recovery>div:last-child{padding-bottom:0}
 #view-stimsure .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-stimsure *{scroll-behavior:auto;transition:none}}

#view-stimsure .sp-type-art img{max-height:145px}
#view-stimsure .sp-type-body{padding:20px}
#view-stimsure .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-stimsure .sp-price>p.sp-price-unit,#view-stimsure .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-stimsure .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-stimsure .sp-price{padding:26px 0}
 #view-stimsure .sp-price-description{margin-bottom:20px}
 #view-stimsure .sp-price>.sp-note{min-height:0}
 #view-stimsure .sp-price h3{font-size:23px}
 #view-stimsure .sp-price .sp-yen{font-size:20px}
 #view-stimsure .sp-price-intro{padding:22px;gap:16px}
 #view-stimsure .sp-price-intro>div{flex-basis:100%}
}

#view-stimsure .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-stimsure .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-stimsure .sp-consult-fees>div:last-child{border-bottom:0}
#view-stimsure .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-stimsure .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-stimsure .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-stimsure .sp-consult-fees{flex-basis:100%}#view-stimsure .sp-consult-fees dd{font-size:21px}#view-stimsure .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-stimsure .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-stimsure .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-stimsure .sp-price-intro{padding:20px 18px;gap:18px}
 #view-stimsure .sp-consult-fees{flex-basis:100%;width:100%}
 #view-stimsure .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-stimsure .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-stimsure .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-stimsure .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-stimsure .sp-fee-period::before{content:none}
 html[lang="en"] #view-stimsure .sp-fee-period{white-space:normal;font-size:14px}
 #view-stimsure .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-stimsure .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-stimsure .sp-prices{gap:16px;border:0}
 #view-stimsure .sp-price,#view-stimsure .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-stimsure .sp-price-heading{order:0;margin-bottom:14px}
 #view-stimsure .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-stimsure .sp-price h3{font-size:22px;letter-spacing:0}
 #view-stimsure .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-stimsure .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-stimsure .sp-price .sp-price-unit{font-size:12px}
 #view-stimsure .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-stimsure .sp-price>.sp-note{order:3;margin-top:10px}
 #view-stimsure .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-stimsure .sp-price,#view-stimsure .sp-price+.sp-price{padding:20px 16px}
 #view-stimsure .sp-price h3{font-size:20px}
 #view-stimsure .sp-price .sp-yen{font-size:20px}
 #view-stimsure .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-stimsure .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-stimsure .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-stimsure .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-stimsure .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-stimsure .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-stimsure .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-stimsure .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-stimsure .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-stimsure .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-stimsure .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-stimsure .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-stimsure .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-stimsure .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-stimsure .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-stimsure .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-stimsure .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-stimsure .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-stimsure .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-stimsure .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-stimsure .sp-entry-hint{margin:8px 0 22px}
#view-stimsure .sp-entry-links{gap:14px;border:0}
#view-stimsure .sp-entry-link,#view-stimsure .sp-entry-link:first-child,#view-stimsure .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-stimsure .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-stimsure .sp-entry-link:hover,#view-stimsure .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-stimsure .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-stimsure .sp-entry-copy{min-width:0}
#view-stimsure .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-stimsure .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-stimsure .sp-entry-question{font-size:22px}
 #view-stimsure .sp-entry-link,#view-stimsure .sp-entry-link:first-child,#view-stimsure .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-stimsure .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-stimsure .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-stimsure .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .sp-anes{margin-top:10px}
#view-stimsure .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-stimsure .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-stimsure .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-stimsure .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-stimsure .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-stimsure .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-stimsure .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-stimsure .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-stimsure .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-stimsure .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-stimsure .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-stimsure .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-stimsure .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-stimsure .hg-head>div{min-width:0}
#view-stimsure .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-stimsure .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-stimsure .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-stimsure .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-stimsure .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-stimsure .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-stimsure .hg-menu-photo{margin:0}
#view-stimsure .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-stimsure .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-stimsure .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-stimsure .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-stimsure .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-stimsure .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-stimsure .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-stimsure .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-stimsure .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-stimsure .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-stimsure .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-stimsure .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-stimsure .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-stimsure .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-stimsure .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-stimsure .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-stimsure .hg-menu-note{margin:14px 0 0}
#view-stimsure .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-stimsure .hg-menu-links-label{margin-right:4px}
#view-stimsure .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-stimsure .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-stimsure .hg-menu-fees{gap:8px}#view-stimsure .hg-fee{padding:14px 14px 12px}#view-stimsure .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-stimsure .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-stimsure .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-stimsure .hg-menu-range{margin:14px 0 0}
#view-stimsure .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-stimsure .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-stimsure .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-stimsure .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-stimsure .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-stimsure .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-stimsure .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-stimsure .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-stimsure .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-stimsure .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-stimsure .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-stimsure .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-stimsure .cg-card{padding:0;background:transparent;border:0}
#view-stimsure .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-stimsure .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-stimsure .cg-card .case-image{margin:0}
#view-stimsure .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-stimsure .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-stimsure .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-stimsure .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-stimsure .cg-details summary:hover{color:var(--gold-ink)}
#view-stimsure .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-stimsure .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-stimsure .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-stimsure .cg-details dt{padding-top:13px}
#view-stimsure .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-stimsure .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-stimsure .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-stimsure .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-stimsure .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-stimsure .sp-section .dn-gallery,#view-stimsure .sp-section .sw-gallery,#view-stimsure .sp-section .pc-lecture-figs,#view-stimsure .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-stimsure .sp-section .sw-interview,#view-stimsure .sp-section .ul-doctor-grid,#view-stimsure .sp-section .sv-doctor-hero,#view-stimsure .sp-section .wrx-evidence,#view-stimsure .sp-section .uex-evidence,#view-stimsure .sp-section .ml-doctor-grid,#view-stimsure .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-stimsure .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-stimsure .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-stimsure .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-stimsure .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-stimsure .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-stimsure .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-stimsure .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-stimsure .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-stimsure .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-stimsure .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-stimsure .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-stimsure .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-stimsure .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .hgd-svg{display:block;width:100%;height:auto}
#view-stimsure .hgd-sp{display:none}
#view-stimsure .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-stimsure .hgd-layer{font-size:30px}
#view-stimsure .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-stimsure .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-stimsure .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-stimsure .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-stimsure .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-stimsure .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-stimsure .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-stimsure .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-stimsure .hgd-art{opacity:.92}
#view-stimsure .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-stimsure .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-stimsure .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-stimsure .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-stimsure .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-stimsure .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-stimsure .hgd-layer{font-size:25px}
html[lang^="en"] #view-stimsure .hgd-sub{font-size:19px}
html[lang^="en"] #view-stimsure .hgd-br{font-size:27px}
#view-stimsure .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-stimsure .hgd-pc .hgd-layer{font-size:38px}
 #view-stimsure .hgd-pc .hgd-sub{font-size:30px}
 #view-stimsure .hgd-pc .hgd-name{font-size:42px}
 #view-stimsure .hgd-pc .hgd-kind{font-size:31px}
 #view-stimsure .hgd-pc .hgd-br{font-size:36px}
 #view-stimsure .hgd-pc .hgd-mm{font-size:40px}
 #view-stimsure .hgd-pc .hgd-note{font-size:26px}
 #view-stimsure .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-stimsure .hg-lineup img{width:72px;height:72px}
 #view-stimsure .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-stimsure .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-stimsure .hg-lineup,#view-stimsure .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-stimsure .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-stimsure .hg-lineup img{width:56px;height:56px}
 #view-stimsure .hg-lineup figcaption{padding:7px 8px}
 #view-stimsure .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-stimsure .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-stimsure .hg-lineup figcaption small{font-size:10.5px}
 #view-stimsure .hgd-pc{display:none}
 #view-stimsure .hgd-sp{display:block}
 #view-stimsure .hgd-layer,#view-stimsure .hgd-name,#view-stimsure .hgd-br,#view-stimsure .hgd-mm{font-size:34px}
 #view-stimsure .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-stimsure .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-stimsure .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-stimsure .hgd-layer{font-size:30px}
 #view-stimsure .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-stimsure .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-stimsure .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-stimsure. */
#view-stimsure .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-stimsure .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-stimsure .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-stimsure .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-stimsure .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-stimsure .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-stimsure .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-stimsure .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-stimsure .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-stimsure .pc-table th,#view-stimsure .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-stimsure .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-stimsure .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-stimsure .pc-table tbody tr:last-child th,#view-stimsure .pc-table tbody tr:last-child td{border-bottom:0}
#view-stimsure .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-stimsure .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-stimsure .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-stimsure .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-stimsure .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-stimsure .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-stimsure .pc-point-face{width:92px;height:92px}}
#view-stimsure .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-stimsure .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-stimsure .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-stimsure .pc-explain p+p{margin-top:12px}
#view-stimsure .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-stimsure .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-stimsure .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-stimsure .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-stimsure .pc-books h3{font-size:18px;margin-bottom:12px}
#view-stimsure .pc-books ul{list-style:none;padding:0;margin:0}
#view-stimsure .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-stimsure .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-stimsure .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-stimsure .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-stimsure .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-stimsure .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-stimsure .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-stimsure .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-stimsure .pc-tag{margin:0}
#view-stimsure .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-stimsure .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-stimsure .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-stimsure .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-stimsure .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-stimsure .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-stimsure .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-stimsure .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-stimsure .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-stimsure .pc-approval>div:last-child{border-bottom:0}
#view-stimsure .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-stimsure .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-stimsure .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-stimsure .pc-glance,#view-stimsure .pc-modes{grid-template-columns:1fr}#view-stimsure .pc-explain{grid-template-columns:1fr}#view-stimsure .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-stimsure .pc-concern-links{grid-template-columns:1fr}#view-stimsure .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-stimsure .pc-books,#view-stimsure .pc-quote,#view-stimsure .pc-point{padding:20px}#view-stimsure .pc-glance-num span{font-size:32px}#view-stimsure .pc-table{font-size:13px}#view-stimsure .pc-table th,#view-stimsure .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-stimsure .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-stimsure .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-stimsure .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-stimsure .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-stimsure .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-stimsure .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-stimsure .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-stimsure .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-stimsure .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-stimsure .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-stimsure .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-stimsure .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-stimsure .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-stimsure .pc-video{margin:0 0 28px;max-width:820px}
#view-stimsure .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-stimsure .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-stimsure .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-stimsure .pc-lasers-media .pc-video,#view-stimsure .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-stimsure .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-stimsure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-stimsure .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-stimsure .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-stimsure .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-stimsure .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-stimsure .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-stimsure .pc-hero-video .sp-video{margin:0}
#view-stimsure .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-stimsure .pc-cell-label{display:none}
@media(max-width:760px){
#view-stimsure .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-stimsure .pc-table{min-width:0;display:block;font-size:14px}
#view-stimsure .pc-table caption{display:block;padding:0 0 10px}
#view-stimsure .pc-table thead{display:none}
#view-stimsure .pc-table tbody{display:block}
#view-stimsure .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-stimsure .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-stimsure .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-stimsure .pc-table tr td:last-child{border-bottom:0}
#view-stimsure .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-stimsure .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-stimsure .pc-cell-value{display:block;line-height:1.75}
}
#view-stimsure .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-stimsure .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-stimsure .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-stimsure .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-stimsure .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-stimsure .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-stimsure .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-stimsure .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-stimsure .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-stimsure .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-stimsure .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-stimsure .pcx-video{margin:0 0 26px;max-width:780px}
#view-stimsure .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-stimsure .pcx-table-details{margin-top:18px}
#view-stimsure .pcx-table-details .pc-table-wrap{margin-top:0}
#view-stimsure .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-stimsure .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-stimsure .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-stimsure #pc-lasers .pc-point{margin-top:40px}
#view-stimsure .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-stimsure .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-stimsure .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-stimsure .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-stimsure .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-stimsure .pcx-case-hint{margin-top:6px}
#view-stimsure #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-stimsure .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-stimsure .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-stimsure .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-stimsure .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-stimsure .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-stimsure .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-stimsure .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-stimsure .pcx-hero-points{margin-top:22px}
#view-stimsure .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-stimsure .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-stimsure .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-stimsure .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-stimsure .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-stimsure .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-stimsure .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-stimsure .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-stimsure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-stimsure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-stimsure .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-stimsure .pcx-mode-art img{display:block;width:100%;height:auto}
#view-stimsure .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-stimsure .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-stimsure .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-stimsure .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-stimsure .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-stimsure .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-stimsure .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-stimsure .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-stimsure .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-stimsure .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-stimsure .pcx-case-sep{display:none}
  #view-stimsure .pcx-case-name{display:block}
  #view-stimsure .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-stimsure .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-stimsure .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-stimsure .pcx-diff-changed{border-top-color:var(--gold)}
#view-stimsure .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-stimsure .pcx-diff-card dl{margin:0}
#view-stimsure .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-stimsure .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-stimsure .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-stimsure .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-stimsure .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-stimsure .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-stimsure .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-stimsure .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-stimsure .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-stimsure .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-stimsure .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-stimsure .pcx-history>li:last-child{padding-bottom:0}
#view-stimsure .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-stimsure .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-stimsure .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-stimsure .pcx-h-tag{margin:0 0 4px}
#view-stimsure .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-stimsure .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-stimsure .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-stimsure .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-stimsure .pcx-history-wrap>.sp-note{margin-top:20px}
#view-stimsure #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-stimsure .pcx-diff{grid-template-columns:1fr}
 #view-stimsure .pcx-diff-card{padding:18px 16px 14px}
 #view-stimsure .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-stimsure .pcx-depth{padding:16px}
 #view-stimsure .pcx-history::before{left:3.4em}
 #view-stimsure .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-stimsure .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-stimsure .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-stimsure .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-stimsure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-stimsure .pcx-h-photo{margin:4px 0 0}
#view-stimsure .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-stimsure .pcx-h-device .pcx-h-photo img,#view-stimsure #pc-history .pcx-h-photo img[src*="picosure-"],#view-stimsure #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-stimsure .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-stimsure .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-stimsure .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-stimsure. */
#view-stimsure .sw-device-photo{max-width:820px}
#view-stimsure .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-stimsure .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-stimsure .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .sw-figures{max-width:none}
#view-stimsure .sw-figure img{display:block;width:100%;height:auto}
#view-stimsure .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-stimsure .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-stimsure .sw-figures .sw-figure{margin:0}
#view-stimsure .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-stimsure .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-stimsure .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-stimsure .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-stimsure .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .pc-explain h3+p+h3{margin-top:22px}
#view-stimsure .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-stimsure .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-stimsure .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-stimsure .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-stimsure .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-stimsure .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-stimsure .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-stimsure .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-stimsure .sw-history li{position:relative;padding:0 0 22px 28px}
#view-stimsure .sw-history li:last-child{padding-bottom:0}
#view-stimsure .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-stimsure .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-stimsure .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-stimsure .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-stimsure .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-stimsure .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-stimsure .sw-gallery figure{margin:0}
#view-stimsure .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-stimsure .sw-gallery img.is-portrait{object-position:50% 30%}
#view-stimsure .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-stimsure .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-stimsure .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-stimsure .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-stimsure .sw-case-photo{margin:0;background:#111}
#view-stimsure .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-stimsure .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-stimsure .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-stimsure .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-stimsure .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-stimsure .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-stimsure .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-stimsure .sw-area-prices li:last-child{border-bottom:0}
#view-stimsure .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-stimsure .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-stimsure .sw-papers,#view-stimsure .sw-history-wrap,#view-stimsure .sw-cases,#view-stimsure .sw-price-list{grid-template-columns:1fr}#view-stimsure .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-stimsure .sw-steps,#view-stimsure .sw-figures,#view-stimsure .sw-gallery{grid-template-columns:1fr}#view-stimsure .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-stimsure .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-stimsure .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .sw-interview-video{margin:0;max-width:none}
#view-stimsure .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-stimsure .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-stimsure .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-stimsure .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-stimsure .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-stimsure .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-stimsure .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-stimsure .sw-ttt-design,#view-stimsure .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .sw-ttt-face,#view-stimsure .sw-heat-field{margin:0}
#view-stimsure .sw-ttt-face img,#view-stimsure .sw-heat-field img{display:block;width:100%;height:auto}
#view-stimsure .sw-heat-field img{border:1px solid var(--sp-border)}
#view-stimsure .sw-ttt-face figcaption,#view-stimsure .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-stimsure .sw-ttt-text .sp-kicker,#view-stimsure .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-stimsure .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-stimsure .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-stimsure .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-stimsure .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-stimsure .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-stimsure .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-stimsure .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-stimsure .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-stimsure .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-stimsure .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-stimsure .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-stimsure .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-stimsure .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-stimsure .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-stimsure .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-stimsure .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-stimsure .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-stimsure .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-stimsure .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-stimsure .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-stimsure .sw-ttt-design,#view-stimsure .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-stimsure .sw-ttt-face,#view-stimsure .sw-heat-field{max-width:420px}#view-stimsure .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-stimsure .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-stimsure .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-stimsure .sw-ct-cases-head{margin:44px 0 18px}
#view-stimsure .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-stimsure .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-stimsure .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-stimsure .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-stimsure .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-stimsure .sw-ct-group{margin-top:40px}
#view-stimsure .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-stimsure .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-stimsure .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-stimsure .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-stimsure .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-stimsure .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-stimsure .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-stimsure .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-stimsure .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-stimsure .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-stimsure .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-stimsure .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-stimsure .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-stimsure .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-stimsure .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-stimsure .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-stimsure .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-stimsure .sw-table-details,#view-stimsure .sw-record{margin-top:26px}
#view-stimsure .sw-table-details .sp-disclosure-content,#view-stimsure .sw-record .sp-disclosure-content,#view-stimsure .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-stimsure .sw-table-details .pc-table-wrap{margin-top:0}
#view-stimsure .sw-record .sw-history-wrap{margin-top:6px}
#view-stimsure .sw-ct-more{margin-top:18px}
#view-stimsure .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-stimsure .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-stimsure .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-stimsure .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-stimsure .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-stimsure .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .sw-3d-video{margin:0;max-width:none}
#view-stimsure .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-stimsure .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-stimsure .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-stimsure .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-stimsure .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-stimsure .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-stimsure .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-stimsure .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-stimsure .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-stimsure .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-stimsure .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-stimsure .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-stimsure .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-stimsure .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-stimsure .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-stimsure .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-stimsure .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-stimsure .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-stimsure .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-stimsure .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-stimsure .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-stimsure .swx-hero-points{margin-top:22px}
#view-stimsure .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-stimsure .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-stimsure .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-stimsure .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-stimsure .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-stimsure .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-stimsure .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-stimsure .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-stimsure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-stimsure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-stimsure .swx-hero-video{margin:0}
#view-stimsure .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-stimsure .sp-video video:not([controls]){pointer-events:none}

/* StimSure device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-stimsure. */
#view-stimsure .st-hero-device img{object-position:50% 50%;background:#e9e7e4}
#view-stimsure .st-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#e9e7e4}
@media(max-width:760px){#view-stimsure .st-device-photo img{aspect-ratio:1/1;object-position:50% 50%}}
#view-stimsure .st-graph,#view-stimsure .st-pathway,#view-stimsure .st-areas-figure{max-width:960px;margin-top:30px}
#view-stimsure .st-graph{margin-top:0}
#view-stimsure .pc-explain{margin-top:30px}
#view-stimsure .st-areas{margin-top:26px}
#view-stimsure .st-areas .pc-mode h3{margin-top:6px}
#view-stimsure .st-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-stimsure .st-case-photo img{aspect-ratio:470/300;object-fit:contain;background:#111}
@media(max-width:900px){#view-stimsure .st-cases{grid-template-columns:1fr}}
#view-stimsure .sw-price-list .sp-price-amount{margin-top:14px}
#view-stimsure .sw-gallery img{aspect-ratio:3/2;object-fit:cover}
#view-stimsure .st-flow-photo{object-position:50% 50%}
#view-stimsure .sp-expertise .sp-doctor>img{object-position:50% 12%}
#view-stimsure .pc-explain h3+p+p+h3{margin-top:22px}
#view-stimsure #st-approval a.sp-source{display:inline-block;margin:8px 22px 0 0}
/* 2026-09-20: easier to scan - key-points box, check list, short cards. */
#view-stimsure .st-summary-section{padding-block:28px 32px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-stimsure .st-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 26px;align-items:start;border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px}
#view-stimsure .st-summary .sp-kicker{font-size:12px;margin:2px 0 0}
#view-stimsure .st-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;counter-reset:sm}
#view-stimsure .st-summary li{counter-increment:sm;position:relative;padding-left:28px;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-stimsure .st-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:12px;color:var(--gold-ink);line-height:1.8}
#view-stimsure .st-summary li strong{color:var(--ink);font-weight:500}
@media(max-width:900px){#view-stimsure .st-summary{grid-template-columns:1fr;padding:16px 18px}#view-stimsure .st-summary ol{grid-template-columns:1fr}}
#view-stimsure .st-check{margin-top:18px;padding:22px 26px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-stimsure .st-check h3{font-size:17px;margin-bottom:12px}
#view-stimsure .st-check ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
#view-stimsure .st-check li{position:relative;padding-left:28px;font-size:15px;line-height:1.8;color:var(--ink)}
#view-stimsure .st-check li::before{content:'';position:absolute;left:3px;top:.6em;width:11px;height:6px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
@media(max-width:760px){#view-stimsure .st-check{padding:18px}#view-stimsure .st-check ul{grid-template-columns:1fr}}
#view-stimsure #st-about .sp-note{margin-top:16px}
#view-stimsure .st-why-cards,#view-stimsure .st-how-cards{margin-top:26px}
#view-stimsure .st-why-cards .pc-mode h3,#view-stimsure .st-how-cards .pc-mode h3{margin-top:6px}
#view-stimsure .st-why-cards+.sp-note{margin-top:12px}
#view-stimsure .st-quote{margin-top:26px;max-width:860px}
#view-stimsure #st-why .sp-disclosure,#view-stimsure #st-how .sp-disclosure,#view-stimsure #st-doctor .sp-disclosure{margin-top:22px}
#view-stimsure .sp-disclosure .st-pathway{margin-top:4px}
#view-stimsure .sp-disclosure .sw-history-wrap{margin-top:6px}
/* 2026-09-26: magazine-style reading - a picture in every stretch, the plain point first (stx- prefix, this page only). */
#view-stimsure .stx-summary-link{display:inline-block;margin-left:8px;font-size:12.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#view-stimsure .stx-about-art{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:320px;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .stx-about-art>div{position:relative;min-height:0}
#view-stimsure .stx-about-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;background:#f6f2ee}
#view-stimsure .stx-about-art figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:8px 14px;border-top:1px solid var(--sp-border)}
#view-stimsure .stx-sub-h{font-size:19px;line-height:1.6;margin:34px 0 14px}
#view-stimsure .stx-pathway .st-pathway{margin-top:0}
#view-stimsure .stx-quote{margin-top:26px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-stimsure .stx-quote-art{margin:0;min-width:0}
#view-stimsure .stx-quote-art img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;object-position:50% 40%}
#view-stimsure .stx-quote .st-quote{margin:0;max-width:none;border:0;border-left:1px solid var(--sp-border);align-self:center}
#view-stimsure .stx-how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch;margin:30px 0}
#view-stimsure .stx-how .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
#view-stimsure .stx-how-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .stx-how-photo img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;object-position:45% 50%}
#view-stimsure .stx-how-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:8px 14px;border-top:1px solid var(--sp-border)}
#view-stimsure .stx-area{padding-top:0}
#view-stimsure .stx-area-art{margin:0 -24px 16px;border-bottom:1px solid var(--sp-border)}
#view-stimsure .stx-area-art img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#view-stimsure .stx-risk{margin-top:26px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start}
#view-stimsure .stx-risk-art{margin:0;min-width:0;background:#fff;border:1px solid var(--sp-border)}
#view-stimsure .stx-risk-art img{display:block;width:100%;height:auto;aspect-ratio:1150/885}
#view-stimsure .stx-risk-text h3{font-size:19px;line-height:1.6;margin:0 0 10px}
#view-stimsure .stx-risk-text>p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0 0 10px}
#view-stimsure .stx-risk-text .sp-disclosure{margin-top:14px}
@media(max-width:900px){#view-stimsure .stx-how,#view-stimsure .stx-quote,#view-stimsure .stx-risk{grid-template-columns:minmax(0,1fr)}#view-stimsure .stx-how-photo img{height:auto;min-height:0;aspect-ratio:16/9}#view-stimsure .stx-quote-art img{height:auto;min-height:0;aspect-ratio:3/2}#view-stimsure .stx-quote .st-quote{border-left:0;border-top:1px solid var(--sp-border)}#view-stimsure .stx-area-art img{aspect-ratio:4/3}}
@media(max-width:760px){#view-stimsure .stx-about-art{min-height:0}#view-stimsure .stx-about-art img{position:static;height:auto;aspect-ratio:1/1;object-position:50% 15%}#view-stimsure .stx-how .sw-steps{grid-template-columns:minmax(0,1fr)}#view-stimsure .stx-summary-link{display:block;margin-left:0}}
/* 2026-09-28: vector menopause graph with SVG text */
#view-stimsure .st-graph{background:#fff}
#view-stimsure .st-graph svg{display:block;width:100%;height:auto}
#view-stimsure .st-g-lab{font-family:var(--sans);font-size:27px;font-weight:500;fill:#514A43}
#view-stimsure .st-g-sub{font-family:var(--sans);font-size:21px;fill:#6B645C}
html[lang^="en"] #view-stimsure .st-g-lab{font-size:24px}
@media(max-width:640px){#view-stimsure .st-graph-scroll{overflow-x:auto}#view-stimsure .st-graph-scroll svg{min-width:600px}#view-stimsure .st-g-lab{font-size:32px}#view-stimsure .st-g-sub{font-size:25px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern) */
#view-stimsure .stx-hero-points{margin-top:22px}
#view-stimsure .stx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-stimsure .stx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-stimsure .stx-hero-points dl>div{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-stimsure .stx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-stimsure .stx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-stimsure .stx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-stimsure .stx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-stimsure .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-stimsure .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 clinic: the picture beside this block was removed */
#view-stimsure .stx-about-plain{grid-template-columns:minmax(0,1fr)}#view-stimsure .stx-about-plain .pc-glance{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:760px){#view-stimsure .stx-about-plain .pc-glance{grid-template-columns:minmax(0,1fr)}}

/* 2026-10-03 four-step pathway: text-free illustration + SVG step labels (PC and tablets); one panel per cell on phones */
#view-stimsure .stx-path-stage{position:relative}
#view-stimsure .stx-path-stage img{display:block;width:100%;height:auto}
#view-stimsure .stx-path-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-stimsure .stx-path-labels text{font-family:var(--sans)}
#view-stimsure .stx-path-badge{fill:#ECE3D7}
#view-stimsure .stx-path-num{font-size:28px;font-weight:500;fill:#6E5A3E}
#view-stimsure .stx-path-name{font-size:30px;font-weight:500;letter-spacing:.04em;fill:var(--ink)}
#view-stimsure .stx-path-sp{display:none;list-style:none;margin:0;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;background:#F7F3F1}
#view-stimsure .stx-path-sp figure{margin:0}
#view-stimsure .stx-path-sp img{display:block;width:100%;height:auto;aspect-ratio:373/500;border:1px solid #E5DCD0;border-radius:6px}
#view-stimsure .stx-path-sp figcaption{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--ink)}
#view-stimsure .stx-path-sp-num{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ECE3D7;color:#6E5A3E;font-size:12px;font-weight:500}
@media(max-width:640px){#view-stimsure .stx-path-stage{display:none}#view-stimsure .stx-path-sp{display:grid}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-density{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-density .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-density .sp-soft{background:var(--sp-soft)}
#view-density .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-density .sp-heading{margin-bottom:26px;max-width:46em}
#view-density .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-density .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-density .sp-heading .sp-kicker{margin-top:0}
#view-density .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-density .sp-note a,#view-density .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-density .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-density .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-density .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-density .crumbs span::before{content:none}
#view-density .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-density .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-density .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-density .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-density .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-density .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-density .sp-hero-trust a{margin-top:7px}
#view-density .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-density .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-density .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-density .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-density .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-density .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-density .sp-nav a{flex-shrink:0}
#view-density .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-density .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-density .sp-nav a:hover{color:var(--gold-ink)}
#view-density .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-density .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-density .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-density .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-density .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-density .sp-type-body{padding:21px 22px 22px}
#view-density .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-density .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-density .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-density .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-density .sp-type .sp-source{margin-top:12px}
#view-density .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-density .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-density .sp-case-head{padding:20px 22px 16px}
#view-density .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-density .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-density .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-density .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-density .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-density .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-density .sp-case-body{padding:18px 22px 22px}
#view-density .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-density .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-density .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-density .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-density .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-density .sp-case-body .sp-source{margin-top:14px}
#view-density .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-density .sp-case-details>summary{min-height:48px}
#view-density .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-density .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-density .sp-approach-list{display:grid;gap:0}
#view-density .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-density .sp-approach-item:first-child{padding-top:0}
#view-density .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-density .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-density .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-density .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-density .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-density .sp-doctor h3{font-size:21px;line-height:1.5}
#view-density .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-density .sp-doctor .sp-source{white-space:nowrap}
#view-density .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-density .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-density .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-density .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-density .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-density .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-density .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-density .sp-expertise-facts>div:first-child{padding-top:0}
#view-density .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-density .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-density .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-density .sp-expertise-grid figure{max-width:480px}
 #view-density .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-density .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-density .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-density .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-density .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-density .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-density .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-density .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-density .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-density .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-density .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-density .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-density .sp-disclosure>summary::after{content:'＋';flex:none}
#view-density .sp-disclosure[open]>summary::after{content:'−'}
#view-density .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-density .sp-disclosure-content p+p{margin-top:12px}
#view-density .sp-approval-list{display:grid;gap:10px}
#view-density .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-density .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-density .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-density .sp-price-intro>div{flex:1 1 320px}
#view-density .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-density .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-density .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-density .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-density .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-density .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-density .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-density .sp-price-heading{margin-bottom:16px}
#view-density .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-density .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-density .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-density .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-density .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-density .sp-price .sp-yen{display:block;margin:0}
#view-density .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-density .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-density .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-density .sp-price-list{margin-top:8px}
#view-density .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-density .sp-price-list dt{min-width:0}
#view-density .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-density .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-density .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-density .sp-flow-head{display:block;margin-bottom:14px}
#view-density .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-density .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-density .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-density .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-density .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-density .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-density .sp-recovery>div:last-child{border-right:0}
#view-density .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-density .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-density .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-density .sp-risk-details{margin-top:22px}
#view-density .sp-faq{margin-inline:0}
#view-density .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-density .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-density .sp-tech h3{font-size:22px;line-height:1.6}
#view-density .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-density .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-density .sp-tech h3+p{margin-top:10px}
#view-density .sp-video>summary{cursor:pointer;list-style:none}
#view-density .sp-video>summary::-webkit-details-marker{display:none}
#view-density .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-density .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-density .sp-flow-text{display:block;margin-top:12px}
#view-density .sp-video-body{padding-bottom:16px}
#view-density .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-density .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-density .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-density .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-density .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-density .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-density .sp-tech>img{width:76px;height:99px}
 #view-density .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-density .sp-homecare>img{max-height:220px}
}
#view-density .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-density .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-density .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-density .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-density .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-density .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-density .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-density .sp-final .btn{font-size:14px}
#view-density .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-density :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-density .sp-devices{grid-template-columns:1fr}
  #view-density .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-density .sp-device-head{margin-bottom:0}
  #view-density .sp-device .sp-disclosure{grid-column:1/-1}
  #view-density .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-density .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-density .sp-doctor>img{width:90px;height:100px}
  #view-density .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-density .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-density .sp-hero h1{font-size:32px}
  #view-density .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-density .sp-hero-lead{margin-top:17px}
  #view-density .sp-hero-photo img{aspect-ratio:16/9}
  #view-density .sp-hero-photo figcaption{font-size:12px}
  #view-density .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-density .sp-types,#view-density .sp-cases,#view-density .sp-approach,#view-density .sp-prices{grid-template-columns:1fr}
  #view-density .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-density .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-density .sp-type-body{padding:19px 20px}
  #view-density .sp-type h3{font-size:20px}
  #view-density .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-density .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-density .sp-approach{gap:24px}
  #view-density .sp-approach-image img{max-height:260px}
  #view-density .sp-recovery{grid-template-columns:1fr}
  #view-density .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-density .sp-recovery>div:last-child{border-bottom:0}
  #view-density .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-density .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-density .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-density .sp-hero h1{font-size:29px}
  #view-density .sp-actions{align-items:stretch}
  #view-density .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-density .sp-type{grid-template-columns:1fr}
  #view-density .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-density .sp-type-art img{max-height:130px}
  #view-density .sp-layer-labels{justify-content:center;gap:26px}
  #view-density .sp-type-body{padding:19px 20px}
  #view-density .sp-case-head,#view-density .sp-case-body{padding-inline:18px}
  #view-density .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-density .sp-case-photos{padding-inline:10px;gap:4px}
  #view-density .sp-device{display:block;padding:20px}
  #view-density .sp-device-head{margin-bottom:14px}
  #view-density .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-density .sp-flow>li{padding:18px 20px}
  #view-density .sp-flow-head{margin-bottom:10px}
  #view-density .sp-price{padding:22px}
  #view-density .sp-price-intro{padding:20px}
  #view-density .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-density .sp-price-list dd{flex-basis:100%}
  #view-density .sp-doctor{gap:14px}
  #view-density .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-density :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-density .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-density .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-density .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-density .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-density .sp-entry-link:first-child{padding-left:0}
#view-density .sp-entry-link:last-child{border-right:0}
#view-density .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-density .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-density .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-density .sp-entry-link:hover{background:var(--sp-soft)}
#view-density .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-density .sp-consult h3{font-size:24px;line-height:1.65}
#view-density .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-density .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-density .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-density .sp-consult .sp-note{margin-top:7px}
#view-density #s-doctor-section{padding-top:58px}
#view-density #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-density .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-density .sp-expertise-grid figure{align-self:center}
#view-density .sp-expertise-facts dt{font-size:16px}
#view-density .sp-expertise-facts dd{font-size:14px}
#view-density .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-density .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-density .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-density .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-density .sp-flow{list-style:none;padding:0}
#view-density .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-density .sp-flow-head img,#view-density .sp-video video{border:1px solid var(--sp-border)}
#view-density .sp-recovery{border:0}
#view-density .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-density .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-density .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-density .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-density .sp-visit-info a{color:var(--on-night)}
#view-density a:focus-visible,#view-density summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-density .sp-entry-links{grid-template-columns:1fr}
 #view-density .sp-entry-link,#view-density .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-density .sp-entry-link:last-child{border-bottom:0}
 #view-density .sp-entry-link strong{font-size:18px}
 #view-density .sp-entry-link span span{margin-top:3px}
 #view-density .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-density .sp-consult h3{font-size:22px}
 #view-density .sp-consult ul{display:block}
 #view-density .sp-consult li{margin-top:6px}
 #view-density .sp-consult .btn{width:100%}
 #view-density .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-density .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-density .sp-recovery>div::before{top:4px;left:-5px}
 #view-density .sp-recovery>div:last-child{padding-bottom:0}
 #view-density .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-density *{scroll-behavior:auto;transition:none}}

#view-density .sp-type-art img{max-height:145px}
#view-density .sp-type-body{padding:20px}
#view-density .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-density .sp-price>p.sp-price-unit,#view-density .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-density .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-density .sp-price{padding:26px 0}
 #view-density .sp-price-description{margin-bottom:20px}
 #view-density .sp-price>.sp-note{min-height:0}
 #view-density .sp-price h3{font-size:23px}
 #view-density .sp-price .sp-yen{font-size:20px}
 #view-density .sp-price-intro{padding:22px;gap:16px}
 #view-density .sp-price-intro>div{flex-basis:100%}
}

#view-density .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-density .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-density .sp-consult-fees>div:last-child{border-bottom:0}
#view-density .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-density .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-density .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-density .sp-consult-fees{flex-basis:100%}#view-density .sp-consult-fees dd{font-size:21px}#view-density .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-density .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-density .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-density .sp-price-intro{padding:20px 18px;gap:18px}
 #view-density .sp-consult-fees{flex-basis:100%;width:100%}
 #view-density .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-density .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-density .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-density .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-density .sp-fee-period::before{content:none}
 html[lang="en"] #view-density .sp-fee-period{white-space:normal;font-size:14px}
 #view-density .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-density .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-density .sp-prices{gap:16px;border:0}
 #view-density .sp-price,#view-density .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-density .sp-price-heading{order:0;margin-bottom:14px}
 #view-density .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-density .sp-price h3{font-size:22px;letter-spacing:0}
 #view-density .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-density .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-density .sp-price .sp-price-unit{font-size:12px}
 #view-density .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-density .sp-price>.sp-note{order:3;margin-top:10px}
 #view-density .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-density .sp-price,#view-density .sp-price+.sp-price{padding:20px 16px}
 #view-density .sp-price h3{font-size:20px}
 #view-density .sp-price .sp-yen{font-size:20px}
 #view-density .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-density .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-density .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-density .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-density .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-density .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-density .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-density .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-density .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-density .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-density .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-density .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-density .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-density .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-density .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-density .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-density .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-density .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-density .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-density .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-density .sp-entry-hint{margin:8px 0 22px}
#view-density .sp-entry-links{gap:14px;border:0}
#view-density .sp-entry-link,#view-density .sp-entry-link:first-child,#view-density .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-density .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-density .sp-entry-link:hover,#view-density .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-density .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-density .sp-entry-copy{min-width:0}
#view-density .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-density .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-density .sp-entry-question{font-size:22px}
 #view-density .sp-entry-link,#view-density .sp-entry-link:first-child,#view-density .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-density .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-density .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-density .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-density .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .sp-anes{margin-top:10px}
#view-density .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-density .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-density .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-density .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-density .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-density .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-density .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-density .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-density .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-density .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-density .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-density .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-density .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-density .hg-head>div{min-width:0}
#view-density .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-density .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-density .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-density .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-density .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-density .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-density .hg-menu-photo{margin:0}
#view-density .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-density .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-density .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-density .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-density .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-density .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-density .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-density .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-density .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-density .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-density .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-density .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-density .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-density .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-density .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-density .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-density .hg-menu-note{margin:14px 0 0}
#view-density .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-density .hg-menu-links-label{margin-right:4px}
#view-density .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-density .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-density .hg-menu-fees{gap:8px}#view-density .hg-fee{padding:14px 14px 12px}#view-density .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-density .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-density .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-density .hg-menu-range{margin:14px 0 0}
#view-density .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-density .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-density .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-density .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-density .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-density .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-density .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-density .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-density .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-density .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-density .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-density .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-density .cg-card{padding:0;background:transparent;border:0}
#view-density .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-density .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-density .cg-card .case-image{margin:0}
#view-density .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-density .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-density .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-density .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-density .cg-details summary:hover{color:var(--gold-ink)}
#view-density .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-density .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-density .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-density .cg-details dt{padding-top:13px}
#view-density .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-density .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-density .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-density .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-density .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-density .sp-section .dn-gallery,#view-density .sp-section .sw-gallery,#view-density .sp-section .pc-lecture-figs,#view-density .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-density .sp-section .sw-interview,#view-density .sp-section .ul-doctor-grid,#view-density .sp-section .sv-doctor-hero,#view-density .sp-section .wrx-evidence,#view-density .sp-section .uex-evidence,#view-density .sp-section .ml-doctor-grid,#view-density .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-density .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-density .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-density .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-density .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-density .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-density .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-density .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-density .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-density .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-density .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-density .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-density .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-density .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-density .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-density .hgd-svg{display:block;width:100%;height:auto}
#view-density .hgd-sp{display:none}
#view-density .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-density .hgd-layer{font-size:30px}
#view-density .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-density .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-density .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-density .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-density .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-density .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-density .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-density .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-density .hgd-art{opacity:.92}
#view-density .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-density .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-density .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-density .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-density .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-density .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-density .hgd-layer{font-size:25px}
html[lang^="en"] #view-density .hgd-sub{font-size:19px}
html[lang^="en"] #view-density .hgd-br{font-size:27px}
#view-density .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-density .hgd-pc .hgd-layer{font-size:38px}
 #view-density .hgd-pc .hgd-sub{font-size:30px}
 #view-density .hgd-pc .hgd-name{font-size:42px}
 #view-density .hgd-pc .hgd-kind{font-size:31px}
 #view-density .hgd-pc .hgd-br{font-size:36px}
 #view-density .hgd-pc .hgd-mm{font-size:40px}
 #view-density .hgd-pc .hgd-note{font-size:26px}
 #view-density .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-density .hg-lineup img{width:72px;height:72px}
 #view-density .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-density .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-density .hg-lineup,#view-density .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-density .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-density .hg-lineup img{width:56px;height:56px}
 #view-density .hg-lineup figcaption{padding:7px 8px}
 #view-density .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-density .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-density .hg-lineup figcaption small{font-size:10.5px}
 #view-density .hgd-pc{display:none}
 #view-density .hgd-sp{display:block}
 #view-density .hgd-layer,#view-density .hgd-name,#view-density .hgd-br,#view-density .hgd-mm{font-size:34px}
 #view-density .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-density .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-density .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-density .hgd-layer{font-size:30px}
 #view-density .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-density .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-density .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-density. */
#view-density .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-density .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-density .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-density .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-density .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-density .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-density .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-density .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-density .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-density .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-density .pc-table th,#view-density .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-density .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-density .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-density .pc-table tbody tr:last-child th,#view-density .pc-table tbody tr:last-child td{border-bottom:0}
#view-density .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-density .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-density .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-density .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-density .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-density .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-density .pc-point-face{width:92px;height:92px}}
#view-density .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-density .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-density .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-density .pc-explain p+p{margin-top:12px}
#view-density .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-density .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-density .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-density .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-density .pc-books h3{font-size:18px;margin-bottom:12px}
#view-density .pc-books ul{list-style:none;padding:0;margin:0}
#view-density .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-density .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-density .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-density .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-density .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-density .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-density .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-density .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-density .pc-tag{margin:0}
#view-density .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-density .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-density .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-density .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-density .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-density .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-density .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-density .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-density .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-density .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-density .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-density .pc-approval>div:last-child{border-bottom:0}
#view-density .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-density .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-density .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-density .pc-glance,#view-density .pc-modes{grid-template-columns:1fr}#view-density .pc-explain{grid-template-columns:1fr}#view-density .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-density .pc-concern-links{grid-template-columns:1fr}#view-density .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-density .pc-books,#view-density .pc-quote,#view-density .pc-point{padding:20px}#view-density .pc-glance-num span{font-size:32px}#view-density .pc-table{font-size:13px}#view-density .pc-table th,#view-density .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-density .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-density .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-density .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-density .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-density .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-density .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-density .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-density .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-density .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-density .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-density .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-density .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-density .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-density .pc-video{margin:0 0 28px;max-width:820px}
#view-density .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-density .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-density .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-density .pc-lasers-media .pc-video,#view-density .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-density .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-density .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-density .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-density .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-density .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-density .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-density .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-density .pc-hero-video .sp-video{margin:0}
#view-density .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-density .pc-cell-label{display:none}
@media(max-width:760px){
#view-density .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-density .pc-table{min-width:0;display:block;font-size:14px}
#view-density .pc-table caption{display:block;padding:0 0 10px}
#view-density .pc-table thead{display:none}
#view-density .pc-table tbody{display:block}
#view-density .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-density .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-density .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-density .pc-table tr td:last-child{border-bottom:0}
#view-density .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-density .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-density .pc-cell-value{display:block;line-height:1.75}
}
#view-density .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-density .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-density .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-density .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-density .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-density .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-density .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-density .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-density .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-density .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-density .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-density .pcx-video{margin:0 0 26px;max-width:780px}
#view-density .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-density .pcx-table-details{margin-top:18px}
#view-density .pcx-table-details .pc-table-wrap{margin-top:0}
#view-density .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-density .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-density .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-density #pc-lasers .pc-point{margin-top:40px}
#view-density .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-density .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-density .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-density .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-density .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-density .pcx-case-hint{margin-top:6px}
#view-density #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-density .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-density .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-density .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-density .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-density .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-density .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-density .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-density .pcx-hero-points{margin-top:22px}
#view-density .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-density .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-density .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-density .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-density .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-density .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-density .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-density .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-density .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-density .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-density .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-density .pcx-mode-art img{display:block;width:100%;height:auto}
#view-density .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-density .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-density .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-density .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-density .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-density .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-density .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-density .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-density .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-density .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-density .pcx-case-sep{display:none}
  #view-density .pcx-case-name{display:block}
  #view-density .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-density .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-density .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-density .pcx-diff-changed{border-top-color:var(--gold)}
#view-density .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-density .pcx-diff-card dl{margin:0}
#view-density .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-density .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-density .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-density .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-density .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-density .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-density .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-density .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-density .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-density .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-density .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-density .pcx-history>li:last-child{padding-bottom:0}
#view-density .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-density .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-density .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-density .pcx-h-tag{margin:0 0 4px}
#view-density .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-density .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-density .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-density .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-density .pcx-history-wrap>.sp-note{margin-top:20px}
#view-density #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-density .pcx-diff{grid-template-columns:1fr}
 #view-density .pcx-diff-card{padding:18px 16px 14px}
 #view-density .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-density .pcx-depth{padding:16px}
 #view-density .pcx-history::before{left:3.4em}
 #view-density .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-density .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-density .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-density .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-density .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-density .pcx-h-photo{margin:4px 0 0}
#view-density .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-density .pcx-h-device .pcx-h-photo img,#view-density #pc-history .pcx-h-photo img[src*="picosure-"],#view-density #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-density .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-density .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-density .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-density. */
#view-density .dn-device-photo{max-width:820px}
#view-density .dn-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-density .dn-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-density .dn-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-density .dn-figures{max-width:none}
#view-density .dn-figure img{display:block;width:100%;height:auto}
#view-density .dn-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-density .dn-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-density .dn-figures .dn-figure{margin:0}
#view-density .dn-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-density .dn-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-density .dn-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-density .dn-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-density .dn-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .pc-explain h3+p+h3{margin-top:22px}
#view-density .dn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-density .dn-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-density .dn-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-density .dn-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-density .dn-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .dn-paper .dn-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-density .dn-award{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
#view-density .dn-award span{display:inline-block;font:12px/1.5 var(--latin);letter-spacing:.04em;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-density .dn-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-density .dn-history li{position:relative;padding:0 0 22px 28px}
#view-density .dn-history li:last-child{padding-bottom:0}
#view-density .dn-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-density .dn-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-density .dn-history h4{font-size:16px;margin:6px 0 4px}
#view-density .dn-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-density .dn-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-density .dn-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-density .dn-gallery figure{margin:0}
#view-density .dn-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-density .dn-gallery img.is-portrait{object-position:50% 30%}
#view-density .dn-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-density .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-density .dn-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#view-density .dn-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-density .dn-case-photo{margin:0;background:#111}
#view-density .dn-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-density .dn-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-density .dn-cases .sp-case-head{padding:18px 22px 12px}
#view-density .dn-cases .sp-case-body{padding:14px 22px 20px}
#view-density .dn-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-density .dn-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-density .dn-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-density .dn-area-prices li:last-child{border-bottom:0}
#view-density .dn-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-density .dn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-density .dn-papers,#view-density .dn-history-wrap,#view-density .dn-cases,#view-density .dn-price-list{grid-template-columns:1fr}#view-density .dn-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-density .dn-steps,#view-density .dn-figures,#view-density .dn-gallery{grid-template-columns:1fr}#view-density .dn-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-density .dn-paper>img{width:84px;height:109px}}

/* DENSITY-specific */
#view-density .dn-device-photo{max-width:820px}
#view-density .dn-device-photo img{aspect-ratio:3/2;object-position:50% 55%;background:#dcdcdc}
@media(max-width:760px){#view-density .dn-device-photo img{aspect-ratio:4/3;object-position:50% 50%}}
#view-density .dn-cases{grid-template-columns:minmax(0,640px)}
#view-density .dn-case-photo{margin:0;background:#111}
#view-density .dn-case-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
#view-density .dn-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-density .sp-expertise-grid figure img.is-lecture{aspect-ratio:16/9;object-fit:cover}
#view-density .dn-price-list .sp-price{min-width:0}
#view-density .dn-paper>img{height:auto;aspect-ratio:743/960}
#view-density .dn-papers{grid-template-columns:minmax(0,820px)}
#view-density .dn-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
#view-density #dn-approval .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:760px){#view-density .dn-gallery{grid-template-columns:1fr}}

/* 2026-09-26: magazine-style reading order (picture first, details on request). New rules use the dnx- prefix. */
#view-density .dnx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-density .dnx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-density .dnx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-density .dnx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-density .dnx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-density .dnx-rf-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin:0 0 6px}
#view-density .dnx-rf-visuals .dnx-rf-video{margin:0;max-width:none}
#view-density .dnx-rf-still{margin:0}
#view-density .dnx-rf-still img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#fff;border:1px solid var(--sp-border)}
#view-density .dnx-rf-still figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-density .dnx-table-details{margin-top:22px}
#view-density .dnx-table-details .sp-disclosure-content,#view-density .dnx-record .sp-disclosure-content,#view-density .dnx-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-density .dnx-table-details .pc-table-wrap{margin-top:0}
#view-density .dnx-layers{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;margin-top:34px}
#view-density .dnx-layers-fig{margin:0}
#view-density .dnx-layers-fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-density .dnx-layers-fig figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-density .dnx-layers h3{font-size:19px;margin-bottom:10px}
#view-density .dnx-layers p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-density .dnx-layers p+p{margin-top:12px}
#view-density .dnx-quote{margin-top:26px;max-width:820px}
#view-density .dnx-strategy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 6px}
#view-density .dnx-strategy-fig{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-density .dnx-strategy-fig img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box}
#view-density .dnx-strategy-fig figcaption{font-size:13px;color:var(--ink-2);line-height:1.75;padding:12px 16px;border-top:1px solid var(--sp-border)}
#view-density .dnx-more{margin-top:8px}
#view-density .dnx-more .dnx-explain{margin-top:6px}
#view-density .dnx-gallery{margin-top:30px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-density .dnx-record{margin-top:26px}
#view-density .dnx-record .dnx-history-wrap{margin-top:6px}
#view-density .dnx-record .pc-books{margin-top:0}
#view-density .dnx-comfort{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-top:30px;padding:clamp(18px,2.4vw,26px);background:#fff;border:1px solid var(--sp-border)}
#view-density .dnx-comfort-photo{margin:0}
#view-density .dnx-comfort-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-density .dnx-comfort h3{font-size:19px;margin-bottom:10px}
#view-density .dnx-comfort p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-density .dnx-comfort p+p{margin-top:12px}
@media(max-width:900px){#view-density .dnx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-density .dnx-rf-visuals,#view-density .dnx-layers,#view-density .dnx-comfort{grid-template-columns:minmax(0,1fr)}#view-density .dnx-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-density .dnx-strategy{grid-template-columns:minmax(0,1fr)}#view-density .dnx-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-density .dnx-quick,#view-density .dnx-gallery{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (same as the Sofwave page). */
@media(max-width:760px){#view-density .pc-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-density .pc-point .pc-point-face{width:72px;height:72px}}
#view-density .pc-about-visual .dn-device-photo{max-width:none}

/* 2026-09-28: two photographs in the record row */
#view-density .dnx-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
@media(max-width:760px){#view-density .dnx-gallery{grid-template-columns:1fr}}

/* 2026-09-28: the Director's explainer film */
#view-density .dn-film{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start;margin:34px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-density .dn-film-video{margin:0}
#view-density .dn-film-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-density .dn-film-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-density .dn-film-text .sp-kicker{margin-bottom:8px}
#view-density .dn-film-text h3{font-family:var(--mincho);font-size:clamp(20px,2vw,25px);font-weight:500;line-height:1.6;margin:0 0 12px}
#view-density .dn-film-text>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-density .dn-film-chapters{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--sp-border)}
#view-density .dn-film-chapters li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:13.5px;line-height:1.6}
#view-density .dn-film-chapters span{font-family:var(--fig);color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-density .dn-film-chapters b{font-weight:400;color:var(--ink)}
#view-density .dn-film-text .sp-note{margin-top:12px}
@media(max-width:900px){#view-density .dn-film{grid-template-columns:minmax(0,1fr);gap:18px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-density .dnx-hero-points{margin-top:22px}
#view-density .dnx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-density .dnx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-density .dnx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-density .dnx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-density .dnx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-density .dnx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-density .dnx-hero-points .dnx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-density .dnx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-density .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-density .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-density .dnx-hero-video{margin:0}
#view-density .dnx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 RF heating CG: no play/stop buttons, so taps should not pause it */
#view-density .dnx-rf-video video{pointer-events:none}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-undereye{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-undereye .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-undereye .sp-soft{background:var(--sp-soft)}
#view-undereye .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-undereye .sp-heading{margin-bottom:26px;max-width:46em}
#view-undereye .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-undereye .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-undereye .sp-heading .sp-kicker{margin-top:0}
#view-undereye .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-undereye .sp-note a,#view-undereye .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-undereye .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-undereye .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-undereye .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-undereye .crumbs span::before{content:none}
#view-undereye .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-undereye .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-undereye .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-undereye .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-undereye .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-undereye .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-undereye .sp-hero-trust a{margin-top:7px}
#view-undereye .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-undereye .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-undereye .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-undereye .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-undereye .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-undereye .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-undereye .sp-nav a{flex-shrink:0}
#view-undereye .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-undereye .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-undereye .sp-nav a:hover{color:var(--gold-ink)}
#view-undereye .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-undereye .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-undereye .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-undereye .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-undereye .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-undereye .sp-type-body{padding:21px 22px 22px}
#view-undereye .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-undereye .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-undereye .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-undereye .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-undereye .sp-type .sp-source{margin-top:12px}
#view-undereye .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-undereye .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-undereye .sp-case-head{padding:20px 22px 16px}
#view-undereye .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-undereye .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-undereye .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-undereye .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-undereye .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-undereye .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-undereye .sp-case-body{padding:18px 22px 22px}
#view-undereye .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-undereye .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-undereye .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-undereye .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-undereye .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-undereye .sp-case-body .sp-source{margin-top:14px}
#view-undereye .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-undereye .sp-case-details>summary{min-height:48px}
#view-undereye .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-undereye .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-undereye .sp-approach-list{display:grid;gap:0}
#view-undereye .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-undereye .sp-approach-item:first-child{padding-top:0}
#view-undereye .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-undereye .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-undereye .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-undereye .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-undereye .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-undereye .sp-doctor h3{font-size:21px;line-height:1.5}
#view-undereye .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-undereye .sp-doctor .sp-source{white-space:nowrap}
#view-undereye .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-undereye .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-undereye .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-undereye .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-undereye .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-undereye .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-undereye .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-undereye .sp-expertise-facts>div:first-child{padding-top:0}
#view-undereye .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-undereye .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-undereye .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-undereye .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-undereye .sp-expertise-grid figure{max-width:480px}
 #view-undereye .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-undereye .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-undereye .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-undereye .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-undereye .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-undereye .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-undereye .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-undereye .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-undereye .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-undereye .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-undereye .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-undereye .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-undereye .sp-disclosure>summary::after{content:'＋';flex:none}
#view-undereye .sp-disclosure[open]>summary::after{content:'−'}
#view-undereye .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-undereye .sp-disclosure-content p+p{margin-top:12px}
#view-undereye .sp-approval-list{display:grid;gap:10px}
#view-undereye .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-undereye .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-undereye .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-undereye .sp-price-intro>div{flex:1 1 320px}
#view-undereye .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-undereye .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-undereye .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-undereye .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-undereye .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-undereye .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-undereye .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-undereye .sp-price-heading{margin-bottom:16px}
#view-undereye .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-undereye .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-undereye .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-undereye .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-undereye .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-undereye .sp-price .sp-yen{display:block;margin:0}
#view-undereye .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-undereye .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-undereye .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-undereye .sp-price-list{margin-top:8px}
#view-undereye .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-undereye .sp-price-list dt{min-width:0}
#view-undereye .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-undereye .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-undereye .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-undereye .sp-flow-head{display:block;margin-bottom:14px}
#view-undereye .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-undereye .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-undereye .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-undereye .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-undereye .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-undereye .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-undereye .sp-recovery>div:last-child{border-right:0}
#view-undereye .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-undereye .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-undereye .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-undereye .sp-risk-details{margin-top:22px}
#view-undereye .sp-faq{margin-inline:0}
#view-undereye .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-undereye .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-undereye .sp-tech h3{font-size:22px;line-height:1.6}
#view-undereye .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-undereye .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-undereye .sp-tech h3+p{margin-top:10px}
#view-undereye .sp-video>summary{cursor:pointer;list-style:none}
#view-undereye .sp-video>summary::-webkit-details-marker{display:none}
#view-undereye .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-undereye .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-undereye .sp-flow-text{display:block;margin-top:12px}
#view-undereye .sp-video-body{padding-bottom:16px}
#view-undereye .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-undereye .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-undereye .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-undereye .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-undereye .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-undereye .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-undereye .sp-tech>img{width:76px;height:99px}
 #view-undereye .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-undereye .sp-homecare>img{max-height:220px}
}
#view-undereye .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-undereye .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-undereye .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-undereye .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-undereye .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-undereye .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-undereye .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-undereye .sp-final .btn{font-size:14px}
#view-undereye .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-undereye :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-undereye .sp-devices{grid-template-columns:1fr}
  #view-undereye .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-undereye .sp-device-head{margin-bottom:0}
  #view-undereye .sp-device .sp-disclosure{grid-column:1/-1}
  #view-undereye .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-undereye .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-undereye .sp-doctor>img{width:90px;height:100px}
  #view-undereye .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-undereye .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-undereye .sp-hero h1{font-size:32px}
  #view-undereye .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-undereye .sp-hero-lead{margin-top:17px}
  #view-undereye .sp-hero-photo img{aspect-ratio:16/9}
  #view-undereye .sp-hero-photo figcaption{font-size:12px}
  #view-undereye .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-undereye .sp-types,#view-undereye .sp-cases,#view-undereye .sp-approach,#view-undereye .sp-prices{grid-template-columns:1fr}
  #view-undereye .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-undereye .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-undereye .sp-type-body{padding:19px 20px}
  #view-undereye .sp-type h3{font-size:20px}
  #view-undereye .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-undereye .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-undereye .sp-approach{gap:24px}
  #view-undereye .sp-approach-image img{max-height:260px}
  #view-undereye .sp-recovery{grid-template-columns:1fr}
  #view-undereye .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-undereye .sp-recovery>div:last-child{border-bottom:0}
  #view-undereye .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-undereye .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-undereye .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-undereye .sp-hero h1{font-size:29px}
  #view-undereye .sp-actions{align-items:stretch}
  #view-undereye .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-undereye .sp-type{grid-template-columns:1fr}
  #view-undereye .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-undereye .sp-type-art img{max-height:130px}
  #view-undereye .sp-layer-labels{justify-content:center;gap:26px}
  #view-undereye .sp-type-body{padding:19px 20px}
  #view-undereye .sp-case-head,#view-undereye .sp-case-body{padding-inline:18px}
  #view-undereye .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-undereye .sp-case-photos{padding-inline:10px;gap:4px}
  #view-undereye .sp-device{display:block;padding:20px}
  #view-undereye .sp-device-head{margin-bottom:14px}
  #view-undereye .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-undereye .sp-flow>li{padding:18px 20px}
  #view-undereye .sp-flow-head{margin-bottom:10px}
  #view-undereye .sp-price{padding:22px}
  #view-undereye .sp-price-intro{padding:20px}
  #view-undereye .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-undereye .sp-price-list dd{flex-basis:100%}
  #view-undereye .sp-doctor{gap:14px}
  #view-undereye .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-undereye :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-undereye .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-undereye .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-undereye .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-undereye .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-undereye .sp-entry-link:first-child{padding-left:0}
#view-undereye .sp-entry-link:last-child{border-right:0}
#view-undereye .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-undereye .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-undereye .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-undereye .sp-entry-link:hover{background:var(--sp-soft)}
#view-undereye .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-undereye .sp-consult h3{font-size:24px;line-height:1.65}
#view-undereye .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-undereye .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-undereye .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-undereye .sp-consult .sp-note{margin-top:7px}
#view-undereye #s-doctor-section{padding-top:58px}
#view-undereye #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-undereye .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-undereye .sp-expertise-grid figure{align-self:center}
#view-undereye .sp-expertise-facts dt{font-size:16px}
#view-undereye .sp-expertise-facts dd{font-size:14px}
#view-undereye .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-undereye .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-undereye .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-undereye .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-undereye .sp-flow{list-style:none;padding:0}
#view-undereye .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-undereye .sp-flow-head img,#view-undereye .sp-video video{border:1px solid var(--sp-border)}
#view-undereye .sp-recovery{border:0}
#view-undereye .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-undereye .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-undereye .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-undereye .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-undereye .sp-visit-info a{color:var(--on-night)}
#view-undereye a:focus-visible,#view-undereye summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-undereye .sp-entry-links{grid-template-columns:1fr}
 #view-undereye .sp-entry-link,#view-undereye .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-undereye .sp-entry-link:last-child{border-bottom:0}
 #view-undereye .sp-entry-link strong{font-size:18px}
 #view-undereye .sp-entry-link span span{margin-top:3px}
 #view-undereye .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-undereye .sp-consult h3{font-size:22px}
 #view-undereye .sp-consult ul{display:block}
 #view-undereye .sp-consult li{margin-top:6px}
 #view-undereye .sp-consult .btn{width:100%}
 #view-undereye .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-undereye .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-undereye .sp-recovery>div::before{top:4px;left:-5px}
 #view-undereye .sp-recovery>div:last-child{padding-bottom:0}
 #view-undereye .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-undereye *{scroll-behavior:auto;transition:none}}

#view-undereye .sp-type-art img{max-height:145px}
#view-undereye .sp-type-body{padding:20px}
#view-undereye .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-undereye .sp-price>p.sp-price-unit,#view-undereye .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-undereye .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-undereye .sp-price{padding:26px 0}
 #view-undereye .sp-price-description{margin-bottom:20px}
 #view-undereye .sp-price>.sp-note{min-height:0}
 #view-undereye .sp-price h3{font-size:23px}
 #view-undereye .sp-price .sp-yen{font-size:20px}
 #view-undereye .sp-price-intro{padding:22px;gap:16px}
 #view-undereye .sp-price-intro>div{flex-basis:100%}
}

#view-undereye .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-undereye .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-undereye .sp-consult-fees>div:last-child{border-bottom:0}
#view-undereye .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-undereye .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-undereye .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-undereye .sp-consult-fees{flex-basis:100%}#view-undereye .sp-consult-fees dd{font-size:21px}#view-undereye .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-undereye .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-undereye .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-undereye .sp-price-intro{padding:20px 18px;gap:18px}
 #view-undereye .sp-consult-fees{flex-basis:100%;width:100%}
 #view-undereye .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-undereye .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-undereye .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-undereye .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-undereye .sp-fee-period::before{content:none}
 html[lang="en"] #view-undereye .sp-fee-period{white-space:normal;font-size:14px}
 #view-undereye .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-undereye .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-undereye .sp-prices{gap:16px;border:0}
 #view-undereye .sp-price,#view-undereye .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-undereye .sp-price-heading{order:0;margin-bottom:14px}
 #view-undereye .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-undereye .sp-price h3{font-size:22px;letter-spacing:0}
 #view-undereye .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-undereye .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-undereye .sp-price .sp-price-unit{font-size:12px}
 #view-undereye .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-undereye .sp-price>.sp-note{order:3;margin-top:10px}
 #view-undereye .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-undereye .sp-price,#view-undereye .sp-price+.sp-price{padding:20px 16px}
 #view-undereye .sp-price h3{font-size:20px}
 #view-undereye .sp-price .sp-yen{font-size:20px}
 #view-undereye .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-undereye .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-undereye .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-undereye .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-undereye .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-undereye .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-undereye .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-undereye .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-undereye .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-undereye .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-undereye .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-undereye .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-undereye .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-undereye .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-undereye .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-undereye .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-undereye .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-undereye .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-undereye .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-undereye .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-undereye .sp-entry-hint{margin:8px 0 22px}
#view-undereye .sp-entry-links{gap:14px;border:0}
#view-undereye .sp-entry-link,#view-undereye .sp-entry-link:first-child,#view-undereye .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-undereye .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-undereye .sp-entry-link:hover,#view-undereye .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-undereye .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-undereye .sp-entry-copy{min-width:0}
#view-undereye .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-undereye .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-undereye .sp-entry-question{font-size:22px}
 #view-undereye .sp-entry-link,#view-undereye .sp-entry-link:first-child,#view-undereye .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-undereye .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-undereye .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-undereye .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-undereye .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-undereye .sp-anes{margin-top:10px}
#view-undereye .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-undereye .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-undereye .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-undereye .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-undereye .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-undereye .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-undereye .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-undereye .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-undereye .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-undereye .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-undereye .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-undereye .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-undereye .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-undereye .hg-head>div{min-width:0}
#view-undereye .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-undereye .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-undereye .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-undereye .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-undereye .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-undereye .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-undereye .hg-menu-photo{margin:0}
#view-undereye .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-undereye .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-undereye .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-undereye .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-undereye .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-undereye .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-undereye .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-undereye .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-undereye .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-undereye .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-undereye .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-undereye .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-undereye .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-undereye .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-undereye .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-undereye .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-undereye .hg-menu-note{margin:14px 0 0}
#view-undereye .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-undereye .hg-menu-links-label{margin-right:4px}
#view-undereye .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-undereye .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-undereye .hg-menu-fees{gap:8px}#view-undereye .hg-fee{padding:14px 14px 12px}#view-undereye .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-undereye .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-undereye .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-undereye .hg-menu-range{margin:14px 0 0}
#view-undereye .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-undereye .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-undereye .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-undereye .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-undereye .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-undereye .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-undereye .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-undereye .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-undereye .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-undereye .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-undereye .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-undereye .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-undereye .cg-card{padding:0;background:transparent;border:0}
#view-undereye .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-undereye .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-undereye .cg-card .case-image{margin:0}
#view-undereye .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-undereye .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-undereye .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-undereye .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-undereye .cg-details summary:hover{color:var(--gold-ink)}
#view-undereye .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-undereye .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-undereye .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-undereye .cg-details dt{padding-top:13px}
#view-undereye .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-undereye .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-undereye .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-undereye .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-undereye .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-undereye .sp-section .dn-gallery,#view-undereye .sp-section .sw-gallery,#view-undereye .sp-section .pc-lecture-figs,#view-undereye .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-undereye .sp-section .sw-interview,#view-undereye .sp-section .ul-doctor-grid,#view-undereye .sp-section .sv-doctor-hero,#view-undereye .sp-section .wrx-evidence,#view-undereye .sp-section .uex-evidence,#view-undereye .sp-section .ml-doctor-grid,#view-undereye .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-undereye .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-undereye .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-undereye .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-undereye .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-undereye .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-undereye .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-undereye .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-undereye .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-undereye .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-undereye .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-undereye .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-undereye .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-undereye .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-undereye .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-undereye .hgd-svg{display:block;width:100%;height:auto}
#view-undereye .hgd-sp{display:none}
#view-undereye .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-undereye .hgd-layer{font-size:30px}
#view-undereye .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-undereye .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-undereye .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-undereye .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-undereye .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-undereye .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-undereye .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-undereye .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-undereye .hgd-art{opacity:.92}
#view-undereye .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-undereye .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-undereye .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-undereye .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-undereye .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-undereye .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-undereye .hgd-layer{font-size:25px}
html[lang^="en"] #view-undereye .hgd-sub{font-size:19px}
html[lang^="en"] #view-undereye .hgd-br{font-size:27px}
#view-undereye .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-undereye .hgd-pc .hgd-layer{font-size:38px}
 #view-undereye .hgd-pc .hgd-sub{font-size:30px}
 #view-undereye .hgd-pc .hgd-name{font-size:42px}
 #view-undereye .hgd-pc .hgd-kind{font-size:31px}
 #view-undereye .hgd-pc .hgd-br{font-size:36px}
 #view-undereye .hgd-pc .hgd-mm{font-size:40px}
 #view-undereye .hgd-pc .hgd-note{font-size:26px}
 #view-undereye .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-undereye .hg-lineup img{width:72px;height:72px}
 #view-undereye .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-undereye .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-undereye .hg-lineup,#view-undereye .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-undereye .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-undereye .hg-lineup img{width:56px;height:56px}
 #view-undereye .hg-lineup figcaption{padding:7px 8px}
 #view-undereye .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-undereye .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-undereye .hg-lineup figcaption small{font-size:10.5px}
 #view-undereye .hgd-pc{display:none}
 #view-undereye .hgd-sp{display:block}
 #view-undereye .hgd-layer,#view-undereye .hgd-name,#view-undereye .hgd-br,#view-undereye .hgd-mm{font-size:34px}
 #view-undereye .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-undereye .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-undereye .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-undereye .hgd-layer{font-size:30px}
 #view-undereye .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-undereye .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-undereye .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* 目の下のクマ page: additions on top of the spots components scoped to #view-undereye. */
#view-undereye .sp-nav a{min-height:48px}
#view-undereye .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-undereye .uex-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-undereye .uex-type{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-undereye .uex-type h3{font-size:20px;line-height:1.5;margin-bottom:12px;display:flex;align-items:center;gap:10px}
#view-undereye .uex-type h3::before{content:'';width:12px;height:12px;border-radius:50%;flex:none;background:#7d8aa6}
#view-undereye .uex-type-brown h3::before{background:#9b7657}
#view-undereye .uex-type-black h3::before{background:#3c3935}
#view-undereye .uex-type dl{margin:0}
#view-undereye .uex-type dt{font-size:12px;color:var(--ink-3);margin-top:12px}
#view-undereye .uex-type dt:first-child{margin-top:0}
#view-undereye .uex-type dd{margin:2px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-undereye .uex-type .sp-source{margin-top:14px}
#view-undereye .uex-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ck}
#view-undereye .uex-check li{counter-increment:ck;border-top:1px solid var(--gold);padding-top:14px}
#view-undereye .uex-check h4{font-size:16px;line-height:1.6;margin-bottom:6px}
#view-undereye .uex-check h4::before{content:counter(ck,decimal-leading-zero) '  ';font-family:var(--fig);color:var(--gold-ink);font-weight:400}
#view-undereye .uex-check p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-undereye .uex-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
#view-undereye .uex-map>div{background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-undereye .uex-map h3{font-size:18px;margin-bottom:8px}
#view-undereye .uex-list{list-style:none;padding:0;margin:0}
#view-undereye .uex-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-undereye .uex-list li:last-child{border-bottom:0}
#view-undereye .uex-list li::before{content:'';position:absolute;left:1px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-undereye .uex-map .sp-note{margin-top:12px}
#view-undereye .uex-vector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-bottom:34px}
#view-undereye .uex-vector h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-undereye .uex-vector-copy>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-undereye .uex-vector-copy .sp-note{margin-top:10px}
#view-undereye .uex-vector figure{margin:0;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-undereye .uex-vector img{display:block;width:100%;height:auto}
#view-undereye .uex-vector-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-undereye .uex-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-undereye .uex-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-undereye .uex-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-undereye .uex-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-undereye .uex-table th,#view-undereye .uex-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-undereye .uex-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-undereye .uex-table tbody th{font-weight:500;color:var(--ink);width:24%;background:var(--sp-soft)}
#view-undereye .uex-table tbody tr:last-child th,#view-undereye .uex-table tbody tr:last-child td{border-bottom:0}
#view-undereye .uex-table+.sp-note{margin-top:12px}
#view-undereye .uex-cell-label{display:none}
#view-undereye .uex-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-undereye .uex-role{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-undereye .uex-role>figure{margin:0;padding:18px 24px 0}
#view-undereye .uex-role>figure img{display:block;width:100%;height:190px;object-fit:contain}
#view-undereye .uex-role>div{padding:20px 26px 24px}
#view-undereye .uex-role h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-undereye .uex-role>div>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-undereye .uex-role .sp-note{margin-top:12px}
#view-undereye .uex-steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#view-undereye .uex-steps li{border-top:1px solid var(--gold);padding-top:16px;position:relative}
#view-undereye .uex-steps li+li::before{content:'→';position:absolute;left:-22px;top:24px;color:var(--gold-ink)}
#view-undereye .uex-step-no{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-undereye .uex-steps h3{font-size:19px;line-height:1.6;margin:4px 0 6px}
#view-undereye .uex-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-undereye .uex-steps+.sp-note{margin-top:14px}
#view-undereye .uex-point{margin-top:30px;padding:22px 26px;border-left:2px solid var(--gold);background:var(--sp-soft);display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-undereye .uex-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-undereye .uex-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#view-undereye .uex-point p:last-child{font-size:15px;line-height:1.95}
#view-undereye .uex-point+.sp-disclosure{margin-top:24px}
#view-undereye .uex-sofwave{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
#view-undereye .uex-sofwave .sp-video{margin:0}
#view-undereye .uex-sofwave .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-undereye .uex-sofwave .sp-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-undereye .uex-sofwave h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-undereye .uex-sofwave h4{font-size:16px;margin:20px 0 6px}
#view-undereye .uex-sofwave>div>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-undereye .uex-sofwave .sp-note{margin-top:14px}
#view-undereye .uex-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-undereye .uex-case{min-width:0}
#view-undereye .uex-case .sp-case-head h3{font-size:18px;min-height:0}
#view-undereye .uex-case-photo{margin:0}
#view-undereye .uex-case-photo img{display:block;width:100%;height:auto}
#view-undereye .uex-case-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-undereye .uex-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-undereye .uex-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-undereye .uex-doctor figure{margin:0}
#view-undereye .uex-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-undereye .uex-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-undereye .uex-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-undereye .uex-doctor .sp-source{margin-top:12px}
#view-undereye .uex-evidence{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:26px;align-items:start}
#view-undereye .uex-evidence>figure{margin:0}
#view-undereye .uex-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-undereye .uex-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-undereye .uex-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-undereye .uex-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-undereye .uex-paper h3{font-size:16px;line-height:1.5;margin:2px 0 6px;font-family:var(--latin);font-weight:400}
#view-undereye .uex-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-undereye .uex-paper .sp-journal-meta{font-size:12px}
#view-undereye .uex-evidence+.sp-note{margin-top:14px}
#view-undereye .uex-risk{margin-top:36px;background:#fff;border:1px solid var(--sp-border);padding:26px 28px}
#view-undereye .uex-risk>h3{font-size:20px;margin-bottom:14px}
#view-undereye .uex-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#view-undereye .uex-risk h4{font-size:15px;margin:0 0 4px;color:var(--gold-ink);font-weight:500}
#view-undereye .uex-risk h4:not(:first-child){margin-top:18px}
#view-undereye .uex-risk .sp-note{margin-top:16px}
#view-undereye .uex-approval{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-undereye .uex-approval>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:16px 22px;border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-approval>div:last-child{border-bottom:0}
#view-undereye .uex-approval dt{font-size:14px;color:var(--ink);font-weight:500;line-height:1.8}
#view-undereye .uex-approval dd{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-undereye .uex-sources-inline{margin-top:12px}
#view-undereye .uex-sources-inline a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-undereye .uex-sources{padding-left:1.4em;margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-undereye .uex-sources li+li{margin-top:8px}
#view-undereye .uex-sources a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
@media(max-width:900px){
#view-undereye .uex-types,#view-undereye .uex-check,#view-undereye .uex-steps{grid-template-columns:1fr}
#view-undereye .uex-steps li+li::before{display:none}
#view-undereye .uex-vector,#view-undereye .uex-sofwave,#view-undereye .uex-roles,#view-undereye .uex-doctors,#view-undereye .uex-risk-grid{grid-template-columns:1fr}
#view-undereye .uex-evidence{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-undereye .uex-map{grid-template-columns:1fr}
#view-undereye .uex-map>div,#view-undereye .uex-risk{padding:20px}
#view-undereye .uex-cases{grid-template-columns:1fr}
#view-undereye .uex-point{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px}
#view-undereye .uex-point-face{width:92px;height:92px}
#view-undereye .uex-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
#view-undereye .uex-doctor figure img{width:96px;height:144px}
#view-undereye .uex-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}
#view-undereye .uex-role>div{padding:18px 20px 22px}
#view-undereye .uex-table-wrap{overflow:visible;background:transparent;border:0}
#view-undereye .uex-table{min-width:0;display:block;font-size:14px}
#view-undereye .uex-table caption{display:block;padding:0 0 10px}
#view-undereye .uex-table thead{display:none}
#view-undereye .uex-table tbody{display:block}
#view-undereye .uex-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-undereye .uex-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-table td{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-table tr td:last-child{border-bottom:0}
#view-undereye .uex-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-undereye .uex-cell-value{display:block;line-height:1.75}
}

/* ---- 2026-09-14: summary, self-check, illustrated type cards ---- */
#view-undereye .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-undereye .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-undereye .uex-summary-section{padding-block:26px 30px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px 34px;align-items:start}
#view-undereye .uex-summary .sp-kicker{margin:4px 0 0}
#view-undereye .uex-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;counter-reset:sm}
#view-undereye .uex-summary li{counter-increment:sm;position:relative;padding-left:30px;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-undereye .uex-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:13px;color:var(--gold-ink);line-height:1.85}
#view-undereye .uex-summary li strong{color:var(--ink);font-weight:500}
#view-undereye .uex-quiz{max-width:820px;margin:0 auto}
#view-undereye .uex-quiz .dxcard{box-shadow:0 10px 30px rgba(60,48,20,.08);border:1px solid var(--sp-border);border-top:4px solid var(--gold)}
#view-undereye .uex-quiz .dxq{margin-top:4px}
#view-undereye .uex-q-hint{margin-top:8px}
#view-undereye .uex-quiz .dxopts{margin-top:20px}
#view-undereye .uex-quiz .dxopt{min-height:56px}
#view-undereye .uex-quiz .dxopt .kk{font-weight:400}
#view-undereye .uex-quiz .dxback::before{content:'← '}
#view-undereye .uex-quiz-result .rl{margin:0}
#view-undereye .uex-quiz-result .rb{margin-top:14px}
#view-undereye .uex-quiz-result .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-undereye .uex-quiz-result .rgrid a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-undereye .uex-addon{margin-top:16px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-undereye .uex-addon b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-undereye .uex-addon a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-undereye .uex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#view-undereye .uex-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line-2);padding:5px 11px;background:var(--ivory)}
#view-undereye .uex-chip::before{content:'';width:9px;height:9px;border-radius:50%;background:#7d8aa6}
#view-undereye .uex-chip-brown::before{background:#9b7657}
#view-undereye .uex-chip-black::before{background:#3c3935}
#view-undereye .uex-quiz-result .guide-caption{margin-top:24px}
#view-undereye .uex-quiz-result .rcta .btn{font-weight:500;letter-spacing:.025em}
#view-undereye .uex-quiz-result .dxnote{max-width:none}
#view-undereye .uex-quiz-more{text-align:center;margin-top:18px;font-size:14px;color:var(--ink-2)}
#view-undereye .uex-quiz-more a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-undereye .uex-type{padding:0;display:flex;flex-direction:column}
#view-undereye .uex-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-type-art img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 42%}
#view-undereye .uex-type-body{padding:22px 24px 22px}
#view-undereye .uex-type-body .sp-source{margin-top:14px;display:inline-block}
@media(max-width:900px){
#view-undereye .uex-summary{grid-template-columns:1fr;gap:10px}
#view-undereye .uex-summary ol{grid-template-columns:1fr}
#view-undereye .uex-type{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#view-undereye .uex-type-art{border-bottom:0;border-right:1px solid var(--sp-border)}
#view-undereye .uex-type-art img{height:100%;aspect-ratio:auto;min-height:220px}
}
@media(max-width:700px){
#view-undereye .uex-quiz-result .rgrid{grid-template-columns:1fr}
#view-undereye .uex-type{grid-template-columns:1fr}
#view-undereye .uex-type-art{border-right:0;border-bottom:1px solid var(--sp-border)}
#view-undereye .uex-type-art img{aspect-ratio:16/10;min-height:0;height:auto}
}
#view-undereye .uex-quiz-result h3:focus:not(:focus-visible),#view-undereye .uex-quiz .dxq:focus:not(:focus-visible){outline:none}

/* ---- 2026-09-14 revision: hero photo 16:9, boxed key points, face margin ---- */
#view-undereye .sp-hero-photo img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
#view-undereye .uex-summary-section{padding-block:28px 32px}
#view-undereye .uex-summary{border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px;grid-template-columns:150px minmax(0,1fr);gap:10px 26px}
#view-undereye .uex-summary .sp-kicker{font-size:12px;margin-top:2px}
#view-undereye .uex-summary ol{gap:8px 26px}
#view-undereye .uex-summary li{font-size:13px;line-height:1.8;padding-left:26px}
#view-undereye .uex-summary li::before{font-size:12px;line-height:1.8}
#view-undereye .uex-point-face img{object-position:50% 50%}
@media(max-width:900px){#view-undereye .uex-summary{grid-template-columns:1fr;padding:16px 18px}}

/* ---- 2026-09-14c: profile illustrations, small JSAS note ---- */
#view-undereye .uex-profile-block{margin-top:34px}
#view-undereye .uex-profile-block>h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-undereye .uex-profile-block>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2);max-width:46em}
#view-undereye .uex-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
#view-undereye .uex-profile figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-undereye .uex-profile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#view-undereye .uex-profile figcaption{text-align:center;font-size:15px;line-height:1.6;color:var(--ink);padding:12px 10px 14px;border-top:1px solid var(--sp-border)}
#view-undereye .uex-profile-block .sp-note{margin-top:12px}
#view-undereye .uex-doctor p.uex-doctor-note:not(.sp-kicker){font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
@media(max-width:700px){
#view-undereye .uex-profile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px}
#view-undereye .uex-profile figure{scroll-snap-align:start}
}

/* flow photos share one frame; the trimmed 注入・照射 photo fills it without leaving a shorter card */
#view-undereye #u-flow .sp-flow>li>img{width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:50% 100%}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-forehead{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-forehead .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-forehead .sp-soft{background:var(--sp-soft)}
#view-forehead .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-forehead .sp-heading{margin-bottom:26px;max-width:46em}
#view-forehead .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-forehead .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-forehead .sp-heading .sp-kicker{margin-top:0}
#view-forehead .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-forehead .sp-note a,#view-forehead .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-forehead .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-forehead .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-forehead .crumbs span::before{content:none}
#view-forehead .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-forehead .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-forehead .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-forehead .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-forehead .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-forehead .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-forehead .sp-hero-trust a{margin-top:7px}
#view-forehead .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-forehead .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-forehead .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-forehead .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-forehead .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-forehead .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-forehead .sp-nav a{flex-shrink:0}
#view-forehead .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-forehead .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-forehead .sp-nav a:hover{color:var(--gold-ink)}
#view-forehead .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-forehead .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-forehead .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-forehead .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-forehead .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-forehead .sp-type-body{padding:21px 22px 22px}
#view-forehead .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-forehead .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-forehead .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-forehead .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-forehead .sp-type .sp-source{margin-top:12px}
#view-forehead .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-forehead .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-forehead .sp-case-head{padding:20px 22px 16px}
#view-forehead .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-forehead .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-forehead .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-forehead .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-forehead .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-forehead .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-forehead .sp-case-body{padding:18px 22px 22px}
#view-forehead .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-forehead .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-forehead .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-forehead .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-forehead .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-forehead .sp-case-body .sp-source{margin-top:14px}
#view-forehead .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-forehead .sp-case-details>summary{min-height:48px}
#view-forehead .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-forehead .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-forehead .sp-approach-list{display:grid;gap:0}
#view-forehead .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-forehead .sp-approach-item:first-child{padding-top:0}
#view-forehead .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-forehead .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-forehead .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-forehead .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-forehead .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-forehead .sp-doctor h3{font-size:21px;line-height:1.5}
#view-forehead .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-forehead .sp-doctor .sp-source{white-space:nowrap}
#view-forehead .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-forehead .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-forehead .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-forehead .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-forehead .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-forehead .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-forehead .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-forehead .sp-expertise-facts>div:first-child{padding-top:0}
#view-forehead .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-forehead .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-forehead .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-forehead .sp-expertise-grid figure{max-width:480px}
 #view-forehead .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-forehead .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-forehead .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-forehead .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-forehead .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-forehead .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-forehead .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-forehead .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-forehead .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-forehead .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-forehead .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-forehead .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-forehead .sp-disclosure>summary::after{content:'＋';flex:none}
#view-forehead .sp-disclosure[open]>summary::after{content:'−'}
#view-forehead .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .sp-disclosure-content p+p{margin-top:12px}
#view-forehead .sp-approval-list{display:grid;gap:10px}
#view-forehead .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-forehead .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-forehead .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-forehead .sp-price-intro>div{flex:1 1 320px}
#view-forehead .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-forehead .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-forehead .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-forehead .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-forehead .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-forehead .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-forehead .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-forehead .sp-price-heading{margin-bottom:16px}
#view-forehead .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-forehead .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-forehead .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-forehead .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-forehead .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-forehead .sp-price .sp-yen{display:block;margin:0}
#view-forehead .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-forehead .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-forehead .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-forehead .sp-price-list{margin-top:8px}
#view-forehead .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-forehead .sp-price-list dt{min-width:0}
#view-forehead .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-forehead .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-forehead .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-forehead .sp-flow-head{display:block;margin-bottom:14px}
#view-forehead .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-forehead .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-forehead .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-forehead .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-forehead .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-forehead .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-forehead .sp-recovery>div:last-child{border-right:0}
#view-forehead .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-forehead .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-forehead .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-forehead .sp-risk-details{margin-top:22px}
#view-forehead .sp-faq{margin-inline:0}
#view-forehead .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-forehead .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-forehead .sp-tech h3{font-size:22px;line-height:1.6}
#view-forehead .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-forehead .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-forehead .sp-tech h3+p{margin-top:10px}
#view-forehead .sp-video>summary{cursor:pointer;list-style:none}
#view-forehead .sp-video>summary::-webkit-details-marker{display:none}
#view-forehead .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-forehead .sp-flow-text{display:block;margin-top:12px}
#view-forehead .sp-video-body{padding-bottom:16px}
#view-forehead .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-forehead .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-forehead .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-forehead .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-forehead .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-forehead .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-forehead .sp-tech>img{width:76px;height:99px}
 #view-forehead .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-forehead .sp-homecare>img{max-height:220px}
}
#view-forehead .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-forehead .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-forehead .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-forehead .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-forehead .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-forehead .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-forehead .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-forehead .sp-final .btn{font-size:14px}
#view-forehead .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-forehead :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-forehead .sp-devices{grid-template-columns:1fr}
  #view-forehead .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-forehead .sp-device-head{margin-bottom:0}
  #view-forehead .sp-device .sp-disclosure{grid-column:1/-1}
  #view-forehead .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-forehead .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-forehead .sp-doctor>img{width:90px;height:100px}
  #view-forehead .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-forehead .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-forehead .sp-hero h1{font-size:32px}
  #view-forehead .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-forehead .sp-hero-lead{margin-top:17px}
  #view-forehead .sp-hero-photo img{aspect-ratio:16/9}
  #view-forehead .sp-hero-photo figcaption{font-size:12px}
  #view-forehead .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-forehead .sp-types,#view-forehead .sp-cases,#view-forehead .sp-approach,#view-forehead .sp-prices{grid-template-columns:1fr}
  #view-forehead .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-forehead .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-forehead .sp-type-body{padding:19px 20px}
  #view-forehead .sp-type h3{font-size:20px}
  #view-forehead .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-forehead .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-forehead .sp-approach{gap:24px}
  #view-forehead .sp-approach-image img{max-height:260px}
  #view-forehead .sp-recovery{grid-template-columns:1fr}
  #view-forehead .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-forehead .sp-recovery>div:last-child{border-bottom:0}
  #view-forehead .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-forehead .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-forehead .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-forehead .sp-hero h1{font-size:29px}
  #view-forehead .sp-actions{align-items:stretch}
  #view-forehead .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-forehead .sp-type{grid-template-columns:1fr}
  #view-forehead .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-forehead .sp-type-art img{max-height:130px}
  #view-forehead .sp-layer-labels{justify-content:center;gap:26px}
  #view-forehead .sp-type-body{padding:19px 20px}
  #view-forehead .sp-case-head,#view-forehead .sp-case-body{padding-inline:18px}
  #view-forehead .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-forehead .sp-case-photos{padding-inline:10px;gap:4px}
  #view-forehead .sp-device{display:block;padding:20px}
  #view-forehead .sp-device-head{margin-bottom:14px}
  #view-forehead .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-forehead .sp-flow>li{padding:18px 20px}
  #view-forehead .sp-flow-head{margin-bottom:10px}
  #view-forehead .sp-price{padding:22px}
  #view-forehead .sp-price-intro{padding:20px}
  #view-forehead .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-forehead .sp-price-list dd{flex-basis:100%}
  #view-forehead .sp-doctor{gap:14px}
  #view-forehead .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-forehead :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-forehead .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-forehead .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-forehead .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-forehead .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-forehead .sp-entry-link:first-child{padding-left:0}
#view-forehead .sp-entry-link:last-child{border-right:0}
#view-forehead .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-forehead .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-forehead .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-forehead .sp-entry-link:hover{background:var(--sp-soft)}
#view-forehead .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-forehead .sp-consult h3{font-size:24px;line-height:1.65}
#view-forehead .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-forehead .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-forehead .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-forehead .sp-consult .sp-note{margin-top:7px}
#view-forehead #s-doctor-section{padding-top:58px}
#view-forehead #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-forehead .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-forehead .sp-expertise-grid figure{align-self:center}
#view-forehead .sp-expertise-facts dt{font-size:16px}
#view-forehead .sp-expertise-facts dd{font-size:14px}
#view-forehead .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-forehead .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-forehead .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-forehead .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-forehead .sp-flow{list-style:none;padding:0}
#view-forehead .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-forehead .sp-flow-head img,#view-forehead .sp-video video{border:1px solid var(--sp-border)}
#view-forehead .sp-recovery{border:0}
#view-forehead .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-forehead .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-forehead .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-forehead .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-forehead .sp-visit-info a{color:var(--on-night)}
#view-forehead a:focus-visible,#view-forehead summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-forehead .sp-entry-links{grid-template-columns:1fr}
 #view-forehead .sp-entry-link,#view-forehead .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-forehead .sp-entry-link:last-child{border-bottom:0}
 #view-forehead .sp-entry-link strong{font-size:18px}
 #view-forehead .sp-entry-link span span{margin-top:3px}
 #view-forehead .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-forehead .sp-consult h3{font-size:22px}
 #view-forehead .sp-consult ul{display:block}
 #view-forehead .sp-consult li{margin-top:6px}
 #view-forehead .sp-consult .btn{width:100%}
 #view-forehead .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-forehead .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-forehead .sp-recovery>div::before{top:4px;left:-5px}
 #view-forehead .sp-recovery>div:last-child{padding-bottom:0}
 #view-forehead .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-forehead *{scroll-behavior:auto;transition:none}}

#view-forehead .sp-type-art img{max-height:145px}
#view-forehead .sp-type-body{padding:20px}
#view-forehead .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-forehead .sp-price>p.sp-price-unit,#view-forehead .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-forehead .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-forehead .sp-price{padding:26px 0}
 #view-forehead .sp-price-description{margin-bottom:20px}
 #view-forehead .sp-price>.sp-note{min-height:0}
 #view-forehead .sp-price h3{font-size:23px}
 #view-forehead .sp-price .sp-yen{font-size:20px}
 #view-forehead .sp-price-intro{padding:22px;gap:16px}
 #view-forehead .sp-price-intro>div{flex-basis:100%}
}

#view-forehead .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-forehead .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-forehead .sp-consult-fees>div:last-child{border-bottom:0}
#view-forehead .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-forehead .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-forehead .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-forehead .sp-consult-fees{flex-basis:100%}#view-forehead .sp-consult-fees dd{font-size:21px}#view-forehead .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-forehead .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-forehead .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-forehead .sp-price-intro{padding:20px 18px;gap:18px}
 #view-forehead .sp-consult-fees{flex-basis:100%;width:100%}
 #view-forehead .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-forehead .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-forehead .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-forehead .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-forehead .sp-fee-period::before{content:none}
 html[lang="en"] #view-forehead .sp-fee-period{white-space:normal;font-size:14px}
 #view-forehead .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-forehead .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-forehead .sp-prices{gap:16px;border:0}
 #view-forehead .sp-price,#view-forehead .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-forehead .sp-price-heading{order:0;margin-bottom:14px}
 #view-forehead .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-forehead .sp-price h3{font-size:22px;letter-spacing:0}
 #view-forehead .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-forehead .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-forehead .sp-price .sp-price-unit{font-size:12px}
 #view-forehead .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-forehead .sp-price>.sp-note{order:3;margin-top:10px}
 #view-forehead .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-forehead .sp-price,#view-forehead .sp-price+.sp-price{padding:20px 16px}
 #view-forehead .sp-price h3{font-size:20px}
 #view-forehead .sp-price .sp-yen{font-size:20px}
 #view-forehead .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-forehead .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-forehead .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-forehead .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-forehead .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-forehead .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-forehead .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-forehead .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-forehead .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-forehead .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-forehead .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-forehead .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-forehead .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-forehead .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-forehead .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-forehead .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-forehead .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-forehead .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-forehead .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-forehead .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-forehead .sp-entry-hint{margin:8px 0 22px}
#view-forehead .sp-entry-links{gap:14px;border:0}
#view-forehead .sp-entry-link,#view-forehead .sp-entry-link:first-child,#view-forehead .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-forehead .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-forehead .sp-entry-link:hover,#view-forehead .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-forehead .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-forehead .sp-entry-copy{min-width:0}
#view-forehead .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-forehead .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-forehead .sp-entry-question{font-size:22px}
 #view-forehead .sp-entry-link,#view-forehead .sp-entry-link:first-child,#view-forehead .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-forehead .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-forehead .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-forehead .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .sp-anes{margin-top:10px}
#view-forehead .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-forehead .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-forehead .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-forehead .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-forehead .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-forehead .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-forehead .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-forehead .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-forehead .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-forehead .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-forehead .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-forehead .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-forehead .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-forehead .hg-head>div{min-width:0}
#view-forehead .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-forehead .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-forehead .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-forehead .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-forehead .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-forehead .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-forehead .hg-menu-photo{margin:0}
#view-forehead .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-forehead .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-forehead .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-forehead .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-forehead .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-forehead .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-forehead .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-forehead .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-forehead .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-forehead .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-forehead .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-forehead .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-forehead .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-forehead .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-forehead .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-forehead .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-forehead .hg-menu-note{margin:14px 0 0}
#view-forehead .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-forehead .hg-menu-links-label{margin-right:4px}
#view-forehead .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-forehead .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-forehead .hg-menu-fees{gap:8px}#view-forehead .hg-fee{padding:14px 14px 12px}#view-forehead .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-forehead .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-forehead .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-forehead .hg-menu-range{margin:14px 0 0}
#view-forehead .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-forehead .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-forehead .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-forehead .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-forehead .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-forehead .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-forehead .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-forehead .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-forehead .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-forehead .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-forehead .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-forehead .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-forehead .cg-card{padding:0;background:transparent;border:0}
#view-forehead .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-forehead .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-forehead .cg-card .case-image{margin:0}
#view-forehead .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-forehead .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-forehead .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-forehead .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-forehead .cg-details summary:hover{color:var(--gold-ink)}
#view-forehead .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-forehead .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-forehead .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-forehead .cg-details dt{padding-top:13px}
#view-forehead .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-forehead .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-forehead .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-forehead .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-forehead .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-forehead .sp-section .dn-gallery,#view-forehead .sp-section .sw-gallery,#view-forehead .sp-section .pc-lecture-figs,#view-forehead .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-forehead .sp-section .sw-interview,#view-forehead .sp-section .ul-doctor-grid,#view-forehead .sp-section .sv-doctor-hero,#view-forehead .sp-section .wrx-evidence,#view-forehead .sp-section .uex-evidence,#view-forehead .sp-section .ml-doctor-grid,#view-forehead .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-forehead .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-forehead .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-forehead .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-forehead .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-forehead .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-forehead .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-forehead .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-forehead .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-forehead .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-forehead .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-forehead .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-forehead .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-forehead .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .hgd-svg{display:block;width:100%;height:auto}
#view-forehead .hgd-sp{display:none}
#view-forehead .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-forehead .hgd-layer{font-size:30px}
#view-forehead .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-forehead .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-forehead .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-forehead .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-forehead .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-forehead .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-forehead .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-forehead .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-forehead .hgd-art{opacity:.92}
#view-forehead .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-forehead .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-forehead .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-forehead .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-forehead .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-forehead .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-forehead .hgd-layer{font-size:25px}
html[lang^="en"] #view-forehead .hgd-sub{font-size:19px}
html[lang^="en"] #view-forehead .hgd-br{font-size:27px}
#view-forehead .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-forehead .hgd-pc .hgd-layer{font-size:38px}
 #view-forehead .hgd-pc .hgd-sub{font-size:30px}
 #view-forehead .hgd-pc .hgd-name{font-size:42px}
 #view-forehead .hgd-pc .hgd-kind{font-size:31px}
 #view-forehead .hgd-pc .hgd-br{font-size:36px}
 #view-forehead .hgd-pc .hgd-mm{font-size:40px}
 #view-forehead .hgd-pc .hgd-note{font-size:26px}
 #view-forehead .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-forehead .hg-lineup img{width:72px;height:72px}
 #view-forehead .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-forehead .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-forehead .hg-lineup,#view-forehead .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-forehead .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-forehead .hg-lineup img{width:56px;height:56px}
 #view-forehead .hg-lineup figcaption{padding:7px 8px}
 #view-forehead .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-forehead .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-forehead .hg-lineup figcaption small{font-size:10.5px}
 #view-forehead .hgd-pc{display:none}
 #view-forehead .hgd-sp{display:block}
 #view-forehead .hgd-layer,#view-forehead .hgd-name,#view-forehead .hgd-br,#view-forehead .hgd-mm{font-size:34px}
 #view-forehead .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-forehead .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-forehead .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-forehead .hgd-layer{font-size:30px}
 #view-forehead .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-forehead .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-forehead .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Wrinkles & laxity page: page-only additions on top of the shared spots components (scoped to #view-forehead).
   Colours, type and spacing come from the shared tokens; do not reintroduce page-specific palettes. */
#view-forehead figure{margin:0;min-width:0}
#view-forehead .sp-nav a{min-height:48px}
#view-forehead .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-forehead .sp-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:34em}
#view-forehead .sp-lead-secondary{font-size:15px;line-height:1.95;color:var(--ink-2);margin-top:12px;max-width:34em}
#view-forehead .sp-hero .sp-note+.sp-source{margin-top:4px}
#view-forehead :is(section,.wrx-region,.wrx-case,.wrx-types-chapter){scroll-margin-top:88px}

/* Three area entry cards */
#view-forehead .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Approach */
#view-forehead .wrx-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-forehead .wrx-approach-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-forehead .wrx-approach-card h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-forehead .wrx-approach-card p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-forehead .wrx-approach-grid+.sp-disclosure{margin-top:24px}

/* Area disclosures */
#view-forehead .wrx-region{margin-top:12px;background:#fff;border:1px solid var(--sp-border);border-radius:6px}
#view-forehead .wrx-region>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 24px;min-height:68px;cursor:pointer}
#view-forehead .wrx-region>summary::-webkit-details-marker{display:none}
#view-forehead .wrx-region>summary strong{font-family:var(--mincho);font-size:21px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-forehead .wrx-index{font-family:var(--fig);font-size:18px;color:var(--gold-ink);font-variant-numeric:tabular-nums lining-nums}
#view-forehead .wrx-toggle{margin-left:auto;flex:none;color:var(--gold-ink);font-size:16px;line-height:1}
#view-forehead .wrx-toggle::after{content:'＋'}
#view-forehead .wrx-region[open]>summary{border-bottom:1px solid var(--sp-border)}
#view-forehead .wrx-region[open]>summary .wrx-toggle::after{content:'−'}
#view-forehead .wrx-region>summary:hover{background:#fffdf8}
#view-forehead .wrx-region-body{padding:26px 24px}
#view-forehead .wrx-region-body>h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-forehead .wrx-region-body>p{max-width:46em;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-forehead .wrx-region-body>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-forehead .wrx-region-body>.sp-source{margin:14px 22px 0 0}
#view-forehead .wrx-region-actions{margin:22px 0 6px}
#view-forehead .wrx-region-actions .btn{font-weight:500;letter-spacing:.025em;text-align:center}
#view-forehead .wrx-diagram{max-width:720px;margin:22px 0 8px;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-forehead .wrx-diagram img{display:block;width:100%;height:auto}
#view-forehead .wrx-diagram figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Cases (shared .case card, page-specific photo grid: original photographs shown uncropped) */
#view-forehead .wrx-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block:24px 8px;align-items:start}
#view-forehead .wrx-case-single{max-width:560px;margin:24px 0 8px}
#view-forehead .wrx-case .sp-case-head h3{font-size:19px}
#view-forehead .wrx-case-photo{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:14px}
#view-forehead .wrx-case-photo.wrx-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-forehead .wrx-case-photo figure{background:var(--sp-soft);display:flex;flex-direction:column}
#view-forehead .wrx-case-photo img{display:block;width:100%;height:auto}
#view-forehead .wrx-case-photo figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-forehead .wrx-region .sp-disclosure:not(.sp-case-details){margin-top:20px}
#view-forehead .wrx-types-chapter{margin-top:30px}
#view-forehead .wrx-types-chapter .sp-heading{margin-top:10px}
#view-forehead .wrx-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-forehead .wrx-type-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px;min-width:0}
#view-forehead .wrx-type-tag{font-family:var(--latin);font-size:18px;color:var(--gold-ink)}
#view-forehead .wrx-type-card h3{font-size:18px;line-height:1.6;margin:8px 0}
#view-forehead .wrx-type-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .wrx-type-card .wrx-type-condition{font-size:13px;color:var(--gold-ink);margin-bottom:10px}

/* Doctors and research (same structure as the under-eye page) */
#view-forehead .wrx-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-forehead .wrx-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-forehead .wrx-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-forehead .wrx-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-forehead .wrx-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .wrx-doctor .sp-source{margin-top:12px}
#view-forehead .wrx-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-forehead .wrx-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-forehead .wrx-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-forehead .wrx-evidence h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-forehead .wrx-evidence-copy>p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .wrx-evidence-copy .sp-source{margin-top:12px}
/* 2026-10-05: the Director's training record and the Vice Director's live-injection record, side by side under the two doctor cards */
#view-forehead .wrx-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#view-forehead .wrx-evidence-pair .wrx-evidence{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;align-content:start;margin-top:0}
#view-forehead .wrx-evidence-pair .wrx-evidence h3{font-size:20px}
@media(max-width:760px){#view-forehead .wrx-evidence-pair{grid-template-columns:minmax(0,1fr)}}
#view-forehead .wrx-research-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-forehead .wrx-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-forehead .wrx-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px;min-width:0}
#view-forehead .wrx-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-forehead .wrx-paper h4{font-family:var(--latin);font-weight:400;font-size:16px;line-height:1.5;margin:2px 0 6px;overflow-wrap:anywhere}
#view-forehead .wrx-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-forehead .wrx-paper .sp-journal-meta{font-size:12px;margin-top:0}
#view-forehead .wrx-papers+.sp-note{margin-top:14px}

/* Treatment menu (device-card style) */
#view-forehead .wrx-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-forehead .wrx-menu-card{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-forehead .wrx-treatment-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-forehead .wrx-treatment-head picture{display:block}
#view-forehead .wrx-treatment-head img{display:block;width:80px;height:108px;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .wrx-treatment-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-forehead .wrx-treatment-head h3 small{display:block;font-size:12px;font-weight:400;line-height:1.7;color:var(--gold-ink);margin-top:2px}
#view-forehead .wrx-menu-card>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-forehead .wrx-menu-card>.sp-source{margin-top:12px}

/* FLOW video */
#view-forehead .sp-flow{list-style:none;padding:0}
#view-forehead .sp-video{max-width:760px}

/* Post treatment */
#view-forehead .wrx-post{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
#view-forehead .wrx-post-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-forehead .wrx-post-devices figure{margin:0;min-width:0}
#view-forehead .wrx-post-devices img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--sp-soft)}
#view-forehead .wrx-post-pt{grid-template-columns:minmax(0,1fr)}
#view-forehead .wrx-post-pt img{aspect-ratio:4/3}
#view-forehead .wrx-post-copy{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px;min-width:0}
#view-forehead .wrx-post-copy h3{font-size:22px;line-height:1.6;margin:0 0 12px}
#view-forehead .wrx-post-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-forehead .wrx-post-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:16px 0;margin:18px 0;border-block:1px solid var(--sp-border)}
#view-forehead .wrx-post-price>span{font-size:13px;line-height:1.7;color:var(--ink-3);word-break:auto-phrase}
#view-forehead .wrx-post-price strong{font:500 22px/1.3 var(--fig);color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#view-forehead .wrx-post-price strong span{font:400 11px/1.3 var(--sans);margin-left:3px}
#view-forehead .wrx-post-price .wrx-post-arrow{display:none}
#view-forehead .wrx-post-price .wrx-post-special{color:var(--gold-ink)}
#view-forehead .wrx-post-evidence{margin-top:22px}
#view-forehead .wrx-post-evidence>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .wrx-post-evidence ul{margin:14px 0 0;padding-left:1.2em}
#view-forehead .wrx-post-evidence li{margin:0 0 10px}
#view-forehead .wrx-post-evidence li p{font-size:13px;line-height:1.85;margin:0;color:var(--ink-2)}
#view-forehead .wrx-post-sources{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sp-border)}
#view-forehead .wrx-post-sources .sp-kicker{margin:0 0 2px}
#view-forehead .wrx-post-sources a{font-size:12px;line-height:1.6}
#view-forehead .wrx-post-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
#view-forehead .wrx-post-videos figure{margin:0;min-width:0}
#view-forehead .wrx-post-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#26221F}
#view-forehead .wrx-post-videos figcaption{font-size:12px;line-height:1.7;margin-top:6px;color:var(--ink-3)}

/* Fees: several procedure cards in the shared two-column price grid */
#view-forehead .wrx-prices{border-bottom:0}
#view-forehead .wrx-prices .sp-price{border-left:0;border-bottom:1px solid var(--sp-border);padding:26px 30px}
#view-forehead .wrx-prices .sp-price:nth-child(even){border-left:1px solid var(--sp-border)}
#view-forehead .wrx-prices .sp-price h3{font-size:22px}
#view-forehead .wrx-prices .sp-price-heading{margin-bottom:6px}
#view-forehead .wrx-prices .sp-price-list dd{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#view-forehead .wrx-prices+.sp-note{margin-top:14px}
#view-forehead .sp-price-action{margin-top:24px}

@media(max-width:1000px){
 #view-forehead .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-forehead .wrx-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-forehead .wrx-papers{grid-template-columns:1fr}
}
@media(max-width:900px){
 #view-forehead .wrx-approach-grid,#view-forehead .wrx-doctors,#view-forehead .wrx-evidence,#view-forehead .wrx-post{grid-template-columns:1fr}
 #view-forehead .wrx-post-devices{max-width:520px}
}
@media(max-width:760px){
 #view-forehead .wrx-area-links{grid-template-columns:1fr}
 #view-forehead .wrx-cases,#view-forehead .wrx-menu-grid{grid-template-columns:1fr}
 #view-forehead .wrx-region>summary{padding:16px;gap:14px;min-height:62px}
 #view-forehead .wrx-region>summary strong{font-size:19px}
 #view-forehead .wrx-index{font-size:16px}
 #view-forehead .wrx-region-body{padding:22px 16px}
 #view-forehead .wrx-region-body>h3{font-size:20px}
 #view-forehead .wrx-region-body>p{font-size:14px}
 #view-forehead .wrx-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
 #view-forehead .wrx-doctor figure img{width:96px;height:144px}
 #view-forehead .wrx-evidence{padding:20px;gap:16px}
 #view-forehead .wrx-post-copy{padding:22px 20px}
 #view-forehead .wrx-post-videos{grid-template-columns:1fr}
 #view-forehead .wrx-prices .sp-price:nth-child(even){border-left:0}
}
@media(max-width:520px){
 #view-forehead .wrx-type-grid{grid-template-columns:1fr}
 #view-forehead .wrx-case-photo{padding-inline:10px}
 #view-forehead .wrx-paper{grid-template-columns:76px minmax(0,1fr)}
 #view-forehead .wrx-paper a img{width:76px}
}

/* 目の下のクマ page: additions on top of the spots components scoped to #view-forehead. */
#view-forehead .sp-nav a{min-height:48px}
#view-forehead .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-forehead .uex-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-forehead .uex-type{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-forehead .uex-type h3{font-size:20px;line-height:1.5;margin-bottom:12px;display:flex;align-items:center;gap:10px}
#view-forehead .uex-type h3::before{content:'';width:12px;height:12px;border-radius:50%;flex:none;background:#7d8aa6}
#view-forehead .uex-type-brown h3::before{background:#9b7657}
#view-forehead .uex-type-black h3::before{background:#3c3935}
#view-forehead .uex-type dl{margin:0}
#view-forehead .uex-type dt{font-size:12px;color:var(--ink-3);margin-top:12px}
#view-forehead .uex-type dt:first-child{margin-top:0}
#view-forehead .uex-type dd{margin:2px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .uex-type .sp-source{margin-top:14px}
#view-forehead .uex-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ck}
#view-forehead .uex-check li{counter-increment:ck;border-top:1px solid var(--gold);padding-top:14px}
#view-forehead .uex-check h4{font-size:16px;line-height:1.6;margin-bottom:6px}
#view-forehead .uex-check h4::before{content:counter(ck,decimal-leading-zero) '  ';font-family:var(--fig);color:var(--gold-ink);font-weight:400}
#view-forehead .uex-check p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .uex-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
#view-forehead .uex-map>div{background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-forehead .uex-map h3{font-size:18px;margin-bottom:8px}
#view-forehead .uex-list{list-style:none;padding:0;margin:0}
#view-forehead .uex-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-forehead .uex-list li:last-child{border-bottom:0}
#view-forehead .uex-list li::before{content:'';position:absolute;left:1px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-forehead .uex-map .sp-note{margin-top:12px}
#view-forehead .uex-vector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-bottom:34px}
#view-forehead .uex-vector h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-forehead .uex-vector-copy>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-forehead .uex-vector-copy .sp-note{margin-top:10px}
#view-forehead .uex-vector figure{margin:0;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-forehead .uex-vector img{display:block;width:100%;height:auto}
#view-forehead .uex-vector-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-forehead .uex-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .uex-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-forehead .uex-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-forehead .uex-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-forehead .uex-table th,#view-forehead .uex-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-forehead .uex-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-forehead .uex-table tbody th{font-weight:500;color:var(--ink);width:24%;background:var(--sp-soft)}
#view-forehead .uex-table tbody tr:last-child th,#view-forehead .uex-table tbody tr:last-child td{border-bottom:0}
#view-forehead .uex-table+.sp-note{margin-top:12px}
#view-forehead .uex-cell-label{display:none}
#view-forehead .uex-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-forehead .uex-role{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-forehead .uex-role>figure{margin:0;padding:18px 24px 0}
#view-forehead .uex-role>figure img{display:block;width:100%;height:190px;object-fit:contain}
#view-forehead .uex-role>div{padding:20px 26px 24px}
#view-forehead .uex-role h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-forehead .uex-role>div>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-forehead .uex-role .sp-note{margin-top:12px}
#view-forehead .uex-steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#view-forehead .uex-steps li{border-top:1px solid var(--gold);padding-top:16px;position:relative}
#view-forehead .uex-steps li+li::before{content:'→';position:absolute;left:-22px;top:24px;color:var(--gold-ink)}
#view-forehead .uex-step-no{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-forehead .uex-steps h3{font-size:19px;line-height:1.6;margin:4px 0 6px}
#view-forehead .uex-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .uex-steps+.sp-note{margin-top:14px}
#view-forehead .uex-point{margin-top:30px;padding:22px 26px;border-left:2px solid var(--gold);background:var(--sp-soft);display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-forehead .uex-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-forehead .uex-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#view-forehead .uex-point p:last-child{font-size:15px;line-height:1.95}
#view-forehead .uex-point+.sp-disclosure{margin-top:24px}
#view-forehead .uex-sofwave{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
#view-forehead .uex-sofwave .sp-video{margin:0}
#view-forehead .uex-sofwave .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-forehead .uex-sofwave .sp-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-forehead .uex-sofwave h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-forehead .uex-sofwave h4{font-size:16px;margin:20px 0 6px}
#view-forehead .uex-sofwave>div>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-forehead .uex-sofwave .sp-note{margin-top:14px}
#view-forehead .uex-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-forehead .uex-case{min-width:0}
#view-forehead .uex-case .sp-case-head h3{font-size:18px;min-height:0}
#view-forehead .uex-case-photo{margin:0}
#view-forehead .uex-case-photo img{display:block;width:100%;height:auto}
#view-forehead .uex-case-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-forehead .uex-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-forehead .uex-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-forehead .uex-doctor figure{margin:0}
#view-forehead .uex-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-forehead .uex-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-forehead .uex-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .uex-doctor .sp-source{margin-top:12px}
#view-forehead .uex-evidence{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:26px;align-items:start}
#view-forehead .uex-evidence>figure{margin:0}
#view-forehead .uex-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-forehead .uex-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-forehead .uex-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-forehead .uex-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-forehead .uex-paper h3{font-size:16px;line-height:1.5;margin:2px 0 6px;font-family:var(--latin);font-weight:400}
#view-forehead .uex-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-forehead .uex-paper .sp-journal-meta{font-size:12px}
#view-forehead .uex-evidence+.sp-note{margin-top:14px}
#view-forehead .uex-risk{margin-top:36px;background:#fff;border:1px solid var(--sp-border);padding:26px 28px}
#view-forehead .uex-risk>h3{font-size:20px;margin-bottom:14px}
#view-forehead .uex-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#view-forehead .uex-risk h4{font-size:15px;margin:0 0 4px;color:var(--gold-ink);font-weight:500}
#view-forehead .uex-risk h4:not(:first-child){margin-top:18px}
#view-forehead .uex-risk .sp-note{margin-top:16px}
#view-forehead .uex-approval{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .uex-approval>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:16px 22px;border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-approval>div:last-child{border-bottom:0}
#view-forehead .uex-approval dt{font-size:14px;color:var(--ink);font-weight:500;line-height:1.8}
#view-forehead .uex-approval dd{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .uex-sources-inline{margin-top:12px}
#view-forehead .uex-sources-inline a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .uex-sources{padding-left:1.4em;margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-forehead .uex-sources li+li{margin-top:8px}
#view-forehead .uex-sources a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
@media(max-width:900px){
#view-forehead .uex-types,#view-forehead .uex-check,#view-forehead .uex-steps{grid-template-columns:1fr}
#view-forehead .uex-steps li+li::before{display:none}
#view-forehead .uex-vector,#view-forehead .uex-sofwave,#view-forehead .uex-roles,#view-forehead .uex-doctors,#view-forehead .uex-risk-grid{grid-template-columns:1fr}
#view-forehead .uex-evidence{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-forehead .uex-map{grid-template-columns:1fr}
#view-forehead .uex-map>div,#view-forehead .uex-risk{padding:20px}
#view-forehead .uex-cases{grid-template-columns:1fr}
#view-forehead .uex-point{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px}
#view-forehead .uex-point-face{width:92px;height:92px}
#view-forehead .uex-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
#view-forehead .uex-doctor figure img{width:96px;height:144px}
#view-forehead .uex-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}
#view-forehead .uex-role>div{padding:18px 20px 22px}
#view-forehead .uex-table-wrap{overflow:visible;background:transparent;border:0}
#view-forehead .uex-table{min-width:0;display:block;font-size:14px}
#view-forehead .uex-table caption{display:block;padding:0 0 10px}
#view-forehead .uex-table thead{display:none}
#view-forehead .uex-table tbody{display:block}
#view-forehead .uex-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-forehead .uex-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-table td{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-table tr td:last-child{border-bottom:0}
#view-forehead .uex-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-forehead .uex-cell-value{display:block;line-height:1.75}
}

/* ---- 2026-09-14: summary, self-check, illustrated type cards ---- */
#view-forehead .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-forehead .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-forehead .uex-summary-section{padding-block:26px 30px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px 34px;align-items:start}
#view-forehead .uex-summary .sp-kicker{margin:4px 0 0}
#view-forehead .uex-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;counter-reset:sm}
#view-forehead .uex-summary li{counter-increment:sm;position:relative;padding-left:30px;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-forehead .uex-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:13px;color:var(--gold-ink);line-height:1.85}
#view-forehead .uex-summary li strong{color:var(--ink);font-weight:500}
#view-forehead .uex-quiz{max-width:820px;margin:0 auto}
#view-forehead .uex-quiz .dxcard{box-shadow:0 10px 30px rgba(60,48,20,.08);border:1px solid var(--sp-border);border-top:4px solid var(--gold)}
#view-forehead .uex-quiz .dxq{margin-top:4px}
#view-forehead .uex-q-hint{margin-top:8px}
#view-forehead .uex-quiz .dxopts{margin-top:20px}
#view-forehead .uex-quiz .dxopt{min-height:56px}
#view-forehead .uex-quiz .dxopt .kk{font-weight:400}
#view-forehead .uex-quiz .dxback::before{content:'← '}
#view-forehead .uex-quiz-result .rl{margin:0}
#view-forehead .uex-quiz-result .rb{margin-top:14px}
#view-forehead .uex-quiz-result .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-forehead .uex-quiz-result .rgrid a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .uex-addon{margin-top:16px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-forehead .uex-addon b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-forehead .uex-addon a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .uex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#view-forehead .uex-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line-2);padding:5px 11px;background:var(--ivory)}
#view-forehead .uex-chip::before{content:'';width:9px;height:9px;border-radius:50%;background:#7d8aa6}
#view-forehead .uex-chip-brown::before{background:#9b7657}
#view-forehead .uex-chip-black::before{background:#3c3935}
#view-forehead .uex-quiz-result .guide-caption{margin-top:24px}
#view-forehead .uex-quiz-result .rcta .btn{font-weight:500;letter-spacing:.025em}
#view-forehead .uex-quiz-result .dxnote{max-width:none}
#view-forehead .uex-quiz-more{text-align:center;margin-top:18px;font-size:14px;color:var(--ink-2)}
#view-forehead .uex-quiz-more a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .uex-type{padding:0;display:flex;flex-direction:column}
#view-forehead .uex-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-type-art img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 42%}
#view-forehead .uex-type-body{padding:22px 24px 22px}
#view-forehead .uex-type-body .sp-source{margin-top:14px;display:inline-block}
@media(max-width:900px){
#view-forehead .uex-summary{grid-template-columns:1fr;gap:10px}
#view-forehead .uex-summary ol{grid-template-columns:1fr}
#view-forehead .uex-type{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#view-forehead .uex-type-art{border-bottom:0;border-right:1px solid var(--sp-border)}
#view-forehead .uex-type-art img{height:100%;aspect-ratio:auto;min-height:220px}
}
@media(max-width:700px){
#view-forehead .uex-quiz-result .rgrid{grid-template-columns:1fr}
#view-forehead .uex-type{grid-template-columns:1fr}
#view-forehead .uex-type-art{border-right:0;border-bottom:1px solid var(--sp-border)}
#view-forehead .uex-type-art img{aspect-ratio:16/10;min-height:0;height:auto}
}
#view-forehead .uex-quiz-result h3:focus:not(:focus-visible),#view-forehead .uex-quiz .dxq:focus:not(:focus-visible){outline:none}

/* ---- 2026-09-14 revision: hero photo 16:9, boxed key points, face margin ---- */
#view-forehead .sp-hero-photo img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
#view-forehead .uex-summary-section{padding-block:28px 32px}
#view-forehead .uex-summary{border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px;grid-template-columns:150px minmax(0,1fr);gap:10px 26px}
#view-forehead .uex-summary .sp-kicker{font-size:12px;margin-top:2px}
#view-forehead .uex-summary ol{gap:8px 26px}
#view-forehead .uex-summary li{font-size:13px;line-height:1.8;padding-left:26px}
#view-forehead .uex-summary li::before{font-size:12px;line-height:1.8}
#view-forehead .uex-point-face img{object-position:50% 50%}
@media(max-width:900px){#view-forehead .uex-summary{grid-template-columns:1fr;padding:16px 18px}}

/* ---- 2026-09-14c: profile illustrations, small JSAS note ---- */
#view-forehead .uex-profile-block{margin-top:34px}
#view-forehead .uex-profile-block>h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-forehead .uex-profile-block>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2);max-width:46em}
#view-forehead .uex-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
#view-forehead .uex-profile figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-forehead .uex-profile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#view-forehead .uex-profile figcaption{text-align:center;font-size:15px;line-height:1.6;color:var(--ink);padding:12px 10px 14px;border-top:1px solid var(--sp-border)}
#view-forehead .uex-profile-block .sp-note{margin-top:12px}
#view-forehead .uex-doctor p.uex-doctor-note:not(.sp-kicker){font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
@media(max-width:700px){
#view-forehead .uex-profile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px}
#view-forehead .uex-profile figure{scroll-snap-align:start}
}

/* flow photos share one frame; the trimmed 注入・照射 photo fills it without leaving a shorter card */
#view-forehead #u-flow .sp-flow>li>img{width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:50% 100%}

/* おでこ・眉間・こめかみ page: page-only additions on top of the shared spots, wrinkles and under-eye components
   (all scoped to #view-forehead at build time). Colours, type and spacing come from the shared tokens. */
#view-forehead :is(section,.wrx-case,.fhx-plan){scroll-margin-top:88px}
#view-forehead .sp-hero .crumbs a{white-space:nowrap}

/* Line types: care line and link inside each card */
#view-forehead .fhx-type-link{display:inline-block;margin-top:12px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .fhx-types-more{margin-top:22px}

/* Choosing care: treatment comparison table (six attribute columns) */
#view-forehead .fhx-compare-wrap{margin-bottom:28px}
#view-forehead .fhx-compare{min-width:1000px;table-layout:fixed}
#view-forehead .fhx-compare th,#view-forehead .fhx-compare td{padding:12px 12px}
#view-forehead .fhx-compare thead th{white-space:normal}
#view-forehead .fhx-compare tbody th{width:auto}
#view-forehead .fhx-compare col.c0{width:11%}#view-forehead .fhx-compare col.c1{width:19%}#view-forehead .fhx-compare col.c2{width:12%}#view-forehead .fhx-compare col.c3{width:18%}#view-forehead .fhx-compare col.c4{width:14%}#view-forehead .fhx-compare col.c5{width:13%}#view-forehead .fhx-compare col.c6{width:13%}
#view-forehead .fhx-compare td{font-size:13.5px;line-height:1.75}
#view-forehead .fhx-plan-foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
#view-forehead .fhx-plan-foot>div{font-size:13.5px;line-height:1.75;color:var(--ink-2);max-width:40em}
#view-forehead .fhx-plan-foot b{display:block;font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--gold-ink);margin-bottom:3px}
#view-forehead .fhx-plan-cases{flex:none;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#view-forehead .fhx-plan-cases::after{content:' ↓';color:var(--gold-ink);font-size:12px}

/* Cases: type filter */
#view-forehead .fhx-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
#view-forehead .fhx-filter-btn{font:inherit;font-size:14px;line-height:1;padding:10px 14px;border:1px solid var(--sp-border);background:#fff;color:var(--ink-2);cursor:pointer}
#view-forehead .fhx-filter-btn[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
#view-forehead .fhx-filter-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-forehead .fhx-filter-note{margin-bottom:18px}
#view-forehead .fhx-filter-empty{display:none}

/* Care cards: the anatomy explanations that moved in from the old ANATOMY chapter */
#view-forehead .fhx-plan .fhx-plan-split{margin-top:20px}
#view-forehead .fhx-plan-split-text h4{font-size:17px;line-height:1.6;font-weight:500;margin-bottom:8px}
#view-forehead .fhx-plan-split-text h5{font-size:15px;line-height:1.6;font-weight:500;margin:14px 0 6px}
#view-forehead .fhx-plan-split-text>p{font-size:14px;line-height:1.9}

/* Doctors: each profile carries its own teaching activity, so both cards read the same way */
#view-forehead .wrx-doctor-activity{margin-top:14px;padding-top:14px;border-top:1px solid var(--sp-border)}
#view-forehead .wrx-doctor-activity figure{margin:0 0 10px}
#view-forehead .wrx-doctor-activity figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-forehead .wrx-doctor-activity figcaption{font-size:11px;line-height:1.7;color:var(--ink-3);margin-top:5px}
#view-forehead .wrx-doctor-activity .sp-kicker{font-size:11px;margin-bottom:4px}
#view-forehead .wrx-doctor-activity h4{font-size:16px;line-height:1.6;font-weight:500;margin-bottom:6px}
#view-forehead .wrx-doctor-activity .wrx-doctor-note{margin:0;padding:0;border:0}
#view-forehead .wrx-doctor-activity .sp-source{margin-top:8px;display:inline-block}

/* Fees: the consultation fee block sits under the treatment prices, on one compact line */
#view-forehead .fhx-consult .sp-price-intro{margin:16px 0 0;padding:14px 18px;gap:8px 24px;align-items:center;border-left-width:2px}
#view-forehead .fhx-consult .sp-price-intro>div{flex:0 1 auto}
#view-forehead .fhx-consult .sp-price-intro h3{font-size:15px}
#view-forehead .fhx-consult .sp-price-intro p{font-size:12px;line-height:1.75;margin-top:2px;max-width:34em}
#view-forehead .fhx-consult .sp-consult-fees{flex:1 1 380px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
#view-forehead .fhx-consult .sp-consult-fees>div{display:block;padding:0;border-bottom:0}
#view-forehead .fhx-consult .sp-consult-fees dt{font-size:11px;line-height:1.6;color:var(--ink-3)}
#view-forehead .fhx-consult .sp-consult-fees dd,#view-forehead .fhx-consult .sp-price-intro strong{font-size:17px;margin-top:2px}
#view-forehead .fhx-consult .sp-consult-fees small{font-size:10px;margin-left:3px}
#view-forehead .fhx-consult .sp-fee-since{display:block;font-size:10px;color:var(--ink-4)}
#view-forehead .fhx-consult .sp-fee-period{display:block;font-size:11px}
#view-forehead .fhx-consult+.sp-anes{margin-top:10px}

/* Cases: every case is listed and opens on click */
#view-forehead #f-cases .sp-case-body>p{font-size:15px;line-height:1.8}
#view-forehead #f-cases .sp-case-details{margin-top:10px}

/* Anatomy: each diagram next to the explanation it illustrates */
#view-forehead .fhx-anatomy-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center;padding:26px 0;border-top:1px solid var(--sp-border)}
#view-forehead .fhx-anatomy-row:last-of-type{border-bottom:1px solid var(--sp-border)}
#view-forehead .fhx-anatomy-text h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-forehead .fhx-anatomy-text p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .fhx-anatomy-text p+p{margin-top:10px}
#view-forehead .fhx-anatomy-fig{max-width:none;margin:0}
#view-forehead .fhx-anatomy-fig figcaption{font-size:13px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-forehead .fhx-look-label{display:block;font-size:11px;letter-spacing:.08em;color:var(--gold-ink);margin-bottom:3px}
#view-forehead .fhx-plan-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start;margin-bottom:6px}
#view-forehead .fhx-plan-split-text>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-forehead .fhx-plan-split-text>p+p{margin-top:12px}
#view-forehead .fhx-plan-split .fhx-anatomy-fig{max-width:none;margin:0}
#view-forehead .fhx-plan .uex-table-wrap{margin-top:22px}

/* Choosing care: one card per type */
#view-forehead .fhx-plans{display:grid;gap:20px}
#view-forehead .fhx-plan{background:#fff;border:1px solid var(--sp-border);padding:28px 30px;min-width:0}
#view-forehead .fhx-plan-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
#view-forehead .fhx-plan-head .wrx-type-tag{flex:none;font-size:22px}
#view-forehead .fhx-plan h3{font-size:21px;line-height:1.6}
#view-forehead .fhx-plan>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:56em}
#view-forehead .fhx-plan>p+p{margin-top:12px}
#view-forehead .fhx-plan>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-forehead .fhx-callout{margin:18px 0;padding:18px 22px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-forehead .fhx-callout h4{font-size:16px;line-height:1.6;margin-bottom:8px;font-weight:500}
#view-forehead .fhx-callout p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-forehead .fhx-callout p+p{margin-top:10px}
#view-forehead .fhx-callout .sp-note{margin-top:10px}
#view-forehead .fhx-callout-risk{border-left-color:var(--ink-3)}
#view-forehead .fhx-plan .uex-table-wrap{margin-top:18px}
#view-forehead .fhx-plan .sp-video{max-width:720px;margin:18px 0}
#view-forehead .fhx-plan .sp-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Types: illustration on top of each shared type card (forehead-centred crop) */
#view-forehead .fhx-type-card{padding:0;display:flex;flex-direction:column}
#view-forehead .fhx-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-forehead .fhx-type-art img{display:block;width:100%;height:auto;aspect-ratio:834/360;object-fit:cover}
#view-forehead .fhx-type-body{padding:18px 20px 22px}
/* Types: reuse the wrinkles type cards; the Vice Director's viewpoint follows */
#view-forehead .wrx-type-grid+.sp-note{margin-top:14px}

/* Fees: subset of the shared price cards */
#view-forehead .sp-note+.sp-source{margin-top:4px}

@media(max-width:1000px){
}
@media(max-width:760px){
 #view-forehead .fhx-anatomy-row,#view-forehead .fhx-plan-split{grid-template-columns:1fr;gap:16px}
 #view-forehead .fhx-plan{padding:22px 18px}
 #view-forehead .fhx-plan h3{font-size:19px}
 #view-forehead .fhx-plan>p{font-size:14px}
 #view-forehead .fhx-callout{padding:16px 16px}
 #view-forehead .sp-hero .crumbs{font-size:12px;gap:6px}
 /* Card-style comparison rows: keep 「マイクロボトックス」 on one line */
 #view-forehead .uex-table td{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
}

/* Credential line inside the Vice Director's card */
#view-forehead .wrx-doctor-note{font-size:12px;line-height:1.75;color:var(--ink-3);margin-top:10px;padding-top:10px;border-top:1px solid var(--sp-border)}
#view-forehead .wrx-doctor-note a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}

/* Case stories: what was seen, what was chosen */
#view-forehead .fhx-story{margin:2px 0 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#view-forehead .fhx-story>div{display:block;background:var(--sp-soft);padding:12px 14px}
#view-forehead .fhx-story dt,#view-forehead .fhx-story dd{display:block}
#view-forehead .fhx-story dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-forehead .fhx-story dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Message from the Vice Director */
#view-forehead .fhx-message{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:34px 36px}
#view-forehead .fhx-message-face{margin:0}
#view-forehead .fhx-message-face img{display:block;width:200px;height:300px;object-fit:cover;object-position:50% 15%}
#view-forehead .fhx-message blockquote{margin:0 0 18px;font-family:var(--mincho);font-size:clamp(20px,2.2vw,26px);line-height:1.75;color:var(--ink);padding-left:18px;border-left:2px solid var(--gold)}
#view-forehead .fhx-message-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:50em}
#view-forehead .fhx-message-copy>p+p{margin-top:12px}
#view-forehead .fhx-message-sign{font-size:13px;color:var(--ink-3);margin-top:16px}
#view-forehead .fhx-message-copy .sp-source{margin-top:6px}

/* Concerns answered first */
#view-forehead .fhx-fears{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-forehead .fhx-fear{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;min-width:0}
#view-forehead .fhx-fear h3{font-size:19px;line-height:1.6;margin-bottom:10px;padding-left:16px;border-left:2px solid var(--gold)}
#view-forehead .fhx-fear p{font-size:14px;line-height:1.9;color:var(--ink-2)}

/* By area */
#view-forehead .fhx-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-forehead .fhx-area{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:0;min-width:0;display:flex;flex-direction:column}
#view-forehead .fhx-area-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-forehead .fhx-area-art img{display:block;width:100%;height:auto;aspect-ratio:665/287;object-fit:cover}
#view-forehead .fhx-area-body{padding:18px 22px 22px}
#view-forehead .fhx-area h3{font-size:20px;line-height:1.5;margin-bottom:12px}
#view-forehead .fhx-area dl{margin:0}
#view-forehead .fhx-area dl>div{padding:10px 0;border-top:1px solid var(--sp-border)}
#view-forehead .fhx-area dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-forehead .fhx-area dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Fee examples */
#view-forehead .fhx-examples-h{font-size:20px;line-height:1.6;margin:34px 0 6px}
#view-forehead .fhx-examples-h+p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-bottom:16px}
#view-forehead .fhx-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-forehead .fhx-example{background:var(--sp-soft);padding:20px 22px;min-width:0}
#view-forehead .fhx-example h4{font-size:15px;line-height:1.6;font-weight:500;margin-bottom:10px;min-height:3.2em}
#view-forehead .fhx-example dl{margin:0}
#view-forehead .fhx-example dl>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:13px;line-height:1.7}
#view-forehead .fhx-example dt{color:var(--ink-2);min-width:0}
#view-forehead .fhx-example dd{margin:0;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-forehead .fhx-example .fhx-yen{font-size:11px;margin-left:2px;font-family:var(--sans)}
#view-forehead .fhx-example-total{border-bottom:0!important;padding-top:10px!important}
#view-forehead .fhx-example-total dt{color:var(--ink);font-weight:500}
#view-forehead .fhx-example-total dd{font-size:20px;color:var(--gold-ink)}

/* Glossary and next reads */
#view-forehead .fhx-glossary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
#view-forehead .fhx-glossary>div{padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-forehead .fhx-glossary dt{font-weight:500;color:var(--ink);font-size:14px}
#view-forehead .fhx-glossary dd{margin:3px 0 0;font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-forehead .fhx-next{margin-top:30px;padding-top:24px;border-top:1px solid var(--sp-border)}
#view-forehead .fhx-next-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-forehead .fhx-next-links .sp-entry-link{font-size:15px;min-height:64px}

@media(max-width:1000px){
 #view-forehead .fhx-areas,#view-forehead .fhx-examples,#view-forehead .fhx-next-links{grid-template-columns:1fr}
 #view-forehead .fhx-example h4{min-height:0}
}
@media(max-width:900px){
 #view-forehead .fhx-consult .sp-consult-fees{grid-template-columns:1fr;gap:6px}
 #view-forehead .fhx-consult .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--sp-border)}
 #view-forehead .fhx-compare{min-width:0}
 #view-forehead .fhx-plan-foot{flex-direction:column}
 #view-forehead .fhx-message{grid-template-columns:1fr;gap:20px;padding:24px 22px}
 #view-forehead .fhx-message-face img{width:132px;height:198px}
 #view-forehead .fhx-fears,#view-forehead .fhx-glossary{grid-template-columns:1fr}
}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-mouth{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-mouth .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-mouth .sp-soft{background:var(--sp-soft)}
#view-mouth .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-mouth .sp-heading{margin-bottom:26px;max-width:46em}
#view-mouth .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-mouth .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-mouth .sp-heading .sp-kicker{margin-top:0}
#view-mouth .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-mouth .sp-note a,#view-mouth .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-mouth .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-mouth .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-mouth .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-mouth .crumbs span::before{content:none}
#view-mouth .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-mouth .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-mouth .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-mouth .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-mouth .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-mouth .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-mouth .sp-hero-trust a{margin-top:7px}
#view-mouth .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-mouth .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-mouth .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-mouth .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-mouth .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-mouth .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-mouth .sp-nav a{flex-shrink:0}
#view-mouth .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-mouth .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-mouth .sp-nav a:hover{color:var(--gold-ink)}
#view-mouth .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-mouth .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-mouth .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-mouth .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-mouth .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-mouth .sp-type-body{padding:21px 22px 22px}
#view-mouth .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-mouth .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-mouth .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-mouth .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-mouth .sp-type .sp-source{margin-top:12px}
#view-mouth .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-mouth .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-mouth .sp-case-head{padding:20px 22px 16px}
#view-mouth .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-mouth .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-mouth .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-mouth .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-mouth .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-mouth .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-mouth .sp-case-body{padding:18px 22px 22px}
#view-mouth .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-mouth .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-mouth .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-mouth .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-mouth .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-mouth .sp-case-body .sp-source{margin-top:14px}
#view-mouth .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-mouth .sp-case-details>summary{min-height:48px}
#view-mouth .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-mouth .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-mouth .sp-approach-list{display:grid;gap:0}
#view-mouth .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-mouth .sp-approach-item:first-child{padding-top:0}
#view-mouth .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-mouth .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-mouth .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-mouth .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-mouth .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-mouth .sp-doctor h3{font-size:21px;line-height:1.5}
#view-mouth .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-mouth .sp-doctor .sp-source{white-space:nowrap}
#view-mouth .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-mouth .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-mouth .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-mouth .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-mouth .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-mouth .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-mouth .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-mouth .sp-expertise-facts>div:first-child{padding-top:0}
#view-mouth .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-mouth .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-mouth .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-mouth .sp-expertise-grid figure{max-width:480px}
 #view-mouth .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-mouth .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-mouth .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-mouth .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-mouth .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-mouth .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-mouth .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-mouth .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-mouth .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-mouth .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-mouth .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-mouth .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-mouth .sp-disclosure>summary::after{content:'＋';flex:none}
#view-mouth .sp-disclosure[open]>summary::after{content:'−'}
#view-mouth .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .sp-disclosure-content p+p{margin-top:12px}
#view-mouth .sp-approval-list{display:grid;gap:10px}
#view-mouth .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-mouth .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-mouth .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-mouth .sp-price-intro>div{flex:1 1 320px}
#view-mouth .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-mouth .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-mouth .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-mouth .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-mouth .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-mouth .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-mouth .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-mouth .sp-price-heading{margin-bottom:16px}
#view-mouth .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-mouth .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-mouth .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-mouth .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-mouth .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-mouth .sp-price .sp-yen{display:block;margin:0}
#view-mouth .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-mouth .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-mouth .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-mouth .sp-price-list{margin-top:8px}
#view-mouth .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-mouth .sp-price-list dt{min-width:0}
#view-mouth .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-mouth .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-mouth .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-mouth .sp-flow-head{display:block;margin-bottom:14px}
#view-mouth .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-mouth .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-mouth .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-mouth .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-mouth .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-mouth .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-mouth .sp-recovery>div:last-child{border-right:0}
#view-mouth .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-mouth .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-mouth .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-mouth .sp-risk-details{margin-top:22px}
#view-mouth .sp-faq{margin-inline:0}
#view-mouth .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-mouth .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-mouth .sp-tech h3{font-size:22px;line-height:1.6}
#view-mouth .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-mouth .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-mouth .sp-tech h3+p{margin-top:10px}
#view-mouth .sp-video>summary{cursor:pointer;list-style:none}
#view-mouth .sp-video>summary::-webkit-details-marker{display:none}
#view-mouth .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-mouth .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-mouth .sp-flow-text{display:block;margin-top:12px}
#view-mouth .sp-video-body{padding-bottom:16px}
#view-mouth .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-mouth .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-mouth .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-mouth .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-mouth .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-mouth .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-mouth .sp-tech>img{width:76px;height:99px}
 #view-mouth .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-mouth .sp-homecare>img{max-height:220px}
}
#view-mouth .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-mouth .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-mouth .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-mouth .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-mouth .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-mouth .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-mouth .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-mouth .sp-final .btn{font-size:14px}
#view-mouth .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-mouth :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-mouth .sp-devices{grid-template-columns:1fr}
  #view-mouth .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-mouth .sp-device-head{margin-bottom:0}
  #view-mouth .sp-device .sp-disclosure{grid-column:1/-1}
  #view-mouth .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-mouth .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-mouth .sp-doctor>img{width:90px;height:100px}
  #view-mouth .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-mouth .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-mouth .sp-hero h1{font-size:32px}
  #view-mouth .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-mouth .sp-hero-lead{margin-top:17px}
  #view-mouth .sp-hero-photo img{aspect-ratio:16/9}
  #view-mouth .sp-hero-photo figcaption{font-size:12px}
  #view-mouth .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-mouth .sp-types,#view-mouth .sp-cases,#view-mouth .sp-approach,#view-mouth .sp-prices{grid-template-columns:1fr}
  #view-mouth .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-mouth .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-mouth .sp-type-body{padding:19px 20px}
  #view-mouth .sp-type h3{font-size:20px}
  #view-mouth .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-mouth .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-mouth .sp-approach{gap:24px}
  #view-mouth .sp-approach-image img{max-height:260px}
  #view-mouth .sp-recovery{grid-template-columns:1fr}
  #view-mouth .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-mouth .sp-recovery>div:last-child{border-bottom:0}
  #view-mouth .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-mouth .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-mouth .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-mouth .sp-hero h1{font-size:29px}
  #view-mouth .sp-actions{align-items:stretch}
  #view-mouth .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-mouth .sp-type{grid-template-columns:1fr}
  #view-mouth .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-mouth .sp-type-art img{max-height:130px}
  #view-mouth .sp-layer-labels{justify-content:center;gap:26px}
  #view-mouth .sp-type-body{padding:19px 20px}
  #view-mouth .sp-case-head,#view-mouth .sp-case-body{padding-inline:18px}
  #view-mouth .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-mouth .sp-case-photos{padding-inline:10px;gap:4px}
  #view-mouth .sp-device{display:block;padding:20px}
  #view-mouth .sp-device-head{margin-bottom:14px}
  #view-mouth .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-mouth .sp-flow>li{padding:18px 20px}
  #view-mouth .sp-flow-head{margin-bottom:10px}
  #view-mouth .sp-price{padding:22px}
  #view-mouth .sp-price-intro{padding:20px}
  #view-mouth .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-mouth .sp-price-list dd{flex-basis:100%}
  #view-mouth .sp-doctor{gap:14px}
  #view-mouth .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-mouth :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-mouth .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-mouth .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-mouth .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-mouth .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-mouth .sp-entry-link:first-child{padding-left:0}
#view-mouth .sp-entry-link:last-child{border-right:0}
#view-mouth .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-mouth .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-mouth .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-mouth .sp-entry-link:hover{background:var(--sp-soft)}
#view-mouth .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-mouth .sp-consult h3{font-size:24px;line-height:1.65}
#view-mouth .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-mouth .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-mouth .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-mouth .sp-consult .sp-note{margin-top:7px}
#view-mouth #s-doctor-section{padding-top:58px}
#view-mouth #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-mouth .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-mouth .sp-expertise-grid figure{align-self:center}
#view-mouth .sp-expertise-facts dt{font-size:16px}
#view-mouth .sp-expertise-facts dd{font-size:14px}
#view-mouth .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-mouth .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-mouth .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-mouth .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-mouth .sp-flow{list-style:none;padding:0}
#view-mouth .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-mouth .sp-flow-head img,#view-mouth .sp-video video{border:1px solid var(--sp-border)}
#view-mouth .sp-recovery{border:0}
#view-mouth .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-mouth .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-mouth .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-mouth .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-mouth .sp-visit-info a{color:var(--on-night)}
#view-mouth a:focus-visible,#view-mouth summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-mouth .sp-entry-links{grid-template-columns:1fr}
 #view-mouth .sp-entry-link,#view-mouth .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-mouth .sp-entry-link:last-child{border-bottom:0}
 #view-mouth .sp-entry-link strong{font-size:18px}
 #view-mouth .sp-entry-link span span{margin-top:3px}
 #view-mouth .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-mouth .sp-consult h3{font-size:22px}
 #view-mouth .sp-consult ul{display:block}
 #view-mouth .sp-consult li{margin-top:6px}
 #view-mouth .sp-consult .btn{width:100%}
 #view-mouth .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-mouth .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-mouth .sp-recovery>div::before{top:4px;left:-5px}
 #view-mouth .sp-recovery>div:last-child{padding-bottom:0}
 #view-mouth .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-mouth *{scroll-behavior:auto;transition:none}}

#view-mouth .sp-type-art img{max-height:145px}
#view-mouth .sp-type-body{padding:20px}
#view-mouth .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-mouth .sp-price>p.sp-price-unit,#view-mouth .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-mouth .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-mouth .sp-price{padding:26px 0}
 #view-mouth .sp-price-description{margin-bottom:20px}
 #view-mouth .sp-price>.sp-note{min-height:0}
 #view-mouth .sp-price h3{font-size:23px}
 #view-mouth .sp-price .sp-yen{font-size:20px}
 #view-mouth .sp-price-intro{padding:22px;gap:16px}
 #view-mouth .sp-price-intro>div{flex-basis:100%}
}

#view-mouth .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-mouth .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-mouth .sp-consult-fees>div:last-child{border-bottom:0}
#view-mouth .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-mouth .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-mouth .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-mouth .sp-consult-fees{flex-basis:100%}#view-mouth .sp-consult-fees dd{font-size:21px}#view-mouth .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-mouth .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-mouth .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-mouth .sp-price-intro{padding:20px 18px;gap:18px}
 #view-mouth .sp-consult-fees{flex-basis:100%;width:100%}
 #view-mouth .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-mouth .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-mouth .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-mouth .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-mouth .sp-fee-period::before{content:none}
 html[lang="en"] #view-mouth .sp-fee-period{white-space:normal;font-size:14px}
 #view-mouth .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-mouth .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-mouth .sp-prices{gap:16px;border:0}
 #view-mouth .sp-price,#view-mouth .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-mouth .sp-price-heading{order:0;margin-bottom:14px}
 #view-mouth .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-mouth .sp-price h3{font-size:22px;letter-spacing:0}
 #view-mouth .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-mouth .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-mouth .sp-price .sp-price-unit{font-size:12px}
 #view-mouth .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-mouth .sp-price>.sp-note{order:3;margin-top:10px}
 #view-mouth .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-mouth .sp-price,#view-mouth .sp-price+.sp-price{padding:20px 16px}
 #view-mouth .sp-price h3{font-size:20px}
 #view-mouth .sp-price .sp-yen{font-size:20px}
 #view-mouth .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-mouth .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-mouth .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-mouth .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-mouth .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-mouth .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-mouth .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-mouth .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-mouth .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-mouth .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-mouth .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-mouth .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-mouth .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-mouth .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-mouth .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-mouth .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-mouth .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-mouth .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-mouth .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-mouth .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-mouth .sp-entry-hint{margin:8px 0 22px}
#view-mouth .sp-entry-links{gap:14px;border:0}
#view-mouth .sp-entry-link,#view-mouth .sp-entry-link:first-child,#view-mouth .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-mouth .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-mouth .sp-entry-link:hover,#view-mouth .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-mouth .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-mouth .sp-entry-copy{min-width:0}
#view-mouth .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-mouth .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-mouth .sp-entry-question{font-size:22px}
 #view-mouth .sp-entry-link,#view-mouth .sp-entry-link:first-child,#view-mouth .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-mouth .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-mouth .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-mouth .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .sp-anes{margin-top:10px}
#view-mouth .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-mouth .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-mouth .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-mouth .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-mouth .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-mouth .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-mouth .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-mouth .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-mouth .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-mouth .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-mouth .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-mouth .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-mouth .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-mouth .hg-head>div{min-width:0}
#view-mouth .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-mouth .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-mouth .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-mouth .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-mouth .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-mouth .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-mouth .hg-menu-photo{margin:0}
#view-mouth .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-mouth .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-mouth .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-mouth .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-mouth .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-mouth .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-mouth .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-mouth .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-mouth .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-mouth .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-mouth .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-mouth .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-mouth .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-mouth .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-mouth .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-mouth .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-mouth .hg-menu-note{margin:14px 0 0}
#view-mouth .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-mouth .hg-menu-links-label{margin-right:4px}
#view-mouth .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-mouth .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-mouth .hg-menu-fees{gap:8px}#view-mouth .hg-fee{padding:14px 14px 12px}#view-mouth .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-mouth .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-mouth .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-mouth .hg-menu-range{margin:14px 0 0}
#view-mouth .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-mouth .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-mouth .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-mouth .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-mouth .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-mouth .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-mouth .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-mouth .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-mouth .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-mouth .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-mouth .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-mouth .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-mouth .cg-card{padding:0;background:transparent;border:0}
#view-mouth .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-mouth .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-mouth .cg-card .case-image{margin:0}
#view-mouth .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-mouth .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-mouth .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-mouth .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-mouth .cg-details summary:hover{color:var(--gold-ink)}
#view-mouth .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-mouth .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-mouth .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-mouth .cg-details dt{padding-top:13px}
#view-mouth .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-mouth .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-mouth .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-mouth .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-mouth .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-mouth .sp-section .dn-gallery,#view-mouth .sp-section .sw-gallery,#view-mouth .sp-section .pc-lecture-figs,#view-mouth .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-mouth .sp-section .sw-interview,#view-mouth .sp-section .ul-doctor-grid,#view-mouth .sp-section .sv-doctor-hero,#view-mouth .sp-section .wrx-evidence,#view-mouth .sp-section .uex-evidence,#view-mouth .sp-section .ml-doctor-grid,#view-mouth .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-mouth .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-mouth .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-mouth .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-mouth .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-mouth .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-mouth .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-mouth .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-mouth .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-mouth .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-mouth .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-mouth .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-mouth .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-mouth .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .hgd-svg{display:block;width:100%;height:auto}
#view-mouth .hgd-sp{display:none}
#view-mouth .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-mouth .hgd-layer{font-size:30px}
#view-mouth .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-mouth .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-mouth .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-mouth .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-mouth .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-mouth .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-mouth .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-mouth .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-mouth .hgd-art{opacity:.92}
#view-mouth .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-mouth .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-mouth .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-mouth .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-mouth .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-mouth .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-mouth .hgd-layer{font-size:25px}
html[lang^="en"] #view-mouth .hgd-sub{font-size:19px}
html[lang^="en"] #view-mouth .hgd-br{font-size:27px}
#view-mouth .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-mouth .hgd-pc .hgd-layer{font-size:38px}
 #view-mouth .hgd-pc .hgd-sub{font-size:30px}
 #view-mouth .hgd-pc .hgd-name{font-size:42px}
 #view-mouth .hgd-pc .hgd-kind{font-size:31px}
 #view-mouth .hgd-pc .hgd-br{font-size:36px}
 #view-mouth .hgd-pc .hgd-mm{font-size:40px}
 #view-mouth .hgd-pc .hgd-note{font-size:26px}
 #view-mouth .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-mouth .hg-lineup img{width:72px;height:72px}
 #view-mouth .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-mouth .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-mouth .hg-lineup,#view-mouth .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-mouth .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-mouth .hg-lineup img{width:56px;height:56px}
 #view-mouth .hg-lineup figcaption{padding:7px 8px}
 #view-mouth .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-mouth .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-mouth .hg-lineup figcaption small{font-size:10.5px}
 #view-mouth .hgd-pc{display:none}
 #view-mouth .hgd-sp{display:block}
 #view-mouth .hgd-layer,#view-mouth .hgd-name,#view-mouth .hgd-br,#view-mouth .hgd-mm{font-size:34px}
 #view-mouth .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-mouth .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-mouth .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-mouth .hgd-layer{font-size:30px}
 #view-mouth .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-mouth .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-mouth .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Wrinkles & laxity page: page-only additions on top of the shared spots components (scoped to #view-mouth).
   Colours, type and spacing come from the shared tokens; do not reintroduce page-specific palettes. */
#view-mouth figure{margin:0;min-width:0}
#view-mouth .sp-nav a{min-height:48px}
#view-mouth .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-mouth .sp-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:34em}
#view-mouth .sp-lead-secondary{font-size:15px;line-height:1.95;color:var(--ink-2);margin-top:12px;max-width:34em}
#view-mouth .sp-hero .sp-note+.sp-source{margin-top:4px}
#view-mouth :is(section,.wrx-region,.wrx-case,.wrx-types-chapter){scroll-margin-top:88px}

/* Three area entry cards */
#view-mouth .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Approach */
#view-mouth .wrx-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-mouth .wrx-approach-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-mouth .wrx-approach-card h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-mouth .wrx-approach-card p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-mouth .wrx-approach-grid+.sp-disclosure{margin-top:24px}

/* Area disclosures */
#view-mouth .wrx-region{margin-top:12px;background:#fff;border:1px solid var(--sp-border);border-radius:6px}
#view-mouth .wrx-region>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 24px;min-height:68px;cursor:pointer}
#view-mouth .wrx-region>summary::-webkit-details-marker{display:none}
#view-mouth .wrx-region>summary strong{font-family:var(--mincho);font-size:21px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-mouth .wrx-index{font-family:var(--fig);font-size:18px;color:var(--gold-ink);font-variant-numeric:tabular-nums lining-nums}
#view-mouth .wrx-toggle{margin-left:auto;flex:none;color:var(--gold-ink);font-size:16px;line-height:1}
#view-mouth .wrx-toggle::after{content:'＋'}
#view-mouth .wrx-region[open]>summary{border-bottom:1px solid var(--sp-border)}
#view-mouth .wrx-region[open]>summary .wrx-toggle::after{content:'−'}
#view-mouth .wrx-region>summary:hover{background:#fffdf8}
#view-mouth .wrx-region-body{padding:26px 24px}
#view-mouth .wrx-region-body>h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-mouth .wrx-region-body>p{max-width:46em;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-mouth .wrx-region-body>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-mouth .wrx-region-body>.sp-source{margin:14px 22px 0 0}
#view-mouth .wrx-region-actions{margin:22px 0 6px}
#view-mouth .wrx-region-actions .btn{font-weight:500;letter-spacing:.025em;text-align:center}
#view-mouth .wrx-diagram{max-width:720px;margin:22px 0 8px;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-mouth .wrx-diagram img{display:block;width:100%;height:auto}
#view-mouth .wrx-diagram figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Cases (shared .case card, page-specific photo grid: original photographs shown uncropped) */
#view-mouth .wrx-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block:24px 8px;align-items:start}
#view-mouth .wrx-case-single{max-width:560px;margin:24px 0 8px}
#view-mouth .wrx-case .sp-case-head h3{font-size:19px}
#view-mouth .wrx-case-photo{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:14px}
#view-mouth .wrx-case-photo.wrx-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-mouth .wrx-case-photo figure{background:var(--sp-soft);display:flex;flex-direction:column}
#view-mouth .wrx-case-photo img{display:block;width:100%;height:auto}
#view-mouth .wrx-case-photo figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-mouth .wrx-region .sp-disclosure:not(.sp-case-details){margin-top:20px}
#view-mouth .wrx-types-chapter{margin-top:30px}
#view-mouth .wrx-types-chapter .sp-heading{margin-top:10px}
#view-mouth .wrx-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-mouth .wrx-type-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px;min-width:0}
#view-mouth .wrx-type-tag{font-family:var(--latin);font-size:18px;color:var(--gold-ink)}
#view-mouth .wrx-type-card h3{font-size:18px;line-height:1.6;margin:8px 0}
#view-mouth .wrx-type-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .wrx-type-card .wrx-type-condition{font-size:13px;color:var(--gold-ink);margin-bottom:10px}

/* Doctors and research (same structure as the under-eye page) */
#view-mouth .wrx-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-mouth .wrx-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-mouth .wrx-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-mouth .wrx-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-mouth .wrx-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .wrx-doctor .sp-source{margin-top:12px}
#view-mouth .wrx-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-mouth .wrx-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-mouth .wrx-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-mouth .wrx-evidence h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-mouth .wrx-evidence-copy>p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .wrx-evidence-copy .sp-source{margin-top:12px}
/* 2026-10-05: the Director's training record and the Vice Director's live-injection record, side by side under the two doctor cards */
#view-mouth .wrx-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#view-mouth .wrx-evidence-pair .wrx-evidence{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;align-content:start;margin-top:0}
#view-mouth .wrx-evidence-pair .wrx-evidence h3{font-size:20px}
@media(max-width:760px){#view-mouth .wrx-evidence-pair{grid-template-columns:minmax(0,1fr)}}
#view-mouth .wrx-research-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-mouth .wrx-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-mouth .wrx-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px;min-width:0}
#view-mouth .wrx-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-mouth .wrx-paper h4{font-family:var(--latin);font-weight:400;font-size:16px;line-height:1.5;margin:2px 0 6px;overflow-wrap:anywhere}
#view-mouth .wrx-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-mouth .wrx-paper .sp-journal-meta{font-size:12px;margin-top:0}
#view-mouth .wrx-papers+.sp-note{margin-top:14px}

/* Treatment menu (device-card style) */
#view-mouth .wrx-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-mouth .wrx-menu-card{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-mouth .wrx-treatment-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-mouth .wrx-treatment-head picture{display:block}
#view-mouth .wrx-treatment-head img{display:block;width:80px;height:108px;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .wrx-treatment-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-mouth .wrx-treatment-head h3 small{display:block;font-size:12px;font-weight:400;line-height:1.7;color:var(--gold-ink);margin-top:2px}
#view-mouth .wrx-menu-card>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-mouth .wrx-menu-card>.sp-source{margin-top:12px}

/* FLOW video */
#view-mouth .sp-flow{list-style:none;padding:0}
#view-mouth .sp-video{max-width:760px}

/* Post treatment */
#view-mouth .wrx-post{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
#view-mouth .wrx-post-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-mouth .wrx-post-devices figure{margin:0;min-width:0}
#view-mouth .wrx-post-devices img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--sp-soft)}
#view-mouth .wrx-post-pt{grid-template-columns:minmax(0,1fr)}
#view-mouth .wrx-post-pt img{aspect-ratio:4/3}
#view-mouth .wrx-post-copy{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px;min-width:0}
#view-mouth .wrx-post-copy h3{font-size:22px;line-height:1.6;margin:0 0 12px}
#view-mouth .wrx-post-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-mouth .wrx-post-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:16px 0;margin:18px 0;border-block:1px solid var(--sp-border)}
#view-mouth .wrx-post-price>span{font-size:13px;line-height:1.7;color:var(--ink-3);word-break:auto-phrase}
#view-mouth .wrx-post-price strong{font:500 22px/1.3 var(--fig);color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#view-mouth .wrx-post-price strong span{font:400 11px/1.3 var(--sans);margin-left:3px}
#view-mouth .wrx-post-price .wrx-post-arrow{display:none}
#view-mouth .wrx-post-price .wrx-post-special{color:var(--gold-ink)}
#view-mouth .wrx-post-evidence{margin-top:22px}
#view-mouth .wrx-post-evidence>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .wrx-post-evidence ul{margin:14px 0 0;padding-left:1.2em}
#view-mouth .wrx-post-evidence li{margin:0 0 10px}
#view-mouth .wrx-post-evidence li p{font-size:13px;line-height:1.85;margin:0;color:var(--ink-2)}
#view-mouth .wrx-post-sources{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sp-border)}
#view-mouth .wrx-post-sources .sp-kicker{margin:0 0 2px}
#view-mouth .wrx-post-sources a{font-size:12px;line-height:1.6}
#view-mouth .wrx-post-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
#view-mouth .wrx-post-videos figure{margin:0;min-width:0}
#view-mouth .wrx-post-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#26221F}
#view-mouth .wrx-post-videos figcaption{font-size:12px;line-height:1.7;margin-top:6px;color:var(--ink-3)}

/* Fees: several procedure cards in the shared two-column price grid */
#view-mouth .wrx-prices{border-bottom:0}
#view-mouth .wrx-prices .sp-price{border-left:0;border-bottom:1px solid var(--sp-border);padding:26px 30px}
#view-mouth .wrx-prices .sp-price:nth-child(even){border-left:1px solid var(--sp-border)}
#view-mouth .wrx-prices .sp-price h3{font-size:22px}
#view-mouth .wrx-prices .sp-price-heading{margin-bottom:6px}
#view-mouth .wrx-prices .sp-price-list dd{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#view-mouth .wrx-prices+.sp-note{margin-top:14px}
#view-mouth .sp-price-action{margin-top:24px}

@media(max-width:1000px){
 #view-mouth .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-mouth .wrx-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-mouth .wrx-papers{grid-template-columns:1fr}
}
@media(max-width:900px){
 #view-mouth .wrx-approach-grid,#view-mouth .wrx-doctors,#view-mouth .wrx-evidence,#view-mouth .wrx-post{grid-template-columns:1fr}
 #view-mouth .wrx-post-devices{max-width:520px}
}
@media(max-width:760px){
 #view-mouth .wrx-area-links{grid-template-columns:1fr}
 #view-mouth .wrx-cases,#view-mouth .wrx-menu-grid{grid-template-columns:1fr}
 #view-mouth .wrx-region>summary{padding:16px;gap:14px;min-height:62px}
 #view-mouth .wrx-region>summary strong{font-size:19px}
 #view-mouth .wrx-index{font-size:16px}
 #view-mouth .wrx-region-body{padding:22px 16px}
 #view-mouth .wrx-region-body>h3{font-size:20px}
 #view-mouth .wrx-region-body>p{font-size:14px}
 #view-mouth .wrx-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
 #view-mouth .wrx-doctor figure img{width:96px;height:144px}
 #view-mouth .wrx-evidence{padding:20px;gap:16px}
 #view-mouth .wrx-post-copy{padding:22px 20px}
 #view-mouth .wrx-post-videos{grid-template-columns:1fr}
 #view-mouth .wrx-prices .sp-price:nth-child(even){border-left:0}
}
@media(max-width:520px){
 #view-mouth .wrx-type-grid{grid-template-columns:1fr}
 #view-mouth .wrx-case-photo{padding-inline:10px}
 #view-mouth .wrx-paper{grid-template-columns:76px minmax(0,1fr)}
 #view-mouth .wrx-paper a img{width:76px}
}

/* 目の下のクマ page: additions on top of the spots components scoped to #view-mouth. */
#view-mouth .sp-nav a{min-height:48px}
#view-mouth .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-mouth .uex-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-mouth .uex-type{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-mouth .uex-type h3{font-size:20px;line-height:1.5;margin-bottom:12px;display:flex;align-items:center;gap:10px}
#view-mouth .uex-type h3::before{content:'';width:12px;height:12px;border-radius:50%;flex:none;background:#7d8aa6}
#view-mouth .uex-type-brown h3::before{background:#9b7657}
#view-mouth .uex-type-black h3::before{background:#3c3935}
#view-mouth .uex-type dl{margin:0}
#view-mouth .uex-type dt{font-size:12px;color:var(--ink-3);margin-top:12px}
#view-mouth .uex-type dt:first-child{margin-top:0}
#view-mouth .uex-type dd{margin:2px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .uex-type .sp-source{margin-top:14px}
#view-mouth .uex-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ck}
#view-mouth .uex-check li{counter-increment:ck;border-top:1px solid var(--gold);padding-top:14px}
#view-mouth .uex-check h4{font-size:16px;line-height:1.6;margin-bottom:6px}
#view-mouth .uex-check h4::before{content:counter(ck,decimal-leading-zero) '  ';font-family:var(--fig);color:var(--gold-ink);font-weight:400}
#view-mouth .uex-check p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .uex-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
#view-mouth .uex-map>div{background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-mouth .uex-map h3{font-size:18px;margin-bottom:8px}
#view-mouth .uex-list{list-style:none;padding:0;margin:0}
#view-mouth .uex-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-mouth .uex-list li:last-child{border-bottom:0}
#view-mouth .uex-list li::before{content:'';position:absolute;left:1px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-mouth .uex-map .sp-note{margin-top:12px}
#view-mouth .uex-vector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-bottom:34px}
#view-mouth .uex-vector h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-mouth .uex-vector-copy>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-mouth .uex-vector-copy .sp-note{margin-top:10px}
#view-mouth .uex-vector figure{margin:0;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-mouth .uex-vector img{display:block;width:100%;height:auto}
#view-mouth .uex-vector-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-mouth .uex-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .uex-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-mouth .uex-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-mouth .uex-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-mouth .uex-table th,#view-mouth .uex-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-mouth .uex-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-mouth .uex-table tbody th{font-weight:500;color:var(--ink);width:24%;background:var(--sp-soft)}
#view-mouth .uex-table tbody tr:last-child th,#view-mouth .uex-table tbody tr:last-child td{border-bottom:0}
#view-mouth .uex-table+.sp-note{margin-top:12px}
#view-mouth .uex-cell-label{display:none}
#view-mouth .uex-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-mouth .uex-role{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-mouth .uex-role>figure{margin:0;padding:18px 24px 0}
#view-mouth .uex-role>figure img{display:block;width:100%;height:190px;object-fit:contain}
#view-mouth .uex-role>div{padding:20px 26px 24px}
#view-mouth .uex-role h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-mouth .uex-role>div>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-mouth .uex-role .sp-note{margin-top:12px}
#view-mouth .uex-steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#view-mouth .uex-steps li{border-top:1px solid var(--gold);padding-top:16px;position:relative}
#view-mouth .uex-steps li+li::before{content:'→';position:absolute;left:-22px;top:24px;color:var(--gold-ink)}
#view-mouth .uex-step-no{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-mouth .uex-steps h3{font-size:19px;line-height:1.6;margin:4px 0 6px}
#view-mouth .uex-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .uex-steps+.sp-note{margin-top:14px}
#view-mouth .uex-point{margin-top:30px;padding:22px 26px;border-left:2px solid var(--gold);background:var(--sp-soft);display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-mouth .uex-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-mouth .uex-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#view-mouth .uex-point p:last-child{font-size:15px;line-height:1.95}
#view-mouth .uex-point+.sp-disclosure{margin-top:24px}
#view-mouth .uex-sofwave{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
#view-mouth .uex-sofwave .sp-video{margin:0}
#view-mouth .uex-sofwave .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-mouth .uex-sofwave .sp-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-mouth .uex-sofwave h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-mouth .uex-sofwave h4{font-size:16px;margin:20px 0 6px}
#view-mouth .uex-sofwave>div>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-mouth .uex-sofwave .sp-note{margin-top:14px}
#view-mouth .uex-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-mouth .uex-case{min-width:0}
#view-mouth .uex-case .sp-case-head h3{font-size:18px;min-height:0}
#view-mouth .uex-case-photo{margin:0}
#view-mouth .uex-case-photo img{display:block;width:100%;height:auto}
#view-mouth .uex-case-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-mouth .uex-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-mouth .uex-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-mouth .uex-doctor figure{margin:0}
#view-mouth .uex-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-mouth .uex-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-mouth .uex-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .uex-doctor .sp-source{margin-top:12px}
#view-mouth .uex-evidence{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:26px;align-items:start}
#view-mouth .uex-evidence>figure{margin:0}
#view-mouth .uex-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-mouth .uex-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-mouth .uex-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-mouth .uex-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-mouth .uex-paper h3{font-size:16px;line-height:1.5;margin:2px 0 6px;font-family:var(--latin);font-weight:400}
#view-mouth .uex-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-mouth .uex-paper .sp-journal-meta{font-size:12px}
#view-mouth .uex-evidence+.sp-note{margin-top:14px}
#view-mouth .uex-risk{margin-top:36px;background:#fff;border:1px solid var(--sp-border);padding:26px 28px}
#view-mouth .uex-risk>h3{font-size:20px;margin-bottom:14px}
#view-mouth .uex-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#view-mouth .uex-risk h4{font-size:15px;margin:0 0 4px;color:var(--gold-ink);font-weight:500}
#view-mouth .uex-risk h4:not(:first-child){margin-top:18px}
#view-mouth .uex-risk .sp-note{margin-top:16px}
#view-mouth .uex-approval{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .uex-approval>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:16px 22px;border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-approval>div:last-child{border-bottom:0}
#view-mouth .uex-approval dt{font-size:14px;color:var(--ink);font-weight:500;line-height:1.8}
#view-mouth .uex-approval dd{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .uex-sources-inline{margin-top:12px}
#view-mouth .uex-sources-inline a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-mouth .uex-sources{padding-left:1.4em;margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-mouth .uex-sources li+li{margin-top:8px}
#view-mouth .uex-sources a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
@media(max-width:900px){
#view-mouth .uex-types,#view-mouth .uex-check,#view-mouth .uex-steps{grid-template-columns:1fr}
#view-mouth .uex-steps li+li::before{display:none}
#view-mouth .uex-vector,#view-mouth .uex-sofwave,#view-mouth .uex-roles,#view-mouth .uex-doctors,#view-mouth .uex-risk-grid{grid-template-columns:1fr}
#view-mouth .uex-evidence{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-mouth .uex-map{grid-template-columns:1fr}
#view-mouth .uex-map>div,#view-mouth .uex-risk{padding:20px}
#view-mouth .uex-cases{grid-template-columns:1fr}
#view-mouth .uex-point{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px}
#view-mouth .uex-point-face{width:92px;height:92px}
#view-mouth .uex-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
#view-mouth .uex-doctor figure img{width:96px;height:144px}
#view-mouth .uex-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}
#view-mouth .uex-role>div{padding:18px 20px 22px}
#view-mouth .uex-table-wrap{overflow:visible;background:transparent;border:0}
#view-mouth .uex-table{min-width:0;display:block;font-size:14px}
#view-mouth .uex-table caption{display:block;padding:0 0 10px}
#view-mouth .uex-table thead{display:none}
#view-mouth .uex-table tbody{display:block}
#view-mouth .uex-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-mouth .uex-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-table td{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-table tr td:last-child{border-bottom:0}
#view-mouth .uex-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-mouth .uex-cell-value{display:block;line-height:1.75}
}

/* ---- 2026-09-14: summary, self-check, illustrated type cards ---- */
#view-mouth .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-mouth .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-mouth .uex-summary-section{padding-block:26px 30px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px 34px;align-items:start}
#view-mouth .uex-summary .sp-kicker{margin:4px 0 0}
#view-mouth .uex-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;counter-reset:sm}
#view-mouth .uex-summary li{counter-increment:sm;position:relative;padding-left:30px;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-mouth .uex-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:13px;color:var(--gold-ink);line-height:1.85}
#view-mouth .uex-summary li strong{color:var(--ink);font-weight:500}
#view-mouth .uex-quiz{max-width:820px;margin:0 auto}
#view-mouth .uex-quiz .dxcard{box-shadow:0 10px 30px rgba(60,48,20,.08);border:1px solid var(--sp-border);border-top:4px solid var(--gold)}
#view-mouth .uex-quiz .dxq{margin-top:4px}
#view-mouth .uex-q-hint{margin-top:8px}
#view-mouth .uex-quiz .dxopts{margin-top:20px}
#view-mouth .uex-quiz .dxopt{min-height:56px}
#view-mouth .uex-quiz .dxopt .kk{font-weight:400}
#view-mouth .uex-quiz .dxback::before{content:'← '}
#view-mouth .uex-quiz-result .rl{margin:0}
#view-mouth .uex-quiz-result .rb{margin-top:14px}
#view-mouth .uex-quiz-result .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-mouth .uex-quiz-result .rgrid a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-mouth .uex-addon{margin-top:16px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .uex-addon b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-mouth .uex-addon a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-mouth .uex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#view-mouth .uex-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line-2);padding:5px 11px;background:var(--ivory)}
#view-mouth .uex-chip::before{content:'';width:9px;height:9px;border-radius:50%;background:#7d8aa6}
#view-mouth .uex-chip-brown::before{background:#9b7657}
#view-mouth .uex-chip-black::before{background:#3c3935}
#view-mouth .uex-quiz-result .guide-caption{margin-top:24px}
#view-mouth .uex-quiz-result .rcta .btn{font-weight:500;letter-spacing:.025em}
#view-mouth .uex-quiz-result .dxnote{max-width:none}
#view-mouth .uex-quiz-more{text-align:center;margin-top:18px;font-size:14px;color:var(--ink-2)}
#view-mouth .uex-quiz-more a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-mouth .uex-type{padding:0;display:flex;flex-direction:column}
#view-mouth .uex-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-type-art img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 42%}
#view-mouth .uex-type-body{padding:22px 24px 22px}
#view-mouth .uex-type-body .sp-source{margin-top:14px;display:inline-block}
@media(max-width:900px){
#view-mouth .uex-summary{grid-template-columns:1fr;gap:10px}
#view-mouth .uex-summary ol{grid-template-columns:1fr}
#view-mouth .uex-type{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#view-mouth .uex-type-art{border-bottom:0;border-right:1px solid var(--sp-border)}
#view-mouth .uex-type-art img{height:100%;aspect-ratio:auto;min-height:220px}
}
@media(max-width:700px){
#view-mouth .uex-quiz-result .rgrid{grid-template-columns:1fr}
#view-mouth .uex-type{grid-template-columns:1fr}
#view-mouth .uex-type-art{border-right:0;border-bottom:1px solid var(--sp-border)}
#view-mouth .uex-type-art img{aspect-ratio:16/10;min-height:0;height:auto}
}
#view-mouth .uex-quiz-result h3:focus:not(:focus-visible),#view-mouth .uex-quiz .dxq:focus:not(:focus-visible){outline:none}

/* ---- 2026-09-14 revision: hero photo 16:9, boxed key points, face margin ---- */
#view-mouth .sp-hero-photo img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
#view-mouth .uex-summary-section{padding-block:28px 32px}
#view-mouth .uex-summary{border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px;grid-template-columns:150px minmax(0,1fr);gap:10px 26px}
#view-mouth .uex-summary .sp-kicker{font-size:12px;margin-top:2px}
#view-mouth .uex-summary ol{gap:8px 26px}
#view-mouth .uex-summary li{font-size:13px;line-height:1.8;padding-left:26px}
#view-mouth .uex-summary li::before{font-size:12px;line-height:1.8}
#view-mouth .uex-point-face img{object-position:50% 50%}
@media(max-width:900px){#view-mouth .uex-summary{grid-template-columns:1fr;padding:16px 18px}}

/* ---- 2026-09-14c: profile illustrations, small JSAS note ---- */
#view-mouth .uex-profile-block{margin-top:34px}
#view-mouth .uex-profile-block>h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-mouth .uex-profile-block>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2);max-width:46em}
#view-mouth .uex-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
#view-mouth .uex-profile figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .uex-profile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#view-mouth .uex-profile figcaption{text-align:center;font-size:15px;line-height:1.6;color:var(--ink);padding:12px 10px 14px;border-top:1px solid var(--sp-border)}
#view-mouth .uex-profile-block .sp-note{margin-top:12px}
#view-mouth .uex-doctor p.uex-doctor-note:not(.sp-kicker){font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
@media(max-width:700px){
#view-mouth .uex-profile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px}
#view-mouth .uex-profile figure{scroll-snap-align:start}
}

/* flow photos share one frame; the trimmed 注入・照射 photo fills it without leaving a shorter card */
#view-mouth #u-flow .sp-flow>li>img{width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:50% 100%}

/* ほうれい線・口元・輪郭 page: page-only additions on top of the shared spots, wrinkles and under-eye components
   (all scoped to #view-mouth at build time). Colours, type and spacing come from the shared tokens. */
#view-mouth :is(section,.wrx-case,.mox-plan){scroll-margin-top:88px}
#view-mouth .sp-hero .crumbs a{white-space:nowrap}

/* Anatomy: each diagram next to the explanation it illustrates */
#view-mouth .mox-anatomy-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center;padding:26px 0;border-top:1px solid var(--sp-border)}
#view-mouth .mox-anatomy-row:last-of-type{border-bottom:1px solid var(--sp-border)}
#view-mouth .mox-anatomy-text h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-mouth .mox-anatomy-text p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .mox-anatomy-text p+p{margin-top:10px}
#view-mouth .mox-anatomy-fig{max-width:none;margin:0}
#view-mouth .mox-anatomy-fig figcaption{font-size:13px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-mouth .mox-look-label{display:block;font-size:11px;letter-spacing:.08em;color:var(--gold-ink);margin-bottom:3px}
#view-mouth .mox-plan-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start;margin-bottom:6px}
#view-mouth .mox-plan-split-text>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-mouth .mox-plan-split-text>p+p{margin-top:12px}
#view-mouth .mox-plan-split .mox-anatomy-fig{max-width:none;margin:0}
#view-mouth .mox-plan .uex-table-wrap{margin-top:22px}

/* Choosing care: one card per type */
#view-mouth .mox-plans{display:grid;gap:20px}
#view-mouth .mox-plan{background:#fff;border:1px solid var(--sp-border);padding:28px 30px;min-width:0}
#view-mouth .mox-plan-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
#view-mouth .mox-plan-head .wrx-type-tag{flex:none;font-size:22px}
#view-mouth .mox-plan h3{font-size:21px;line-height:1.6}
#view-mouth .mox-plan>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:56em}
#view-mouth .mox-plan>p+p{margin-top:12px}
#view-mouth .mox-plan>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-mouth .mox-callout{margin:18px 0;padding:18px 22px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-mouth .mox-callout h4{font-size:16px;line-height:1.6;margin-bottom:8px;font-weight:500}
#view-mouth .mox-callout p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .mox-callout p+p{margin-top:10px}
#view-mouth .mox-callout .sp-note{margin-top:10px}
#view-mouth .mox-callout-risk{border-left-color:var(--ink-3)}
#view-mouth .mox-plan .uex-table-wrap{margin-top:18px}
#view-mouth .mox-plan .sp-video{max-width:720px;margin:18px 0}
#view-mouth .mox-plan .sp-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Types: illustration on top of each shared type card (forehead-centred crop) */
#view-mouth .mox-type-card{padding:0;display:flex;flex-direction:column}
#view-mouth .mox-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-mouth .mox-type-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
#view-mouth .mox-type-body{padding:18px 20px 22px}
/* Types: reuse the wrinkles type cards; the Vice Director's viewpoint follows */
#view-mouth .wrx-type-grid+.sp-note{margin-top:14px}

/* Fees: subset of the shared price cards */
#view-mouth .sp-note+.sp-source{margin-top:4px}

@media(max-width:1000px){
}
@media(max-width:760px){
 #view-mouth .mox-anatomy-row,#view-mouth .mox-plan-split{grid-template-columns:1fr;gap:16px}
 #view-mouth .mox-plan{padding:22px 18px}
 #view-mouth .mox-plan h3{font-size:19px}
 #view-mouth .mox-plan>p{font-size:14px}
 #view-mouth .mox-callout{padding:16px 16px}
 #view-mouth .sp-hero .crumbs{font-size:12px;gap:6px}
 /* Card-style comparison rows: keep 「マイクロボトックス」 on one line */
 #view-mouth .uex-table td{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
}

/* Credential line inside the Vice Director's card */
#view-mouth .wrx-doctor-note{font-size:12px;line-height:1.75;color:var(--ink-3);margin-top:10px;padding-top:10px;border-top:1px solid var(--sp-border)}
#view-mouth .wrx-doctor-note a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}

/* Case stories: what was seen, what was chosen */
#view-mouth .fhx-story{margin:2px 0 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#view-mouth .fhx-story>div{display:block;background:var(--sp-soft);padding:12px 14px}
#view-mouth .fhx-story dt,#view-mouth .fhx-story dd{display:block}
#view-mouth .fhx-story dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-mouth .fhx-story dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Message from the Vice Director */
#view-mouth .mox-message{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:34px 36px}
#view-mouth .mox-message-face{margin:0}
#view-mouth .mox-message-face img{display:block;width:200px;height:300px;object-fit:cover;object-position:50% 15%}
#view-mouth .mox-message blockquote{margin:0 0 18px;font-family:var(--mincho);font-size:clamp(20px,2.2vw,26px);line-height:1.75;color:var(--ink);padding-left:18px;border-left:2px solid var(--gold)}
#view-mouth .mox-message-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:50em}
#view-mouth .mox-message-copy>p+p{margin-top:12px}
#view-mouth .mox-message-sign{font-size:13px;color:var(--ink-3);margin-top:16px}
#view-mouth .mox-message-copy .sp-source{margin-top:6px}

/* Concerns answered first */
#view-mouth .mox-fears{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-mouth .mox-fear{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;min-width:0}
#view-mouth .mox-fear h3{font-size:19px;line-height:1.6;margin-bottom:10px;padding-left:16px;border-left:2px solid var(--gold)}
#view-mouth .mox-fear p{font-size:14px;line-height:1.9;color:var(--ink-2)}

/* By area */
#view-mouth .mox-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-mouth .mox-area{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:0;min-width:0;display:flex;flex-direction:column}
#view-mouth .mox-area-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-mouth .mox-area-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
#view-mouth .mox-area-body{padding:18px 22px 22px}
#view-mouth .mox-area h3{font-size:20px;line-height:1.5;margin-bottom:12px}
#view-mouth .mox-area dl{margin:0}
#view-mouth .mox-area dl>div{padding:10px 0;border-top:1px solid var(--sp-border)}
#view-mouth .mox-area dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-mouth .mox-area dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Fee examples */
#view-mouth .mox-examples-h{font-size:20px;line-height:1.6;margin:34px 0 6px}
#view-mouth .mox-examples-h+p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-bottom:16px}
#view-mouth .mox-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-mouth .mox-example{background:var(--sp-soft);padding:20px 22px;min-width:0}
#view-mouth .mox-example h4{font-size:15px;line-height:1.6;font-weight:500;margin-bottom:10px;min-height:3.2em}
#view-mouth .mox-example dl{margin:0}
#view-mouth .mox-example dl>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:13px;line-height:1.7}
#view-mouth .mox-example dt{color:var(--ink-2);min-width:0}
#view-mouth .mox-example dd{margin:0;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-mouth .mox-example .mox-yen{font-size:11px;margin-left:2px;font-family:var(--sans)}
#view-mouth .mox-example-total{border-bottom:0!important;padding-top:10px!important}
#view-mouth .mox-example-total dt{color:var(--ink);font-weight:500}
#view-mouth .mox-example-total dd{font-size:20px;color:var(--gold-ink)}

/* Glossary and next reads */
#view-mouth .mox-glossary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
#view-mouth .mox-glossary>div{padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-mouth .mox-glossary dt{font-weight:500;color:var(--ink);font-size:14px}
#view-mouth .mox-glossary dd{margin:3px 0 0;font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-mouth .mox-next{margin-top:30px;padding-top:24px;border-top:1px solid var(--sp-border)}
#view-mouth .mox-next-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-mouth .mox-next-links .sp-entry-link{font-size:15px;min-height:64px}

@media(max-width:1000px){
 #view-mouth .mox-areas,#view-mouth .mox-examples,#view-mouth .mox-next-links{grid-template-columns:1fr}
 #view-mouth .mox-example h4{min-height:0}
}
@media(max-width:900px){
 #view-mouth .mox-message{grid-template-columns:1fr;gap:20px;padding:24px 22px}
 #view-mouth .mox-message-face img{width:132px;height:198px}
 #view-mouth .mox-fears,#view-mouth .mox-glossary{grid-template-columns:1fr}
}

/* ---- ほうれい線・口元・輪郭 page only ---- */
#view-mouth .mox-anatomy-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}
#view-mouth .mox-anatomy-item{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0}
#view-mouth .mox-anatomy-item h3{font-size:19px;line-height:1.55;margin-bottom:10px}
#view-mouth .mox-anatomy-item p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-mouth .mox-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-mouth .mox-diagrams .wrx-diagram{max-width:none;margin:0}
#view-mouth .wrx-evidence+.wrx-evidence{margin-top:18px}
#view-mouth .mox-callout .sp-video+p{margin-top:14px}
#view-mouth .sp-hero-photo img{aspect-ratio:16/10;object-fit:cover;object-position:50% 35%}

/* Line-type cards: illustration (lower face) on top, then what is happening / care and fees / watch for */
#view-mouth .mox-type-card{padding:0;display:flex;flex-direction:column}
#view-mouth .mox-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-mouth .mox-type-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 70%}
#view-mouth .mox-type-body{padding:18px 20px 22px}
#view-mouth .mox-type-rows{margin:12px 0 0}
#view-mouth .mox-type-rows>div{padding:9px 0;border-top:1px solid var(--sp-border)}
#view-mouth .mox-type-rows dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:3px}
#view-mouth .mox-type-rows dd{margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}

/* Three viewpoints under the Vice Director's message */
#view-mouth .mox-views-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-mouth .mox-message+.mox-views-h{margin-top:34px}
#view-mouth .wrx-approach-grid+.sp-note{margin-top:12px}

@media(max-width:1000px){
 #view-mouth .mox-anatomy-copy{grid-template-columns:1fr}
}
@media(max-width:760px){
 #view-mouth .mox-diagrams{grid-template-columns:1fr}
}

/* Keep short Japanese headings from leaving a single orphaned character on narrow screens */
#view-mouth :is(.mox-fear h3,.mox-type-body h3,.mox-plan h3,.mox-example h4){word-break:auto-phrase;text-wrap:balance}

/* Anatomy row without a diagram: text spans the full width */
#view-mouth .mox-anatomy-row-text{grid-template-columns:minmax(0,1fr)}
#view-mouth .mox-anatomy-row-text .mox-anatomy-text{max-width:46em}
/* Diagram beside callout text inside a plan card */
#view-mouth .mox-callout .mox-plan-split{margin:10px 0 6px}
#view-mouth .mox-callout .mox-plan-split-text>p{font-size:14px;line-height:1.9}
#view-mouth .mox-plan-split+.sp-note{margin-top:12px}
/* 2026-10-05 owner: the four line types show photographs (16:9, Codex) instead of the square illustrations */
#view-mouth .mox-type-art img{aspect-ratio:16/9;height:auto;object-position:50% 50%}

/* Hyaluronic acid page: added on top of the spots, wrinkles, under-eye and mouth CSS, all re-scoped to #view-mouth at build time. */
#view-mouth .sp-hero-photo img{object-position:60% 40%}
#view-mouth .mox-fear .sp-source{display:inline-block;margin-top:10px}
#view-mouth .hax-products th[scope="row"]{white-space:nowrap}
#view-mouth .uex-table td .sp-source{display:inline-block}
#view-mouth .sp-expertise-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px}
#view-mouth .wrx-evidence{margin-top:28px}
#view-mouth .sp-expertise-grid{margin-top:28px}
#view-mouth .uex-point{margin-top:28px}
#view-mouth .mox-next{margin-top:36px}
@media(max-width:760px){#view-mouth .hax-products th[scope="row"]{white-space:normal}}
#view-mouth .sp-doctor{grid-template-columns:132px minmax(0,1fr);gap:40px;align-items:start}
#view-mouth .sp-doctor>img{width:132px;height:198px;object-fit:cover;object-position:center top}
#view-mouth .sp-doctor>.sp-source{grid-column:2}
#view-mouth .sp-expertise-grid figure img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:760px){#view-mouth .sp-doctor{grid-template-columns:90px minmax(0,1fr);gap:16px}#view-mouth .sp-doctor>img{width:90px;height:135px}}

/* 2026-09-24 revision: short hero (lead size). The points block below follows the 2026-09-29 device/product pattern. */
#view-mouth .sp-hero .sp-lead{font-size:16px;line-height:1.85;margin-top:16px;color:var(--ink-2)}

/* Juvéderm VISTA® chapter */
#view-mouth .hax-brand{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3.5vw,44px);align-items:start;margin-bottom:34px}
#view-mouth .hax-brand-photo{margin:0;min-width:0}
#view-mouth .hax-brand-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .hax-brand-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-mouth .hax-brand-facts{margin:0}
#view-mouth .hax-brand-facts>div{padding:14px 0;border-top:1px solid var(--sp-border)}
#view-mouth .hax-brand-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-mouth .hax-brand-facts dt{font-size:15px;font-weight:500;line-height:1.7;margin-bottom:4px}
#view-mouth .hax-brand-facts dd{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-mouth .hax-xlink{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-mouth .hax-xlink figure{margin:0;min-width:0;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-mouth .hax-xlink img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#fff}
#view-mouth .hax-xlink figcaption{margin-top:12px}
#view-mouth .hax-xlink figcaption strong{display:block;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:4px}
#view-mouth .hax-xlink figcaption span{display:block;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Product line-up cards with the clinic's own product photographs (box shown whole, 4:3). */
#view-mouth .hax-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
#view-mouth .hax-product{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column;scroll-margin-top:100px}
#view-mouth .hax-product-photo{overflow:hidden;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-mouth .hax-product-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.26);transform-origin:50% 54%}   /* display-only zoom: the box sits in the middle 70% of each photograph; the file is untouched */
#view-mouth .hax-product-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
#view-mouth .hax-product h3{font-size:19px;line-height:1.5;margin:0 0 4px}
#view-mouth .hax-product-character{font-size:14px;line-height:1.8;color:var(--gold-ink);margin:0 0 12px}
#view-mouth .hax-product dl{margin:0;border-top:1px solid var(--sp-border)}
#view-mouth .hax-product dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:13.5px;line-height:1.7}
#view-mouth .hax-product dt{color:var(--ink-3)}
#view-mouth .hax-product dd{margin:0;color:var(--ink)}
#view-mouth .hax-product .sp-source{margin-top:auto;padding-top:14px}
#view-mouth #h-products .sp-disclosure{margin-top:22px}

/* Cases: three columns on wide screens, two on tablets (portrait and landscape), one on phones. */
#view-mouth .wrx-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1400px){#view-mouth .wrx-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){
#view-mouth .hax-lineup{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
#view-mouth .hax-brand{grid-template-columns:1fr}
#view-mouth .hax-xlink{grid-template-columns:1fr}
}
@media(max-width:640px){
#view-mouth .wrx-cases{grid-template-columns:minmax(0,1fr)}
#view-mouth .hax-lineup{grid-template-columns:1fr;gap:14px}
#view-mouth .hax-product dl>div{grid-template-columns:78px minmax(0,1fr)}
}

/* 2026-09-27 patient-eye, magazine-style reading: a picture in every text-only stretch (all rules hax-, #view-mouth only). */
/* Section openers: heading beside a picture (quick answers = watercolour, fees = product photograph). */
#view-mouth .hax-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(24px,3.5vw,44px);align-items:end;margin-bottom:26px}
#view-mouth .hax-head .sp-heading{margin-bottom:0}
#view-mouth .hax-head-art{margin:0;min-width:0}
#view-mouth .hax-head-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-mouth .hax-head-photo img{aspect-ratio:4/3;object-fit:contain}
#view-mouth .hax-head-art figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
/* Three roles: each card opens with its picture. */
#view-mouth .hax-role{padding-top:0;overflow:hidden}
#view-mouth .hax-role-art{margin:0 -24px 18px;border-bottom:1px solid var(--sp-border);background:#fff}
#view-mouth .hax-role-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-mouth .hax-role-art figcaption{font-size:12px;line-height:1.6;color:var(--ink-3);padding:7px 24px 8px;border-top:1px solid var(--sp-border)}
/* Area guide: picture cards instead of an 8-row table; the approval status stays visible on each card. */
#view-mouth .hax-areas-cap{margin:0 0 16px}
#view-mouth .hax-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-mouth .hax-area{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);min-width:0;display:flex;flex-direction:column}
#view-mouth .hax-area-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);overflow:hidden}
/* 2026-10-05 owner: eight 16:9 area photographs (1200x675), shown whole */
#view-mouth .hax-area-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
#view-mouth .hax-area-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
#view-mouth .hax-area h3{font-size:18px;line-height:1.5;margin:0 0 8px}
#view-mouth .hax-area-body>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 12px;flex:1}
#view-mouth .hax-area dl{margin:0}
#view-mouth .hax-area dl>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--sp-border);font-size:13.5px;line-height:1.7}
#view-mouth .hax-area dt{color:var(--ink-3);font-size:12.5px}
#view-mouth .hax-area dd{margin:0;color:var(--ink)}
#view-mouth .hax-area-approval.is-offlabel{color:var(--gold-ink);font-weight:500}
#view-mouth .hax-area dd .sp-source{display:inline}
#view-mouth .hax-areas+.sp-note{margin-top:18px}
/* Fees: the anaesthesia price list opens on request. */
#view-mouth .hax-anes-more{margin-top:10px}
#view-mouth .hax-anes-more .sp-anes-list{margin-top:6px}
/* After treatment: shown in full (it carries the 'contact us at once' warning) beside a quiet watercolour. */
#view-mouth .hax-after{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:center;margin-top:30px;background:#fff;border:1px solid var(--sp-border);padding:22px}
#view-mouth .hax-after-art{margin:0;min-width:0}
#view-mouth .hax-after-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-mouth .hax-after-body h3{font-size:20px;line-height:1.5;margin:0 0 10px}
#view-mouth .hax-after-body p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-mouth .hax-after-body p+p{margin-top:12px;padding-left:14px;border-left:2px solid var(--gold);color:var(--ink)}
/* Approval: product photograph beside the approval list (the list itself is unchanged and fully visible). */
#view-mouth .hax-approval{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start}
#view-mouth .hax-approval-photo{margin:0;min-width:0}
#view-mouth .hax-approval-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .hax-approval-photo figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
@media(min-width:761px){#view-mouth .hax-approval .uex-approval>div{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1100px){#view-mouth .hax-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
#view-mouth .hax-head{grid-template-columns:1fr;gap:18px;align-items:start}
#view-mouth .hax-head-art{max-width:480px}
#view-mouth .hax-after,#view-mouth .hax-approval{grid-template-columns:1fr}
#view-mouth .hax-after-art,#view-mouth .hax-approval-photo{max-width:480px}
}
@media(max-width:640px){#view-mouth .hax-areas{grid-template-columns:minmax(0,1fr);gap:14px}#view-mouth .hax-after{padding:18px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-mouth .hax-hero-points{margin-top:22px}
#view-mouth .hax-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-mouth .hax-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-mouth .hax-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-mouth .hax-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-mouth .hax-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-mouth .hax-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-mouth .hax-hero-points .hax-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-mouth .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-mouth .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 review: on phones each product is a compact row (box photo beside the facts) instead of a tall card */
@media(max-width:640px){
#view-mouth .hax-product{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:start}
#view-mouth .hax-product-photo{width:104px;aspect-ratio:4/3;border-bottom:0;margin:14px 0 0 0}
#view-mouth .hax-product-body{padding:14px 14px 14px}
#view-mouth .hax-product h3{font-size:17px}
#view-mouth .hax-product-character{font-size:13px;margin:0 0 8px}
#view-mouth .hax-product dl>div{grid-template-columns:5.6em minmax(0,1fr);gap:6px;padding:6px 0;font-size:12.5px}
#view-mouth .hax-product dt{white-space:nowrap;font-size:11.5px}
}
/* 2026-09-29 review, phones: flow steps as thumbnail + heading rows; one of the three doctor photographs is enough */
@media(max-width:640px){
#view-mouth #h-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;margin-bottom:10px}
#view-mouth #h-flow .sp-flow-head img{grid-row:1/3;width:96px;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0}
#view-mouth #h-flow .sp-flow-head span{align-self:end}
#view-mouth #h-flow .sp-flow-head h3{align-self:start;margin:2px 0 0}
#view-mouth #h-doctor .sp-expertise-grid>figure{display:none}
}
/* 2026-09-30 印象改善 cases: choose an age group (or men) first, then only those cases are shown */
#view-mouth .hax-picker{margin:0 0 28px}
#view-mouth .hax-picker-label{font-size:15px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}
#view-mouth .hax-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#view-mouth .hax-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;padding:12px 8px;background:#fff;border:1px solid var(--sp-border);border-radius:0;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
#view-mouth .hax-pick:hover{border-color:var(--ink-3)}
#view-mouth .hax-pick:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}
#view-mouth .hax-pick[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
#view-mouth .hax-pick-main{font-family:var(--mincho);font-size:21px;line-height:1.3;letter-spacing:.04em}
#view-mouth .hax-pick-sub{font-size:12px;line-height:1.5;opacity:.72}
#view-mouth .hax-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
#view-mouth .hax-case{min-width:0;display:flex;flex-direction:column;gap:14px}
#view-mouth .hax-case[hidden]{display:none}
#view-mouth .hax-case-meta{font-size:13px;letter-spacing:.06em;color:var(--gold-ink);margin:0 0 4px}
#view-mouth .hax-case h3{font-size:19px;line-height:1.55;margin:0}
#view-mouth .hax-case-photos{display:flex;flex-direction:column;gap:12px}
#view-mouth .hax-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#view-mouth .hax-pair figure{margin:0;min-width:0}
#view-mouth .hax-pair img{display:block;width:100%;height:auto;aspect-ratio:1080/1350;object-fit:cover;background:#111}
#view-mouth .hax-pair figcaption{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.6;color:var(--ink-3);padding-top:6px}
#view-mouth .hax-pair .hax-ba{color:var(--ink);letter-spacing:.04em}
#view-mouth .hax-case-sum{font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-mouth .hax-case .sp-disclosure{margin:0}
#view-mouth .hax-case-note{margin-top:28px}
/* the worked example spans the row: photos beside the introduction, then the assessment, treatment and chart */
#view-mouth .hax-case-feature{grid-column:1/-1;gap:22px;padding-bottom:36px;border-bottom:1px solid var(--sp-border)}
#view-mouth .hax-feature-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,3.5vw,48px);align-items:start}
#view-mouth .hax-feature-intro{display:flex;flex-direction:column;gap:16px}
#view-mouth .hax-case-feature h3{font-family:var(--mincho);font-size:clamp(22px,2.2vw,28px);line-height:1.5;font-weight:500}
#view-mouth .hax-feature-lead{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0}
#view-mouth .hax-vector{margin:0;padding:18px 16px 14px;background:#fff;border:1px solid var(--sp-border)}
#view-mouth .hax-vector-art{display:block;width:100%;height:auto}
#view-mouth .hax-vector-label{font-family:var(--sans);font-size:13px;font-weight:400;fill:var(--ink-2)}
#view-mouth .hax-vector figcaption{font-size:12.5px;line-height:1.75;color:var(--ink-3);margin-top:8px}
#view-mouth .hax-feature-h{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink);margin:8px 0 10px}
#view-mouth .hax-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--sp-border)}
#view-mouth .hax-views>div{padding:16px 20px 18px 0}
#view-mouth .hax-views>div+div{padding-left:20px;border-left:1px solid var(--sp-border)}
#view-mouth .hax-views dt{font-family:var(--mincho);font-size:20px;line-height:1.4;margin:0 0 8px}
#view-mouth .hax-views dt small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-top:2px}
#view-mouth .hax-views dd{font-size:14px;line-height:1.9;color:var(--ink-2);margin:0}
#view-mouth .hax-feature-tx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:start}
#view-mouth .hax-feature-tx p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0 0 6px}
#view-mouth .hax-dose-wrap{overflow-x:auto}
#view-mouth .hax-dose{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6;font-variant-numeric:tabular-nums}
#view-mouth .hax-dose caption{text-align:left;font-size:12.5px;color:var(--ink-3);padding-bottom:6px}
#view-mouth .hax-dose th,#view-mouth .hax-dose td{padding:7px 8px;border-bottom:1px solid var(--sp-border);text-align:left;font-weight:400}
#view-mouth .hax-dose thead th{font-size:12px;color:var(--ink-3)}
#view-mouth .hax-dose td,#view-mouth .hax-dose thead th+th{text-align:right;white-space:nowrap}
#view-mouth .hax-dose .hax-dose-group th{padding-top:14px;font-weight:500;color:var(--ink);border-bottom-color:var(--ink-3)}
#view-mouth .hax-dose tfoot th{font-weight:500;text-align:right;border-bottom:0}
#view-mouth .hax-why{margin:12px 0 0;padding-left:1.4em}
#view-mouth .hax-why li{margin:0 0 12px;line-height:1.85}
#view-mouth .hax-why strong{display:block;font-weight:500}
@media(max-width:1000px){
#view-mouth .hax-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-mouth .hax-feature-top,#view-mouth .hax-feature-tx{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-mouth .hax-case-list{grid-template-columns:1fr;gap:44px}
#view-mouth .hax-views{grid-template-columns:1fr}
#view-mouth .hax-views>div,#view-mouth .hax-views>div+div{padding:14px 0;border-left:0;border-bottom:1px solid var(--sp-border)}
#view-mouth .hax-pick{min-height:64px}
#view-mouth .hax-pick-main{font-size:19px}
}
#view-mouth .hax-pair{grid-template-rows:auto auto}
#view-mouth .hax-view{grid-column:1/-1;font-size:12px;letter-spacing:.08em;color:var(--ink-3);margin:0 0 2px}
#view-mouth .hax-pair figcaption{display:block;text-align:center;color:var(--ink);letter-spacing:.06em}
#view-mouth .hax-feature-tx .hax-feature-h:not(:first-child){margin-top:22px}
#view-mouth .hax-dose-more{margin:0}
/* 2026-09-30 rework: every case in the same short card; the Vice Director's assessment in a quiet note */
#view-mouth .hax-case{gap:16px}
#view-mouth .hax-note{margin:0;padding:14px 16px 15px;background:#fff;border-left:2px solid var(--gold-ink)}
#view-mouth .hax-note-label{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;letter-spacing:.08em;color:var(--gold-ink)}
#view-mouth .hax-note-face{flex:0 0 28px;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#eee}
#view-mouth .hax-note-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
#view-mouth .hax-note p:not(.hax-note-label){margin:0;font-size:15px;line-height:1.9;color:var(--ink)}
#view-mouth .hax-note p:not(.hax-note-label)+p{margin-top:10px}
#view-mouth .hax-note .hax-note-pending{color:var(--ink-3)!important;font-size:14px!important}
#view-mouth .hax-case-sum{border-top:0;padding-top:0;font-size:14px;color:var(--ink-2)}
#view-mouth .hax-areas-h{font-size:13px;color:var(--ink-3);margin:0 0 6px}
#view-mouth .hax-areas-cc{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--sp-border)}
#view-mouth .hax-areas-cc li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6}
#view-mouth .hax-cc{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--ink)}
/* the three viewpoints beside the smile schematic, in the Vice Director's chapter */
#view-mouth .hax-views-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:center;margin:8px 0 44px}
#view-mouth .hax-views-wrap .hax-views{display:block;border-top:1px solid var(--sp-border)}
#view-mouth .hax-views-wrap .hax-views>div,#view-mouth .hax-views-wrap .hax-views>div+div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:16px;padding:18px 0;border-left:0;border-bottom:1px solid var(--sp-border)}
#view-mouth .hax-views-wrap .hax-views dt{font-size:22px;margin:0}
#view-mouth .hax-views-wrap .hax-views dd{font-size:15px;line-height:1.9}
#view-mouth .hax-message{margin-top:8px}
@media(max-width:1000px){#view-mouth .hax-views-wrap{grid-template-columns:1fr}#view-mouth .hax-vector{max-width:520px}}
@media(max-width:760px){#view-mouth .hax-views-wrap .hax-views>div,#view-mouth .hax-views-wrap .hax-views>div+div{grid-template-columns:1fr;gap:6px;padding:14px 0}}
#view-mouth .hax-more-view{margin-top:2px}
#view-mouth .hax-more-view>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;color:var(--gold-ink);padding:4px 0;border-bottom:1px solid currentColor}
#view-mouth .hax-more-view>summary::-webkit-details-marker{display:none}
#view-mouth .hax-more-view>summary::after{content:"+";font-size:14px;line-height:1}
#view-mouth .hax-more-view[open]>summary::after{content:"−"}
#view-mouth .hax-more-view[open]>.hax-pair{margin-top:12px}
/* 2026-09-30 Juvéderm page: two representative cases, then the feature */
#view-mouth .hax-feature-link{margin-top:28px}
/* 2026-09-30 product photographs: the box sits with air around it (no display zoom) */
#view-mouth .hax-product-photo img{transform:none;padding:9% 12%;box-sizing:border-box}
@media(max-width:640px){#view-mouth .hax-product-photo img{padding:8px}}
/* three viewpoints without the schematic */
#view-mouth .hax-views-wrap.hax-views-only{grid-template-columns:1fr;max-width:880px}

/* 2026-10-01 hero: the five Juvéderm VISTA® products on white */
#view-mouth .hax-hero-products img{aspect-ratio:16/9;object-fit:contain;background:#fff}
#view-mouth .sp-flow-head img[src*="FLOW_TOPICAL"],#view-mouth .sp-flow-head img[src*="flow-topical"]{object-position:62% 50%}
/* 2026-10-01 price: product photo beside the 1.0 cc card */
#view-mouth .sp-prices .hax-price-photo{margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}
#view-mouth .hax-price-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-mouth .hax-price-photo figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-05 four gel properties: the manufacturer's demonstration videos (silent loops, no controls).
   Two by two from 641px up (PC, iPad, iPad mini 744px); one column on phones. */
#view-mouth .hax-props{margin:40px 0;scroll-margin-top:100px}
#view-mouth .hax-props>.sp-kicker{margin:0 0 8px}
#view-mouth .hax-props-h{font-size:clamp(20px,2.2vw,24px);line-height:1.6;font-weight:500;margin:0 0 10px}
#view-mouth .hax-props-lead{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0 0 22px;max-width:46em}
#view-mouth .hax-props-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
#view-mouth .hax-prop{margin:0;min-width:0}
#view-mouth .hax-prop video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#4f284c}
#view-mouth .hax-prop figcaption{margin-top:12px}
#view-mouth .hax-prop figcaption strong{display:block;font-size:16px;font-weight:500;line-height:1.6;margin-bottom:2px;color:var(--ink)}
#view-mouth .hax-prop figcaption span{display:block;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-mouth .hax-props-still{display:none}
#view-mouth .hax-props-grid.is-still~.hax-props-still{display:block}
#view-mouth .hax-props-grid.is-still video{cursor:pointer}
#view-mouth .hax-props-note{margin-top:20px}
#view-mouth .hax-props-credit{margin-top:4px}
@media(max-width:640px){
#view-mouth .hax-props{margin:32px 0}
#view-mouth .hax-props-grid{grid-template-columns:minmax(0,1fr);gap:22px}
}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-sunekos{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-sunekos .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-sunekos .sp-soft{background:var(--sp-soft)}
#view-sunekos .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-sunekos .sp-heading{margin-bottom:26px;max-width:46em}
#view-sunekos .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-sunekos .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-sunekos .sp-heading .sp-kicker{margin-top:0}
#view-sunekos .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-sunekos .sp-note a,#view-sunekos .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sunekos .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-sunekos .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-sunekos .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-sunekos .crumbs span::before{content:none}
#view-sunekos .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-sunekos .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-sunekos .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-sunekos .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-sunekos .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-sunekos .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-sunekos .sp-hero-trust a{margin-top:7px}
#view-sunekos .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-sunekos .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-sunekos .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-sunekos .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-sunekos .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-sunekos .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-sunekos .sp-nav a{flex-shrink:0}
#view-sunekos .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-sunekos .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-sunekos .sp-nav a:hover{color:var(--gold-ink)}
#view-sunekos .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sunekos .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-sunekos .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-sunekos .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-sunekos .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-sunekos .sp-type-body{padding:21px 22px 22px}
#view-sunekos .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-sunekos .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-sunekos .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-sunekos .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-sunekos .sp-type .sp-source{margin-top:12px}
#view-sunekos .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-sunekos .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-sunekos .sp-case-head{padding:20px 22px 16px}
#view-sunekos .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-sunekos .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-sunekos .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-sunekos .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-sunekos .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-sunekos .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-sunekos .sp-case-body{padding:18px 22px 22px}
#view-sunekos .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-sunekos .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-sunekos .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-sunekos .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-sunekos .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-sunekos .sp-case-body .sp-source{margin-top:14px}
#view-sunekos .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-sunekos .sp-case-details>summary{min-height:48px}
#view-sunekos .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-sunekos .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-sunekos .sp-approach-list{display:grid;gap:0}
#view-sunekos .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sp-approach-item:first-child{padding-top:0}
#view-sunekos .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-sunekos .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-sunekos .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-sunekos .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-sunekos .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-sunekos .sp-doctor h3{font-size:21px;line-height:1.5}
#view-sunekos .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-sunekos .sp-doctor .sp-source{white-space:nowrap}
#view-sunekos .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-sunekos .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-sunekos .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-sunekos .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-sunekos .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-sunekos .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-sunekos .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sp-expertise-facts>div:first-child{padding-top:0}
#view-sunekos .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-sunekos .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-sunekos .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-sunekos .sp-expertise-grid figure{max-width:480px}
 #view-sunekos .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-sunekos .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-sunekos .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-sunekos .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-sunekos .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-sunekos .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-sunekos .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-sunekos .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-sunekos .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-sunekos .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-sunekos .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-sunekos .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-sunekos .sp-disclosure>summary::after{content:'＋';flex:none}
#view-sunekos .sp-disclosure[open]>summary::after{content:'−'}
#view-sunekos .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-sunekos .sp-disclosure-content p+p{margin-top:12px}
#view-sunekos .sp-approval-list{display:grid;gap:10px}
#view-sunekos .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-sunekos .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-sunekos .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-sunekos .sp-price-intro>div{flex:1 1 320px}
#view-sunekos .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-sunekos .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-sunekos .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-sunekos .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-sunekos .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-sunekos .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-sunekos .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-sunekos .sp-price-heading{margin-bottom:16px}
#view-sunekos .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-sunekos .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-sunekos .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-sunekos .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-sunekos .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-sunekos .sp-price .sp-yen{display:block;margin:0}
#view-sunekos .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-sunekos .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-sunekos .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-sunekos .sp-price-list{margin-top:8px}
#view-sunekos .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-sunekos .sp-price-list dt{min-width:0}
#view-sunekos .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-sunekos .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sunekos .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-sunekos .sp-flow-head{display:block;margin-bottom:14px}
#view-sunekos .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-sunekos .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-sunekos .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-sunekos .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-sunekos .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-sunekos .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-sunekos .sp-recovery>div:last-child{border-right:0}
#view-sunekos .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-sunekos .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-sunekos .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-sunekos .sp-risk-details{margin-top:22px}
#view-sunekos .sp-faq{margin-inline:0}
#view-sunekos .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-sunekos .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-sunekos .sp-tech h3{font-size:22px;line-height:1.6}
#view-sunekos .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-sunekos .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-sunekos .sp-tech h3+p{margin-top:10px}
#view-sunekos .sp-video>summary{cursor:pointer;list-style:none}
#view-sunekos .sp-video>summary::-webkit-details-marker{display:none}
#view-sunekos .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sunekos .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-sunekos .sp-flow-text{display:block;margin-top:12px}
#view-sunekos .sp-video-body{padding-bottom:16px}
#view-sunekos .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-sunekos .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-sunekos .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-sunekos .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-sunekos .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-sunekos .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-sunekos .sp-tech>img{width:76px;height:99px}
 #view-sunekos .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-sunekos .sp-homecare>img{max-height:220px}
}
#view-sunekos .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-sunekos .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-sunekos .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-sunekos .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-sunekos .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-sunekos .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-sunekos .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-sunekos .sp-final .btn{font-size:14px}
#view-sunekos .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-sunekos :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-sunekos .sp-devices{grid-template-columns:1fr}
  #view-sunekos .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-sunekos .sp-device-head{margin-bottom:0}
  #view-sunekos .sp-device .sp-disclosure{grid-column:1/-1}
  #view-sunekos .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-sunekos .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-sunekos .sp-doctor>img{width:90px;height:100px}
  #view-sunekos .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-sunekos .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-sunekos .sp-hero h1{font-size:32px}
  #view-sunekos .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-sunekos .sp-hero-lead{margin-top:17px}
  #view-sunekos .sp-hero-photo img{aspect-ratio:16/9}
  #view-sunekos .sp-hero-photo figcaption{font-size:12px}
  #view-sunekos .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-sunekos .sp-types,#view-sunekos .sp-cases,#view-sunekos .sp-approach,#view-sunekos .sp-prices{grid-template-columns:1fr}
  #view-sunekos .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-sunekos .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-sunekos .sp-type-body{padding:19px 20px}
  #view-sunekos .sp-type h3{font-size:20px}
  #view-sunekos .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-sunekos .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-sunekos .sp-approach{gap:24px}
  #view-sunekos .sp-approach-image img{max-height:260px}
  #view-sunekos .sp-recovery{grid-template-columns:1fr}
  #view-sunekos .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-sunekos .sp-recovery>div:last-child{border-bottom:0}
  #view-sunekos .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-sunekos .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-sunekos .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-sunekos .sp-hero h1{font-size:29px}
  #view-sunekos .sp-actions{align-items:stretch}
  #view-sunekos .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-sunekos .sp-type{grid-template-columns:1fr}
  #view-sunekos .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-sunekos .sp-type-art img{max-height:130px}
  #view-sunekos .sp-layer-labels{justify-content:center;gap:26px}
  #view-sunekos .sp-type-body{padding:19px 20px}
  #view-sunekos .sp-case-head,#view-sunekos .sp-case-body{padding-inline:18px}
  #view-sunekos .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-sunekos .sp-case-photos{padding-inline:10px;gap:4px}
  #view-sunekos .sp-device{display:block;padding:20px}
  #view-sunekos .sp-device-head{margin-bottom:14px}
  #view-sunekos .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-sunekos .sp-flow>li{padding:18px 20px}
  #view-sunekos .sp-flow-head{margin-bottom:10px}
  #view-sunekos .sp-price{padding:22px}
  #view-sunekos .sp-price-intro{padding:20px}
  #view-sunekos .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-sunekos .sp-price-list dd{flex-basis:100%}
  #view-sunekos .sp-doctor{gap:14px}
  #view-sunekos .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-sunekos :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-sunekos .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-sunekos .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-sunekos .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-sunekos .sp-entry-link:first-child{padding-left:0}
#view-sunekos .sp-entry-link:last-child{border-right:0}
#view-sunekos .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-sunekos .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-sunekos .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-sunekos .sp-entry-link:hover{background:var(--sp-soft)}
#view-sunekos .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-sunekos .sp-consult h3{font-size:24px;line-height:1.65}
#view-sunekos .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-sunekos .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-sunekos .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-sunekos .sp-consult .sp-note{margin-top:7px}
#view-sunekos #s-doctor-section{padding-top:58px}
#view-sunekos #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-sunekos .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-sunekos .sp-expertise-grid figure{align-self:center}
#view-sunekos .sp-expertise-facts dt{font-size:16px}
#view-sunekos .sp-expertise-facts dd{font-size:14px}
#view-sunekos .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-sunekos .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-sunekos .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-sunekos .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .sp-flow{list-style:none;padding:0}
#view-sunekos .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-sunekos .sp-flow-head img,#view-sunekos .sp-video video{border:1px solid var(--sp-border)}
#view-sunekos .sp-recovery{border:0}
#view-sunekos .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-sunekos .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-sunekos .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-sunekos .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-sunekos .sp-visit-info a{color:var(--on-night)}
#view-sunekos a:focus-visible,#view-sunekos summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-sunekos .sp-entry-links{grid-template-columns:1fr}
 #view-sunekos .sp-entry-link,#view-sunekos .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-sunekos .sp-entry-link:last-child{border-bottom:0}
 #view-sunekos .sp-entry-link strong{font-size:18px}
 #view-sunekos .sp-entry-link span span{margin-top:3px}
 #view-sunekos .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-sunekos .sp-consult h3{font-size:22px}
 #view-sunekos .sp-consult ul{display:block}
 #view-sunekos .sp-consult li{margin-top:6px}
 #view-sunekos .sp-consult .btn{width:100%}
 #view-sunekos .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-sunekos .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-sunekos .sp-recovery>div::before{top:4px;left:-5px}
 #view-sunekos .sp-recovery>div:last-child{padding-bottom:0}
 #view-sunekos .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-sunekos *{scroll-behavior:auto;transition:none}}

#view-sunekos .sp-type-art img{max-height:145px}
#view-sunekos .sp-type-body{padding:20px}
#view-sunekos .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-sunekos .sp-price>p.sp-price-unit,#view-sunekos .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-sunekos .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-sunekos .sp-price{padding:26px 0}
 #view-sunekos .sp-price-description{margin-bottom:20px}
 #view-sunekos .sp-price>.sp-note{min-height:0}
 #view-sunekos .sp-price h3{font-size:23px}
 #view-sunekos .sp-price .sp-yen{font-size:20px}
 #view-sunekos .sp-price-intro{padding:22px;gap:16px}
 #view-sunekos .sp-price-intro>div{flex-basis:100%}
}

#view-sunekos .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-sunekos .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sp-consult-fees>div:last-child{border-bottom:0}
#view-sunekos .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-sunekos .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-sunekos .sp-consult-fees{flex-basis:100%}#view-sunekos .sp-consult-fees dd{font-size:21px}#view-sunekos .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-sunekos .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-sunekos .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-sunekos .sp-price-intro{padding:20px 18px;gap:18px}
 #view-sunekos .sp-consult-fees{flex-basis:100%;width:100%}
 #view-sunekos .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-sunekos .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-sunekos .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-sunekos .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-sunekos .sp-fee-period::before{content:none}
 html[lang="en"] #view-sunekos .sp-fee-period{white-space:normal;font-size:14px}
 #view-sunekos .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-sunekos .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-sunekos .sp-prices{gap:16px;border:0}
 #view-sunekos .sp-price,#view-sunekos .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-sunekos .sp-price-heading{order:0;margin-bottom:14px}
 #view-sunekos .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-sunekos .sp-price h3{font-size:22px;letter-spacing:0}
 #view-sunekos .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-sunekos .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-sunekos .sp-price .sp-price-unit{font-size:12px}
 #view-sunekos .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-sunekos .sp-price>.sp-note{order:3;margin-top:10px}
 #view-sunekos .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-sunekos .sp-price,#view-sunekos .sp-price+.sp-price{padding:20px 16px}
 #view-sunekos .sp-price h3{font-size:20px}
 #view-sunekos .sp-price .sp-yen{font-size:20px}
 #view-sunekos .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-sunekos .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-sunekos .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-sunekos .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-sunekos .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-sunekos .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-sunekos .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-sunekos .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-sunekos .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-sunekos .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-sunekos .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-sunekos .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-sunekos .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-sunekos .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-sunekos .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-sunekos .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-sunekos .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-sunekos .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-sunekos .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-sunekos .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-sunekos .sp-entry-hint{margin:8px 0 22px}
#view-sunekos .sp-entry-links{gap:14px;border:0}
#view-sunekos .sp-entry-link,#view-sunekos .sp-entry-link:first-child,#view-sunekos .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-sunekos .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-sunekos .sp-entry-link:hover,#view-sunekos .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-sunekos .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-sunekos .sp-entry-copy{min-width:0}
#view-sunekos .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-sunekos .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-sunekos .sp-entry-question{font-size:22px}
 #view-sunekos .sp-entry-link,#view-sunekos .sp-entry-link:first-child,#view-sunekos .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-sunekos .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-sunekos .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-sunekos .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .sp-anes{margin-top:10px}
#view-sunekos .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-sunekos .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-sunekos .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-sunekos .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-sunekos .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-sunekos .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-sunekos .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-sunekos .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-sunekos .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-sunekos .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-sunekos .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-sunekos .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-sunekos .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-sunekos .hg-head>div{min-width:0}
#view-sunekos .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-sunekos .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-sunekos .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-sunekos .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-sunekos .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-sunekos .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-sunekos .hg-menu-photo{margin:0}
#view-sunekos .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-sunekos .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-sunekos .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-sunekos .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-sunekos .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-sunekos .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-sunekos .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-sunekos .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-sunekos .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-sunekos .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-sunekos .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-sunekos .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-sunekos .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-sunekos .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-sunekos .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-sunekos .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-sunekos .hg-menu-note{margin:14px 0 0}
#view-sunekos .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-sunekos .hg-menu-links-label{margin-right:4px}
#view-sunekos .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-sunekos .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-sunekos .hg-menu-fees{gap:8px}#view-sunekos .hg-fee{padding:14px 14px 12px}#view-sunekos .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-sunekos .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-sunekos .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-sunekos .hg-menu-range{margin:14px 0 0}
#view-sunekos .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-sunekos .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-sunekos .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-sunekos .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-sunekos .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-sunekos .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-sunekos .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-sunekos .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-sunekos .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-sunekos .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-sunekos .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-sunekos .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-sunekos .cg-card{padding:0;background:transparent;border:0}
#view-sunekos .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-sunekos .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-sunekos .cg-card .case-image{margin:0}
#view-sunekos .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-sunekos .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-sunekos .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-sunekos .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-sunekos .cg-details summary:hover{color:var(--gold-ink)}
#view-sunekos .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-sunekos .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-sunekos .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-sunekos .cg-details dt{padding-top:13px}
#view-sunekos .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-sunekos .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-sunekos .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-sunekos .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-sunekos .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-sunekos .sp-section .dn-gallery,#view-sunekos .sp-section .sw-gallery,#view-sunekos .sp-section .pc-lecture-figs,#view-sunekos .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-sunekos .sp-section .sw-interview,#view-sunekos .sp-section .ul-doctor-grid,#view-sunekos .sp-section .sv-doctor-hero,#view-sunekos .sp-section .wrx-evidence,#view-sunekos .sp-section .uex-evidence,#view-sunekos .sp-section .ml-doctor-grid,#view-sunekos .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-sunekos .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-sunekos .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-sunekos .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-sunekos .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-sunekos .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-sunekos .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-sunekos .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-sunekos .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-sunekos .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-sunekos .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-sunekos .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-sunekos .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-sunekos .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .hgd-svg{display:block;width:100%;height:auto}
#view-sunekos .hgd-sp{display:none}
#view-sunekos .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-sunekos .hgd-layer{font-size:30px}
#view-sunekos .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-sunekos .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-sunekos .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-sunekos .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-sunekos .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-sunekos .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-sunekos .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-sunekos .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-sunekos .hgd-art{opacity:.92}
#view-sunekos .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-sunekos .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-sunekos .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-sunekos .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-sunekos .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-sunekos .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-sunekos .hgd-layer{font-size:25px}
html[lang^="en"] #view-sunekos .hgd-sub{font-size:19px}
html[lang^="en"] #view-sunekos .hgd-br{font-size:27px}
#view-sunekos .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-sunekos .hgd-pc .hgd-layer{font-size:38px}
 #view-sunekos .hgd-pc .hgd-sub{font-size:30px}
 #view-sunekos .hgd-pc .hgd-name{font-size:42px}
 #view-sunekos .hgd-pc .hgd-kind{font-size:31px}
 #view-sunekos .hgd-pc .hgd-br{font-size:36px}
 #view-sunekos .hgd-pc .hgd-mm{font-size:40px}
 #view-sunekos .hgd-pc .hgd-note{font-size:26px}
 #view-sunekos .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-sunekos .hg-lineup img{width:72px;height:72px}
 #view-sunekos .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-sunekos .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-sunekos .hg-lineup,#view-sunekos .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-sunekos .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-sunekos .hg-lineup img{width:56px;height:56px}
 #view-sunekos .hg-lineup figcaption{padding:7px 8px}
 #view-sunekos .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-sunekos .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-sunekos .hg-lineup figcaption small{font-size:10.5px}
 #view-sunekos .hgd-pc{display:none}
 #view-sunekos .hgd-sp{display:block}
 #view-sunekos .hgd-layer,#view-sunekos .hgd-name,#view-sunekos .hgd-br,#view-sunekos .hgd-mm{font-size:34px}
 #view-sunekos .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-sunekos .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-sunekos .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-sunekos .hgd-layer{font-size:30px}
 #view-sunekos .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-sunekos .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-sunekos. */
#view-sunekos .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sunekos .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-sunekos .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-sunekos .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-sunekos .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-sunekos .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-sunekos .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-sunekos .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-sunekos .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-sunekos .pc-table th,#view-sunekos .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-sunekos .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-sunekos .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-sunekos .pc-table tbody tr:last-child th,#view-sunekos .pc-table tbody tr:last-child td{border-bottom:0}
#view-sunekos .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-sunekos .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-sunekos .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-sunekos .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-sunekos .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-sunekos .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-sunekos .pc-point-face{width:92px;height:92px}}
#view-sunekos .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-sunekos .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-sunekos .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-sunekos .pc-explain p+p{margin-top:12px}
#view-sunekos .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-sunekos .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-sunekos .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-sunekos .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-sunekos .pc-books h3{font-size:18px;margin-bottom:12px}
#view-sunekos .pc-books ul{list-style:none;padding:0;margin:0}
#view-sunekos .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-sunekos .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-sunekos .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-sunekos .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-sunekos .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-sunekos .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-sunekos .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-sunekos .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-sunekos .pc-tag{margin:0}
#view-sunekos .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-sunekos .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-sunekos .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-sunekos .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-sunekos .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-sunekos .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-sunekos .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-sunekos .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-sunekos .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-sunekos .pc-approval>div:last-child{border-bottom:0}
#view-sunekos .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-sunekos .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-sunekos .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-sunekos .pc-glance,#view-sunekos .pc-modes{grid-template-columns:1fr}#view-sunekos .pc-explain{grid-template-columns:1fr}#view-sunekos .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-sunekos .pc-concern-links{grid-template-columns:1fr}#view-sunekos .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-sunekos .pc-books,#view-sunekos .pc-quote,#view-sunekos .pc-point{padding:20px}#view-sunekos .pc-glance-num span{font-size:32px}#view-sunekos .pc-table{font-size:13px}#view-sunekos .pc-table th,#view-sunekos .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-sunekos .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-sunekos .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-sunekos .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-sunekos .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-sunekos .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-sunekos .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-sunekos .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-sunekos .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-sunekos .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-sunekos .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-sunekos .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-sunekos .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-sunekos .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-sunekos .pc-video{margin:0 0 28px;max-width:820px}
#view-sunekos .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-sunekos .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-sunekos .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-sunekos .pc-lasers-media .pc-video,#view-sunekos .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-sunekos .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-sunekos .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-sunekos .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-sunekos .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-sunekos .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-sunekos .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-sunekos .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-sunekos .pc-hero-video .sp-video{margin:0}
#view-sunekos .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-sunekos .pc-cell-label{display:none}
@media(max-width:760px){
#view-sunekos .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-sunekos .pc-table{min-width:0;display:block;font-size:14px}
#view-sunekos .pc-table caption{display:block;padding:0 0 10px}
#view-sunekos .pc-table thead{display:none}
#view-sunekos .pc-table tbody{display:block}
#view-sunekos .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-sunekos .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-sunekos .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-sunekos .pc-table tr td:last-child{border-bottom:0}
#view-sunekos .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-sunekos .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-sunekos .pc-cell-value{display:block;line-height:1.75}
}
#view-sunekos .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-sunekos .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-sunekos .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-sunekos .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-sunekos .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-sunekos .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-sunekos .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-sunekos .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-sunekos .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-sunekos .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-sunekos .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-sunekos .pcx-video{margin:0 0 26px;max-width:780px}
#view-sunekos .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-sunekos .pcx-table-details{margin-top:18px}
#view-sunekos .pcx-table-details .pc-table-wrap{margin-top:0}
#view-sunekos .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-sunekos .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-sunekos .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-sunekos #pc-lasers .pc-point{margin-top:40px}
#view-sunekos .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-sunekos .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-sunekos .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-sunekos .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-sunekos .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-sunekos .pcx-case-hint{margin-top:6px}
#view-sunekos #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-sunekos .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-sunekos .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-sunekos .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-sunekos .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-sunekos .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-sunekos .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-sunekos .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-sunekos .pcx-hero-points{margin-top:22px}
#view-sunekos .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-sunekos .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-sunekos .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-sunekos .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-sunekos .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-sunekos .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-sunekos .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sunekos .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-sunekos .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-sunekos .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-sunekos .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-sunekos .pcx-mode-art img{display:block;width:100%;height:auto}
#view-sunekos .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-sunekos .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-sunekos .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-sunekos .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-sunekos .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-sunekos .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-sunekos .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-sunekos .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-sunekos .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-sunekos .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-sunekos .pcx-case-sep{display:none}
  #view-sunekos .pcx-case-name{display:block}
  #view-sunekos .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-sunekos .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-sunekos .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-sunekos .pcx-diff-changed{border-top-color:var(--gold)}
#view-sunekos .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-sunekos .pcx-diff-card dl{margin:0}
#view-sunekos .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-sunekos .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-sunekos .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-sunekos .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-sunekos .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-sunekos .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-sunekos .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-sunekos .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-sunekos .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-sunekos .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-sunekos .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-sunekos .pcx-history>li:last-child{padding-bottom:0}
#view-sunekos .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-sunekos .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-sunekos .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-sunekos .pcx-h-tag{margin:0 0 4px}
#view-sunekos .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-sunekos .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-sunekos .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-sunekos .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-sunekos .pcx-history-wrap>.sp-note{margin-top:20px}
#view-sunekos #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-sunekos .pcx-diff{grid-template-columns:1fr}
 #view-sunekos .pcx-diff-card{padding:18px 16px 14px}
 #view-sunekos .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-sunekos .pcx-depth{padding:16px}
 #view-sunekos .pcx-history::before{left:3.4em}
 #view-sunekos .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-sunekos .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-sunekos .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-sunekos .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-sunekos .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-sunekos .pcx-h-photo{margin:4px 0 0}
#view-sunekos .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-sunekos .pcx-h-device .pcx-h-photo img,#view-sunekos #pc-history .pcx-h-photo img[src*="picosure-"],#view-sunekos #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-sunekos .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-sunekos .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-sunekos .pcx-h-photo{max-width:360px}}

/* Sunekos Performa page: added on top of the spots CSS and the PicoSure Pro CSS, both re-scoped to #view-sunekos at build time. */
#view-sunekos .sn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f0ee}
#view-sunekos .sn-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-sunekos .pc-point-face img{object-position:50% 30%}
#view-sunekos .sn-ecm{display:grid;grid-template-columns:1fr;gap:18px}
#view-sunekos .sn-diagram{margin:0 auto;width:100%;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .sn-ecm-art{position:relative}
#view-sunekos .sn-ecm-art img{display:block;width:100%;height:auto}
#view-sunekos .sn-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:#fff;font:500 15px/1 var(--fig);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media(max-width:600px){#view-sunekos .sn-marker{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}}
#view-sunekos .sn-diagram figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-sunekos .sn-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-sunekos .sn-legend li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .sn-legend li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-sunekos .sn-legend h3{font-size:16px;line-height:1.5;margin:0}
#view-sunekos .sn-legend-sub{font-size:12px!important;color:var(--gold-ink)!important;margin:2px 0 4px!important;letter-spacing:.04em}
#view-sunekos .sn-legend p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .sn-idea{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 26px}
#view-sunekos .sn-idea h3{font-size:18px;margin-bottom:10px}
#view-sunekos .sn-idea p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-sunekos .sn-idea p+p{margin-top:10px}
#view-sunekos .sn-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-sunekos .sn-ingredients .pc-device-photo{margin:0}
#view-sunekos .sn-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f3f3f1}
#view-sunekos .sn-spec{margin:0}
#view-sunekos .sn-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-sunekos .sn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-sunekos .sn-paper{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0;display:flex;flex-direction:column}
#view-sunekos .sn-paper-kind{display:inline-block;align-self:flex-start;font-size:12px!important;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)!important;border-radius:2px;margin-bottom:10px}
#view-sunekos .sn-paper h3{font-family:var(--latin);font-size:16px;line-height:1.5;margin-bottom:6px}
#view-sunekos .sn-paper-cite{font-size:12px!important;color:var(--ink-3)!important;line-height:1.7;margin-bottom:10px}
#view-sunekos .sn-paper>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .sn-paper .sp-source{margin-top:auto;padding-top:10px}
@media(max-width:900px){#view-sunekos .sn-ecm,#view-sunekos .sn-ingredients,#view-sunekos .sn-papers{grid-template-columns:1fr}}
@media(max-width:760px){#view-sunekos .sn-spec>div{grid-template-columns:1fr}#view-sunekos .sn-idea{padding:20px}#view-sunekos .sn-legend li{padding:12px 14px}}
@media(max-width:900px){#view-sunekos .sn-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-sunekos .sn-legend{grid-template-columns:1fr}}
#view-sunekos .pc-table thead th{white-space:normal}
#view-sunekos #sn-others .pc-table{table-layout:fixed}
#view-sunekos #sn-others .pc-table tbody th{width:16%}
@media(max-width:760px){#view-sunekos #sn-others .pc-table{table-layout:auto}}
/* 2026-09-18 concern-led layout */
#view-sunekos .sn-hero-points{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#view-sunekos .sn-hero-points li{font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--gold);color:var(--gold-ink);background:#fff;border-radius:999px}
#view-sunekos .sn-hero-note{font-size:13px!important;color:var(--ink-3)!important;margin-top:12px}
#view-sunekos .sn-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-sunekos .sn-signs article{background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold);padding:18px 20px}
#view-sunekos .sn-signs h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-sunekos .sn-signs p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .sn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-sunekos .sn-why article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 20px}
#view-sunekos .sn-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-sunekos .sn-why h3{font-size:17px;line-height:1.55;margin-bottom:8px}
#view-sunekos .sn-why p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-sunekos .sn-course{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#view-sunekos .sn-course li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 14px}
#view-sunekos .sn-course li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:26px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);z-index:1}
#view-sunekos .sn-course-when b{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;background:var(--night);color:#fff;border-radius:2px;margin-bottom:8px}
#view-sunekos .sn-course li:last-child .sn-course-when b{background:var(--gold)}
#view-sunekos .sn-course h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-sunekos .sn-course p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .sn-path{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;margin-bottom:24px}
#view-sunekos .sn-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-sunekos .sn-path li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 16px;background:#f7f6f3}
#view-sunekos .sn-path li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-sunekos .sn-path li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
#view-sunekos .sn-path h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-sunekos .sn-path li p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .sn-path-goal{margin-top:14px;padding:14px 16px;background:var(--night);color:#fff;text-align:center}
#view-sunekos .sn-path-label{display:inline-block;font-size:12px!important;padding:2px 10px;border:1px solid rgba(255,255,255,.6);color:#fff!important;border-radius:2px;margin-bottom:6px}
#view-sunekos .sn-path-goal p:last-child{font-size:15px;line-height:1.8;color:#fff}
#view-sunekos #sn-ecm .sp-disclosure{max-width:880px;margin:12px auto 0;width:100%}
#view-sunekos .sn-choose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-sunekos .sn-choose article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column}
#view-sunekos .sn-choose article.sn-choose-this{border:2px solid var(--gold)}
#view-sunekos .sn-choose-q{font-size:13px!important;line-height:1.6;color:var(--ink-3)!important;margin-bottom:8px}
#view-sunekos .sn-choose h3{font-size:17px;margin-bottom:6px}
#view-sunekos .sn-choose article>p:not(.sn-choose-q){font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-sunekos .sn-choose .sp-source{margin-top:auto;padding-top:10px}
#view-sunekos .sn-cta{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 24px;margin:24px 0 0}
#view-sunekos .sn-cta p{font-size:15px}
#view-sunekos #sn-ingredients .pc-glance{margin-bottom:24px}
#view-sunekos #sn-ingredients .sp-disclosure,#view-sunekos #sn-others .sp-disclosure{margin-top:12px}
@media(max-width:900px){#view-sunekos .sn-why,#view-sunekos .sn-path ol{grid-template-columns:1fr}#view-sunekos .sn-path li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-12px;transform:rotate(135deg)}#view-sunekos .sn-choose{grid-template-columns:repeat(2,minmax(0,1fr))}#view-sunekos .sn-course{grid-template-columns:1fr}#view-sunekos .sn-course li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-9px;transform:rotate(135deg)}}
@media(max-width:600px){#view-sunekos .sn-signs,#view-sunekos .sn-fit,#view-sunekos .sn-choose{grid-template-columns:1fr}#view-sunekos .sn-cta{padding:18px}#view-sunekos .sn-cta .sp-actions{width:100%}#view-sunekos .sn-path{padding:18px}}
#view-sunekos .sn-amino-art{margin:28px auto 24px}
#view-sunekos .sn-amino-art img{display:block;width:100%;height:auto}
/* Ingredient figures: a compact strip (user request 2026-09-18). Three across even on phones. */
#view-sunekos .sn-glance-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#view-sunekos .sn-glance-sm .pc-glance-card{padding:14px 16px 12px}
#view-sunekos .sn-glance-sm .pc-glance-num{margin:0 0 4px;gap:4px}
#view-sunekos .sn-glance-sm .pc-glance-num span{font-size:26px}
#view-sunekos .sn-glance-sm .pc-glance-num small{font-size:11px;letter-spacing:.04em}
#view-sunekos .sn-glance-sm .pc-glance-card h3{font-size:14px;line-height:1.5;margin-bottom:2px}
#view-sunekos .sn-glance-sm .pc-glance-card p:last-child{font-size:12px;line-height:1.7}
@media(max-width:600px){#view-sunekos .sn-glance-sm{gap:6px}#view-sunekos .sn-glance-sm .pc-glance-card{padding:10px 8px}#view-sunekos .sn-glance-sm .pc-glance-num span{font-size:21px}#view-sunekos .sn-glance-sm .pc-glance-num{flex-wrap:wrap}#view-sunekos .sn-glance-sm .pc-glance-card h3{font-size:12px}#view-sunekos .sn-glance-sm .pc-glance-card p:last-child{font-size:11px;line-height:1.6}}

/* "こんなお悩みに": two-column comparison panel (2026-09-18). Tokens only. */
#view-sunekos .sn-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-sunekos .sn-fit-col{padding:28px 32px 22px;min-width:0}
#view-sunekos .sn-fit-yes{box-shadow:inset 0 3px 0 var(--gold)}
#view-sunekos .sn-fit-other{border-left:1px solid var(--sp-border);background:var(--sp-soft)}
#view-sunekos .sn-fit-kicker{font:500 11px/1 var(--latin)!important;letter-spacing:.2em;color:var(--gold-ink)!important;margin:0 0 10px!important}
#view-sunekos .sn-fit-other .sn-fit-kicker{color:var(--ink-3)!important}
#view-sunekos .sn-fit h3{font-size:19px;line-height:1.5;margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sn-fit-list{list-style:none;margin:0;padding:0}
#view-sunekos .sn-fit-list li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sn-fit-list li:last-child{border-bottom:0;padding-bottom:4px}
#view-sunekos .sn-fit-main{display:block;font-size:15px;line-height:1.7;color:var(--ink)}
#view-sunekos .sn-fit-sub{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:3px}
#view-sunekos .sn-fit-sub::before{content:'→ '}
#view-sunekos .sn-fit-yes li::before{content:'';position:absolute;left:5px;top:20px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-sunekos .sn-fit-other li::before{content:'';position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink-3)}
@media(max-width:760px){#view-sunekos .sn-fit{grid-template-columns:1fr}#view-sunekos .sn-fit-col{padding:22px 20px 16px}#view-sunekos .sn-fit-other{border-left:0;border-top:1px solid var(--sp-border)}#view-sunekos .sn-fit h3{font-size:17px}}

/* 2026-09-27 magazine-style reading (patient-eye rework). Prefix sux- is unique to this page: this file is also copied
   into the skin, rejuran, skinvive, pluryal, pinkglow and babyderm views, where these classes are not used. */
#view-sunekos .sux-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-sunekos .sux-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-sunekos .sux-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-sunekos .sux-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-sunekos .sux-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-sunekos .sux-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;margin-bottom:26px}
#view-sunekos .sux-lead .sp-heading{margin-bottom:0}
#view-sunekos .sux-figure{margin:0;min-width:0}
#view-sunekos .sux-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-sunekos .sux-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-sunekos .sux-path-art{max-width:640px;margin:0 auto 20px}
#view-sunekos .sux-path-art img{aspect-ratio:3/2;object-fit:contain;background:#fff}
#view-sunekos .sux-banner{margin:0 0 24px}
#view-sunekos .sux-banner img{aspect-ratio:3/1;object-position:50% 60%}
#view-sunekos .sux-papers-more{margin-top:18px}
#view-sunekos .sux-papers-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:900px){#view-sunekos .sux-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-sunekos .sux-lead{grid-template-columns:1fr;gap:20px}#view-sunekos .sux-lead .sux-figure{max-width:560px}}
@media(max-width:560px){#view-sunekos .sux-quick{grid-template-columns:minmax(0,1fr)}#view-sunekos .sux-banner img{aspect-ratio:2/1}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-sunekos .sux-hero-points{margin-top:22px}
#view-sunekos .sux-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-sunekos .sux-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-sunekos .sux-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-sunekos .sux-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-sunekos .sux-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-sunekos .sux-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-sunekos .sux-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-sunekos .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-sunekos .sp-heading h2>.sp-h2-main{display:block}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-pinkglow{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-pinkglow .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-pinkglow .sp-soft{background:var(--sp-soft)}
#view-pinkglow .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-pinkglow .sp-heading{margin-bottom:26px;max-width:46em}
#view-pinkglow .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-pinkglow .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-pinkglow .sp-heading .sp-kicker{margin-top:0}
#view-pinkglow .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-pinkglow .sp-note a,#view-pinkglow .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-pinkglow .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-pinkglow .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-pinkglow .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-pinkglow .crumbs span::before{content:none}
#view-pinkglow .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-pinkglow .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-pinkglow .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-pinkglow .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-pinkglow .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-pinkglow .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-pinkglow .sp-hero-trust a{margin-top:7px}
#view-pinkglow .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-pinkglow .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-pinkglow .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-pinkglow .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-pinkglow .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-pinkglow .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-pinkglow .sp-nav a{flex-shrink:0}
#view-pinkglow .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-pinkglow .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-pinkglow .sp-nav a:hover{color:var(--gold-ink)}
#view-pinkglow .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-pinkglow .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-pinkglow .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-pinkglow .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-pinkglow .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-pinkglow .sp-type-body{padding:21px 22px 22px}
#view-pinkglow .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-pinkglow .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-pinkglow .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-pinkglow .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-pinkglow .sp-type .sp-source{margin-top:12px}
#view-pinkglow .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-pinkglow .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-pinkglow .sp-case-head{padding:20px 22px 16px}
#view-pinkglow .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-pinkglow .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-pinkglow .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-pinkglow .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-pinkglow .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-pinkglow .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-pinkglow .sp-case-body{padding:18px 22px 22px}
#view-pinkglow .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-pinkglow .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-pinkglow .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-pinkglow .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-pinkglow .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-pinkglow .sp-case-body .sp-source{margin-top:14px}
#view-pinkglow .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-pinkglow .sp-case-details>summary{min-height:48px}
#view-pinkglow .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-pinkglow .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-pinkglow .sp-approach-list{display:grid;gap:0}
#view-pinkglow .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sp-approach-item:first-child{padding-top:0}
#view-pinkglow .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-pinkglow .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-pinkglow .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-pinkglow .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-pinkglow .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-pinkglow .sp-doctor h3{font-size:21px;line-height:1.5}
#view-pinkglow .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-pinkglow .sp-doctor .sp-source{white-space:nowrap}
#view-pinkglow .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-pinkglow .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-pinkglow .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-pinkglow .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-pinkglow .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-pinkglow .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-pinkglow .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sp-expertise-facts>div:first-child{padding-top:0}
#view-pinkglow .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-pinkglow .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-pinkglow .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-pinkglow .sp-expertise-grid figure{max-width:480px}
 #view-pinkglow .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-pinkglow .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-pinkglow .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-pinkglow .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-pinkglow .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-pinkglow .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-pinkglow .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-pinkglow .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-pinkglow .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-pinkglow .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-pinkglow .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-pinkglow .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-pinkglow .sp-disclosure>summary::after{content:'＋';flex:none}
#view-pinkglow .sp-disclosure[open]>summary::after{content:'−'}
#view-pinkglow .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .sp-disclosure-content p+p{margin-top:12px}
#view-pinkglow .sp-approval-list{display:grid;gap:10px}
#view-pinkglow .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-pinkglow .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-pinkglow .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-pinkglow .sp-price-intro>div{flex:1 1 320px}
#view-pinkglow .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-pinkglow .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-pinkglow .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-pinkglow .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-pinkglow .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-pinkglow .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-pinkglow .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-pinkglow .sp-price-heading{margin-bottom:16px}
#view-pinkglow .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-pinkglow .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-pinkglow .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-pinkglow .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-pinkglow .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-pinkglow .sp-price .sp-yen{display:block;margin:0}
#view-pinkglow .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-pinkglow .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-pinkglow .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-pinkglow .sp-price-list{margin-top:8px}
#view-pinkglow .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-pinkglow .sp-price-list dt{min-width:0}
#view-pinkglow .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-pinkglow .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-pinkglow .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-pinkglow .sp-flow-head{display:block;margin-bottom:14px}
#view-pinkglow .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-pinkglow .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-pinkglow .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-pinkglow .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-pinkglow .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-pinkglow .sp-recovery>div:last-child{border-right:0}
#view-pinkglow .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-pinkglow .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-pinkglow .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .sp-risk-details{margin-top:22px}
#view-pinkglow .sp-faq{margin-inline:0}
#view-pinkglow .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-pinkglow .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-pinkglow .sp-tech h3{font-size:22px;line-height:1.6}
#view-pinkglow .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-pinkglow .sp-tech h3+p{margin-top:10px}
#view-pinkglow .sp-video>summary{cursor:pointer;list-style:none}
#view-pinkglow .sp-video>summary::-webkit-details-marker{display:none}
#view-pinkglow .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-pinkglow .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-pinkglow .sp-flow-text{display:block;margin-top:12px}
#view-pinkglow .sp-video-body{padding-bottom:16px}
#view-pinkglow .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-pinkglow .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-pinkglow .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-pinkglow .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-pinkglow .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-pinkglow .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-pinkglow .sp-tech>img{width:76px;height:99px}
 #view-pinkglow .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-pinkglow .sp-homecare>img{max-height:220px}
}
#view-pinkglow .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-pinkglow .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-pinkglow .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-pinkglow .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-pinkglow .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-pinkglow .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-pinkglow .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-pinkglow .sp-final .btn{font-size:14px}
#view-pinkglow .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-pinkglow :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-pinkglow .sp-devices{grid-template-columns:1fr}
  #view-pinkglow .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-pinkglow .sp-device-head{margin-bottom:0}
  #view-pinkglow .sp-device .sp-disclosure{grid-column:1/-1}
  #view-pinkglow .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-pinkglow .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-pinkglow .sp-doctor>img{width:90px;height:100px}
  #view-pinkglow .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-pinkglow .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-pinkglow .sp-hero h1{font-size:32px}
  #view-pinkglow .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-pinkglow .sp-hero-lead{margin-top:17px}
  #view-pinkglow .sp-hero-photo img{aspect-ratio:16/9}
  #view-pinkglow .sp-hero-photo figcaption{font-size:12px}
  #view-pinkglow .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-pinkglow .sp-types,#view-pinkglow .sp-cases,#view-pinkglow .sp-approach,#view-pinkglow .sp-prices{grid-template-columns:1fr}
  #view-pinkglow .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-pinkglow .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-pinkglow .sp-type-body{padding:19px 20px}
  #view-pinkglow .sp-type h3{font-size:20px}
  #view-pinkglow .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-pinkglow .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-pinkglow .sp-approach{gap:24px}
  #view-pinkglow .sp-approach-image img{max-height:260px}
  #view-pinkglow .sp-recovery{grid-template-columns:1fr}
  #view-pinkglow .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-pinkglow .sp-recovery>div:last-child{border-bottom:0}
  #view-pinkglow .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-pinkglow .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-pinkglow .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-pinkglow .sp-hero h1{font-size:29px}
  #view-pinkglow .sp-actions{align-items:stretch}
  #view-pinkglow .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-pinkglow .sp-type{grid-template-columns:1fr}
  #view-pinkglow .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-pinkglow .sp-type-art img{max-height:130px}
  #view-pinkglow .sp-layer-labels{justify-content:center;gap:26px}
  #view-pinkglow .sp-type-body{padding:19px 20px}
  #view-pinkglow .sp-case-head,#view-pinkglow .sp-case-body{padding-inline:18px}
  #view-pinkglow .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-pinkglow .sp-case-photos{padding-inline:10px;gap:4px}
  #view-pinkglow .sp-device{display:block;padding:20px}
  #view-pinkglow .sp-device-head{margin-bottom:14px}
  #view-pinkglow .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-pinkglow .sp-flow>li{padding:18px 20px}
  #view-pinkglow .sp-flow-head{margin-bottom:10px}
  #view-pinkglow .sp-price{padding:22px}
  #view-pinkglow .sp-price-intro{padding:20px}
  #view-pinkglow .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-pinkglow .sp-price-list dd{flex-basis:100%}
  #view-pinkglow .sp-doctor{gap:14px}
  #view-pinkglow .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-pinkglow :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-pinkglow .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-pinkglow .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-pinkglow .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-pinkglow .sp-entry-link:first-child{padding-left:0}
#view-pinkglow .sp-entry-link:last-child{border-right:0}
#view-pinkglow .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-pinkglow .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-pinkglow .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-pinkglow .sp-entry-link:hover{background:var(--sp-soft)}
#view-pinkglow .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-pinkglow .sp-consult h3{font-size:24px;line-height:1.65}
#view-pinkglow .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-pinkglow .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-pinkglow .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-pinkglow .sp-consult .sp-note{margin-top:7px}
#view-pinkglow #s-doctor-section{padding-top:58px}
#view-pinkglow #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-pinkglow .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-pinkglow .sp-expertise-grid figure{align-self:center}
#view-pinkglow .sp-expertise-facts dt{font-size:16px}
#view-pinkglow .sp-expertise-facts dd{font-size:14px}
#view-pinkglow .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-pinkglow .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-pinkglow .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-pinkglow .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .sp-flow{list-style:none;padding:0}
#view-pinkglow .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-pinkglow .sp-flow-head img,#view-pinkglow .sp-video video{border:1px solid var(--sp-border)}
#view-pinkglow .sp-recovery{border:0}
#view-pinkglow .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-pinkglow .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-pinkglow .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-pinkglow .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-pinkglow .sp-visit-info a{color:var(--on-night)}
#view-pinkglow a:focus-visible,#view-pinkglow summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-pinkglow .sp-entry-links{grid-template-columns:1fr}
 #view-pinkglow .sp-entry-link,#view-pinkglow .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-pinkglow .sp-entry-link:last-child{border-bottom:0}
 #view-pinkglow .sp-entry-link strong{font-size:18px}
 #view-pinkglow .sp-entry-link span span{margin-top:3px}
 #view-pinkglow .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-pinkglow .sp-consult h3{font-size:22px}
 #view-pinkglow .sp-consult ul{display:block}
 #view-pinkglow .sp-consult li{margin-top:6px}
 #view-pinkglow .sp-consult .btn{width:100%}
 #view-pinkglow .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-pinkglow .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-pinkglow .sp-recovery>div::before{top:4px;left:-5px}
 #view-pinkglow .sp-recovery>div:last-child{padding-bottom:0}
 #view-pinkglow .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-pinkglow *{scroll-behavior:auto;transition:none}}

#view-pinkglow .sp-type-art img{max-height:145px}
#view-pinkglow .sp-type-body{padding:20px}
#view-pinkglow .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-pinkglow .sp-price>p.sp-price-unit,#view-pinkglow .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-pinkglow .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-pinkglow .sp-price{padding:26px 0}
 #view-pinkglow .sp-price-description{margin-bottom:20px}
 #view-pinkglow .sp-price>.sp-note{min-height:0}
 #view-pinkglow .sp-price h3{font-size:23px}
 #view-pinkglow .sp-price .sp-yen{font-size:20px}
 #view-pinkglow .sp-price-intro{padding:22px;gap:16px}
 #view-pinkglow .sp-price-intro>div{flex-basis:100%}
}

#view-pinkglow .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-pinkglow .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sp-consult-fees>div:last-child{border-bottom:0}
#view-pinkglow .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-pinkglow .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-pinkglow .sp-consult-fees{flex-basis:100%}#view-pinkglow .sp-consult-fees dd{font-size:21px}#view-pinkglow .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-pinkglow .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-pinkglow .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-pinkglow .sp-price-intro{padding:20px 18px;gap:18px}
 #view-pinkglow .sp-consult-fees{flex-basis:100%;width:100%}
 #view-pinkglow .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-pinkglow .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-pinkglow .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-pinkglow .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-pinkglow .sp-fee-period::before{content:none}
 html[lang="en"] #view-pinkglow .sp-fee-period{white-space:normal;font-size:14px}
 #view-pinkglow .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-pinkglow .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-pinkglow .sp-prices{gap:16px;border:0}
 #view-pinkglow .sp-price,#view-pinkglow .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-pinkglow .sp-price-heading{order:0;margin-bottom:14px}
 #view-pinkglow .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-pinkglow .sp-price h3{font-size:22px;letter-spacing:0}
 #view-pinkglow .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-pinkglow .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-pinkglow .sp-price .sp-price-unit{font-size:12px}
 #view-pinkglow .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-pinkglow .sp-price>.sp-note{order:3;margin-top:10px}
 #view-pinkglow .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-pinkglow .sp-price,#view-pinkglow .sp-price+.sp-price{padding:20px 16px}
 #view-pinkglow .sp-price h3{font-size:20px}
 #view-pinkglow .sp-price .sp-yen{font-size:20px}
 #view-pinkglow .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-pinkglow .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-pinkglow .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-pinkglow .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-pinkglow .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-pinkglow .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-pinkglow .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-pinkglow .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-pinkglow .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-pinkglow .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-pinkglow .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-pinkglow .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-pinkglow .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-pinkglow .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-pinkglow .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-pinkglow .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-pinkglow .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-pinkglow .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-pinkglow .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-pinkglow .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-pinkglow .sp-entry-hint{margin:8px 0 22px}
#view-pinkglow .sp-entry-links{gap:14px;border:0}
#view-pinkglow .sp-entry-link,#view-pinkglow .sp-entry-link:first-child,#view-pinkglow .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-pinkglow .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-pinkglow .sp-entry-link:hover,#view-pinkglow .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-pinkglow .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-pinkglow .sp-entry-copy{min-width:0}
#view-pinkglow .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-pinkglow .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-pinkglow .sp-entry-question{font-size:22px}
 #view-pinkglow .sp-entry-link,#view-pinkglow .sp-entry-link:first-child,#view-pinkglow .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-pinkglow .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-pinkglow .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-pinkglow .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .sp-anes{margin-top:10px}
#view-pinkglow .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-pinkglow .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-pinkglow .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-pinkglow .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-pinkglow .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-pinkglow .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-pinkglow .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-pinkglow .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-pinkglow .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-pinkglow .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-pinkglow .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-pinkglow .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-pinkglow .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-pinkglow .hg-head>div{min-width:0}
#view-pinkglow .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-pinkglow .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-pinkglow .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-pinkglow .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-pinkglow .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-pinkglow .hg-menu-photo{margin:0}
#view-pinkglow .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-pinkglow .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-pinkglow .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-pinkglow .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-pinkglow .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-pinkglow .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-pinkglow .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-pinkglow .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-pinkglow .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-pinkglow .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-pinkglow .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-pinkglow .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-pinkglow .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-pinkglow .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-pinkglow .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-pinkglow .hg-menu-note{margin:14px 0 0}
#view-pinkglow .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-pinkglow .hg-menu-links-label{margin-right:4px}
#view-pinkglow .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-pinkglow .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-pinkglow .hg-menu-fees{gap:8px}#view-pinkglow .hg-fee{padding:14px 14px 12px}#view-pinkglow .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-pinkglow .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-pinkglow .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-pinkglow .hg-menu-range{margin:14px 0 0}
#view-pinkglow .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-pinkglow .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-pinkglow .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-pinkglow .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-pinkglow .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-pinkglow .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-pinkglow .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-pinkglow .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-pinkglow .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-pinkglow .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-pinkglow .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-pinkglow .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-pinkglow .cg-card{padding:0;background:transparent;border:0}
#view-pinkglow .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-pinkglow .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-pinkglow .cg-card .case-image{margin:0}
#view-pinkglow .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-pinkglow .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-pinkglow .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-pinkglow .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-pinkglow .cg-details summary:hover{color:var(--gold-ink)}
#view-pinkglow .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-pinkglow .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-pinkglow .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-pinkglow .cg-details dt{padding-top:13px}
#view-pinkglow .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-pinkglow .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-pinkglow .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-pinkglow .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-pinkglow .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-pinkglow .sp-section .dn-gallery,#view-pinkglow .sp-section .sw-gallery,#view-pinkglow .sp-section .pc-lecture-figs,#view-pinkglow .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-pinkglow .sp-section .sw-interview,#view-pinkglow .sp-section .ul-doctor-grid,#view-pinkglow .sp-section .sv-doctor-hero,#view-pinkglow .sp-section .wrx-evidence,#view-pinkglow .sp-section .uex-evidence,#view-pinkglow .sp-section .ml-doctor-grid,#view-pinkglow .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-pinkglow .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-pinkglow .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-pinkglow .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-pinkglow .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-pinkglow .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-pinkglow .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-pinkglow .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-pinkglow .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-pinkglow .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-pinkglow .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-pinkglow .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-pinkglow .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .hgd-svg{display:block;width:100%;height:auto}
#view-pinkglow .hgd-sp{display:none}
#view-pinkglow .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-pinkglow .hgd-layer{font-size:30px}
#view-pinkglow .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-pinkglow .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-pinkglow .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-pinkglow .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-pinkglow .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-pinkglow .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-pinkglow .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-pinkglow .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-pinkglow .hgd-art{opacity:.92}
#view-pinkglow .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-pinkglow .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-pinkglow .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-pinkglow .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-pinkglow .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-pinkglow .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-pinkglow .hgd-layer{font-size:25px}
html[lang^="en"] #view-pinkglow .hgd-sub{font-size:19px}
html[lang^="en"] #view-pinkglow .hgd-br{font-size:27px}
#view-pinkglow .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-pinkglow .hgd-pc .hgd-layer{font-size:38px}
 #view-pinkglow .hgd-pc .hgd-sub{font-size:30px}
 #view-pinkglow .hgd-pc .hgd-name{font-size:42px}
 #view-pinkglow .hgd-pc .hgd-kind{font-size:31px}
 #view-pinkglow .hgd-pc .hgd-br{font-size:36px}
 #view-pinkglow .hgd-pc .hgd-mm{font-size:40px}
 #view-pinkglow .hgd-pc .hgd-note{font-size:26px}
 #view-pinkglow .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-pinkglow .hg-lineup img{width:72px;height:72px}
 #view-pinkglow .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-pinkglow .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-pinkglow .hg-lineup,#view-pinkglow .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-pinkglow .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-pinkglow .hg-lineup img{width:56px;height:56px}
 #view-pinkglow .hg-lineup figcaption{padding:7px 8px}
 #view-pinkglow .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-pinkglow .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-pinkglow .hg-lineup figcaption small{font-size:10.5px}
 #view-pinkglow .hgd-pc{display:none}
 #view-pinkglow .hgd-sp{display:block}
 #view-pinkglow .hgd-layer,#view-pinkglow .hgd-name,#view-pinkglow .hgd-br,#view-pinkglow .hgd-mm{font-size:34px}
 #view-pinkglow .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-pinkglow .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-pinkglow .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-pinkglow .hgd-layer{font-size:30px}
 #view-pinkglow .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-pinkglow .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-pinkglow. */
#view-pinkglow .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-pinkglow .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-pinkglow .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-pinkglow .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-pinkglow .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-pinkglow .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-pinkglow .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-pinkglow .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-pinkglow .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-pinkglow .pc-table th,#view-pinkglow .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-pinkglow .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-pinkglow .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-pinkglow .pc-table tbody tr:last-child th,#view-pinkglow .pc-table tbody tr:last-child td{border-bottom:0}
#view-pinkglow .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-pinkglow .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-pinkglow .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-pinkglow .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-pinkglow .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-pinkglow .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-pinkglow .pc-point-face{width:92px;height:92px}}
#view-pinkglow .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-pinkglow .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-pinkglow .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-pinkglow .pc-explain p+p{margin-top:12px}
#view-pinkglow .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-pinkglow .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-pinkglow .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-pinkglow .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-pinkglow .pc-books h3{font-size:18px;margin-bottom:12px}
#view-pinkglow .pc-books ul{list-style:none;padding:0;margin:0}
#view-pinkglow .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-pinkglow .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-pinkglow .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-pinkglow .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-pinkglow .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-pinkglow .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-pinkglow .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-pinkglow .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-pinkglow .pc-tag{margin:0}
#view-pinkglow .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-pinkglow .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-pinkglow .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-pinkglow .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-pinkglow .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-pinkglow .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-pinkglow .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-pinkglow .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-pinkglow .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .pc-approval>div:last-child{border-bottom:0}
#view-pinkglow .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-pinkglow .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-pinkglow .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-pinkglow .pc-glance,#view-pinkglow .pc-modes{grid-template-columns:1fr}#view-pinkglow .pc-explain{grid-template-columns:1fr}#view-pinkglow .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-pinkglow .pc-concern-links{grid-template-columns:1fr}#view-pinkglow .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-pinkglow .pc-books,#view-pinkglow .pc-quote,#view-pinkglow .pc-point{padding:20px}#view-pinkglow .pc-glance-num span{font-size:32px}#view-pinkglow .pc-table{font-size:13px}#view-pinkglow .pc-table th,#view-pinkglow .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-pinkglow .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-pinkglow .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-pinkglow .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-pinkglow .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-pinkglow .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-pinkglow .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-pinkglow .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-pinkglow .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-pinkglow .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-pinkglow .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-pinkglow .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-pinkglow .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-pinkglow .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-pinkglow .pc-video{margin:0 0 28px;max-width:820px}
#view-pinkglow .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-pinkglow .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-pinkglow .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-pinkglow .pc-lasers-media .pc-video,#view-pinkglow .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-pinkglow .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-pinkglow .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-pinkglow .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-pinkglow .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-pinkglow .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-pinkglow .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-pinkglow .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-pinkglow .pc-hero-video .sp-video{margin:0}
#view-pinkglow .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-pinkglow .pc-cell-label{display:none}
@media(max-width:760px){
#view-pinkglow .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-pinkglow .pc-table{min-width:0;display:block;font-size:14px}
#view-pinkglow .pc-table caption{display:block;padding:0 0 10px}
#view-pinkglow .pc-table thead{display:none}
#view-pinkglow .pc-table tbody{display:block}
#view-pinkglow .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-pinkglow .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-pinkglow .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .pc-table tr td:last-child{border-bottom:0}
#view-pinkglow .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-pinkglow .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-pinkglow .pc-cell-value{display:block;line-height:1.75}
}
#view-pinkglow .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-pinkglow .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-pinkglow .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-pinkglow .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-pinkglow .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-pinkglow .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-pinkglow .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-pinkglow .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-pinkglow .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-pinkglow .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-pinkglow .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-pinkglow .pcx-video{margin:0 0 26px;max-width:780px}
#view-pinkglow .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-pinkglow .pcx-table-details{margin-top:18px}
#view-pinkglow .pcx-table-details .pc-table-wrap{margin-top:0}
#view-pinkglow .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-pinkglow .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-pinkglow .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-pinkglow #pc-lasers .pc-point{margin-top:40px}
#view-pinkglow .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-pinkglow .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-pinkglow .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-pinkglow .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-pinkglow .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-pinkglow .pcx-case-hint{margin-top:6px}
#view-pinkglow #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-pinkglow .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-pinkglow .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-pinkglow .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-pinkglow .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-pinkglow .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-pinkglow .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-pinkglow .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-pinkglow .pcx-hero-points{margin-top:22px}
#view-pinkglow .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-pinkglow .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-pinkglow .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-pinkglow .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-pinkglow .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-pinkglow .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-pinkglow .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-pinkglow .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-pinkglow .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-pinkglow .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-pinkglow .pcx-mode-art img{display:block;width:100%;height:auto}
#view-pinkglow .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-pinkglow .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-pinkglow .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-pinkglow .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-pinkglow .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-pinkglow .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-pinkglow .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-pinkglow .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-pinkglow .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-pinkglow .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-pinkglow .pcx-case-sep{display:none}
  #view-pinkglow .pcx-case-name{display:block}
  #view-pinkglow .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-pinkglow .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-pinkglow .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-pinkglow .pcx-diff-changed{border-top-color:var(--gold)}
#view-pinkglow .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-pinkglow .pcx-diff-card dl{margin:0}
#view-pinkglow .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-pinkglow .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-pinkglow .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-pinkglow .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-pinkglow .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-pinkglow .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-pinkglow .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-pinkglow .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-pinkglow .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-pinkglow .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-pinkglow .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-pinkglow .pcx-history>li:last-child{padding-bottom:0}
#view-pinkglow .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-pinkglow .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-pinkglow .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-pinkglow .pcx-h-tag{margin:0 0 4px}
#view-pinkglow .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-pinkglow .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-pinkglow .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-pinkglow .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-pinkglow .pcx-history-wrap>.sp-note{margin-top:20px}
#view-pinkglow #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-pinkglow .pcx-diff{grid-template-columns:1fr}
 #view-pinkglow .pcx-diff-card{padding:18px 16px 14px}
 #view-pinkglow .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-pinkglow .pcx-depth{padding:16px}
 #view-pinkglow .pcx-history::before{left:3.4em}
 #view-pinkglow .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-pinkglow .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-pinkglow .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-pinkglow .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-pinkglow .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-pinkglow .pcx-h-photo{margin:4px 0 0}
#view-pinkglow .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-pinkglow .pcx-h-device .pcx-h-photo img,#view-pinkglow #pc-history .pcx-h-photo img[src*="picosure-"],#view-pinkglow #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-pinkglow .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-pinkglow .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-pinkglow .pcx-h-photo{max-width:360px}}

/* Sunekos Performa page: added on top of the spots CSS and the PicoSure Pro CSS, both re-scoped to #view-pinkglow at build time. */
#view-pinkglow .sn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f0ee}
#view-pinkglow .sn-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-pinkglow .pc-point-face img{object-position:50% 30%}
#view-pinkglow .sn-ecm{display:grid;grid-template-columns:1fr;gap:18px}
#view-pinkglow .sn-diagram{margin:0 auto;width:100%;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .sn-ecm-art{position:relative}
#view-pinkglow .sn-ecm-art img{display:block;width:100%;height:auto}
#view-pinkglow .sn-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:#fff;font:500 15px/1 var(--fig);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media(max-width:600px){#view-pinkglow .sn-marker{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}}
#view-pinkglow .sn-diagram figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-pinkglow .sn-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-pinkglow .sn-legend li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .sn-legend li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-pinkglow .sn-legend h3{font-size:16px;line-height:1.5;margin:0}
#view-pinkglow .sn-legend-sub{font-size:12px!important;color:var(--gold-ink)!important;margin:2px 0 4px!important;letter-spacing:.04em}
#view-pinkglow .sn-legend p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .sn-idea{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 26px}
#view-pinkglow .sn-idea h3{font-size:18px;margin-bottom:10px}
#view-pinkglow .sn-idea p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-pinkglow .sn-idea p+p{margin-top:10px}
#view-pinkglow .sn-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-pinkglow .sn-ingredients .pc-device-photo{margin:0}
#view-pinkglow .sn-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f3f3f1}
#view-pinkglow .sn-spec{margin:0}
#view-pinkglow .sn-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-pinkglow .sn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-pinkglow .sn-paper{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0;display:flex;flex-direction:column}
#view-pinkglow .sn-paper-kind{display:inline-block;align-self:flex-start;font-size:12px!important;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)!important;border-radius:2px;margin-bottom:10px}
#view-pinkglow .sn-paper h3{font-family:var(--latin);font-size:16px;line-height:1.5;margin-bottom:6px}
#view-pinkglow .sn-paper-cite{font-size:12px!important;color:var(--ink-3)!important;line-height:1.7;margin-bottom:10px}
#view-pinkglow .sn-paper>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .sn-paper .sp-source{margin-top:auto;padding-top:10px}
@media(max-width:900px){#view-pinkglow .sn-ecm,#view-pinkglow .sn-ingredients,#view-pinkglow .sn-papers{grid-template-columns:1fr}}
@media(max-width:760px){#view-pinkglow .sn-spec>div{grid-template-columns:1fr}#view-pinkglow .sn-idea{padding:20px}#view-pinkglow .sn-legend li{padding:12px 14px}}
@media(max-width:900px){#view-pinkglow .sn-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-pinkglow .sn-legend{grid-template-columns:1fr}}
#view-pinkglow .pc-table thead th{white-space:normal}
#view-pinkglow #sn-others .pc-table{table-layout:fixed}
#view-pinkglow #sn-others .pc-table tbody th{width:16%}
@media(max-width:760px){#view-pinkglow #sn-others .pc-table{table-layout:auto}}
/* 2026-09-18 concern-led layout */
#view-pinkglow .sn-hero-points{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#view-pinkglow .sn-hero-points li{font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--gold);color:var(--gold-ink);background:#fff;border-radius:999px}
#view-pinkglow .sn-hero-note{font-size:13px!important;color:var(--ink-3)!important;margin-top:12px}
#view-pinkglow .sn-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-pinkglow .sn-signs article{background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold);padding:18px 20px}
#view-pinkglow .sn-signs h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-pinkglow .sn-signs p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .sn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-pinkglow .sn-why article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 20px}
#view-pinkglow .sn-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-pinkglow .sn-why h3{font-size:17px;line-height:1.55;margin-bottom:8px}
#view-pinkglow .sn-why p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .sn-course{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#view-pinkglow .sn-course li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 14px}
#view-pinkglow .sn-course li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:26px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);z-index:1}
#view-pinkglow .sn-course-when b{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;background:var(--night);color:#fff;border-radius:2px;margin-bottom:8px}
#view-pinkglow .sn-course li:last-child .sn-course-when b{background:var(--gold)}
#view-pinkglow .sn-course h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-pinkglow .sn-course p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .sn-path{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;margin-bottom:24px}
#view-pinkglow .sn-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-pinkglow .sn-path li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 16px;background:#f7f6f3}
#view-pinkglow .sn-path li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-pinkglow .sn-path li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
#view-pinkglow .sn-path h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-pinkglow .sn-path li p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .sn-path-goal{margin-top:14px;padding:14px 16px;background:var(--night);color:#fff;text-align:center}
#view-pinkglow .sn-path-label{display:inline-block;font-size:12px!important;padding:2px 10px;border:1px solid rgba(255,255,255,.6);color:#fff!important;border-radius:2px;margin-bottom:6px}
#view-pinkglow .sn-path-goal p:last-child{font-size:15px;line-height:1.8;color:#fff}
#view-pinkglow #sn-ecm .sp-disclosure{max-width:880px;margin:12px auto 0;width:100%}
#view-pinkglow .sn-choose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-pinkglow .sn-choose article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column}
#view-pinkglow .sn-choose article.sn-choose-this{border:2px solid var(--gold)}
#view-pinkglow .sn-choose-q{font-size:13px!important;line-height:1.6;color:var(--ink-3)!important;margin-bottom:8px}
#view-pinkglow .sn-choose h3{font-size:17px;margin-bottom:6px}
#view-pinkglow .sn-choose article>p:not(.sn-choose-q){font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-pinkglow .sn-choose .sp-source{margin-top:auto;padding-top:10px}
#view-pinkglow .sn-cta{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 24px;margin:24px 0 0}
#view-pinkglow .sn-cta p{font-size:15px}
#view-pinkglow #sn-ingredients .pc-glance{margin-bottom:24px}
#view-pinkglow #sn-ingredients .sp-disclosure,#view-pinkglow #sn-others .sp-disclosure{margin-top:12px}
@media(max-width:900px){#view-pinkglow .sn-why,#view-pinkglow .sn-path ol{grid-template-columns:1fr}#view-pinkglow .sn-path li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-12px;transform:rotate(135deg)}#view-pinkglow .sn-choose{grid-template-columns:repeat(2,minmax(0,1fr))}#view-pinkglow .sn-course{grid-template-columns:1fr}#view-pinkglow .sn-course li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-9px;transform:rotate(135deg)}}
@media(max-width:600px){#view-pinkglow .sn-signs,#view-pinkglow .sn-fit,#view-pinkglow .sn-choose{grid-template-columns:1fr}#view-pinkglow .sn-cta{padding:18px}#view-pinkglow .sn-cta .sp-actions{width:100%}#view-pinkglow .sn-path{padding:18px}}
#view-pinkglow .sn-amino-art{margin:28px auto 24px}
#view-pinkglow .sn-amino-art img{display:block;width:100%;height:auto}
/* Ingredient figures: a compact strip (user request 2026-09-18). Three across even on phones. */
#view-pinkglow .sn-glance-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#view-pinkglow .sn-glance-sm .pc-glance-card{padding:14px 16px 12px}
#view-pinkglow .sn-glance-sm .pc-glance-num{margin:0 0 4px;gap:4px}
#view-pinkglow .sn-glance-sm .pc-glance-num span{font-size:26px}
#view-pinkglow .sn-glance-sm .pc-glance-num small{font-size:11px;letter-spacing:.04em}
#view-pinkglow .sn-glance-sm .pc-glance-card h3{font-size:14px;line-height:1.5;margin-bottom:2px}
#view-pinkglow .sn-glance-sm .pc-glance-card p:last-child{font-size:12px;line-height:1.7}
@media(max-width:600px){#view-pinkglow .sn-glance-sm{gap:6px}#view-pinkglow .sn-glance-sm .pc-glance-card{padding:10px 8px}#view-pinkglow .sn-glance-sm .pc-glance-num span{font-size:21px}#view-pinkglow .sn-glance-sm .pc-glance-num{flex-wrap:wrap}#view-pinkglow .sn-glance-sm .pc-glance-card h3{font-size:12px}#view-pinkglow .sn-glance-sm .pc-glance-card p:last-child{font-size:11px;line-height:1.6}}

/* "こんなお悩みに": two-column comparison panel (2026-09-18). Tokens only. */
#view-pinkglow .sn-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .sn-fit-col{padding:28px 32px 22px;min-width:0}
#view-pinkglow .sn-fit-yes{box-shadow:inset 0 3px 0 var(--gold)}
#view-pinkglow .sn-fit-other{border-left:1px solid var(--sp-border);background:var(--sp-soft)}
#view-pinkglow .sn-fit-kicker{font:500 11px/1 var(--latin)!important;letter-spacing:.2em;color:var(--gold-ink)!important;margin:0 0 10px!important}
#view-pinkglow .sn-fit-other .sn-fit-kicker{color:var(--ink-3)!important}
#view-pinkglow .sn-fit h3{font-size:19px;line-height:1.5;margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sn-fit-list{list-style:none;margin:0;padding:0}
#view-pinkglow .sn-fit-list li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sn-fit-list li:last-child{border-bottom:0;padding-bottom:4px}
#view-pinkglow .sn-fit-main{display:block;font-size:15px;line-height:1.7;color:var(--ink)}
#view-pinkglow .sn-fit-sub{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:3px}
#view-pinkglow .sn-fit-sub::before{content:'→ '}
#view-pinkglow .sn-fit-yes li::before{content:'';position:absolute;left:5px;top:20px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-pinkglow .sn-fit-other li::before{content:'';position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink-3)}
@media(max-width:760px){#view-pinkglow .sn-fit{grid-template-columns:1fr}#view-pinkglow .sn-fit-col{padding:22px 20px 16px}#view-pinkglow .sn-fit-other{border-left:0;border-top:1px solid var(--sp-border)}#view-pinkglow .sn-fit h3{font-size:17px}}

/* 2026-09-27 magazine-style reading (patient-eye rework). Prefix sux- is unique to this page: this file is also copied
   into the skin, rejuran, skinvive, pluryal, pinkglow and babyderm views, where these classes are not used. */
#view-pinkglow .sux-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-pinkglow .sux-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-pinkglow .sux-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-pinkglow .sux-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-pinkglow .sux-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-pinkglow .sux-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;margin-bottom:26px}
#view-pinkglow .sux-lead .sp-heading{margin-bottom:0}
#view-pinkglow .sux-figure{margin:0;min-width:0}
#view-pinkglow .sux-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-pinkglow .sux-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-pinkglow .sux-path-art{max-width:640px;margin:0 auto 20px}
#view-pinkglow .sux-path-art img{aspect-ratio:3/2;object-fit:contain;background:#fff}
#view-pinkglow .sux-banner{margin:0 0 24px}
#view-pinkglow .sux-banner img{aspect-ratio:3/1;object-position:50% 60%}
#view-pinkglow .sux-papers-more{margin-top:18px}
#view-pinkglow .sux-papers-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:900px){#view-pinkglow .sux-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-pinkglow .sux-lead{grid-template-columns:1fr;gap:20px}#view-pinkglow .sux-lead .sux-figure{max-width:560px}}
@media(max-width:560px){#view-pinkglow .sux-quick{grid-template-columns:minmax(0,1fr)}#view-pinkglow .sux-banner img{aspect-ratio:2/1}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-pinkglow .sux-hero-points{margin-top:22px}
#view-pinkglow .sux-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-pinkglow .sux-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .sux-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-pinkglow .sux-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-pinkglow .sux-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-pinkglow .sux-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-pinkglow .sux-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-pinkglow .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-pinkglow .sp-heading h2>.sp-h2-main{display:block}

/* Pink Glow page: added on top of the spots, PicoSure Pro and Sunekos CSS, all re-scoped to #view-pinkglow at build time. Shared-component colours only. */
#view-pinkglow .pg-path{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--sp-border);background:#fff;counter-reset:pg}
#view-pinkglow .pg-path li{padding:22px 18px 20px;min-width:0;position:relative;display:flex;flex-direction:column}
#view-pinkglow .pg-path li+li{border-left:1px solid var(--sp-border)}
#view-pinkglow .pg-path li+li::before{content:"";position:absolute;left:-7px;top:34px;width:12px;height:12px;background:#fff;border-top:1px solid var(--sp-border);border-right:1px solid var(--sp-border);transform:rotate(45deg)}
#view-pinkglow .pg-path-num{display:block;font:400 26px/1 var(--fig);color:var(--gold-ink);margin-bottom:10px}
#view-pinkglow .pg-path h3{font-size:16px;line-height:1.5;margin:0 0 8px}
#view-pinkglow .pg-path li>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .pg-path .pg-path-link{margin-top:auto;padding-top:12px;font-size:12px!important;line-height:1.7!important;color:var(--gold-ink)!important;border-top:1px dashed var(--sp-border)}
#view-pinkglow .pg-path .pg-path-link:empty{display:none}
#view-pinkglow .pg-three{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-pinkglow .pg-three li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 22px 20px;min-width:0}
#view-pinkglow .pg-three h3{font-size:17px;line-height:1.5;margin:0 0 8px}
#view-pinkglow .pg-three li>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .pg-subhead{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-pinkglow .sn-idea{margin-bottom:22px}
#view-pinkglow .pg-portrait-photo img{aspect-ratio:3/4!important;object-fit:cover;object-position:50% 70%!important;background:#f3f3f1}
#view-pinkglow #pg-others .pc-table,#view-pinkglow #pg-ingredients .pc-table{table-layout:fixed}
@media(min-width:761px){#view-pinkglow #pg-others .pc-table tbody th{width:15%}#view-pinkglow #pg-ingredients .pc-table thead td{width:32%}}
@media(max-width:1000px){#view-pinkglow .pg-path{grid-template-columns:1fr}#view-pinkglow .pg-path li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:18px}#view-pinkglow .pg-path li>*{grid-column:2}#view-pinkglow .pg-path-num{grid-column:1!important;grid-row:1/span 3;margin:0}#view-pinkglow .pg-path li+li{border-left:0;border-top:1px solid var(--sp-border)}#view-pinkglow .pg-path li+li::before{left:26px;top:-7px;transform:rotate(135deg)}}
@media(max-width:900px){#view-pinkglow .pg-three{grid-template-columns:1fr}}
@media(max-width:760px){#view-pinkglow #pg-others .pc-table,#view-pinkglow #pg-ingredients .pc-table{table-layout:auto}}
@media(max-width:600px){#view-pinkglow .pc-point{grid-template-columns:1fr;gap:12px;align-items:start}#view-pinkglow .pc-point-face{width:72px;height:72px}}
/* Marketing-led layout (2026-09-17): facts beside the hero CTA, scenes, reasons, three options, section-end CTAs. */
#view-pinkglow .sp-hero .sp-actions{margin-bottom:22px}
#view-pinkglow .pg-scenes{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-pinkglow .pg-scenes li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:20px 20px 18px;min-width:0}
#view-pinkglow .pg-scenes li>span{font:400 22px/1.2 var(--latin);color:var(--gold-ink)}
#view-pinkglow .pg-scenes li>p{font-size:16px;line-height:1.75;color:var(--ink);margin:0}
#view-pinkglow .pg-reasons{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-pinkglow .pg-reasons li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 22px 22px;min-width:0}
#view-pinkglow .pg-reasons li>span{display:block;font:400 28px/1 var(--latin);color:var(--gold-ink);margin-bottom:12px}
#view-pinkglow .pg-reasons h3{font-size:18px;line-height:1.5;margin:0 0 10px}
#view-pinkglow .pg-reasons li>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-pinkglow .pg-quote{font-size:22px;line-height:1.6;margin:6px 0 12px}
#view-pinkglow .pg-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:6px}
#view-pinkglow .pg-route{background:#fff;border:1px solid var(--sp-border);padding:24px 22px 20px;min-width:0;display:flex;flex-direction:column}
#view-pinkglow .pg-route h3{font-size:19px;line-height:1.5;margin:4px 0 10px}
#view-pinkglow .pg-route>p:not(.sp-price-category):not(.pg-route-price){font-size:14px;line-height:1.9;color:var(--ink-2);margin-bottom:14px}
#view-pinkglow .pg-route-price{margin-top:auto!important;padding-top:12px;border-top:1px solid var(--sp-border);font:500 17px/1.5 var(--fig);color:var(--ink)}
#view-pinkglow .pg-route .sp-source{margin-top:10px}
#view-pinkglow .pg-cta{margin-top:26px}
#view-pinkglow #pg-ingredients .pc-glance{margin-bottom:26px}
#view-pinkglow #pg-ingredients .sp-disclosure,#view-pinkglow #pg-evidence .sp-disclosure{margin-top:16px}
@media(max-width:900px){#view-pinkglow .pg-scenes,#view-pinkglow .pg-reasons,#view-pinkglow .pg-routes{grid-template-columns:1fr}}
@media(max-width:600px){#view-pinkglow .pg-quote{font-size:19px}#view-pinkglow .pg-scenes li>p{font-size:15px}}
/* What Pink Glow is (2026-09-18) */
#view-pinkglow .pg-inside{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#view-pinkglow .pg-inside li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:18px 16px 16px;min-width:0}
#view-pinkglow .pg-inside h4{font-size:16px;line-height:1.5;margin:0 0 8px;color:var(--ink)}
#view-pinkglow .pg-inside li>p{font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow .pg-compare{margin:0 0 10px;border-top:1px solid var(--sp-border)}
#view-pinkglow .pg-compare>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .pg-compare dt{font-size:15px;font-weight:500;color:var(--ink)}
#view-pinkglow .pg-compare dd{margin:0;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-pinkglow #pg-about .pc-glance{margin-top:6px}
@media(max-width:1000px){#view-pinkglow .pg-inside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-pinkglow .pg-inside{grid-template-columns:1fr}#view-pinkglow .pg-compare>div{grid-template-columns:1fr;gap:4px}}
/* v3 (2026-09-18): product name as the h1, one-line definition, two delivery options */
#view-pinkglow .sp-hero h1{font-size:clamp(40px,5.2vw,60px)}
#view-pinkglow .pg-reassure{font-size:13px;line-height:1.8;color:var(--ink-2);margin-top:-8px}
#view-pinkglow .pg-routes-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-pinkglow .pg-route-doc{font-size:13px!important;color:var(--ink-3)!important;margin:4px 0 0!important}
#view-pinkglow .pg-quote-p{font-family:var(--mincho);font-size:17px!important;line-height:2!important;color:var(--ink)!important}
#view-pinkglow #pg-about .pc-table-wrap{margin-top:4px}
@media(max-width:900px){#view-pinkglow .pg-routes-2{grid-template-columns:1fr}}
/* Melanin illustration with numbered markers (2026-09-18) */
#view-pinkglow .pg-melanin{max-width:none;margin:0 0 18px}
#view-pinkglow .pg-path-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--night);color:#fff;font:500 16px/1 var(--fig);margin-bottom:12px}
/* Three dullness factors, each with its own illustration (2026-09-18) */
#view-pinkglow .pg-three li{padding:0;overflow:hidden}
#view-pinkglow .pg-dull-art{margin:0 0 16px}
#view-pinkglow .pg-dull-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f8f3ee}
#view-pinkglow .pg-three h3{padding:0 22px}
#view-pinkglow .pg-three li>p{padding:0 22px 20px}
/* Consultation fee, compact, below the product prices (2026-09-18) */
#view-pinkglow .pg-consult{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center;margin-top:18px;padding:16px 20px;background:#fff;border:1px solid var(--sp-border)}
#view-pinkglow .pg-consult h3{font-size:15px;margin:0 0 4px}
#view-pinkglow .pg-consult p{font-size:12px!important;line-height:1.8;color:var(--ink-3)!important}
#view-pinkglow .pg-consult dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
#view-pinkglow .pg-consult dl>div{padding:0 12px;min-width:0}
#view-pinkglow .pg-consult dl>div+div{border-left:1px solid var(--sp-border)}
#view-pinkglow .pg-consult dt{font-size:11px;line-height:1.6;color:var(--ink-3);margin-bottom:2px}
#view-pinkglow .pg-consult dd{margin:0;font:500 16px/1.4 var(--fig);color:var(--ink)}
#view-pinkglow .pg-consult dd small{font-size:10px;margin-left:2px;color:var(--ink-3)}
@media(max-width:760px){#view-pinkglow .pg-consult{grid-template-columns:1fr;gap:12px}#view-pinkglow .pg-consult dl{grid-template-columns:1fr}#view-pinkglow .pg-consult dl>div{padding:8px 0;display:flex;justify-content:space-between;align-items:baseline;gap:10px}#view-pinkglow .pg-consult dl>div+div{border-left:0;border-top:1px solid var(--sp-border)}}
/* Patient-eye magazine rework (2026-09-27): pictures beside text-only stretches. Prefix pgx-, this view only. */
#view-pinkglow .pgx-inside{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px;align-items:start;margin:34px 0 18px}
#view-pinkglow .pgx-inside-art{margin:0;position:sticky;top:96px}
#view-pinkglow .pgx-inside-art img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}
#view-pinkglow .pgx-inside-art figcaption{font-size:12.5px;line-height:1.75;color:var(--ink-3);margin-top:10px}
#view-pinkglow .pgx-inside .pg-subhead{margin-top:0}
#view-pinkglow .pgx-inside .pg-inside{grid-template-columns:1fr;gap:0;border-top:1px solid var(--sp-border);margin-bottom:12px}
#view-pinkglow .pgx-inside .pg-inside li{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:18px;align-items:baseline;background:none;border:0;border-bottom:1px solid var(--sp-border);padding:14px 0}
#view-pinkglow .pgx-inside .pg-inside h4{margin:0;font-size:15.5px}
#view-pinkglow .pgx-inside .pg-inside li>p{font-size:14.5px;line-height:1.85;margin:0}
#view-pinkglow .pgx-route-photo{margin:-24px -22px 18px}
#view-pinkglow .pgx-route-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 40%;background:var(--sp-soft)}
#view-pinkglow .pgx-art{margin:0 0 24px}
#view-pinkglow .pgx-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 45%;border:1px solid var(--sp-border)}
#view-pinkglow .pgx-art figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
@media(max-width:900px){#view-pinkglow .pgx-inside{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:24px}#view-pinkglow .pgx-inside-art{position:static}}
@media(max-width:640px){#view-pinkglow .pgx-inside{grid-template-columns:1fr;gap:16px}#view-pinkglow .pgx-inside-art{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}#view-pinkglow .pgx-inside-art figcaption{margin-top:0}#view-pinkglow .pgx-inside .pg-inside li{grid-template-columns:1fr;gap:4px}#view-pinkglow .pgx-route-photo{margin:-24px -22px 16px}#view-pinkglow .pgx-art img{aspect-ratio:16/9}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-pinkglow .pgx-hero-points{margin-top:22px}
#view-pinkglow .pgx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-pinkglow .pgx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-pinkglow .pgx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-pinkglow .pgx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-pinkglow .pgx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-pinkglow .pgx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-pinkglow .pgx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-pinkglow .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-pinkglow .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 clinic: the window-and-vase picture replaces the watercolour; framed as on the redness page so the vase stays whole */
#view-pinkglow .after-vase img{aspect-ratio:11/5;object-position:50% 22%}
@media(max-width:760px){#view-pinkglow .after-vase img{aspect-ratio:16/9;object-position:40% 50%}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-rejuran{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-rejuran .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-rejuran .sp-soft{background:var(--sp-soft)}
#view-rejuran .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-rejuran .sp-heading{margin-bottom:26px;max-width:46em}
#view-rejuran .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-rejuran .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-rejuran .sp-heading .sp-kicker{margin-top:0}
#view-rejuran .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-rejuran .sp-note a,#view-rejuran .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rejuran .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-rejuran .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-rejuran .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-rejuran .crumbs span::before{content:none}
#view-rejuran .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-rejuran .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-rejuran .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-rejuran .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-rejuran .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-rejuran .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-rejuran .sp-hero-trust a{margin-top:7px}
#view-rejuran .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-rejuran .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-rejuran .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-rejuran .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-rejuran .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-rejuran .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-rejuran .sp-nav a{flex-shrink:0}
#view-rejuran .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-rejuran .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-rejuran .sp-nav a:hover{color:var(--gold-ink)}
#view-rejuran .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rejuran .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-rejuran .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-rejuran .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-rejuran .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-rejuran .sp-type-body{padding:21px 22px 22px}
#view-rejuran .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-rejuran .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-rejuran .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-rejuran .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-rejuran .sp-type .sp-source{margin-top:12px}
#view-rejuran .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-rejuran .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-rejuran .sp-case-head{padding:20px 22px 16px}
#view-rejuran .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-rejuran .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-rejuran .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-rejuran .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-rejuran .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-rejuran .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-rejuran .sp-case-body{padding:18px 22px 22px}
#view-rejuran .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-rejuran .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-rejuran .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-rejuran .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-rejuran .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-rejuran .sp-case-body .sp-source{margin-top:14px}
#view-rejuran .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-rejuran .sp-case-details>summary{min-height:48px}
#view-rejuran .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-rejuran .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-rejuran .sp-approach-list{display:grid;gap:0}
#view-rejuran .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sp-approach-item:first-child{padding-top:0}
#view-rejuran .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-rejuran .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-rejuran .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-rejuran .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-rejuran .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-rejuran .sp-doctor h3{font-size:21px;line-height:1.5}
#view-rejuran .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-rejuran .sp-doctor .sp-source{white-space:nowrap}
#view-rejuran .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-rejuran .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-rejuran .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-rejuran .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-rejuran .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-rejuran .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-rejuran .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sp-expertise-facts>div:first-child{padding-top:0}
#view-rejuran .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-rejuran .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-rejuran .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-rejuran .sp-expertise-grid figure{max-width:480px}
 #view-rejuran .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-rejuran .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-rejuran .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-rejuran .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-rejuran .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-rejuran .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-rejuran .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-rejuran .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-rejuran .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-rejuran .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-rejuran .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-rejuran .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-rejuran .sp-disclosure>summary::after{content:'＋';flex:none}
#view-rejuran .sp-disclosure[open]>summary::after{content:'−'}
#view-rejuran .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .sp-disclosure-content p+p{margin-top:12px}
#view-rejuran .sp-approval-list{display:grid;gap:10px}
#view-rejuran .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-rejuran .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-rejuran .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-rejuran .sp-price-intro>div{flex:1 1 320px}
#view-rejuran .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-rejuran .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-rejuran .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-rejuran .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-rejuran .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-rejuran .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-rejuran .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-rejuran .sp-price-heading{margin-bottom:16px}
#view-rejuran .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-rejuran .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-rejuran .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-rejuran .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-rejuran .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-rejuran .sp-price .sp-yen{display:block;margin:0}
#view-rejuran .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-rejuran .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-rejuran .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-rejuran .sp-price-list{margin-top:8px}
#view-rejuran .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-rejuran .sp-price-list dt{min-width:0}
#view-rejuran .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-rejuran .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rejuran .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-rejuran .sp-flow-head{display:block;margin-bottom:14px}
#view-rejuran .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-rejuran .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-rejuran .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-rejuran .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-rejuran .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-rejuran .sp-recovery>div:last-child{border-right:0}
#view-rejuran .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-rejuran .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-rejuran .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .sp-risk-details{margin-top:22px}
#view-rejuran .sp-faq{margin-inline:0}
#view-rejuran .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-rejuran .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-rejuran .sp-tech h3{font-size:22px;line-height:1.6}
#view-rejuran .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-rejuran .sp-tech h3+p{margin-top:10px}
#view-rejuran .sp-video>summary{cursor:pointer;list-style:none}
#view-rejuran .sp-video>summary::-webkit-details-marker{display:none}
#view-rejuran .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rejuran .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-rejuran .sp-flow-text{display:block;margin-top:12px}
#view-rejuran .sp-video-body{padding-bottom:16px}
#view-rejuran .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-rejuran .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-rejuran .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-rejuran .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-rejuran .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-rejuran .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-rejuran .sp-tech>img{width:76px;height:99px}
 #view-rejuran .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-rejuran .sp-homecare>img{max-height:220px}
}
#view-rejuran .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-rejuran .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-rejuran .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-rejuran .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-rejuran .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-rejuran .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-rejuran .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-rejuran .sp-final .btn{font-size:14px}
#view-rejuran .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-rejuran :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-rejuran .sp-devices{grid-template-columns:1fr}
  #view-rejuran .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-rejuran .sp-device-head{margin-bottom:0}
  #view-rejuran .sp-device .sp-disclosure{grid-column:1/-1}
  #view-rejuran .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-rejuran .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-rejuran .sp-doctor>img{width:90px;height:100px}
  #view-rejuran .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-rejuran .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-rejuran .sp-hero h1{font-size:32px}
  #view-rejuran .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-rejuran .sp-hero-lead{margin-top:17px}
  #view-rejuran .sp-hero-photo img{aspect-ratio:16/9}
  #view-rejuran .sp-hero-photo figcaption{font-size:12px}
  #view-rejuran .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-rejuran .sp-types,#view-rejuran .sp-cases,#view-rejuran .sp-approach,#view-rejuran .sp-prices{grid-template-columns:1fr}
  #view-rejuran .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-rejuran .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-rejuran .sp-type-body{padding:19px 20px}
  #view-rejuran .sp-type h3{font-size:20px}
  #view-rejuran .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-rejuran .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-rejuran .sp-approach{gap:24px}
  #view-rejuran .sp-approach-image img{max-height:260px}
  #view-rejuran .sp-recovery{grid-template-columns:1fr}
  #view-rejuran .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-rejuran .sp-recovery>div:last-child{border-bottom:0}
  #view-rejuran .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-rejuran .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-rejuran .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-rejuran .sp-hero h1{font-size:29px}
  #view-rejuran .sp-actions{align-items:stretch}
  #view-rejuran .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-rejuran .sp-type{grid-template-columns:1fr}
  #view-rejuran .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-rejuran .sp-type-art img{max-height:130px}
  #view-rejuran .sp-layer-labels{justify-content:center;gap:26px}
  #view-rejuran .sp-type-body{padding:19px 20px}
  #view-rejuran .sp-case-head,#view-rejuran .sp-case-body{padding-inline:18px}
  #view-rejuran .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-rejuran .sp-case-photos{padding-inline:10px;gap:4px}
  #view-rejuran .sp-device{display:block;padding:20px}
  #view-rejuran .sp-device-head{margin-bottom:14px}
  #view-rejuran .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-rejuran .sp-flow>li{padding:18px 20px}
  #view-rejuran .sp-flow-head{margin-bottom:10px}
  #view-rejuran .sp-price{padding:22px}
  #view-rejuran .sp-price-intro{padding:20px}
  #view-rejuran .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-rejuran .sp-price-list dd{flex-basis:100%}
  #view-rejuran .sp-doctor{gap:14px}
  #view-rejuran .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-rejuran :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-rejuran .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-rejuran .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-rejuran .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-rejuran .sp-entry-link:first-child{padding-left:0}
#view-rejuran .sp-entry-link:last-child{border-right:0}
#view-rejuran .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-rejuran .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-rejuran .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-rejuran .sp-entry-link:hover{background:var(--sp-soft)}
#view-rejuran .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-rejuran .sp-consult h3{font-size:24px;line-height:1.65}
#view-rejuran .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-rejuran .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-rejuran .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-rejuran .sp-consult .sp-note{margin-top:7px}
#view-rejuran #s-doctor-section{padding-top:58px}
#view-rejuran #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-rejuran .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-rejuran .sp-expertise-grid figure{align-self:center}
#view-rejuran .sp-expertise-facts dt{font-size:16px}
#view-rejuran .sp-expertise-facts dd{font-size:14px}
#view-rejuran .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-rejuran .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-rejuran .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-rejuran .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .sp-flow{list-style:none;padding:0}
#view-rejuran .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-rejuran .sp-flow-head img,#view-rejuran .sp-video video{border:1px solid var(--sp-border)}
#view-rejuran .sp-recovery{border:0}
#view-rejuran .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-rejuran .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-rejuran .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-rejuran .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-rejuran .sp-visit-info a{color:var(--on-night)}
#view-rejuran a:focus-visible,#view-rejuran summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-rejuran .sp-entry-links{grid-template-columns:1fr}
 #view-rejuran .sp-entry-link,#view-rejuran .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-rejuran .sp-entry-link:last-child{border-bottom:0}
 #view-rejuran .sp-entry-link strong{font-size:18px}
 #view-rejuran .sp-entry-link span span{margin-top:3px}
 #view-rejuran .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-rejuran .sp-consult h3{font-size:22px}
 #view-rejuran .sp-consult ul{display:block}
 #view-rejuran .sp-consult li{margin-top:6px}
 #view-rejuran .sp-consult .btn{width:100%}
 #view-rejuran .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-rejuran .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-rejuran .sp-recovery>div::before{top:4px;left:-5px}
 #view-rejuran .sp-recovery>div:last-child{padding-bottom:0}
 #view-rejuran .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-rejuran *{scroll-behavior:auto;transition:none}}

#view-rejuran .sp-type-art img{max-height:145px}
#view-rejuran .sp-type-body{padding:20px}
#view-rejuran .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-rejuran .sp-price>p.sp-price-unit,#view-rejuran .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-rejuran .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-rejuran .sp-price{padding:26px 0}
 #view-rejuran .sp-price-description{margin-bottom:20px}
 #view-rejuran .sp-price>.sp-note{min-height:0}
 #view-rejuran .sp-price h3{font-size:23px}
 #view-rejuran .sp-price .sp-yen{font-size:20px}
 #view-rejuran .sp-price-intro{padding:22px;gap:16px}
 #view-rejuran .sp-price-intro>div{flex-basis:100%}
}

#view-rejuran .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-rejuran .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sp-consult-fees>div:last-child{border-bottom:0}
#view-rejuran .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-rejuran .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-rejuran .sp-consult-fees{flex-basis:100%}#view-rejuran .sp-consult-fees dd{font-size:21px}#view-rejuran .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-rejuran .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-rejuran .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-rejuran .sp-price-intro{padding:20px 18px;gap:18px}
 #view-rejuran .sp-consult-fees{flex-basis:100%;width:100%}
 #view-rejuran .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-rejuran .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-rejuran .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-rejuran .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-rejuran .sp-fee-period::before{content:none}
 html[lang="en"] #view-rejuran .sp-fee-period{white-space:normal;font-size:14px}
 #view-rejuran .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-rejuran .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-rejuran .sp-prices{gap:16px;border:0}
 #view-rejuran .sp-price,#view-rejuran .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-rejuran .sp-price-heading{order:0;margin-bottom:14px}
 #view-rejuran .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-rejuran .sp-price h3{font-size:22px;letter-spacing:0}
 #view-rejuran .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-rejuran .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-rejuran .sp-price .sp-price-unit{font-size:12px}
 #view-rejuran .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-rejuran .sp-price>.sp-note{order:3;margin-top:10px}
 #view-rejuran .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-rejuran .sp-price,#view-rejuran .sp-price+.sp-price{padding:20px 16px}
 #view-rejuran .sp-price h3{font-size:20px}
 #view-rejuran .sp-price .sp-yen{font-size:20px}
 #view-rejuran .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-rejuran .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-rejuran .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-rejuran .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-rejuran .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-rejuran .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-rejuran .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-rejuran .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-rejuran .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-rejuran .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-rejuran .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-rejuran .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-rejuran .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-rejuran .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-rejuran .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-rejuran .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-rejuran .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-rejuran .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-rejuran .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-rejuran .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-rejuran .sp-entry-hint{margin:8px 0 22px}
#view-rejuran .sp-entry-links{gap:14px;border:0}
#view-rejuran .sp-entry-link,#view-rejuran .sp-entry-link:first-child,#view-rejuran .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-rejuran .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-rejuran .sp-entry-link:hover,#view-rejuran .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-rejuran .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-rejuran .sp-entry-copy{min-width:0}
#view-rejuran .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-rejuran .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-rejuran .sp-entry-question{font-size:22px}
 #view-rejuran .sp-entry-link,#view-rejuran .sp-entry-link:first-child,#view-rejuran .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-rejuran .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-rejuran .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-rejuran .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .sp-anes{margin-top:10px}
#view-rejuran .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-rejuran .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-rejuran .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-rejuran .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-rejuran .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-rejuran .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-rejuran .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-rejuran .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-rejuran .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-rejuran .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-rejuran .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-rejuran .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-rejuran .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-rejuran .hg-head>div{min-width:0}
#view-rejuran .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-rejuran .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-rejuran .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-rejuran .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-rejuran .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-rejuran .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-rejuran .hg-menu-photo{margin:0}
#view-rejuran .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-rejuran .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-rejuran .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-rejuran .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-rejuran .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-rejuran .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-rejuran .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-rejuran .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rejuran .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-rejuran .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rejuran .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-rejuran .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-rejuran .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-rejuran .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-rejuran .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-rejuran .hg-menu-note{margin:14px 0 0}
#view-rejuran .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-rejuran .hg-menu-links-label{margin-right:4px}
#view-rejuran .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-rejuran .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-rejuran .hg-menu-fees{gap:8px}#view-rejuran .hg-fee{padding:14px 14px 12px}#view-rejuran .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-rejuran .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-rejuran .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-rejuran .hg-menu-range{margin:14px 0 0}
#view-rejuran .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-rejuran .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-rejuran .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-rejuran .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-rejuran .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-rejuran .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-rejuran .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-rejuran .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-rejuran .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-rejuran .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-rejuran .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-rejuran .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-rejuran .cg-card{padding:0;background:transparent;border:0}
#view-rejuran .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-rejuran .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-rejuran .cg-card .case-image{margin:0}
#view-rejuran .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-rejuran .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-rejuran .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-rejuran .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-rejuran .cg-details summary:hover{color:var(--gold-ink)}
#view-rejuran .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-rejuran .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-rejuran .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-rejuran .cg-details dt{padding-top:13px}
#view-rejuran .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-rejuran .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-rejuran .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-rejuran .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-rejuran .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-rejuran .sp-section .dn-gallery,#view-rejuran .sp-section .sw-gallery,#view-rejuran .sp-section .pc-lecture-figs,#view-rejuran .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .sp-section .sw-interview,#view-rejuran .sp-section .ul-doctor-grid,#view-rejuran .sp-section .sv-doctor-hero,#view-rejuran .sp-section .wrx-evidence,#view-rejuran .sp-section .uex-evidence,#view-rejuran .sp-section .ml-doctor-grid,#view-rejuran .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-rejuran .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-rejuran .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-rejuran .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-rejuran .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-rejuran .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-rejuran .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-rejuran .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-rejuran .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-rejuran .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-rejuran .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-rejuran .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-rejuran .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .hgd-svg{display:block;width:100%;height:auto}
#view-rejuran .hgd-sp{display:none}
#view-rejuran .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-rejuran .hgd-layer{font-size:30px}
#view-rejuran .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-rejuran .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-rejuran .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-rejuran .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-rejuran .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-rejuran .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-rejuran .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-rejuran .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-rejuran .hgd-art{opacity:.92}
#view-rejuran .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-rejuran .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-rejuran .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-rejuran .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-rejuran .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-rejuran .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-rejuran .hgd-layer{font-size:25px}
html[lang^="en"] #view-rejuran .hgd-sub{font-size:19px}
html[lang^="en"] #view-rejuran .hgd-br{font-size:27px}
#view-rejuran .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-rejuran .hgd-pc .hgd-layer{font-size:38px}
 #view-rejuran .hgd-pc .hgd-sub{font-size:30px}
 #view-rejuran .hgd-pc .hgd-name{font-size:42px}
 #view-rejuran .hgd-pc .hgd-kind{font-size:31px}
 #view-rejuran .hgd-pc .hgd-br{font-size:36px}
 #view-rejuran .hgd-pc .hgd-mm{font-size:40px}
 #view-rejuran .hgd-pc .hgd-note{font-size:26px}
 #view-rejuran .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-rejuran .hg-lineup img{width:72px;height:72px}
 #view-rejuran .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-rejuran .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-rejuran .hg-lineup,#view-rejuran .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-rejuran .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-rejuran .hg-lineup img{width:56px;height:56px}
 #view-rejuran .hg-lineup figcaption{padding:7px 8px}
 #view-rejuran .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-rejuran .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-rejuran .hg-lineup figcaption small{font-size:10.5px}
 #view-rejuran .hgd-pc{display:none}
 #view-rejuran .hgd-sp{display:block}
 #view-rejuran .hgd-layer,#view-rejuran .hgd-name,#view-rejuran .hgd-br,#view-rejuran .hgd-mm{font-size:34px}
 #view-rejuran .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-rejuran .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-rejuran .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-rejuran .hgd-layer{font-size:30px}
 #view-rejuran .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-rejuran .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-rejuran. */
#view-rejuran .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rejuran .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-rejuran .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-rejuran .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-rejuran .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-rejuran .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-rejuran .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-rejuran .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-rejuran .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-rejuran .pc-table th,#view-rejuran .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-rejuran .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-rejuran .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-rejuran .pc-table tbody tr:last-child th,#view-rejuran .pc-table tbody tr:last-child td{border-bottom:0}
#view-rejuran .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-rejuran .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-rejuran .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-rejuran .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-rejuran .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-rejuran .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-rejuran .pc-point-face{width:92px;height:92px}}
#view-rejuran .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-rejuran .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-rejuran .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rejuran .pc-explain p+p{margin-top:12px}
#view-rejuran .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rejuran .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-rejuran .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-rejuran .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rejuran .pc-books h3{font-size:18px;margin-bottom:12px}
#view-rejuran .pc-books ul{list-style:none;padding:0;margin:0}
#view-rejuran .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-rejuran .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-rejuran .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rejuran .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-rejuran .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-rejuran .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-rejuran .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-rejuran .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-rejuran .pc-tag{margin:0}
#view-rejuran .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-rejuran .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-rejuran .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-rejuran .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-rejuran .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-rejuran .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-rejuran .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-rejuran .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-rejuran .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-rejuran .pc-approval>div:last-child{border-bottom:0}
#view-rejuran .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-rejuran .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-rejuran .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-rejuran .pc-glance,#view-rejuran .pc-modes{grid-template-columns:1fr}#view-rejuran .pc-explain{grid-template-columns:1fr}#view-rejuran .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-rejuran .pc-concern-links{grid-template-columns:1fr}#view-rejuran .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-rejuran .pc-books,#view-rejuran .pc-quote,#view-rejuran .pc-point{padding:20px}#view-rejuran .pc-glance-num span{font-size:32px}#view-rejuran .pc-table{font-size:13px}#view-rejuran .pc-table th,#view-rejuran .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-rejuran .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-rejuran .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-rejuran .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-rejuran .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-rejuran .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-rejuran .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-rejuran .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-rejuran .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-rejuran .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-rejuran .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-rejuran .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-rejuran .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-rejuran .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-rejuran .pc-video{margin:0 0 28px;max-width:820px}
#view-rejuran .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-rejuran .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-rejuran .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-rejuran .pc-lasers-media .pc-video,#view-rejuran .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-rejuran .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-rejuran .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-rejuran .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-rejuran .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-rejuran .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-rejuran .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-rejuran .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-rejuran .pc-hero-video .sp-video{margin:0}
#view-rejuran .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-rejuran .pc-cell-label{display:none}
@media(max-width:760px){
#view-rejuran .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-rejuran .pc-table{min-width:0;display:block;font-size:14px}
#view-rejuran .pc-table caption{display:block;padding:0 0 10px}
#view-rejuran .pc-table thead{display:none}
#view-rejuran .pc-table tbody{display:block}
#view-rejuran .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-rejuran .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-rejuran .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-rejuran .pc-table tr td:last-child{border-bottom:0}
#view-rejuran .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-rejuran .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-rejuran .pc-cell-value{display:block;line-height:1.75}
}
#view-rejuran .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-rejuran .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-rejuran .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-rejuran .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-rejuran .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-rejuran .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rejuran .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rejuran .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-rejuran .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-rejuran .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-rejuran .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-rejuran .pcx-video{margin:0 0 26px;max-width:780px}
#view-rejuran .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-rejuran .pcx-table-details{margin-top:18px}
#view-rejuran .pcx-table-details .pc-table-wrap{margin-top:0}
#view-rejuran .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-rejuran .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-rejuran .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rejuran #pc-lasers .pc-point{margin-top:40px}
#view-rejuran .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-rejuran .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-rejuran .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-rejuran .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-rejuran .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-rejuran .pcx-case-hint{margin-top:6px}
#view-rejuran #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-rejuran .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-rejuran .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-rejuran .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-rejuran .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-rejuran .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-rejuran .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-rejuran .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-rejuran .pcx-hero-points{margin-top:22px}
#view-rejuran .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rejuran .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-rejuran .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-rejuran .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-rejuran .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-rejuran .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-rejuran .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rejuran .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-rejuran .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-rejuran .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-rejuran .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-rejuran .pcx-mode-art img{display:block;width:100%;height:auto}
#view-rejuran .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-rejuran .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-rejuran .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-rejuran .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-rejuran .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-rejuran .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-rejuran .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-rejuran .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-rejuran .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-rejuran .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-rejuran .pcx-case-sep{display:none}
  #view-rejuran .pcx-case-name{display:block}
  #view-rejuran .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-rejuran .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-rejuran .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-rejuran .pcx-diff-changed{border-top-color:var(--gold)}
#view-rejuran .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-rejuran .pcx-diff-card dl{margin:0}
#view-rejuran .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-rejuran .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-rejuran .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-rejuran .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-rejuran .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-rejuran .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-rejuran .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-rejuran .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-rejuran .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-rejuran .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-rejuran .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-rejuran .pcx-history>li:last-child{padding-bottom:0}
#view-rejuran .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-rejuran .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-rejuran .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-rejuran .pcx-h-tag{margin:0 0 4px}
#view-rejuran .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-rejuran .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-rejuran .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-rejuran .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-rejuran .pcx-history-wrap>.sp-note{margin-top:20px}
#view-rejuran #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-rejuran .pcx-diff{grid-template-columns:1fr}
 #view-rejuran .pcx-diff-card{padding:18px 16px 14px}
 #view-rejuran .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-rejuran .pcx-depth{padding:16px}
 #view-rejuran .pcx-history::before{left:3.4em}
 #view-rejuran .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-rejuran .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-rejuran .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-rejuran .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-rejuran .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-rejuran .pcx-h-photo{margin:4px 0 0}
#view-rejuran .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-rejuran .pcx-h-device .pcx-h-photo img,#view-rejuran #pc-history .pcx-h-photo img[src*="picosure-"],#view-rejuran #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-rejuran .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-rejuran .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-rejuran .pcx-h-photo{max-width:360px}}

/* Sunekos Performa page: added on top of the spots CSS and the PicoSure Pro CSS, both re-scoped to #view-rejuran at build time. */
#view-rejuran .sn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f0ee}
#view-rejuran .sn-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-rejuran .pc-point-face img{object-position:50% 30%}
#view-rejuran .sn-ecm{display:grid;grid-template-columns:1fr;gap:18px}
#view-rejuran .sn-diagram{margin:0 auto;width:100%;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .sn-ecm-art{position:relative}
#view-rejuran .sn-ecm-art img{display:block;width:100%;height:auto}
#view-rejuran .sn-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:#fff;font:500 15px/1 var(--fig);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media(max-width:600px){#view-rejuran .sn-marker{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}}
#view-rejuran .sn-diagram figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-rejuran .sn-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-rejuran .sn-legend li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .sn-legend li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-rejuran .sn-legend h3{font-size:16px;line-height:1.5;margin:0}
#view-rejuran .sn-legend-sub{font-size:12px!important;color:var(--gold-ink)!important;margin:2px 0 4px!important;letter-spacing:.04em}
#view-rejuran .sn-legend p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .sn-idea{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 26px}
#view-rejuran .sn-idea h3{font-size:18px;margin-bottom:10px}
#view-rejuran .sn-idea p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rejuran .sn-idea p+p{margin-top:10px}
#view-rejuran .sn-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-rejuran .sn-ingredients .pc-device-photo{margin:0}
#view-rejuran .sn-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f3f3f1}
#view-rejuran .sn-spec{margin:0}
#view-rejuran .sn-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-rejuran .sn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-rejuran .sn-paper{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0;display:flex;flex-direction:column}
#view-rejuran .sn-paper-kind{display:inline-block;align-self:flex-start;font-size:12px!important;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)!important;border-radius:2px;margin-bottom:10px}
#view-rejuran .sn-paper h3{font-family:var(--latin);font-size:16px;line-height:1.5;margin-bottom:6px}
#view-rejuran .sn-paper-cite{font-size:12px!important;color:var(--ink-3)!important;line-height:1.7;margin-bottom:10px}
#view-rejuran .sn-paper>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .sn-paper .sp-source{margin-top:auto;padding-top:10px}
@media(max-width:900px){#view-rejuran .sn-ecm,#view-rejuran .sn-ingredients,#view-rejuran .sn-papers{grid-template-columns:1fr}}
@media(max-width:760px){#view-rejuran .sn-spec>div{grid-template-columns:1fr}#view-rejuran .sn-idea{padding:20px}#view-rejuran .sn-legend li{padding:12px 14px}}
@media(max-width:900px){#view-rejuran .sn-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-rejuran .sn-legend{grid-template-columns:1fr}}
#view-rejuran .pc-table thead th{white-space:normal}
#view-rejuran #sn-others .pc-table{table-layout:fixed}
#view-rejuran #sn-others .pc-table tbody th{width:16%}
@media(max-width:760px){#view-rejuran #sn-others .pc-table{table-layout:auto}}
/* 2026-09-18 concern-led layout */
#view-rejuran .sn-hero-points{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#view-rejuran .sn-hero-points li{font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--gold);color:var(--gold-ink);background:#fff;border-radius:999px}
#view-rejuran .sn-hero-note{font-size:13px!important;color:var(--ink-3)!important;margin-top:12px}
#view-rejuran .sn-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-rejuran .sn-signs article{background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold);padding:18px 20px}
#view-rejuran .sn-signs h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-rejuran .sn-signs p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .sn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-rejuran .sn-why article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 20px}
#view-rejuran .sn-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-rejuran .sn-why h3{font-size:17px;line-height:1.55;margin-bottom:8px}
#view-rejuran .sn-why p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .sn-course{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#view-rejuran .sn-course li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 14px}
#view-rejuran .sn-course li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:26px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);z-index:1}
#view-rejuran .sn-course-when b{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;background:var(--night);color:#fff;border-radius:2px;margin-bottom:8px}
#view-rejuran .sn-course li:last-child .sn-course-when b{background:var(--gold)}
#view-rejuran .sn-course h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-rejuran .sn-course p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .sn-path{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;margin-bottom:24px}
#view-rejuran .sn-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-rejuran .sn-path li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 16px;background:#f7f6f3}
#view-rejuran .sn-path li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-rejuran .sn-path li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
#view-rejuran .sn-path h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-rejuran .sn-path li p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .sn-path-goal{margin-top:14px;padding:14px 16px;background:var(--night);color:#fff;text-align:center}
#view-rejuran .sn-path-label{display:inline-block;font-size:12px!important;padding:2px 10px;border:1px solid rgba(255,255,255,.6);color:#fff!important;border-radius:2px;margin-bottom:6px}
#view-rejuran .sn-path-goal p:last-child{font-size:15px;line-height:1.8;color:#fff}
#view-rejuran #sn-ecm .sp-disclosure{max-width:880px;margin:12px auto 0;width:100%}
#view-rejuran .sn-choose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-rejuran .sn-choose article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column}
#view-rejuran .sn-choose article.sn-choose-this{border:2px solid var(--gold)}
#view-rejuran .sn-choose-q{font-size:13px!important;line-height:1.6;color:var(--ink-3)!important;margin-bottom:8px}
#view-rejuran .sn-choose h3{font-size:17px;margin-bottom:6px}
#view-rejuran .sn-choose article>p:not(.sn-choose-q){font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-rejuran .sn-choose .sp-source{margin-top:auto;padding-top:10px}
#view-rejuran .sn-cta{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 24px;margin:24px 0 0}
#view-rejuran .sn-cta p{font-size:15px}
#view-rejuran #sn-ingredients .pc-glance{margin-bottom:24px}
#view-rejuran #sn-ingredients .sp-disclosure,#view-rejuran #sn-others .sp-disclosure{margin-top:12px}
@media(max-width:900px){#view-rejuran .sn-why,#view-rejuran .sn-path ol{grid-template-columns:1fr}#view-rejuran .sn-path li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-12px;transform:rotate(135deg)}#view-rejuran .sn-choose{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .sn-course{grid-template-columns:1fr}#view-rejuran .sn-course li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-9px;transform:rotate(135deg)}}
@media(max-width:600px){#view-rejuran .sn-signs,#view-rejuran .sn-fit,#view-rejuran .sn-choose{grid-template-columns:1fr}#view-rejuran .sn-cta{padding:18px}#view-rejuran .sn-cta .sp-actions{width:100%}#view-rejuran .sn-path{padding:18px}}
#view-rejuran .sn-amino-art{margin:28px auto 24px}
#view-rejuran .sn-amino-art img{display:block;width:100%;height:auto}
/* Ingredient figures: a compact strip (user request 2026-09-18). Three across even on phones. */
#view-rejuran .sn-glance-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#view-rejuran .sn-glance-sm .pc-glance-card{padding:14px 16px 12px}
#view-rejuran .sn-glance-sm .pc-glance-num{margin:0 0 4px;gap:4px}
#view-rejuran .sn-glance-sm .pc-glance-num span{font-size:26px}
#view-rejuran .sn-glance-sm .pc-glance-num small{font-size:11px;letter-spacing:.04em}
#view-rejuran .sn-glance-sm .pc-glance-card h3{font-size:14px;line-height:1.5;margin-bottom:2px}
#view-rejuran .sn-glance-sm .pc-glance-card p:last-child{font-size:12px;line-height:1.7}
@media(max-width:600px){#view-rejuran .sn-glance-sm{gap:6px}#view-rejuran .sn-glance-sm .pc-glance-card{padding:10px 8px}#view-rejuran .sn-glance-sm .pc-glance-num span{font-size:21px}#view-rejuran .sn-glance-sm .pc-glance-num{flex-wrap:wrap}#view-rejuran .sn-glance-sm .pc-glance-card h3{font-size:12px}#view-rejuran .sn-glance-sm .pc-glance-card p:last-child{font-size:11px;line-height:1.6}}

/* "こんなお悩みに": two-column comparison panel (2026-09-18). Tokens only. */
#view-rejuran .sn-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .sn-fit-col{padding:28px 32px 22px;min-width:0}
#view-rejuran .sn-fit-yes{box-shadow:inset 0 3px 0 var(--gold)}
#view-rejuran .sn-fit-other{border-left:1px solid var(--sp-border);background:var(--sp-soft)}
#view-rejuran .sn-fit-kicker{font:500 11px/1 var(--latin)!important;letter-spacing:.2em;color:var(--gold-ink)!important;margin:0 0 10px!important}
#view-rejuran .sn-fit-other .sn-fit-kicker{color:var(--ink-3)!important}
#view-rejuran .sn-fit h3{font-size:19px;line-height:1.5;margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sn-fit-list{list-style:none;margin:0;padding:0}
#view-rejuran .sn-fit-list li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sn-fit-list li:last-child{border-bottom:0;padding-bottom:4px}
#view-rejuran .sn-fit-main{display:block;font-size:15px;line-height:1.7;color:var(--ink)}
#view-rejuran .sn-fit-sub{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:3px}
#view-rejuran .sn-fit-sub::before{content:'→ '}
#view-rejuran .sn-fit-yes li::before{content:'';position:absolute;left:5px;top:20px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-rejuran .sn-fit-other li::before{content:'';position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink-3)}
@media(max-width:760px){#view-rejuran .sn-fit{grid-template-columns:1fr}#view-rejuran .sn-fit-col{padding:22px 20px 16px}#view-rejuran .sn-fit-other{border-left:0;border-top:1px solid var(--sp-border)}#view-rejuran .sn-fit h3{font-size:17px}}

/* 2026-09-27 magazine-style reading (patient-eye rework). Prefix sux- is unique to this page: this file is also copied
   into the skin, rejuran, skinvive, pluryal, pinkglow and babyderm views, where these classes are not used. */
#view-rejuran .sux-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-rejuran .sux-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rejuran .sux-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rejuran .sux-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-rejuran .sux-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rejuran .sux-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;margin-bottom:26px}
#view-rejuran .sux-lead .sp-heading{margin-bottom:0}
#view-rejuran .sux-figure{margin:0;min-width:0}
#view-rejuran .sux-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-rejuran .sux-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-rejuran .sux-path-art{max-width:640px;margin:0 auto 20px}
#view-rejuran .sux-path-art img{aspect-ratio:3/2;object-fit:contain;background:#fff}
#view-rejuran .sux-banner{margin:0 0 24px}
#view-rejuran .sux-banner img{aspect-ratio:3/1;object-position:50% 60%}
#view-rejuran .sux-papers-more{margin-top:18px}
#view-rejuran .sux-papers-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:900px){#view-rejuran .sux-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .sux-lead{grid-template-columns:1fr;gap:20px}#view-rejuran .sux-lead .sux-figure{max-width:560px}}
@media(max-width:560px){#view-rejuran .sux-quick{grid-template-columns:minmax(0,1fr)}#view-rejuran .sux-banner img{aspect-ratio:2/1}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-rejuran .sux-hero-points{margin-top:22px}
#view-rejuran .sux-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rejuran .sux-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-rejuran .sux-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-rejuran .sux-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-rejuran .sux-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-rejuran .sux-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-rejuran .sux-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-rejuran .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-rejuran .sp-heading h2>.sp-h2-main{display:block}

/* Rejuran page (v3, 2026-09-18): added on top of the spots, PicoSure Pro and Sunekos CSS, all re-scoped to #view-rejuran at build time. */

/* CTA used between sections */
#view-rejuran .rj-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px;padding:22px 26px;background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold)}
#view-rejuran .rj-cta>p{font-size:16px;line-height:1.8;color:var(--ink);max-width:34em;margin:0}

/* Who it's for */
#view-rejuran .rj-for{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-rejuran .rj-for li{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);padding:24px 20px 18px}
#view-rejuran .rj-for-num{font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:14px}
#view-rejuran .rj-for h3{font-size:18px;line-height:1.5;margin-bottom:8px}
#view-rejuran .rj-for p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .rj-for .rj-for-to{margin-top:auto;padding-top:12px;border-top:1px dashed var(--sp-border);font-size:13.5px;color:var(--gold-ink);font-weight:500}

/* PN and PDRN */
#view-rejuran .rj-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-rejuran .rj-pn-card{background:#fff;border:1px solid var(--sp-border);padding:26px 26px 22px;display:flex;flex-direction:column}
#view-rejuran .rj-pn-tag{align-self:flex-start;font-size:12px!important;padding:3px 12px;border-radius:999px;background:var(--night);color:#fff!important;margin-bottom:12px}
#view-rejuran .rj-pn-pdrn .rj-pn-tag{background:var(--gold)}
#view-rejuran .rj-pn-card h3{font-size:21px;line-height:1.45;margin-bottom:14px}
#view-rejuran .rj-chain{display:flex;gap:5px;align-items:center;height:24px;margin-bottom:16px}
#view-rejuran .rj-chain i{display:block;width:16px;height:16px;border-radius:50%;background:var(--night);opacity:.85}
#view-rejuran .rj-chain i:nth-child(even){background:var(--gold);transform:translateY(4px)}
#view-rejuran .rj-pn-pdrn .rj-chain i{background:var(--gold)}
#view-rejuran .rj-pn-pdrn .rj-chain i:nth-child(even){background:var(--night)}
#view-rejuran .rj-pn-card ul{margin:0 0 14px;padding-left:1.1em}
#view-rejuran .rj-pn-card li{font-size:15px;line-height:1.85;color:var(--ink-2);margin-bottom:4px}
#view-rejuran .rj-pn-use{margin-top:auto!important;padding:12px 14px;background:#f7f6f3;font-size:14px!important;line-height:1.7;color:var(--ink)!important}

/* Types */
#view-rejuran .rj-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#view-rejuran .rj-type{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);border-top:3px solid var(--gold)}
#view-rejuran .rj-type-photo{margin:0;background:#fff;border-bottom:1px solid var(--sp-border);aspect-ratio:1/1;display:grid;place-items:center;padding:10px}
#view-rejuran .rj-type-photo{position:relative;overflow:hidden}
#view-rejuran .rj-type-photo img{position:absolute;inset:10px;display:block;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
#view-rejuran .rj-type-body{padding:16px 16px 14px}
#view-rejuran .rj-type:last-child{border-top-color:var(--gold)}
#view-rejuran .rj-type-cat{font-size:12px!important;color:var(--gold-ink)!important;letter-spacing:.06em;margin-bottom:4px}
#view-rejuran .rj-type h3{font-size:18px;margin-bottom:6px}
#view-rejuran .rj-type-lead{font-size:14px!important;line-height:1.7;color:var(--ink)!important;min-height:3.4em}
#view-rejuran .rj-firm{display:flex;align-items:center;gap:10px;margin:12px 0;padding:8px 0;border-top:1px solid var(--sp-border);border-bottom:1px solid var(--sp-border)}
#view-rejuran .rj-firm-label{font-size:12px;color:var(--ink-3);min-width:2.6em}
#view-rejuran .rj-firm-bar{display:flex;gap:3px}
#view-rejuran .rj-firm-bar i{display:block;width:18px;height:8px;border-radius:2px;background:#e4e1dc}
#view-rejuran .rj-firm-bar i.on{background:var(--night)}
#view-rejuran .rj-firm-liquid{font-size:12px;color:var(--ink-2)}
#view-rejuran .rj-type dl{margin:0}
#view-rejuran .rj-type dl div{padding:5px 0}
#view-rejuran .rj-type dt{font-size:11.5px;color:var(--ink-3)}
#view-rejuran .rj-type dd{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink)}
#view-rejuran #rj-types .sp-disclosure{margin-top:14px}
#view-rejuran #rj-types .pc-table{table-layout:fixed}
@media(min-width:761px){#view-rejuran #rj-types .pc-table tbody th{width:14%}}


/* Why this clinic */
#view-rejuran .rj-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-rejuran .rj-why article{background:#fff;border:1px solid var(--sp-border);padding:24px 24px 20px}
#view-rejuran .rj-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-rejuran .rj-why h3{font-size:18px;line-height:1.55;margin-bottom:8px}
#view-rejuran .rj-why p{font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-rejuran .rj-doctor{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;background:var(--ivory,#faf8f5);border:1px solid var(--sp-border);padding:44px 48px}
#view-rejuran .rj-doctor-photo{margin:0}
#view-rejuran .rj-doctor-photo img{display:block;width:100%;height:auto;filter:saturate(.92)}
#view-rejuran .rj-doctor-photo figcaption{font-size:11.5px;letter-spacing:.04em;color:var(--ink-3);margin-top:10px}
#view-rejuran .rj-doctor-body{min-width:0}
#view-rejuran .rj-doctor-kicker{font-family:var(--latin);font-size:11px;letter-spacing:.24em;color:var(--gold-ink);margin:0 0 18px}
#view-rejuran .rj-quote{position:relative;margin:0;padding-top:18px;border-top:1px solid var(--gold);font-size:16px;line-height:2.1;color:var(--ink);font-feature-settings:"palt"}
#view-rejuran .rj-doctor-name{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:20px;border-top:1px solid var(--sp-border)}
#view-rejuran .rj-doctor-name img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
#view-rejuran .rj-doctor-name b{display:block;font-size:17px;font-weight:500;letter-spacing:.06em;color:var(--ink)}
#view-rejuran .rj-doctor-name span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px}
#view-rejuran .rj-doctor-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}
#view-rejuran .rj-doctor-links a{font-size:13px;color:var(--gold-ink);border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:2px}

/* Fees: shared sp-price components; only the compact consultation box is local */
#view-rejuran .rj-consult{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-rejuran .rj-consult b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-rejuran .rj-consult p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .rj-res-fee{font-variant-numeric:tabular-nums}

@media(max-width:1000px){#view-rejuran .rj-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#view-rejuran #rj-types .pc-table{table-layout:auto}#view-rejuran .rj-pn,#view-rejuran .rj-why{grid-template-columns:1fr}#view-rejuran .rj-types{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .rj-type-lead{min-height:0}}

/* Choose by concern: check test (dxcard base styles come from the shared template) */
#view-rejuran .rj-quiz{max-width:820px;margin:0 auto}
#view-rejuran .rj-quiz .dxcard{box-shadow:0 10px 30px rgba(60,48,20,.08);border:1px solid var(--sp-border);border-top:4px solid var(--gold)}
#view-rejuran .rj-quiz .dxopts{margin-top:20px}
#view-rejuran .rj-quiz .dxopt{min-height:56px}
#view-rejuran .rj-quiz .dxopt .kk{font-weight:400}
#view-rejuran .rj-quiz .dxback::before{content:'← '}
#view-rejuran .rj-quiz-result .rl{margin:0 0 14px}
#view-rejuran .rj-res{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center}
#view-rejuran .rj-res[hidden]{display:none}
#view-rejuran .rj-res-photo{margin:0;background:#fff;aspect-ratio:1/1;display:grid;place-items:center;padding:8px;border:1px solid var(--sp-border)}
#view-rejuran .rj-res-photo{position:relative;overflow:hidden}
#view-rejuran .rj-res-photo img{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}
#view-rejuran .rj-res h3{font-size:24px;margin:0}
#view-rejuran .rj-res .rb{margin-top:10px}
#view-rejuran .rj-res-fee{margin-top:12px;font-size:15px;font-weight:500;color:var(--ink)}
#view-rejuran .rj-addon{margin-top:16px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rejuran .rj-addon b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-rejuran .rj-quiz-result .guide-caption{margin-top:24px}
#view-rejuran .rj-quiz-result .rcta .btn{font-weight:500}
#view-rejuran .rj-quiz-result .dxnote{max-width:none}
#view-rejuran #rj-choose .sp-disclosure{max-width:820px;margin:18px auto 0}
#view-rejuran .rj-summary{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
#view-rejuran .rj-summary li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-rejuran .rj-summary b{font-weight:500;color:var(--ink)}
@media(max-width:600px){#view-rejuran .rj-res{grid-template-columns:1fr;gap:14px}#view-rejuran .rj-res-photo{max-width:200px}#view-rejuran .rj-summary{grid-template-columns:1fr}#view-rejuran .rj-types{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .rj-type-photo{padding:6px}}
@media(max-width:900px){#view-rejuran .rj-for{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .rj-doctor{grid-template-columns:1fr;gap:28px;padding:32px 30px}}
@media(max-width:600px){#view-rejuran .rj-for{grid-template-columns:1fr}#view-rejuran .rj-cta{padding:18px}#view-rejuran .rj-cta .sp-actions{width:100%}#view-rejuran .rj-doctor{padding:24px 20px}#view-rejuran .rj-quote{font-size:15px;line-height:2}#view-rejuran .rj-chain i{width:12px;height:12px}}
#view-rejuran .rj-res h3:focus{outline:none}

/* How PN works: five illustrated stages, image and text alternating */
#view-rejuran .rj-mech{list-style:none;margin:0;padding:0;display:grid;gap:28px}
#view-rejuran .rj-mech-step{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}
#view-rejuran .rj-mech-step:nth-child(even) figure{order:2}
#view-rejuran .rj-mech-step figure{margin:0;background:#faf7f1;border:1px solid var(--sp-border)}
#view-rejuran .rj-mech-step img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-rejuran .rj-mech-no{font:400 30px/1 var(--latin);color:var(--gold);margin:0 0 10px}
#view-rejuran .rj-mech-tag{display:inline-block;font-size:12px!important;letter-spacing:.06em;color:var(--gold-ink)!important;border:1px solid var(--gold);border-radius:999px;padding:3px 12px;margin:0 0 10px}
#view-rejuran .rj-mech-body h3{font-size:20px;line-height:1.55;margin:0 0 10px}
#view-rejuran .rj-mech-body p:last-child{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rejuran #rj-mech .sp-note{margin-top:24px}
@media(max-width:760px){#view-rejuran .rj-mech{gap:32px}#view-rejuran .rj-mech-step{grid-template-columns:1fr;gap:14px}#view-rejuran .rj-mech-step:nth-child(even) figure{order:0}#view-rejuran .rj-mech-body h3{font-size:18px}}

/* 2026-09-27 patient-first reading order (rjx-): the essentials, pictures in text-only stretches */
#view-rejuran .rjx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-rejuran .rjx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rejuran .rjx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rejuran .rjx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-rejuran .rjx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rejuran .rjx-for{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:center}
#view-rejuran .rjx-for figure{margin:0}
#view-rejuran .rjx-for img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:40% 50%;border:1px solid var(--sp-border)}
#view-rejuran .rjx-for figcaption,#view-rejuran .rjx-why figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-rejuran .rjx-for .rj-for{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-rejuran .rjx-pn-photo{margin:-26px -26px 20px;background:#fff;border-bottom:1px solid var(--sp-border);aspect-ratio:16/9;position:relative;overflow:hidden}
/* 2026-09-27: the four injectables photograph is 16:9 and fills its frame; both cards keep the same frame */
#view-rejuran .rj-pn-pn .rjx-pn-photo img{inset:0;width:100%;height:100%;object-fit:cover}
#view-rejuran .rjx-pn-photo img{position:absolute;inset:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}
#view-rejuran .rjx-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:18px;align-items:start;margin-top:28px}
#view-rejuran .rjx-why figure{margin:0}
#view-rejuran .rjx-why img{display:block;width:100%;height:auto;border:1px solid var(--sp-border)}
#view-rejuran .rjx-why .rj-why{margin-bottom:0}
#view-rejuran .rjx-price-photo{margin:0 0 18px;background:#fff;border:1px solid var(--sp-border);aspect-ratio:16/9;position:relative;overflow:hidden;order:-1}
#view-rejuran .rjx-price-photo img{position:absolute;inset:10px;display:block;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
#view-rejuran .rjx-price-photo.rjx-cover img{inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){#view-rejuran .rjx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rejuran .rjx-for,#view-rejuran .rjx-why{grid-template-columns:1fr;gap:20px}#view-rejuran .rjx-for img{aspect-ratio:16/9}}
@media(max-width:600px){#view-rejuran .rjx-quick{grid-template-columns:minmax(0,1fr)}#view-rejuran .rjx-for .rj-for{grid-template-columns:1fr}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-rejuran .rjx-hero-points{margin-top:22px}
#view-rejuran .rjx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rejuran .rjx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-rejuran .rjx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-rejuran .rjx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-rejuran .rjx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-rejuran .rjx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-rejuran .rjx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-rejuran .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-rejuran .sp-heading h2>.sp-h2-main{display:block}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-skinvive{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-skinvive .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-skinvive .sp-soft{background:var(--sp-soft)}
#view-skinvive .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-skinvive .sp-heading{margin-bottom:26px;max-width:46em}
#view-skinvive .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-skinvive .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-skinvive .sp-heading .sp-kicker{margin-top:0}
#view-skinvive .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-skinvive .sp-note a,#view-skinvive .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-skinvive .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-skinvive .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-skinvive .crumbs span::before{content:none}
#view-skinvive .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-skinvive .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-skinvive .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-skinvive .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-skinvive .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-skinvive .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-skinvive .sp-hero-trust a{margin-top:7px}
#view-skinvive .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-skinvive .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-skinvive .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-skinvive .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-skinvive .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-skinvive .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-skinvive .sp-nav a{flex-shrink:0}
#view-skinvive .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-skinvive .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-skinvive .sp-nav a:hover{color:var(--gold-ink)}
#view-skinvive .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skinvive .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-skinvive .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-skinvive .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-skinvive .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-skinvive .sp-type-body{padding:21px 22px 22px}
#view-skinvive .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-skinvive .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-skinvive .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-skinvive .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-skinvive .sp-type .sp-source{margin-top:12px}
#view-skinvive .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-skinvive .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-skinvive .sp-case-head{padding:20px 22px 16px}
#view-skinvive .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-skinvive .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-skinvive .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-skinvive .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-skinvive .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-skinvive .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-skinvive .sp-case-body{padding:18px 22px 22px}
#view-skinvive .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-skinvive .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-skinvive .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-skinvive .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-skinvive .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-skinvive .sp-case-body .sp-source{margin-top:14px}
#view-skinvive .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-skinvive .sp-case-details>summary{min-height:48px}
#view-skinvive .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-skinvive .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-skinvive .sp-approach-list{display:grid;gap:0}
#view-skinvive .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sp-approach-item:first-child{padding-top:0}
#view-skinvive .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-skinvive .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-skinvive .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-skinvive .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-skinvive .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-skinvive .sp-doctor h3{font-size:21px;line-height:1.5}
#view-skinvive .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-skinvive .sp-doctor .sp-source{white-space:nowrap}
#view-skinvive .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-skinvive .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-skinvive .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-skinvive .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-skinvive .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-skinvive .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-skinvive .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sp-expertise-facts>div:first-child{padding-top:0}
#view-skinvive .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-skinvive .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-skinvive .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-skinvive .sp-expertise-grid figure{max-width:480px}
 #view-skinvive .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-skinvive .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-skinvive .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-skinvive .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-skinvive .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-skinvive .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-skinvive .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-skinvive .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-skinvive .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-skinvive .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-skinvive .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-skinvive .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-skinvive .sp-disclosure>summary::after{content:'＋';flex:none}
#view-skinvive .sp-disclosure[open]>summary::after{content:'−'}
#view-skinvive .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sp-disclosure-content p+p{margin-top:12px}
#view-skinvive .sp-approval-list{display:grid;gap:10px}
#view-skinvive .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-skinvive .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-skinvive .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-skinvive .sp-price-intro>div{flex:1 1 320px}
#view-skinvive .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-skinvive .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-skinvive .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-skinvive .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-skinvive .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-skinvive .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-skinvive .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-skinvive .sp-price-heading{margin-bottom:16px}
#view-skinvive .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-skinvive .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-skinvive .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-skinvive .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-skinvive .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-skinvive .sp-price .sp-yen{display:block;margin:0}
#view-skinvive .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-skinvive .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-skinvive .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-skinvive .sp-price-list{margin-top:8px}
#view-skinvive .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-skinvive .sp-price-list dt{min-width:0}
#view-skinvive .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-skinvive .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skinvive .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-skinvive .sp-flow-head{display:block;margin-bottom:14px}
#view-skinvive .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-skinvive .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-skinvive .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-skinvive .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-skinvive .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-skinvive .sp-recovery>div:last-child{border-right:0}
#view-skinvive .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-skinvive .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-skinvive .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sp-risk-details{margin-top:22px}
#view-skinvive .sp-faq{margin-inline:0}
#view-skinvive .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-skinvive .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-skinvive .sp-tech h3{font-size:22px;line-height:1.6}
#view-skinvive .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-skinvive .sp-tech h3+p{margin-top:10px}
#view-skinvive .sp-video>summary{cursor:pointer;list-style:none}
#view-skinvive .sp-video>summary::-webkit-details-marker{display:none}
#view-skinvive .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-skinvive .sp-flow-text{display:block;margin-top:12px}
#view-skinvive .sp-video-body{padding-bottom:16px}
#view-skinvive .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-skinvive .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-skinvive .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-skinvive .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-skinvive .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-skinvive .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-skinvive .sp-tech>img{width:76px;height:99px}
 #view-skinvive .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-skinvive .sp-homecare>img{max-height:220px}
}
#view-skinvive .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-skinvive .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-skinvive .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-skinvive .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-skinvive .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-skinvive .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-skinvive .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-skinvive .sp-final .btn{font-size:14px}
#view-skinvive .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-skinvive :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-skinvive .sp-devices{grid-template-columns:1fr}
  #view-skinvive .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-skinvive .sp-device-head{margin-bottom:0}
  #view-skinvive .sp-device .sp-disclosure{grid-column:1/-1}
  #view-skinvive .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-skinvive .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-skinvive .sp-doctor>img{width:90px;height:100px}
  #view-skinvive .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-skinvive .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-skinvive .sp-hero h1{font-size:32px}
  #view-skinvive .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-skinvive .sp-hero-lead{margin-top:17px}
  #view-skinvive .sp-hero-photo img{aspect-ratio:16/9}
  #view-skinvive .sp-hero-photo figcaption{font-size:12px}
  #view-skinvive .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-skinvive .sp-types,#view-skinvive .sp-cases,#view-skinvive .sp-approach,#view-skinvive .sp-prices{grid-template-columns:1fr}
  #view-skinvive .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-skinvive .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-skinvive .sp-type-body{padding:19px 20px}
  #view-skinvive .sp-type h3{font-size:20px}
  #view-skinvive .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-skinvive .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-skinvive .sp-approach{gap:24px}
  #view-skinvive .sp-approach-image img{max-height:260px}
  #view-skinvive .sp-recovery{grid-template-columns:1fr}
  #view-skinvive .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-skinvive .sp-recovery>div:last-child{border-bottom:0}
  #view-skinvive .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-skinvive .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-skinvive .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-skinvive .sp-hero h1{font-size:29px}
  #view-skinvive .sp-actions{align-items:stretch}
  #view-skinvive .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-skinvive .sp-type{grid-template-columns:1fr}
  #view-skinvive .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-skinvive .sp-type-art img{max-height:130px}
  #view-skinvive .sp-layer-labels{justify-content:center;gap:26px}
  #view-skinvive .sp-type-body{padding:19px 20px}
  #view-skinvive .sp-case-head,#view-skinvive .sp-case-body{padding-inline:18px}
  #view-skinvive .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-skinvive .sp-case-photos{padding-inline:10px;gap:4px}
  #view-skinvive .sp-device{display:block;padding:20px}
  #view-skinvive .sp-device-head{margin-bottom:14px}
  #view-skinvive .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-skinvive .sp-flow>li{padding:18px 20px}
  #view-skinvive .sp-flow-head{margin-bottom:10px}
  #view-skinvive .sp-price{padding:22px}
  #view-skinvive .sp-price-intro{padding:20px}
  #view-skinvive .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-skinvive .sp-price-list dd{flex-basis:100%}
  #view-skinvive .sp-doctor{gap:14px}
  #view-skinvive .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-skinvive :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-skinvive .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-skinvive .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-skinvive .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-skinvive .sp-entry-link:first-child{padding-left:0}
#view-skinvive .sp-entry-link:last-child{border-right:0}
#view-skinvive .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-skinvive .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-skinvive .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-skinvive .sp-entry-link:hover{background:var(--sp-soft)}
#view-skinvive .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-skinvive .sp-consult h3{font-size:24px;line-height:1.65}
#view-skinvive .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-skinvive .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-skinvive .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-skinvive .sp-consult .sp-note{margin-top:7px}
#view-skinvive #s-doctor-section{padding-top:58px}
#view-skinvive #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-skinvive .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-skinvive .sp-expertise-grid figure{align-self:center}
#view-skinvive .sp-expertise-facts dt{font-size:16px}
#view-skinvive .sp-expertise-facts dd{font-size:14px}
#view-skinvive .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-skinvive .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-skinvive .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-skinvive .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sp-flow{list-style:none;padding:0}
#view-skinvive .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-skinvive .sp-flow-head img,#view-skinvive .sp-video video{border:1px solid var(--sp-border)}
#view-skinvive .sp-recovery{border:0}
#view-skinvive .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-skinvive .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-skinvive .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-skinvive .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-skinvive .sp-visit-info a{color:var(--on-night)}
#view-skinvive a:focus-visible,#view-skinvive summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-skinvive .sp-entry-links{grid-template-columns:1fr}
 #view-skinvive .sp-entry-link,#view-skinvive .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-skinvive .sp-entry-link:last-child{border-bottom:0}
 #view-skinvive .sp-entry-link strong{font-size:18px}
 #view-skinvive .sp-entry-link span span{margin-top:3px}
 #view-skinvive .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-skinvive .sp-consult h3{font-size:22px}
 #view-skinvive .sp-consult ul{display:block}
 #view-skinvive .sp-consult li{margin-top:6px}
 #view-skinvive .sp-consult .btn{width:100%}
 #view-skinvive .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-skinvive .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-skinvive .sp-recovery>div::before{top:4px;left:-5px}
 #view-skinvive .sp-recovery>div:last-child{padding-bottom:0}
 #view-skinvive .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-skinvive *{scroll-behavior:auto;transition:none}}

#view-skinvive .sp-type-art img{max-height:145px}
#view-skinvive .sp-type-body{padding:20px}
#view-skinvive .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-skinvive .sp-price>p.sp-price-unit,#view-skinvive .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-skinvive .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-skinvive .sp-price{padding:26px 0}
 #view-skinvive .sp-price-description{margin-bottom:20px}
 #view-skinvive .sp-price>.sp-note{min-height:0}
 #view-skinvive .sp-price h3{font-size:23px}
 #view-skinvive .sp-price .sp-yen{font-size:20px}
 #view-skinvive .sp-price-intro{padding:22px;gap:16px}
 #view-skinvive .sp-price-intro>div{flex-basis:100%}
}

#view-skinvive .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-skinvive .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sp-consult-fees>div:last-child{border-bottom:0}
#view-skinvive .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-skinvive .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-skinvive .sp-consult-fees{flex-basis:100%}#view-skinvive .sp-consult-fees dd{font-size:21px}#view-skinvive .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-skinvive .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-skinvive .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-skinvive .sp-price-intro{padding:20px 18px;gap:18px}
 #view-skinvive .sp-consult-fees{flex-basis:100%;width:100%}
 #view-skinvive .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-skinvive .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-skinvive .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-skinvive .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-skinvive .sp-fee-period::before{content:none}
 html[lang="en"] #view-skinvive .sp-fee-period{white-space:normal;font-size:14px}
 #view-skinvive .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-skinvive .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-skinvive .sp-prices{gap:16px;border:0}
 #view-skinvive .sp-price,#view-skinvive .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-skinvive .sp-price-heading{order:0;margin-bottom:14px}
 #view-skinvive .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-skinvive .sp-price h3{font-size:22px;letter-spacing:0}
 #view-skinvive .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-skinvive .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-skinvive .sp-price .sp-price-unit{font-size:12px}
 #view-skinvive .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-skinvive .sp-price>.sp-note{order:3;margin-top:10px}
 #view-skinvive .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-skinvive .sp-price,#view-skinvive .sp-price+.sp-price{padding:20px 16px}
 #view-skinvive .sp-price h3{font-size:20px}
 #view-skinvive .sp-price .sp-yen{font-size:20px}
 #view-skinvive .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-skinvive .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-skinvive .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-skinvive .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-skinvive .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-skinvive .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-skinvive .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-skinvive .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-skinvive .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-skinvive .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-skinvive .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-skinvive .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-skinvive .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-skinvive .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-skinvive .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-skinvive .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-skinvive .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-skinvive .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-skinvive .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-skinvive .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-skinvive .sp-entry-hint{margin:8px 0 22px}
#view-skinvive .sp-entry-links{gap:14px;border:0}
#view-skinvive .sp-entry-link,#view-skinvive .sp-entry-link:first-child,#view-skinvive .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-skinvive .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-skinvive .sp-entry-link:hover,#view-skinvive .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-skinvive .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-skinvive .sp-entry-copy{min-width:0}
#view-skinvive .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-skinvive .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-skinvive .sp-entry-question{font-size:22px}
 #view-skinvive .sp-entry-link,#view-skinvive .sp-entry-link:first-child,#view-skinvive .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-skinvive .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-skinvive .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-skinvive .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sp-anes{margin-top:10px}
#view-skinvive .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-skinvive .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-skinvive .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-skinvive .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-skinvive .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-skinvive .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-skinvive .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-skinvive .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-skinvive .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-skinvive .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-skinvive .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-skinvive .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-skinvive .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-skinvive .hg-head>div{min-width:0}
#view-skinvive .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-skinvive .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-skinvive .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-skinvive .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-skinvive .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-skinvive .hg-menu-photo{margin:0}
#view-skinvive .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-skinvive .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-skinvive .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-skinvive .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-skinvive .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-skinvive .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-skinvive .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-skinvive .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skinvive .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-skinvive .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skinvive .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-skinvive .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-skinvive .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-skinvive .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-skinvive .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-skinvive .hg-menu-note{margin:14px 0 0}
#view-skinvive .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-skinvive .hg-menu-links-label{margin-right:4px}
#view-skinvive .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-skinvive .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-skinvive .hg-menu-fees{gap:8px}#view-skinvive .hg-fee{padding:14px 14px 12px}#view-skinvive .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-skinvive .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-skinvive .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-skinvive .hg-menu-range{margin:14px 0 0}
#view-skinvive .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-skinvive .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-skinvive .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-skinvive .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-skinvive .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-skinvive .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-skinvive .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-skinvive .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-skinvive .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-skinvive .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-skinvive .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-skinvive .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-skinvive .cg-card{padding:0;background:transparent;border:0}
#view-skinvive .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-skinvive .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-skinvive .cg-card .case-image{margin:0}
#view-skinvive .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-skinvive .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-skinvive .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-skinvive .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-skinvive .cg-details summary:hover{color:var(--gold-ink)}
#view-skinvive .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-skinvive .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-skinvive .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-skinvive .cg-details dt{padding-top:13px}
#view-skinvive .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-skinvive .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-skinvive .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-skinvive .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-skinvive .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-skinvive .sp-section .dn-gallery,#view-skinvive .sp-section .sw-gallery,#view-skinvive .sp-section .pc-lecture-figs,#view-skinvive .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .sp-section .sw-interview,#view-skinvive .sp-section .ul-doctor-grid,#view-skinvive .sp-section .sv-doctor-hero,#view-skinvive .sp-section .wrx-evidence,#view-skinvive .sp-section .uex-evidence,#view-skinvive .sp-section .ml-doctor-grid,#view-skinvive .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-skinvive .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-skinvive .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-skinvive .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-skinvive .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-skinvive .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-skinvive .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-skinvive .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-skinvive .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-skinvive .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-skinvive .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-skinvive .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-skinvive .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .hgd-svg{display:block;width:100%;height:auto}
#view-skinvive .hgd-sp{display:none}
#view-skinvive .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-skinvive .hgd-layer{font-size:30px}
#view-skinvive .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-skinvive .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-skinvive .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-skinvive .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-skinvive .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-skinvive .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-skinvive .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-skinvive .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-skinvive .hgd-art{opacity:.92}
#view-skinvive .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-skinvive .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-skinvive .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-skinvive .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-skinvive .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-skinvive .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-skinvive .hgd-layer{font-size:25px}
html[lang^="en"] #view-skinvive .hgd-sub{font-size:19px}
html[lang^="en"] #view-skinvive .hgd-br{font-size:27px}
#view-skinvive .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-skinvive .hgd-pc .hgd-layer{font-size:38px}
 #view-skinvive .hgd-pc .hgd-sub{font-size:30px}
 #view-skinvive .hgd-pc .hgd-name{font-size:42px}
 #view-skinvive .hgd-pc .hgd-kind{font-size:31px}
 #view-skinvive .hgd-pc .hgd-br{font-size:36px}
 #view-skinvive .hgd-pc .hgd-mm{font-size:40px}
 #view-skinvive .hgd-pc .hgd-note{font-size:26px}
 #view-skinvive .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-skinvive .hg-lineup img{width:72px;height:72px}
 #view-skinvive .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-skinvive .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-skinvive .hg-lineup,#view-skinvive .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-skinvive .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-skinvive .hg-lineup img{width:56px;height:56px}
 #view-skinvive .hg-lineup figcaption{padding:7px 8px}
 #view-skinvive .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-skinvive .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-skinvive .hg-lineup figcaption small{font-size:10.5px}
 #view-skinvive .hgd-pc{display:none}
 #view-skinvive .hgd-sp{display:block}
 #view-skinvive .hgd-layer,#view-skinvive .hgd-name,#view-skinvive .hgd-br,#view-skinvive .hgd-mm{font-size:34px}
 #view-skinvive .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-skinvive .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-skinvive .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-skinvive .hgd-layer{font-size:30px}
 #view-skinvive .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-skinvive .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-skinvive. */
#view-skinvive .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skinvive .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-skinvive .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-skinvive .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-skinvive .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-skinvive .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-skinvive .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-skinvive .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-skinvive .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-skinvive .pc-table th,#view-skinvive .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-skinvive .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-skinvive .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-skinvive .pc-table tbody tr:last-child th,#view-skinvive .pc-table tbody tr:last-child td{border-bottom:0}
#view-skinvive .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-skinvive .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-skinvive .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-skinvive .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-skinvive .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-skinvive .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-skinvive .pc-point-face{width:92px;height:92px}}
#view-skinvive .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-skinvive .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-skinvive .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive .pc-explain p+p{margin-top:12px}
#view-skinvive .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skinvive .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-skinvive .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-skinvive .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-skinvive .pc-books h3{font-size:18px;margin-bottom:12px}
#view-skinvive .pc-books ul{list-style:none;padding:0;margin:0}
#view-skinvive .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-skinvive .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-skinvive .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-skinvive .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-skinvive .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-skinvive .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-skinvive .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-skinvive .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-skinvive .pc-tag{margin:0}
#view-skinvive .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-skinvive .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-skinvive .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-skinvive .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-skinvive .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-skinvive .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-skinvive .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-skinvive .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-skinvive .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-skinvive .pc-approval>div:last-child{border-bottom:0}
#view-skinvive .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-skinvive .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-skinvive .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-skinvive .pc-glance,#view-skinvive .pc-modes{grid-template-columns:1fr}#view-skinvive .pc-explain{grid-template-columns:1fr}#view-skinvive .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-skinvive .pc-concern-links{grid-template-columns:1fr}#view-skinvive .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-skinvive .pc-books,#view-skinvive .pc-quote,#view-skinvive .pc-point{padding:20px}#view-skinvive .pc-glance-num span{font-size:32px}#view-skinvive .pc-table{font-size:13px}#view-skinvive .pc-table th,#view-skinvive .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-skinvive .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-skinvive .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-skinvive .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-skinvive .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-skinvive .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-skinvive .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-skinvive .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-skinvive .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-skinvive .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-skinvive .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-skinvive .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-skinvive .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-skinvive .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-skinvive .pc-video{margin:0 0 28px;max-width:820px}
#view-skinvive .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-skinvive .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-skinvive .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-skinvive .pc-lasers-media .pc-video,#view-skinvive .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-skinvive .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-skinvive .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-skinvive .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-skinvive .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-skinvive .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-skinvive .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-skinvive .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-skinvive .pc-hero-video .sp-video{margin:0}
#view-skinvive .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-skinvive .pc-cell-label{display:none}
@media(max-width:760px){
#view-skinvive .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-skinvive .pc-table{min-width:0;display:block;font-size:14px}
#view-skinvive .pc-table caption{display:block;padding:0 0 10px}
#view-skinvive .pc-table thead{display:none}
#view-skinvive .pc-table tbody{display:block}
#view-skinvive .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-skinvive .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-skinvive .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-skinvive .pc-table tr td:last-child{border-bottom:0}
#view-skinvive .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-skinvive .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-skinvive .pc-cell-value{display:block;line-height:1.75}
}
#view-skinvive .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-skinvive .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-skinvive .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-skinvive .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-skinvive .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-skinvive .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skinvive .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-skinvive .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-skinvive .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-skinvive .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-skinvive .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-skinvive .pcx-video{margin:0 0 26px;max-width:780px}
#view-skinvive .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-skinvive .pcx-table-details{margin-top:18px}
#view-skinvive .pcx-table-details .pc-table-wrap{margin-top:0}
#view-skinvive .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-skinvive .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-skinvive .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive #pc-lasers .pc-point{margin-top:40px}
#view-skinvive .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-skinvive .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-skinvive .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-skinvive .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-skinvive .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-skinvive .pcx-case-hint{margin-top:6px}
#view-skinvive #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-skinvive .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-skinvive .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-skinvive .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-skinvive .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-skinvive .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-skinvive .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-skinvive .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-skinvive .pcx-hero-points{margin-top:22px}
#view-skinvive .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-skinvive .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-skinvive .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-skinvive .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-skinvive .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-skinvive .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-skinvive .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-skinvive .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-skinvive .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-skinvive .pcx-mode-art img{display:block;width:100%;height:auto}
#view-skinvive .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-skinvive .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-skinvive .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-skinvive .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-skinvive .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-skinvive .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-skinvive .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-skinvive .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-skinvive .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-skinvive .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-skinvive .pcx-case-sep{display:none}
  #view-skinvive .pcx-case-name{display:block}
  #view-skinvive .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-skinvive .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-skinvive .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-skinvive .pcx-diff-changed{border-top-color:var(--gold)}
#view-skinvive .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-skinvive .pcx-diff-card dl{margin:0}
#view-skinvive .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-skinvive .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-skinvive .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-skinvive .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-skinvive .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-skinvive .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-skinvive .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-skinvive .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-skinvive .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-skinvive .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-skinvive .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-skinvive .pcx-history>li:last-child{padding-bottom:0}
#view-skinvive .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-skinvive .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-skinvive .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-skinvive .pcx-h-tag{margin:0 0 4px}
#view-skinvive .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-skinvive .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-skinvive .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-skinvive .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-skinvive .pcx-history-wrap>.sp-note{margin-top:20px}
#view-skinvive #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-skinvive .pcx-diff{grid-template-columns:1fr}
 #view-skinvive .pcx-diff-card{padding:18px 16px 14px}
 #view-skinvive .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-skinvive .pcx-depth{padding:16px}
 #view-skinvive .pcx-history::before{left:3.4em}
 #view-skinvive .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-skinvive .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-skinvive .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-skinvive .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-skinvive .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-skinvive .pcx-h-photo{margin:4px 0 0}
#view-skinvive .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-skinvive .pcx-h-device .pcx-h-photo img,#view-skinvive #pc-history .pcx-h-photo img[src*="picosure-"],#view-skinvive #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-skinvive .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-skinvive .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-skinvive .pcx-h-photo{max-width:360px}}

/* Sunekos Performa page: added on top of the spots CSS and the PicoSure Pro CSS, both re-scoped to #view-skinvive at build time. */
#view-skinvive .sn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f0ee}
#view-skinvive .sn-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-skinvive .pc-point-face img{object-position:50% 30%}
#view-skinvive .sn-ecm{display:grid;grid-template-columns:1fr;gap:18px}
#view-skinvive .sn-diagram{margin:0 auto;width:100%;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .sn-ecm-art{position:relative}
#view-skinvive .sn-ecm-art img{display:block;width:100%;height:auto}
#view-skinvive .sn-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:#fff;font:500 15px/1 var(--fig);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media(max-width:600px){#view-skinvive .sn-marker{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}}
#view-skinvive .sn-diagram figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-skinvive .sn-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-skinvive .sn-legend li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .sn-legend li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-skinvive .sn-legend h3{font-size:16px;line-height:1.5;margin:0}
#view-skinvive .sn-legend-sub{font-size:12px!important;color:var(--gold-ink)!important;margin:2px 0 4px!important;letter-spacing:.04em}
#view-skinvive .sn-legend p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .sn-idea{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 26px}
#view-skinvive .sn-idea h3{font-size:18px;margin-bottom:10px}
#view-skinvive .sn-idea p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive .sn-idea p+p{margin-top:10px}
#view-skinvive .sn-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-skinvive .sn-ingredients .pc-device-photo{margin:0}
#view-skinvive .sn-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f3f3f1}
#view-skinvive .sn-spec{margin:0}
#view-skinvive .sn-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-skinvive .sn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-skinvive .sn-paper{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0;display:flex;flex-direction:column}
#view-skinvive .sn-paper-kind{display:inline-block;align-self:flex-start;font-size:12px!important;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)!important;border-radius:2px;margin-bottom:10px}
#view-skinvive .sn-paper h3{font-family:var(--latin);font-size:16px;line-height:1.5;margin-bottom:6px}
#view-skinvive .sn-paper-cite{font-size:12px!important;color:var(--ink-3)!important;line-height:1.7;margin-bottom:10px}
#view-skinvive .sn-paper>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sn-paper .sp-source{margin-top:auto;padding-top:10px}
@media(max-width:900px){#view-skinvive .sn-ecm,#view-skinvive .sn-ingredients,#view-skinvive .sn-papers{grid-template-columns:1fr}}
@media(max-width:760px){#view-skinvive .sn-spec>div{grid-template-columns:1fr}#view-skinvive .sn-idea{padding:20px}#view-skinvive .sn-legend li{padding:12px 14px}}
@media(max-width:900px){#view-skinvive .sn-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-skinvive .sn-legend{grid-template-columns:1fr}}
#view-skinvive .pc-table thead th{white-space:normal}
#view-skinvive #sn-others .pc-table{table-layout:fixed}
#view-skinvive #sn-others .pc-table tbody th{width:16%}
@media(max-width:760px){#view-skinvive #sn-others .pc-table{table-layout:auto}}
/* 2026-09-18 concern-led layout */
#view-skinvive .sn-hero-points{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#view-skinvive .sn-hero-points li{font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--gold);color:var(--gold-ink);background:#fff;border-radius:999px}
#view-skinvive .sn-hero-note{font-size:13px!important;color:var(--ink-3)!important;margin-top:12px}
#view-skinvive .sn-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-skinvive .sn-signs article{background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold);padding:18px 20px}
#view-skinvive .sn-signs h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-skinvive .sn-signs p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .sn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-skinvive .sn-why article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 20px}
#view-skinvive .sn-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-skinvive .sn-why h3{font-size:17px;line-height:1.55;margin-bottom:8px}
#view-skinvive .sn-why p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sn-course{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#view-skinvive .sn-course li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 14px}
#view-skinvive .sn-course li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:26px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);z-index:1}
#view-skinvive .sn-course-when b{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;background:var(--night);color:#fff;border-radius:2px;margin-bottom:8px}
#view-skinvive .sn-course li:last-child .sn-course-when b{background:var(--gold)}
#view-skinvive .sn-course h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-skinvive .sn-course p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .sn-path{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;margin-bottom:24px}
#view-skinvive .sn-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-skinvive .sn-path li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 16px;background:#f7f6f3}
#view-skinvive .sn-path li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-skinvive .sn-path li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
#view-skinvive .sn-path h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-skinvive .sn-path li p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .sn-path-goal{margin-top:14px;padding:14px 16px;background:var(--night);color:#fff;text-align:center}
#view-skinvive .sn-path-label{display:inline-block;font-size:12px!important;padding:2px 10px;border:1px solid rgba(255,255,255,.6);color:#fff!important;border-radius:2px;margin-bottom:6px}
#view-skinvive .sn-path-goal p:last-child{font-size:15px;line-height:1.8;color:#fff}
#view-skinvive #sn-ecm .sp-disclosure{max-width:880px;margin:12px auto 0;width:100%}
#view-skinvive .sn-choose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-skinvive .sn-choose article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column}
#view-skinvive .sn-choose article.sn-choose-this{border:2px solid var(--gold)}
#view-skinvive .sn-choose-q{font-size:13px!important;line-height:1.6;color:var(--ink-3)!important;margin-bottom:8px}
#view-skinvive .sn-choose h3{font-size:17px;margin-bottom:6px}
#view-skinvive .sn-choose article>p:not(.sn-choose-q){font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .sn-choose .sp-source{margin-top:auto;padding-top:10px}
#view-skinvive .sn-cta{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 24px;margin:24px 0 0}
#view-skinvive .sn-cta p{font-size:15px}
#view-skinvive #sn-ingredients .pc-glance{margin-bottom:24px}
#view-skinvive #sn-ingredients .sp-disclosure,#view-skinvive #sn-others .sp-disclosure{margin-top:12px}
@media(max-width:900px){#view-skinvive .sn-why,#view-skinvive .sn-path ol{grid-template-columns:1fr}#view-skinvive .sn-path li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-12px;transform:rotate(135deg)}#view-skinvive .sn-choose{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .sn-course{grid-template-columns:1fr}#view-skinvive .sn-course li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-9px;transform:rotate(135deg)}}
@media(max-width:600px){#view-skinvive .sn-signs,#view-skinvive .sn-fit,#view-skinvive .sn-choose{grid-template-columns:1fr}#view-skinvive .sn-cta{padding:18px}#view-skinvive .sn-cta .sp-actions{width:100%}#view-skinvive .sn-path{padding:18px}}
#view-skinvive .sn-amino-art{margin:28px auto 24px}
#view-skinvive .sn-amino-art img{display:block;width:100%;height:auto}
/* Ingredient figures: a compact strip (user request 2026-09-18). Three across even on phones. */
#view-skinvive .sn-glance-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#view-skinvive .sn-glance-sm .pc-glance-card{padding:14px 16px 12px}
#view-skinvive .sn-glance-sm .pc-glance-num{margin:0 0 4px;gap:4px}
#view-skinvive .sn-glance-sm .pc-glance-num span{font-size:26px}
#view-skinvive .sn-glance-sm .pc-glance-num small{font-size:11px;letter-spacing:.04em}
#view-skinvive .sn-glance-sm .pc-glance-card h3{font-size:14px;line-height:1.5;margin-bottom:2px}
#view-skinvive .sn-glance-sm .pc-glance-card p:last-child{font-size:12px;line-height:1.7}
@media(max-width:600px){#view-skinvive .sn-glance-sm{gap:6px}#view-skinvive .sn-glance-sm .pc-glance-card{padding:10px 8px}#view-skinvive .sn-glance-sm .pc-glance-num span{font-size:21px}#view-skinvive .sn-glance-sm .pc-glance-num{flex-wrap:wrap}#view-skinvive .sn-glance-sm .pc-glance-card h3{font-size:12px}#view-skinvive .sn-glance-sm .pc-glance-card p:last-child{font-size:11px;line-height:1.6}}

/* "こんなお悩みに": two-column comparison panel (2026-09-18). Tokens only. */
#view-skinvive .sn-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .sn-fit-col{padding:28px 32px 22px;min-width:0}
#view-skinvive .sn-fit-yes{box-shadow:inset 0 3px 0 var(--gold)}
#view-skinvive .sn-fit-other{border-left:1px solid var(--sp-border);background:var(--sp-soft)}
#view-skinvive .sn-fit-kicker{font:500 11px/1 var(--latin)!important;letter-spacing:.2em;color:var(--gold-ink)!important;margin:0 0 10px!important}
#view-skinvive .sn-fit-other .sn-fit-kicker{color:var(--ink-3)!important}
#view-skinvive .sn-fit h3{font-size:19px;line-height:1.5;margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sn-fit-list{list-style:none;margin:0;padding:0}
#view-skinvive .sn-fit-list li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sn-fit-list li:last-child{border-bottom:0;padding-bottom:4px}
#view-skinvive .sn-fit-main{display:block;font-size:15px;line-height:1.7;color:var(--ink)}
#view-skinvive .sn-fit-sub{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:3px}
#view-skinvive .sn-fit-sub::before{content:'→ '}
#view-skinvive .sn-fit-yes li::before{content:'';position:absolute;left:5px;top:20px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-skinvive .sn-fit-other li::before{content:'';position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink-3)}
@media(max-width:760px){#view-skinvive .sn-fit{grid-template-columns:1fr}#view-skinvive .sn-fit-col{padding:22px 20px 16px}#view-skinvive .sn-fit-other{border-left:0;border-top:1px solid var(--sp-border)}#view-skinvive .sn-fit h3{font-size:17px}}

/* 2026-09-27 magazine-style reading (patient-eye rework). Prefix sux- is unique to this page: this file is also copied
   into the skin, rejuran, skinvive, pluryal, pinkglow and babyderm views, where these classes are not used. */
#view-skinvive .sux-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-skinvive .sux-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skinvive .sux-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-skinvive .sux-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-skinvive .sux-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive .sux-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;margin-bottom:26px}
#view-skinvive .sux-lead .sp-heading{margin-bottom:0}
#view-skinvive .sux-figure{margin:0;min-width:0}
#view-skinvive .sux-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-skinvive .sux-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-skinvive .sux-path-art{max-width:640px;margin:0 auto 20px}
#view-skinvive .sux-path-art img{aspect-ratio:3/2;object-fit:contain;background:#fff}
#view-skinvive .sux-banner{margin:0 0 24px}
#view-skinvive .sux-banner img{aspect-ratio:3/1;object-position:50% 60%}
#view-skinvive .sux-papers-more{margin-top:18px}
#view-skinvive .sux-papers-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:900px){#view-skinvive .sux-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .sux-lead{grid-template-columns:1fr;gap:20px}#view-skinvive .sux-lead .sux-figure{max-width:560px}}
@media(max-width:560px){#view-skinvive .sux-quick{grid-template-columns:minmax(0,1fr)}#view-skinvive .sux-banner img{aspect-ratio:2/1}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-skinvive .sux-hero-points{margin-top:22px}
#view-skinvive .sux-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-skinvive .sux-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sux-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-skinvive .sux-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-skinvive .sux-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-skinvive .sux-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-skinvive .sux-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-skinvive .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-skinvive .sp-heading h2>.sp-h2-main{display:block}

/* SkinVive page: added on top of the spots, PicoSure Pro and Sunekos CSS, all re-scoped to #view-skinvive at build time. */
#view-skinvive .sv-three{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-skinvive .sv-three li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 22px 20px;min-width:0}
#view-skinvive .sv-three-num{display:block;font:400 28px/1 var(--fig);color:var(--gold-ink);margin-bottom:10px}
#view-skinvive .sv-three-en{font:500 11px/1.4 var(--latin)!important;letter-spacing:.14em;color:var(--ink-3)!important;margin:0 0 6px!important}
#view-skinvive .sv-three h3{font-size:18px;line-height:1.5;margin:0 0 8px}
#view-skinvive .sv-three li>p:last-child{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sv-modes{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:center;margin:28px 0 22px}
#view-skinvive .sv-modes .sn-diagram{margin:0;max-width:none;background:#000}
#view-skinvive .sv-modes .sn-diagram img{display:block;width:100%;height:auto}
#view-skinvive .sv-modes .sn-diagram figcaption{background:#fff}
#view-skinvive .sv-modes .pc-explain{display:block;margin:0;padding:0;background:none;border:0}
#view-skinvive .sv-modes .pc-explain h3{font-size:20px;line-height:1.6;margin-bottom:12px}
#view-skinvive .sv-modes .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive .sv-modes .pc-explain p+p{margin-top:10px}
#view-skinvive .sn-idea{margin-bottom:22px}
#view-skinvive .sv-portrait-photo img{aspect-ratio:3/4!important;object-fit:cover;object-position:50% 60%!important;background:#f3f3f1}
#view-skinvive .sv-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border);background:#fff}
#view-skinvive .sv-steps li{padding:24px 24px 22px;min-width:0;position:relative}
#view-skinvive .sv-steps li+li{border-left:1px solid var(--sp-border)}
#view-skinvive .sv-steps li>span{display:block;font:400 26px/1 var(--fig);color:var(--gold-ink);margin-bottom:10px}
#view-skinvive .sv-steps h3{font-size:17px;line-height:1.5;margin:0 0 8px}
#view-skinvive .sv-steps p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sv-paper-callout{margin-bottom:18px}
#view-skinvive .sv-cases{display:grid;grid-template-columns:1fr;gap:24px}
#view-skinvive .sv-case{background:#fff;border:1px solid var(--sp-border);padding:26px;min-width:0}
#view-skinvive .sv-case-head h3{font-size:19px;line-height:1.5;margin:2px 0 8px}
#view-skinvive .sv-case-head p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .sv-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
#view-skinvive .sv-case-photos-one{grid-template-columns:minmax(0,1fr);max-width:720px}
#view-skinvive .sv-case-photos{align-items:start}
#view-skinvive .sv-case-photos figure{margin:0}
#view-skinvive .sv-case-photos img{display:block;width:100%;height:auto;background:#000}
#view-skinvive .sv-case-photos figcaption{font-size:13px;line-height:1.8;color:var(--ink-2);padding:10px 2px 0}
#view-skinvive .sv-case-facts{margin:0;border-top:1px solid var(--sp-border)}
#view-skinvive .sv-case-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .sv-case-facts dt{font-size:13px;color:var(--gold-ink);letter-spacing:.04em}
#view-skinvive .sv-case-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sv-timeline{margin-top:28px;background:#fff;border:1px solid var(--sp-border);padding:24px 26px}
#view-skinvive .sv-timeline ol{list-style:none;margin:10px 0 0;padding:0}
#view-skinvive .sv-timeline li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--sp-border)}
#view-skinvive .sv-timeline li b{font:500 16px/1.7 var(--fig);color:var(--gold-ink)}
#view-skinvive .sv-timeline li p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sv-lecture2{margin:24px 0 0;max-width:560px}
#view-skinvive .sv-lecture2 img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-skinvive .sv-lecture2 figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-skinvive #sv-others .pc-table{table-layout:fixed}
@media(min-width:761px){#view-skinvive #sv-others .pc-table tbody th{width:15%}}
@media(max-width:900px){#view-skinvive .sv-three,#view-skinvive .sv-steps,#view-skinvive .sv-modes{grid-template-columns:1fr}#view-skinvive .sv-steps li+li{border-left:0;border-top:1px solid var(--sp-border)}}
@media(max-width:760px){#view-skinvive #sv-others .pc-table{table-layout:auto}#view-skinvive .sv-case{padding:18px}#view-skinvive .sv-case-photos{grid-template-columns:1fr}#view-skinvive .sv-case-facts>div{grid-template-columns:1fr;gap:2px}#view-skinvive .sv-timeline{padding:18px}#view-skinvive .sv-timeline li{grid-template-columns:56px minmax(0,1fr);gap:10px}}
@media(max-width:600px){#view-skinvive .pc-point{grid-template-columns:1fr;gap:12px;align-items:start}#view-skinvive .pc-point-face{width:72px;height:72px}}
/* v2 (2026-09-17): decision-first layout — proof, who it suits, doctor early, mid-page calls to action. */
#view-skinvive .sv-hero .sn-hero-photo img,#view-skinvive .sv-hero-photo img{aspect-ratio:16/10;object-position:62% 40%}
#view-skinvive .sv-proof{list-style:none;margin:24px 0 4px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#view-skinvive .sv-proof li{background:#fff;border:1px solid var(--sp-border);border-left:2px solid var(--gold);padding:12px 14px;min-width:0}
#view-skinvive .sv-proof b{display:block;font:500 17px/1.3 var(--serif,serif);color:var(--ink);letter-spacing:.04em}
#view-skinvive .sv-proof span{display:block;font-size:12.5px;line-height:1.6;color:var(--ink-2);margin-top:3px}
#view-skinvive .sv-cta-note{font-size:12.5px!important;color:var(--ink-3)!important;line-height:1.7;margin-top:10px!important}
#view-skinvive .sv-check{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#view-skinvive .sv-check li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 16px 44px;font-size:15px;line-height:1.7;min-width:0}
#view-skinvive .sv-check li::before{content:"";position:absolute;left:16px;top:20px;width:16px;height:9px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-skinvive .sv-course{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .sv-course li{padding:22px 22px 20px;min-width:0}
#view-skinvive .sv-course li+li{border-left:1px solid var(--sp-border)}
#view-skinvive .sv-course b{display:inline-block;font-size:12px;letter-spacing:.08em;color:#fff;background:var(--ink);padding:3px 10px;margin-bottom:10px}
#view-skinvive .sv-course h3{font-size:17px;line-height:1.5;margin:0 0 6px}
#view-skinvive .sv-course p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sv-doctor-hero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:start}
#view-skinvive .sv-doctor-photo{margin:0}
#view-skinvive .sv-doctor-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%}
#view-skinvive .sv-doctor-hero h2{font-size:clamp(22px,2.6vw,30px);line-height:1.55;margin:6px 0 18px}
#view-skinvive .sv-quote{margin:0 0 20px;padding:18px 22px;background:#fff;border-left:2px solid var(--gold)}
#view-skinvive .sv-quote p{font-size:16px;line-height:2;color:var(--ink)}
#view-skinvive .sv-facts{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#view-skinvive .sv-facts li{background:#fff;border:1px solid var(--sp-border);padding:12px 14px;min-width:0}
#view-skinvive .sv-facts b{display:block;font:500 18px/1.3 var(--fig);color:var(--gold-ink)}
#view-skinvive .sv-facts span{display:block;font-size:13px;line-height:1.7;color:var(--ink-2);margin-top:4px}
#view-skinvive .sv-doctor-hero>div>p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive .sv-gallery{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1fr);gap:16px;margin:30px 0 8px;align-items:start}
#view-skinvive .sv-gallery figure{margin:0}
#view-skinvive .sv-gallery img{display:block;width:100%;height:auto;object-fit:cover}
#view-skinvive .sv-gallery-tall img{aspect-ratio:3/4;object-position:50% 25%}
#view-skinvive .sv-gallery-wide img{aspect-ratio:4/3}
#view-skinvive .sv-gallery figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-skinvive #sv-doctor .sp-disclosure{margin-top:18px}
#view-skinvive .sv-timeline{margin-top:0;border:0;padding:0;background:none}
#view-skinvive .sv-cta{margin:34px 0 0;background:var(--night,#1f1b18);color:#fff;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 30px;align-items:center}
#view-skinvive .sv-cta-h{font-size:20px!important;line-height:1.6;color:#fff!important;margin:0 0 6px!important;font-family:var(--serif,inherit)}
#view-skinvive .sv-cta p{color:rgba(255,255,255,.82)}
#view-skinvive .sv-cta>div>p:not(.sv-cta-h){font-size:14px;line-height:1.85}
#view-skinvive .sv-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
#view-skinvive .sv-cta .btn.p{background:#fff;color:var(--ink)}
#view-skinvive .sv-cta .btn.g{color:#fff;border-color:rgba(255,255,255,.55)}
#view-skinvive .sv-cta .sv-cta-note{grid-column:1/-1;color:rgba(255,255,255,.7)!important;margin:0!important}
#view-skinvive .sv-voice{margin:28px 0 8px;background:#fff;border:1px solid var(--sp-border);padding:26px 28px}
#view-skinvive .sv-voice blockquote{margin:0}
#view-skinvive .sv-voice blockquote p{font-size:19px;line-height:1.9;color:var(--ink);font-family:var(--serif,inherit)}
#view-skinvive .sv-voice blockquote p::before{content:"“";color:var(--gold);margin-right:2px}
#view-skinvive .sv-voice blockquote p::after{content:"”";color:var(--gold);margin-left:2px}
#view-skinvive .sv-voice figcaption{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;font-size:13px;color:var(--ink-3)}
#view-skinvive .sv-three-src{font-size:12px!important;color:var(--gold-ink)!important;margin-top:10px!important;line-height:1.6!important}
@media(max-width:900px){#view-skinvive .sv-check{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .sv-course{grid-template-columns:1fr}#view-skinvive .sv-course li+li{border-left:0;border-top:1px solid var(--sp-border)}#view-skinvive .sv-doctor-hero{grid-template-columns:1fr;gap:22px}#view-skinvive .sv-doctor-photo{max-width:320px}#view-skinvive .sv-cta{grid-template-columns:1fr}}
@media(max-width:600px){#view-skinvive .sv-check{grid-template-columns:1fr}#view-skinvive .sv-facts{grid-template-columns:1fr}#view-skinvive .sv-gallery{grid-template-columns:1fr 1fr}#view-skinvive .sv-gallery figure:first-child{grid-row:span 2}#view-skinvive .sv-cta{padding:22px 20px}#view-skinvive .sv-cta-actions .btn{flex:1 1 100%;text-align:center}#view-skinvive .sv-voice{padding:20px}#view-skinvive .sv-voice blockquote p{font-size:17px}#view-skinvive .sv-doctor-photo{max-width:none}#view-skinvive .sv-doctor-photo img{aspect-ratio:4/5}}
/* v3 (2026-09-18): what it is / why first, lecture figures, study cases. */
#view-skinvive .sv-three-tight li{border-top:2px solid var(--gold);border-left:1px solid var(--sp-border)}
#view-skinvive .sv-figure{margin:26px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .sv-figure img{display:block;width:100%;height:auto}
#view-skinvive .sv-figure figcaption{font-size:12.5px;line-height:1.8;color:var(--ink-2);padding:12px 18px;border-top:1px solid var(--sp-border)}
#view-skinvive .sv-limits{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-skinvive .sv-limits li{background:#fff;border:1px solid var(--sp-border);padding:20px 22px;min-width:0}
#view-skinvive .sv-limits li>span{display:block;font:400 22px/1 var(--fig);color:var(--gold-ink);margin-bottom:10px}
#view-skinvive .sv-limits h3{font-size:17px;line-height:1.5;margin:0 0 8px}
#view-skinvive .sv-limits p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sv-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px;align-items:center;margin-bottom:8px}
#view-skinvive .sv-why-grid h3{font-size:20px;line-height:1.6;margin-bottom:12px}
#view-skinvive .sv-why-grid p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive .sv-why-grid p+p{margin-top:10px}
#view-skinvive .sv-why-grid .sn-diagram{margin:0;max-width:none;background:#fff}
#view-skinvive .sv-why-grid .sn-diagram img{display:block;width:100%;height:auto}
#view-skinvive .sv-steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#view-skinvive .sv-steps-4 li{padding:20px 20px 18px}
#view-skinvive .sv-steps-4 h3{font-size:15px;line-height:1.7;margin:0}
#view-skinvive .sv-subhead{font-size:20px;line-height:1.6;margin:30px 0 16px;padding-top:24px;border-top:1px solid var(--sp-border)}
#view-skinvive .sv-case-photos-one{max-width:none}
#view-skinvive .sv-case-photos-one img{background:#000}
@media(max-width:900px){#view-skinvive .sv-limits{grid-template-columns:1fr}#view-skinvive .sv-why-grid{grid-template-columns:1fr;gap:20px}#view-skinvive .sv-steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .sv-steps-4 li:nth-child(3){border-left:0}#view-skinvive .sv-steps-4 li:nth-child(n+3){border-top:1px solid var(--sp-border)}}
@media(max-width:600px){#view-skinvive .sv-steps-4{grid-template-columns:1fr}#view-skinvive .sv-steps-4 li+li{border-left:0;border-top:1px solid var(--sp-border)}#view-skinvive .sv-figure figcaption{padding:12px 14px}}
#view-skinvive .sv-three-what{font-size:13.5px!important;line-height:1.85!important;color:var(--ink-3)!important;padding-bottom:10px;margin-bottom:10px!important;border-bottom:1px solid var(--sp-border)}
/* v5 (2026-09-18): case-led hero, science folded into "sv-more". */
#view-skinvive .sv-hero-case{margin:0}
#view-skinvive .sv-hero-case img{aspect-ratio:auto!important;object-fit:contain;background:#000}
#view-skinvive .sv-hero-case figcaption{font-size:12px;line-height:1.75;color:var(--ink-3);margin-top:8px}
#view-skinvive .sv-hero-case figcaption a{display:inline-block;margin-top:4px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive #sv-more .sv-fold{background:#fff;border:1px solid var(--sp-border);margin:0 0 10px}
#view-skinvive #sv-more .sv-fold>summary{padding:18px 22px;font-size:17px}
#view-skinvive #sv-more .sv-fold .sp-disclosure-content{padding:4px 22px 26px}
#view-skinvive #sv-more .sv-fold .sp-heading{margin-top:8px}
@media(max-width:600px){#view-skinvive #sv-more .sv-fold>summary{padding:16px 16px;font-size:15.5px}#view-skinvive #sv-more .sv-fold .sp-disclosure-content{padding:4px 14px 20px}}
/* v6 (2026-09-19): features list and the illustrated five-step mechanism (same layout as the Rejuran page). */
#view-skinvive .sv-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#view-skinvive .sv-features>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 22px 20px;min-width:0}
#view-skinvive .sv-feature-no{font:400 26px/1 var(--latin);color:var(--gold-ink)}
#view-skinvive .sv-features h3{font-size:17px;line-height:1.55;margin:0 0 10px}
#view-skinvive .sv-features ul{list-style:none;margin:0;padding:0}
#view-skinvive .sv-features ul li{position:relative;padding-left:14px;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .sv-features ul li+li{margin-top:6px}
#view-skinvive .sv-features ul li::before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
#view-skinvive .sv-mech{list-style:none;margin:0;padding:0;display:grid;gap:28px}
#view-skinvive .sv-mech-step{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}
#view-skinvive .sv-mech-step:nth-child(even) figure{order:2}
#view-skinvive .sv-mech-step figure{margin:0;background:#faf7f1;border:1px solid var(--sp-border)}
#view-skinvive .sv-mech-step img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-skinvive .sv-mech-no{font:400 30px/1 var(--latin);color:var(--gold);margin:0 0 10px}
#view-skinvive .sv-mech-tag{display:inline-block;font-size:12px!important;letter-spacing:.06em;color:var(--gold-ink)!important;border:1px solid var(--gold);border-radius:999px;padding:3px 12px;margin:0 0 10px}
#view-skinvive .sv-mech-body h3{font-size:20px;line-height:1.55;margin:0 0 10px}
#view-skinvive .sv-mech-body p:last-child{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-skinvive #sv-mech .sp-note{margin-top:24px}
#view-skinvive #sv-about .sv-figure{margin-top:18px}
@media(max-width:900px){#view-skinvive .sv-features{grid-template-columns:1fr}}
@media(max-width:760px){#view-skinvive .sv-mech{gap:32px}#view-skinvive .sv-mech-step{grid-template-columns:1fr;gap:14px}#view-skinvive .sv-mech-step:nth-child(even) figure{order:0}#view-skinvive .sv-mech-body h3{font-size:18px}#view-skinvive .sv-features>li{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:18px}}
/* v7 (2026-09-19): watercolour scaffold triptych and the non-cross-linked / cross-linked comparison. */
#view-skinvive .sv-scaffold{margin:22px 0 14px}
#view-skinvive .sv-scaffold-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sp-border)}
#view-skinvive .sv-scaffold-labels>div{padding:14px 16px;min-width:0}
#view-skinvive .sv-scaffold-labels>div+div{border-left:1px solid var(--sp-border)}
#view-skinvive .sv-scaffold-labels b{display:block;font-size:14px;color:var(--gold-ink);letter-spacing:.04em;margin-bottom:4px}
#view-skinvive .sv-scaffold-labels span{display:block;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
#view-skinvive .sv-compare{margin-top:34px;background:#fff;border:1px solid var(--sp-border);padding:26px 26px 20px}
#view-skinvive .sv-compare>h3{font-size:20px;line-height:1.6;margin:0 0 10px}
#view-skinvive .sv-compare>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2);margin-bottom:18px}
#view-skinvive .sv-compare-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:13px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:8px}
#view-skinvive .sv-compare-row{margin:0 0 16px}
#view-skinvive .sv-compare-row figcaption{font-size:15px;font-weight:500;color:var(--ink);margin:0 0 8px;padding-left:10px;border-left:2px solid var(--gold)}
#view-skinvive .sv-compare-row img{display:block;width:100%;height:auto;border:1px solid var(--sp-border)}
@media(max-width:600px){#view-skinvive .sv-scaffold-labels>div{padding:10px 8px}#view-skinvive .sv-scaffold-labels b{font-size:12px}#view-skinvive .sv-scaffold-labels span{font-size:11.5px}#view-skinvive .sv-compare{padding:18px 14px 14px}#view-skinvive .sv-compare-cols{font-size:11px}}
/* v8 (2026-09-19): fibroblast states, side-by-side comparison on desktop, smaller case photos on desktop. */
#view-skinvive .sv-states{margin:0 0 34px}
#view-skinvive .sv-states figcaption{font-size:13px;line-height:1.8;color:var(--ink-2);padding:12px 18px;border-top:1px solid var(--sp-border)}
#view-skinvive .sv-compare-cols{margin:6px 0 0}
#view-skinvive .sv-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-skinvive .sv-compare-grid .sv-compare-row{margin:0}
@media(max-width:900px){#view-skinvive .sv-compare-grid{grid-template-columns:1fr;gap:18px}}
@media(min-width:901px){
 #view-skinvive .sv-case{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"photo head" "photo facts";column-gap:30px;align-items:start}
 #view-skinvive .sv-case-head{grid-area:head}
 #view-skinvive .sv-case-photos{grid-area:photo;margin:0}
 #view-skinvive .sv-case-facts{grid-area:facts;margin-top:14px}
 #view-skinvive .sv-case-facts>div{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0}
 #view-skinvive .sv-case-facts dd{font-size:13.5px}
}
#view-skinvive .sv-hero-photo figcaption a{display:inline-block;margin-left:8px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* skx (2026-09-26): magazine-style reading order — "まず知りたいこと" cards, pictures in text-only stretches, the keynote block and the folded fibroblast literature. The skx- prefix is unique to this file (it is also copied into #view-crosstalk at build time). */
#view-skinvive .skx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-skinvive .skx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-skinvive .skx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-skinvive .skx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-skinvive .skx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive .skx-about-art{margin:0 auto 26px;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .skx-about-art img{display:block;width:100%;height:auto}
#view-skinvive .skx-about-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--sp-border)}
#view-skinvive .skx-about-labels>div{padding:14px 16px;min-width:0}
#view-skinvive .skx-about-labels>div+div{border-left:1px solid var(--sp-border)}
#view-skinvive .skx-about-labels b{display:block;font-size:14px;color:var(--gold-ink);letter-spacing:.04em;margin-bottom:4px}
#view-skinvive .skx-about-labels span{display:block;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
#view-skinvive .skx-about-art figcaption{font-size:12.5px;line-height:1.8;color:var(--ink-2);padding:12px 18px;border-top:1px solid var(--sp-border)}
#view-skinvive .skx-scaffold-first{margin-top:0}
#view-skinvive .skx-steps{margin-top:22px}
#view-skinvive .skx-steps li{padding-top:0}
#view-skinvive .skx-step-art{margin:0 -24px 16px;border-bottom:1px solid var(--sp-border);background:var(--sp-soft)}
#view-skinvive .skx-step-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-skinvive .skx-fibro-more{margin-top:26px}
#view-skinvive .skx-fibro-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-skinvive .skx-fibro-more .fbl-grid{margin-top:8px}
#view-skinvive .skx-art{margin:0 0 24px}
#view-skinvive .skx-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 45%;border:1px solid var(--sp-border)}
#view-skinvive .skx-art figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-skinvive .skx-keynote{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:32px;align-items:center;margin:34px 0 0;background:#fff;border:1px solid var(--sp-border);border-left:2px solid var(--gold);padding:26px 30px}
#view-skinvive .skx-keynote figure{margin:0}
#view-skinvive .skx-keynote img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}
#view-skinvive .skx-keynote figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-skinvive .skx-keynote .sp-kicker{margin-bottom:10px}
#view-skinvive .skx-keynote h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:0 0 12px}
#view-skinvive .skx-keynote p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2);margin-bottom:12px}
#view-skinvive .skx-keynote a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-skinvive .skx-gallery-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-skinvive .skx-gallery-wide img{aspect-ratio:16/9}
@media(max-width:900px){#view-skinvive .skx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .skx-steps li{padding-top:0}}
@media(max-width:760px){#view-skinvive .skx-art img{aspect-ratio:16/9}#view-skinvive .skx-keynote{grid-template-columns:1fr;gap:18px;padding:20px}#view-skinvive .skx-keynote figure{max-width:280px}}
@media(max-width:600px){#view-skinvive .skx-gallery-wide{grid-template-columns:1fr}#view-skinvive .skx-gallery-wide figure:first-child{grid-row:auto}#view-skinvive .skx-about-labels>div{padding:10px 8px}#view-skinvive .skx-about-labels b{font-size:12.5px}#view-skinvive .skx-about-labels span{font-size:12px}}
@media(max-width:560px){#view-skinvive .skx-quick{grid-template-columns:minmax(0,1fr)}}
/* skx (2026-09-27): case facts stay visible beside each case photo (treatment, period, cost, risks are never folded). On phones each label sits beside its text instead of above it, so the four cases read shorter. */
@media(max-width:760px){#view-skinvive .skx-case-facts>div{grid-template-columns:5.6em minmax(0,1fr);gap:10px;padding:9px 0}#view-skinvive .skx-case-facts dt{font-size:12.5px;line-height:1.85}#view-skinvive .skx-case-facts dd{font-size:13.5px;line-height:1.8}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-skinvive .skx-hero-points{margin-top:22px}
#view-skinvive .skx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-skinvive .skx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-skinvive .skx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-skinvive .skx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-skinvive .skx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-skinvive .skx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-skinvive .skx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-skinvive .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-skinvive .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 the keynote photograph moved up to the doctor's photo; the keynote card is text only */
#view-skinvive .skx-keynote-text{grid-template-columns:minmax(0,1fr)}
#view-skinvive .sv-doctor-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
/* 2026-10-01 clinic cases (ct_cases.py; SkinVive and CrossTALK pages): the same unboxed, paired photograph cards as the other pages */
#view-skinvive .ctc-h{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:44px 0 10px}
#view-skinvive .ctc-lead{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-skinvive .ctc-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-skinvive .ctc-gallery-card{padding:0;background:transparent;border:0}
#view-skinvive .ctc-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-skinvive .ctc-gallery-card h3.ctc-title-long{font-size:clamp(14.5px,1.1vw,16px);letter-spacing:.04em;line-height:1.9} /* 1.9 keeps the smaller title the same box height as the 19px/1.6 titles beside it */ /* 2026-10-02 owner: 「スキンバイブ＋ピコ秒レーザー」 stays on one line in a 320-340px card */
#view-skinvive .ctc-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-skinvive .ctc-gallery-card .case-image{margin:0}
#view-skinvive .ctc-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-skinvive .ctc-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-skinvive .ctc-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-skinvive .ctc-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-skinvive .ctc-case-details summary:hover{color:var(--gold-ink)}
#view-skinvive .ctc-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-skinvive .ctc-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-skinvive .ctc-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-skinvive .ctc-case-details dt{padding-top:13px}
#view-skinvive .ctc-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-skinvive .ctc-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-skinvive .ctc-case-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-03 こんな方に: the checklist without a mood image, then the block on when another treatment comes first; the skin-booster comparison as a sub-heading inside the about chapter */
#view-skinvive .skx-check-5{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-skinvive .skx-triage{margin-top:22px;background:#fff;border:1px solid var(--sp-border);border-left:2px solid var(--gold);padding:20px 24px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px 32px;align-items:start}
#view-skinvive .skx-triage .sp-kicker{margin-bottom:8px}
#view-skinvive .skx-triage ul{list-style:none;margin:0;padding:0}
#view-skinvive .skx-triage li{position:relative;padding-left:14px;font-size:14.5px;line-height:1.85;color:var(--ink-2)}
#view-skinvive .skx-triage li+li{margin-top:6px}
#view-skinvive .skx-triage li::before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
#view-skinvive .skx-triage>p{font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;padding-top:2px}
#view-skinvive .skx-sub-heading{margin-top:40px;padding-top:30px;border-top:1px solid var(--sp-border)}
#view-skinvive .skx-sub-heading h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:0 0 10px}
#view-skinvive .skx-sub-heading p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2);max-width:760px}
@media(max-width:900px){#view-skinvive .skx-check-5{grid-template-columns:repeat(2,minmax(0,1fr))}#view-skinvive .skx-triage{grid-template-columns:1fr;gap:14px}}
@media(max-width:600px){#view-skinvive .skx-check-5{grid-template-columns:1fr}#view-skinvive .skx-triage{padding:16px 16px}}

/* 「線維芽細胞の最新知見」 (fibro_literature.py) on the SkinVive and CrossTALK pages. #view-skinvive is replaced by the page's view id at build time. */
#view-skinvive .fbl-figure{margin:30px 0 0;background:#fff;border:1px solid var(--sp-border);padding:22px 22px 16px}
#view-skinvive .fbl-figure svg{display:block;width:100%;height:auto}
#view-skinvive .fbl-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-2);margin-top:12px}
#view-skinvive .nv-fig-title{font-size:20px;font-weight:600;fill:#514A43;font-family:var(--sans)}
#view-skinvive .nv-fig-label{font-size:16px;font-weight:600;fill:#514A43;font-family:var(--sans)}
#view-skinvive .nv-fig-note{font-size:13px;fill:#7a7269;font-family:var(--sans)}
#view-skinvive .nv-fig-desc{font-size:13.5px;line-height:1.55;color:#6b635b;font-family:var(--sans);margin:0}
#view-skinvive .fbl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
#view-skinvive .fbl-card{background:#fff;border:1px solid var(--sp-border);padding:22px 24px;min-width:0;display:flex;flex-direction:column}
#view-skinvive .fbl-card h3{font-size:17px;line-height:1.55;margin:0 0 10px}
#view-skinvive .fbl-card p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-skinvive .fbl-ref{display:inline-block;font-size:12.5px;margin-top:10px}
#view-skinvive .fbl-card .fbl-ref{margin-top:auto;padding-top:12px}
#view-skinvive .fbl-refs{margin:6px 0 0}
#view-skinvive .fbl-refs .fbl-ref{margin-right:14px}
#view-skinvive .fbl-h{font-size:clamp(20px,2vw,24px);line-height:1.6;margin:36px 0 14px}
#view-skinvive .fbl-point{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-skinvive .fbl-point-face{margin:0}
#view-skinvive .fbl-point-face img{display:block;width:110px;height:110px;border-radius:50%;object-fit:cover}
#view-skinvive .fbl-list{list-style:none;padding:0;margin:0}
#view-skinvive .fbl-list li{padding:10px 0;border-top:1px solid var(--sp-border);font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-skinvive .fbl-list strong{color:var(--ink);font-weight:500}
#view-skinvive .fbl-references{margin-top:28px;padding:24px;background:#fff;border:1px solid var(--sp-border)}
#view-skinvive .fbl-references>h3{margin-top:0}
#view-skinvive .fbl-references ol{margin:0;padding-left:1.3em}
#view-skinvive .fbl-references li{margin-bottom:18px}
#view-skinvive .fbl-references h4{font-size:16px;font-weight:500;margin:0 0 6px}
#view-skinvive .fbl-references p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 6px}
#view-skinvive .fbl-references cite{display:block;font-style:normal;font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-bottom:6px}
@media(max-width:1000px){#view-skinvive .fbl-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){#view-skinvive .fbl-point{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 fibroblast populations: the clinic's illustration with SVG labels in its white margin; below 900 px a list under the picture */
#view-skinvive .fbl-pop{position:relative}
#view-skinvive .fbl-pop img{display:block;width:100%;height:auto}
#view-skinvive .fbl-figure .fbl-pop svg{position:absolute;inset:0;width:100%;height:100%}
#view-skinvive .fbl-pop-h{font-family:var(--sans);font-size:29px;font-weight:500;fill:#3C3C3E}
#view-skinvive .fbl-pop-p{font-family:var(--sans);font-size:22px;font-weight:400;fill:#3C3C3E}
#view-skinvive .fbl-pop-aux{font-family:var(--sans);font-size:22px;font-weight:400;fill:#6E6E73}
html[lang^="en"] #view-skinvive .fbl-pop-h{font-size:27px}
html[lang^="en"] #view-skinvive .fbl-pop-p{font-size:20.5px}
#view-skinvive .fbl-pop-lead{stroke:#3C3C3E;stroke-width:1.6;fill:none;opacity:.7}
#view-skinvive .fbl-pop-dot{fill:#fff;stroke-width:3.5}
#view-skinvive .fbl-pop-dot.fbl-c-pap{stroke:#6F98BE}#view-skinvive .fbl-pop-dot.fbl-c-ret{stroke:#B36F8C}#view-skinvive .fbl-pop-dot.fbl-c-dhj{stroke:#8C9A64}
#view-skinvive .fbl-pop-chip.fbl-c-pap{fill:#6F98BE}#view-skinvive .fbl-pop-chip.fbl-c-ret{fill:#B36F8C}#view-skinvive .fbl-pop-chip.fbl-c-dhj{fill:#8C9A64}
#view-skinvive .fbl-pop-swatch.fbl-c-pap{background:#6F98BE}#view-skinvive .fbl-pop-swatch.fbl-c-ret{background:#B36F8C}#view-skinvive .fbl-pop-swatch.fbl-c-dhj{background:#8C9A64}
#view-skinvive .fbl-pop-legend{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){
#view-skinvive .fbl-figure .fbl-pop svg{display:none}
#view-skinvive .fbl-pop img{aspect-ratio:1130/1024;object-fit:cover;object-position:0 50%}
#view-skinvive .fbl-pop-legend{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
#view-skinvive .fbl-pop-legend li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-skinvive .fbl-pop-legend b{display:block;font-weight:500;color:var(--ink)}
#view-skinvive .fbl-pop-swatch{width:12px;height:12px;border-radius:50%;margin-top:7px}
}
@media(min-width:641px) and (max-width:900px){#view-skinvive .fbl-pop-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-ha{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-ha .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-ha .sp-soft{background:var(--sp-soft)}
#view-ha .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-ha .sp-heading{margin-bottom:26px;max-width:46em}
#view-ha .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-ha .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-ha .sp-heading .sp-kicker{margin-top:0}
#view-ha .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-ha .sp-note a,#view-ha .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ha .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-ha .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-ha .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-ha .crumbs span::before{content:none}
#view-ha .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-ha .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-ha .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-ha .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-ha .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-ha .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-ha .sp-hero-trust a{margin-top:7px}
#view-ha .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-ha .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-ha .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-ha .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-ha .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-ha .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-ha .sp-nav a{flex-shrink:0}
#view-ha .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-ha .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-ha .sp-nav a:hover{color:var(--gold-ink)}
#view-ha .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ha .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-ha .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-ha .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-ha .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-ha .sp-type-body{padding:21px 22px 22px}
#view-ha .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-ha .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-ha .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-ha .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-ha .sp-type .sp-source{margin-top:12px}
#view-ha .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-ha .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ha .sp-case-head{padding:20px 22px 16px}
#view-ha .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-ha .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-ha .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-ha .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-ha .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-ha .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-ha .sp-case-body{padding:18px 22px 22px}
#view-ha .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-ha .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-ha .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-ha .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-ha .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-ha .sp-case-body .sp-source{margin-top:14px}
#view-ha .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-ha .sp-case-details>summary{min-height:48px}
#view-ha .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-ha .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-ha .sp-approach-list{display:grid;gap:0}
#view-ha .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-ha .sp-approach-item:first-child{padding-top:0}
#view-ha .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-ha .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-ha .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-ha .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-ha .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-ha .sp-doctor h3{font-size:21px;line-height:1.5}
#view-ha .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-ha .sp-doctor .sp-source{white-space:nowrap}
#view-ha .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-ha .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-ha .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-ha .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-ha .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-ha .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-ha .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-ha .sp-expertise-facts>div:first-child{padding-top:0}
#view-ha .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-ha .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-ha .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-ha .sp-expertise-grid figure{max-width:480px}
 #view-ha .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-ha .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-ha .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-ha .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ha .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-ha .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-ha .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-ha .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-ha .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-ha .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-ha .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-ha .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-ha .sp-disclosure>summary::after{content:'＋';flex:none}
#view-ha .sp-disclosure[open]>summary::after{content:'−'}
#view-ha .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .sp-disclosure-content p+p{margin-top:12px}
#view-ha .sp-approval-list{display:grid;gap:10px}
#view-ha .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-ha .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-ha .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-ha .sp-price-intro>div{flex:1 1 320px}
#view-ha .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-ha .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-ha .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-ha .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-ha .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-ha .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-ha .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-ha .sp-price-heading{margin-bottom:16px}
#view-ha .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-ha .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-ha .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-ha .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-ha .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-ha .sp-price .sp-yen{display:block;margin:0}
#view-ha .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-ha .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-ha .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-ha .sp-price-list{margin-top:8px}
#view-ha .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-ha .sp-price-list dt{min-width:0}
#view-ha .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-ha .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ha .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-ha .sp-flow-head{display:block;margin-bottom:14px}
#view-ha .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-ha .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-ha .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-ha .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-ha .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-ha .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-ha .sp-recovery>div:last-child{border-right:0}
#view-ha .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-ha .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-ha .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-ha .sp-risk-details{margin-top:22px}
#view-ha .sp-faq{margin-inline:0}
#view-ha .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-ha .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-ha .sp-tech h3{font-size:22px;line-height:1.6}
#view-ha .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-ha .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-ha .sp-tech h3+p{margin-top:10px}
#view-ha .sp-video>summary{cursor:pointer;list-style:none}
#view-ha .sp-video>summary::-webkit-details-marker{display:none}
#view-ha .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ha .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-ha .sp-flow-text{display:block;margin-top:12px}
#view-ha .sp-video-body{padding-bottom:16px}
#view-ha .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-ha .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-ha .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-ha .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-ha .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-ha .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-ha .sp-tech>img{width:76px;height:99px}
 #view-ha .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-ha .sp-homecare>img{max-height:220px}
}
#view-ha .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-ha .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-ha .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-ha .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-ha .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-ha .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-ha .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-ha .sp-final .btn{font-size:14px}
#view-ha .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-ha :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-ha .sp-devices{grid-template-columns:1fr}
  #view-ha .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-ha .sp-device-head{margin-bottom:0}
  #view-ha .sp-device .sp-disclosure{grid-column:1/-1}
  #view-ha .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-ha .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-ha .sp-doctor>img{width:90px;height:100px}
  #view-ha .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-ha .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-ha .sp-hero h1{font-size:32px}
  #view-ha .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-ha .sp-hero-lead{margin-top:17px}
  #view-ha .sp-hero-photo img{aspect-ratio:16/9}
  #view-ha .sp-hero-photo figcaption{font-size:12px}
  #view-ha .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-ha .sp-types,#view-ha .sp-cases,#view-ha .sp-approach,#view-ha .sp-prices{grid-template-columns:1fr}
  #view-ha .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-ha .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-ha .sp-type-body{padding:19px 20px}
  #view-ha .sp-type h3{font-size:20px}
  #view-ha .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-ha .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-ha .sp-approach{gap:24px}
  #view-ha .sp-approach-image img{max-height:260px}
  #view-ha .sp-recovery{grid-template-columns:1fr}
  #view-ha .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-ha .sp-recovery>div:last-child{border-bottom:0}
  #view-ha .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-ha .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-ha .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-ha .sp-hero h1{font-size:29px}
  #view-ha .sp-actions{align-items:stretch}
  #view-ha .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-ha .sp-type{grid-template-columns:1fr}
  #view-ha .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-ha .sp-type-art img{max-height:130px}
  #view-ha .sp-layer-labels{justify-content:center;gap:26px}
  #view-ha .sp-type-body{padding:19px 20px}
  #view-ha .sp-case-head,#view-ha .sp-case-body{padding-inline:18px}
  #view-ha .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-ha .sp-case-photos{padding-inline:10px;gap:4px}
  #view-ha .sp-device{display:block;padding:20px}
  #view-ha .sp-device-head{margin-bottom:14px}
  #view-ha .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-ha .sp-flow>li{padding:18px 20px}
  #view-ha .sp-flow-head{margin-bottom:10px}
  #view-ha .sp-price{padding:22px}
  #view-ha .sp-price-intro{padding:20px}
  #view-ha .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-ha .sp-price-list dd{flex-basis:100%}
  #view-ha .sp-doctor{gap:14px}
  #view-ha .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-ha :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-ha .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-ha .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-ha .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-ha .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-ha .sp-entry-link:first-child{padding-left:0}
#view-ha .sp-entry-link:last-child{border-right:0}
#view-ha .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-ha .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-ha .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-ha .sp-entry-link:hover{background:var(--sp-soft)}
#view-ha .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-ha .sp-consult h3{font-size:24px;line-height:1.65}
#view-ha .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-ha .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-ha .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-ha .sp-consult .sp-note{margin-top:7px}
#view-ha #s-doctor-section{padding-top:58px}
#view-ha #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-ha .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-ha .sp-expertise-grid figure{align-self:center}
#view-ha .sp-expertise-facts dt{font-size:16px}
#view-ha .sp-expertise-facts dd{font-size:14px}
#view-ha .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-ha .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-ha .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-ha .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-ha .sp-flow{list-style:none;padding:0}
#view-ha .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-ha .sp-flow-head img,#view-ha .sp-video video{border:1px solid var(--sp-border)}
#view-ha .sp-recovery{border:0}
#view-ha .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-ha .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-ha .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-ha .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-ha .sp-visit-info a{color:var(--on-night)}
#view-ha a:focus-visible,#view-ha summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-ha .sp-entry-links{grid-template-columns:1fr}
 #view-ha .sp-entry-link,#view-ha .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-ha .sp-entry-link:last-child{border-bottom:0}
 #view-ha .sp-entry-link strong{font-size:18px}
 #view-ha .sp-entry-link span span{margin-top:3px}
 #view-ha .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-ha .sp-consult h3{font-size:22px}
 #view-ha .sp-consult ul{display:block}
 #view-ha .sp-consult li{margin-top:6px}
 #view-ha .sp-consult .btn{width:100%}
 #view-ha .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-ha .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-ha .sp-recovery>div::before{top:4px;left:-5px}
 #view-ha .sp-recovery>div:last-child{padding-bottom:0}
 #view-ha .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-ha *{scroll-behavior:auto;transition:none}}

#view-ha .sp-type-art img{max-height:145px}
#view-ha .sp-type-body{padding:20px}
#view-ha .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-ha .sp-price>p.sp-price-unit,#view-ha .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-ha .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-ha .sp-price{padding:26px 0}
 #view-ha .sp-price-description{margin-bottom:20px}
 #view-ha .sp-price>.sp-note{min-height:0}
 #view-ha .sp-price h3{font-size:23px}
 #view-ha .sp-price .sp-yen{font-size:20px}
 #view-ha .sp-price-intro{padding:22px;gap:16px}
 #view-ha .sp-price-intro>div{flex-basis:100%}
}

#view-ha .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-ha .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-ha .sp-consult-fees>div:last-child{border-bottom:0}
#view-ha .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-ha .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-ha .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-ha .sp-consult-fees{flex-basis:100%}#view-ha .sp-consult-fees dd{font-size:21px}#view-ha .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-ha .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-ha .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-ha .sp-price-intro{padding:20px 18px;gap:18px}
 #view-ha .sp-consult-fees{flex-basis:100%;width:100%}
 #view-ha .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-ha .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-ha .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-ha .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-ha .sp-fee-period::before{content:none}
 html[lang="en"] #view-ha .sp-fee-period{white-space:normal;font-size:14px}
 #view-ha .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-ha .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-ha .sp-prices{gap:16px;border:0}
 #view-ha .sp-price,#view-ha .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-ha .sp-price-heading{order:0;margin-bottom:14px}
 #view-ha .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-ha .sp-price h3{font-size:22px;letter-spacing:0}
 #view-ha .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-ha .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-ha .sp-price .sp-price-unit{font-size:12px}
 #view-ha .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-ha .sp-price>.sp-note{order:3;margin-top:10px}
 #view-ha .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-ha .sp-price,#view-ha .sp-price+.sp-price{padding:20px 16px}
 #view-ha .sp-price h3{font-size:20px}
 #view-ha .sp-price .sp-yen{font-size:20px}
 #view-ha .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-ha .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-ha .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-ha .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-ha .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-ha .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-ha .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-ha .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-ha .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-ha .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-ha .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-ha .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-ha .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-ha .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-ha .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-ha .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-ha .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-ha .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-ha .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-ha .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-ha .sp-entry-hint{margin:8px 0 22px}
#view-ha .sp-entry-links{gap:14px;border:0}
#view-ha .sp-entry-link,#view-ha .sp-entry-link:first-child,#view-ha .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-ha .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-ha .sp-entry-link:hover,#view-ha .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-ha .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-ha .sp-entry-copy{min-width:0}
#view-ha .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-ha .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-ha .sp-entry-question{font-size:22px}
 #view-ha .sp-entry-link,#view-ha .sp-entry-link:first-child,#view-ha .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-ha .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-ha .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-ha .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-ha .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .sp-anes{margin-top:10px}
#view-ha .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-ha .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-ha .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-ha .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-ha .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-ha .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-ha .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-ha .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-ha .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-ha .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-ha .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-ha .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-ha .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-ha .hg-head>div{min-width:0}
#view-ha .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-ha .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-ha .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-ha .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-ha .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-ha .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-ha .hg-menu-photo{margin:0}
#view-ha .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-ha .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-ha .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-ha .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-ha .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-ha .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-ha .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-ha .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-ha .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-ha .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-ha .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-ha .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-ha .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-ha .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-ha .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-ha .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-ha .hg-menu-note{margin:14px 0 0}
#view-ha .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-ha .hg-menu-links-label{margin-right:4px}
#view-ha .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-ha .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-ha .hg-menu-fees{gap:8px}#view-ha .hg-fee{padding:14px 14px 12px}#view-ha .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-ha .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-ha .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-ha .hg-menu-range{margin:14px 0 0}
#view-ha .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-ha .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-ha .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-ha .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-ha .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-ha .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-ha .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-ha .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-ha .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-ha .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-ha .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-ha .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-ha .cg-card{padding:0;background:transparent;border:0}
#view-ha .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-ha .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-ha .cg-card .case-image{margin:0}
#view-ha .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-ha .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-ha .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-ha .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-ha .cg-details summary:hover{color:var(--gold-ink)}
#view-ha .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-ha .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-ha .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-ha .cg-details dt{padding-top:13px}
#view-ha .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-ha .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-ha .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-ha .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-ha .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-ha .sp-section .dn-gallery,#view-ha .sp-section .sw-gallery,#view-ha .sp-section .pc-lecture-figs,#view-ha .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-ha .sp-section .sw-interview,#view-ha .sp-section .ul-doctor-grid,#view-ha .sp-section .sv-doctor-hero,#view-ha .sp-section .wrx-evidence,#view-ha .sp-section .uex-evidence,#view-ha .sp-section .ml-doctor-grid,#view-ha .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-ha .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-ha .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-ha .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-ha .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-ha .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-ha .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-ha .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-ha .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-ha .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-ha .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-ha .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-ha .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-ha .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-ha .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ha .hgd-svg{display:block;width:100%;height:auto}
#view-ha .hgd-sp{display:none}
#view-ha .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-ha .hgd-layer{font-size:30px}
#view-ha .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-ha .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-ha .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-ha .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-ha .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-ha .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-ha .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-ha .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-ha .hgd-art{opacity:.92}
#view-ha .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-ha .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-ha .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-ha .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-ha .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-ha .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-ha .hgd-layer{font-size:25px}
html[lang^="en"] #view-ha .hgd-sub{font-size:19px}
html[lang^="en"] #view-ha .hgd-br{font-size:27px}
#view-ha .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-ha .hgd-pc .hgd-layer{font-size:38px}
 #view-ha .hgd-pc .hgd-sub{font-size:30px}
 #view-ha .hgd-pc .hgd-name{font-size:42px}
 #view-ha .hgd-pc .hgd-kind{font-size:31px}
 #view-ha .hgd-pc .hgd-br{font-size:36px}
 #view-ha .hgd-pc .hgd-mm{font-size:40px}
 #view-ha .hgd-pc .hgd-note{font-size:26px}
 #view-ha .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-ha .hg-lineup img{width:72px;height:72px}
 #view-ha .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-ha .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-ha .hg-lineup,#view-ha .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-ha .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-ha .hg-lineup img{width:56px;height:56px}
 #view-ha .hg-lineup figcaption{padding:7px 8px}
 #view-ha .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-ha .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-ha .hg-lineup figcaption small{font-size:10.5px}
 #view-ha .hgd-pc{display:none}
 #view-ha .hgd-sp{display:block}
 #view-ha .hgd-layer,#view-ha .hgd-name,#view-ha .hgd-br,#view-ha .hgd-mm{font-size:34px}
 #view-ha .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-ha .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-ha .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-ha .hgd-layer{font-size:30px}
 #view-ha .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-ha .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-ha .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Wrinkles & laxity page: page-only additions on top of the shared spots components (scoped to #view-ha).
   Colours, type and spacing come from the shared tokens; do not reintroduce page-specific palettes. */
#view-ha figure{margin:0;min-width:0}
#view-ha .sp-nav a{min-height:48px}
#view-ha .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-ha .sp-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:34em}
#view-ha .sp-lead-secondary{font-size:15px;line-height:1.95;color:var(--ink-2);margin-top:12px;max-width:34em}
#view-ha .sp-hero .sp-note+.sp-source{margin-top:4px}
#view-ha :is(section,.wrx-region,.wrx-case,.wrx-types-chapter){scroll-margin-top:88px}

/* Three area entry cards */
#view-ha .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Approach */
#view-ha .wrx-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ha .wrx-approach-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-ha .wrx-approach-card h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-ha .wrx-approach-card p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-ha .wrx-approach-grid+.sp-disclosure{margin-top:24px}

/* Area disclosures */
#view-ha .wrx-region{margin-top:12px;background:#fff;border:1px solid var(--sp-border);border-radius:6px}
#view-ha .wrx-region>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 24px;min-height:68px;cursor:pointer}
#view-ha .wrx-region>summary::-webkit-details-marker{display:none}
#view-ha .wrx-region>summary strong{font-family:var(--mincho);font-size:21px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-ha .wrx-index{font-family:var(--fig);font-size:18px;color:var(--gold-ink);font-variant-numeric:tabular-nums lining-nums}
#view-ha .wrx-toggle{margin-left:auto;flex:none;color:var(--gold-ink);font-size:16px;line-height:1}
#view-ha .wrx-toggle::after{content:'＋'}
#view-ha .wrx-region[open]>summary{border-bottom:1px solid var(--sp-border)}
#view-ha .wrx-region[open]>summary .wrx-toggle::after{content:'−'}
#view-ha .wrx-region>summary:hover{background:#fffdf8}
#view-ha .wrx-region-body{padding:26px 24px}
#view-ha .wrx-region-body>h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-ha .wrx-region-body>p{max-width:46em;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ha .wrx-region-body>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-ha .wrx-region-body>.sp-source{margin:14px 22px 0 0}
#view-ha .wrx-region-actions{margin:22px 0 6px}
#view-ha .wrx-region-actions .btn{font-weight:500;letter-spacing:.025em;text-align:center}
#view-ha .wrx-diagram{max-width:720px;margin:22px 0 8px;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-ha .wrx-diagram img{display:block;width:100%;height:auto}
#view-ha .wrx-diagram figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Cases (shared .case card, page-specific photo grid: original photographs shown uncropped) */
#view-ha .wrx-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block:24px 8px;align-items:start}
#view-ha .wrx-case-single{max-width:560px;margin:24px 0 8px}
#view-ha .wrx-case .sp-case-head h3{font-size:19px}
#view-ha .wrx-case-photo{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:14px}
#view-ha .wrx-case-photo.wrx-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-ha .wrx-case-photo figure{background:var(--sp-soft);display:flex;flex-direction:column}
#view-ha .wrx-case-photo img{display:block;width:100%;height:auto}
#view-ha .wrx-case-photo figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-ha .wrx-region .sp-disclosure:not(.sp-case-details){margin-top:20px}
#view-ha .wrx-types-chapter{margin-top:30px}
#view-ha .wrx-types-chapter .sp-heading{margin-top:10px}
#view-ha .wrx-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-ha .wrx-type-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px;min-width:0}
#view-ha .wrx-type-tag{font-family:var(--latin);font-size:18px;color:var(--gold-ink)}
#view-ha .wrx-type-card h3{font-size:18px;line-height:1.6;margin:8px 0}
#view-ha .wrx-type-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .wrx-type-card .wrx-type-condition{font-size:13px;color:var(--gold-ink);margin-bottom:10px}

/* Doctors and research (same structure as the under-eye page) */
#view-ha .wrx-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-ha .wrx-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-ha .wrx-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-ha .wrx-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-ha .wrx-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .wrx-doctor .sp-source{margin-top:12px}
#view-ha .wrx-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-ha .wrx-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-ha .wrx-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-ha .wrx-evidence h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-ha .wrx-evidence-copy>p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .wrx-evidence-copy .sp-source{margin-top:12px}
/* 2026-10-05: the Director's training record and the Vice Director's live-injection record, side by side under the two doctor cards */
#view-ha .wrx-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#view-ha .wrx-evidence-pair .wrx-evidence{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;align-content:start;margin-top:0}
#view-ha .wrx-evidence-pair .wrx-evidence h3{font-size:20px}
@media(max-width:760px){#view-ha .wrx-evidence-pair{grid-template-columns:minmax(0,1fr)}}
#view-ha .wrx-research-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-ha .wrx-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ha .wrx-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px;min-width:0}
#view-ha .wrx-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-ha .wrx-paper h4{font-family:var(--latin);font-weight:400;font-size:16px;line-height:1.5;margin:2px 0 6px;overflow-wrap:anywhere}
#view-ha .wrx-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-ha .wrx-paper .sp-journal-meta{font-size:12px;margin-top:0}
#view-ha .wrx-papers+.sp-note{margin-top:14px}

/* Treatment menu (device-card style) */
#view-ha .wrx-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-ha .wrx-menu-card{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ha .wrx-treatment-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-ha .wrx-treatment-head picture{display:block}
#view-ha .wrx-treatment-head img{display:block;width:80px;height:108px;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-ha .wrx-treatment-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-ha .wrx-treatment-head h3 small{display:block;font-size:12px;font-weight:400;line-height:1.7;color:var(--gold-ink);margin-top:2px}
#view-ha .wrx-menu-card>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-ha .wrx-menu-card>.sp-source{margin-top:12px}

/* FLOW video */
#view-ha .sp-flow{list-style:none;padding:0}
#view-ha .sp-video{max-width:760px}

/* Post treatment */
#view-ha .wrx-post{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
#view-ha .wrx-post-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-ha .wrx-post-devices figure{margin:0;min-width:0}
#view-ha .wrx-post-devices img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--sp-soft)}
#view-ha .wrx-post-pt{grid-template-columns:minmax(0,1fr)}
#view-ha .wrx-post-pt img{aspect-ratio:4/3}
#view-ha .wrx-post-copy{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px;min-width:0}
#view-ha .wrx-post-copy h3{font-size:22px;line-height:1.6;margin:0 0 12px}
#view-ha .wrx-post-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ha .wrx-post-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:16px 0;margin:18px 0;border-block:1px solid var(--sp-border)}
#view-ha .wrx-post-price>span{font-size:13px;line-height:1.7;color:var(--ink-3);word-break:auto-phrase}
#view-ha .wrx-post-price strong{font:500 22px/1.3 var(--fig);color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#view-ha .wrx-post-price strong span{font:400 11px/1.3 var(--sans);margin-left:3px}
#view-ha .wrx-post-price .wrx-post-arrow{display:none}
#view-ha .wrx-post-price .wrx-post-special{color:var(--gold-ink)}
#view-ha .wrx-post-evidence{margin-top:22px}
#view-ha .wrx-post-evidence>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .wrx-post-evidence ul{margin:14px 0 0;padding-left:1.2em}
#view-ha .wrx-post-evidence li{margin:0 0 10px}
#view-ha .wrx-post-evidence li p{font-size:13px;line-height:1.85;margin:0;color:var(--ink-2)}
#view-ha .wrx-post-sources{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sp-border)}
#view-ha .wrx-post-sources .sp-kicker{margin:0 0 2px}
#view-ha .wrx-post-sources a{font-size:12px;line-height:1.6}
#view-ha .wrx-post-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
#view-ha .wrx-post-videos figure{margin:0;min-width:0}
#view-ha .wrx-post-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#26221F}
#view-ha .wrx-post-videos figcaption{font-size:12px;line-height:1.7;margin-top:6px;color:var(--ink-3)}

/* Fees: several procedure cards in the shared two-column price grid */
#view-ha .wrx-prices{border-bottom:0}
#view-ha .wrx-prices .sp-price{border-left:0;border-bottom:1px solid var(--sp-border);padding:26px 30px}
#view-ha .wrx-prices .sp-price:nth-child(even){border-left:1px solid var(--sp-border)}
#view-ha .wrx-prices .sp-price h3{font-size:22px}
#view-ha .wrx-prices .sp-price-heading{margin-bottom:6px}
#view-ha .wrx-prices .sp-price-list dd{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#view-ha .wrx-prices+.sp-note{margin-top:14px}
#view-ha .sp-price-action{margin-top:24px}

@media(max-width:1000px){
 #view-ha .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-ha .wrx-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-ha .wrx-papers{grid-template-columns:1fr}
}
@media(max-width:900px){
 #view-ha .wrx-approach-grid,#view-ha .wrx-doctors,#view-ha .wrx-evidence,#view-ha .wrx-post{grid-template-columns:1fr}
 #view-ha .wrx-post-devices{max-width:520px}
}
@media(max-width:760px){
 #view-ha .wrx-area-links{grid-template-columns:1fr}
 #view-ha .wrx-cases,#view-ha .wrx-menu-grid{grid-template-columns:1fr}
 #view-ha .wrx-region>summary{padding:16px;gap:14px;min-height:62px}
 #view-ha .wrx-region>summary strong{font-size:19px}
 #view-ha .wrx-index{font-size:16px}
 #view-ha .wrx-region-body{padding:22px 16px}
 #view-ha .wrx-region-body>h3{font-size:20px}
 #view-ha .wrx-region-body>p{font-size:14px}
 #view-ha .wrx-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
 #view-ha .wrx-doctor figure img{width:96px;height:144px}
 #view-ha .wrx-evidence{padding:20px;gap:16px}
 #view-ha .wrx-post-copy{padding:22px 20px}
 #view-ha .wrx-post-videos{grid-template-columns:1fr}
 #view-ha .wrx-prices .sp-price:nth-child(even){border-left:0}
}
@media(max-width:520px){
 #view-ha .wrx-type-grid{grid-template-columns:1fr}
 #view-ha .wrx-case-photo{padding-inline:10px}
 #view-ha .wrx-paper{grid-template-columns:76px minmax(0,1fr)}
 #view-ha .wrx-paper a img{width:76px}
}

/* 目の下のクマ page: additions on top of the spots components scoped to #view-ha. */
#view-ha .sp-nav a{min-height:48px}
#view-ha .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-ha .uex-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ha .uex-type{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-ha .uex-type h3{font-size:20px;line-height:1.5;margin-bottom:12px;display:flex;align-items:center;gap:10px}
#view-ha .uex-type h3::before{content:'';width:12px;height:12px;border-radius:50%;flex:none;background:#7d8aa6}
#view-ha .uex-type-brown h3::before{background:#9b7657}
#view-ha .uex-type-black h3::before{background:#3c3935}
#view-ha .uex-type dl{margin:0}
#view-ha .uex-type dt{font-size:12px;color:var(--ink-3);margin-top:12px}
#view-ha .uex-type dt:first-child{margin-top:0}
#view-ha .uex-type dd{margin:2px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .uex-type .sp-source{margin-top:14px}
#view-ha .uex-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ck}
#view-ha .uex-check li{counter-increment:ck;border-top:1px solid var(--gold);padding-top:14px}
#view-ha .uex-check h4{font-size:16px;line-height:1.6;margin-bottom:6px}
#view-ha .uex-check h4::before{content:counter(ck,decimal-leading-zero) '  ';font-family:var(--fig);color:var(--gold-ink);font-weight:400}
#view-ha .uex-check p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .uex-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
#view-ha .uex-map>div{background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-ha .uex-map h3{font-size:18px;margin-bottom:8px}
#view-ha .uex-list{list-style:none;padding:0;margin:0}
#view-ha .uex-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-ha .uex-list li:last-child{border-bottom:0}
#view-ha .uex-list li::before{content:'';position:absolute;left:1px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-ha .uex-map .sp-note{margin-top:12px}
#view-ha .uex-vector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-bottom:34px}
#view-ha .uex-vector h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-ha .uex-vector-copy>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ha .uex-vector-copy .sp-note{margin-top:10px}
#view-ha .uex-vector figure{margin:0;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-ha .uex-vector img{display:block;width:100%;height:auto}
#view-ha .uex-vector-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-ha .uex-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-ha .uex-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-ha .uex-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-ha .uex-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-ha .uex-table th,#view-ha .uex-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-ha .uex-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-ha .uex-table tbody th{font-weight:500;color:var(--ink);width:24%;background:var(--sp-soft)}
#view-ha .uex-table tbody tr:last-child th,#view-ha .uex-table tbody tr:last-child td{border-bottom:0}
#view-ha .uex-table+.sp-note{margin-top:12px}
#view-ha .uex-cell-label{display:none}
#view-ha .uex-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-ha .uex-role{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-ha .uex-role>figure{margin:0;padding:18px 24px 0}
#view-ha .uex-role>figure img{display:block;width:100%;height:190px;object-fit:contain}
#view-ha .uex-role>div{padding:20px 26px 24px}
#view-ha .uex-role h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-ha .uex-role>div>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ha .uex-role .sp-note{margin-top:12px}
#view-ha .uex-steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#view-ha .uex-steps li{border-top:1px solid var(--gold);padding-top:16px;position:relative}
#view-ha .uex-steps li+li::before{content:'→';position:absolute;left:-22px;top:24px;color:var(--gold-ink)}
#view-ha .uex-step-no{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-ha .uex-steps h3{font-size:19px;line-height:1.6;margin:4px 0 6px}
#view-ha .uex-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .uex-steps+.sp-note{margin-top:14px}
#view-ha .uex-point{margin-top:30px;padding:22px 26px;border-left:2px solid var(--gold);background:var(--sp-soft);display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-ha .uex-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-ha .uex-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#view-ha .uex-point p:last-child{font-size:15px;line-height:1.95}
#view-ha .uex-point+.sp-disclosure{margin-top:24px}
#view-ha .uex-sofwave{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
#view-ha .uex-sofwave .sp-video{margin:0}
#view-ha .uex-sofwave .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-ha .uex-sofwave .sp-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-ha .uex-sofwave h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-ha .uex-sofwave h4{font-size:16px;margin:20px 0 6px}
#view-ha .uex-sofwave>div>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ha .uex-sofwave .sp-note{margin-top:14px}
#view-ha .uex-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-ha .uex-case{min-width:0}
#view-ha .uex-case .sp-case-head h3{font-size:18px;min-height:0}
#view-ha .uex-case-photo{margin:0}
#view-ha .uex-case-photo img{display:block;width:100%;height:auto}
#view-ha .uex-case-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-ha .uex-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-ha .uex-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-ha .uex-doctor figure{margin:0}
#view-ha .uex-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-ha .uex-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-ha .uex-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .uex-doctor .sp-source{margin-top:12px}
#view-ha .uex-evidence{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:26px;align-items:start}
#view-ha .uex-evidence>figure{margin:0}
#view-ha .uex-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-ha .uex-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-ha .uex-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-ha .uex-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-ha .uex-paper h3{font-size:16px;line-height:1.5;margin:2px 0 6px;font-family:var(--latin);font-weight:400}
#view-ha .uex-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-ha .uex-paper .sp-journal-meta{font-size:12px}
#view-ha .uex-evidence+.sp-note{margin-top:14px}
#view-ha .uex-risk{margin-top:36px;background:#fff;border:1px solid var(--sp-border);padding:26px 28px}
#view-ha .uex-risk>h3{font-size:20px;margin-bottom:14px}
#view-ha .uex-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#view-ha .uex-risk h4{font-size:15px;margin:0 0 4px;color:var(--gold-ink);font-weight:500}
#view-ha .uex-risk h4:not(:first-child){margin-top:18px}
#view-ha .uex-risk .sp-note{margin-top:16px}
#view-ha .uex-approval{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ha .uex-approval>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:16px 22px;border-bottom:1px solid var(--sp-border)}
#view-ha .uex-approval>div:last-child{border-bottom:0}
#view-ha .uex-approval dt{font-size:14px;color:var(--ink);font-weight:500;line-height:1.8}
#view-ha .uex-approval dd{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .uex-sources-inline{margin-top:12px}
#view-ha .uex-sources-inline a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ha .uex-sources{padding-left:1.4em;margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-ha .uex-sources li+li{margin-top:8px}
#view-ha .uex-sources a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
@media(max-width:900px){
#view-ha .uex-types,#view-ha .uex-check,#view-ha .uex-steps{grid-template-columns:1fr}
#view-ha .uex-steps li+li::before{display:none}
#view-ha .uex-vector,#view-ha .uex-sofwave,#view-ha .uex-roles,#view-ha .uex-doctors,#view-ha .uex-risk-grid{grid-template-columns:1fr}
#view-ha .uex-evidence{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-ha .uex-map{grid-template-columns:1fr}
#view-ha .uex-map>div,#view-ha .uex-risk{padding:20px}
#view-ha .uex-cases{grid-template-columns:1fr}
#view-ha .uex-point{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px}
#view-ha .uex-point-face{width:92px;height:92px}
#view-ha .uex-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
#view-ha .uex-doctor figure img{width:96px;height:144px}
#view-ha .uex-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}
#view-ha .uex-role>div{padding:18px 20px 22px}
#view-ha .uex-table-wrap{overflow:visible;background:transparent;border:0}
#view-ha .uex-table{min-width:0;display:block;font-size:14px}
#view-ha .uex-table caption{display:block;padding:0 0 10px}
#view-ha .uex-table thead{display:none}
#view-ha .uex-table tbody{display:block}
#view-ha .uex-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-ha .uex-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border)}
#view-ha .uex-table td{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-ha .uex-table tr td:last-child{border-bottom:0}
#view-ha .uex-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-ha .uex-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-ha .uex-cell-value{display:block;line-height:1.75}
}

/* ---- 2026-09-14: summary, self-check, illustrated type cards ---- */
#view-ha .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-ha .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-ha .uex-summary-section{padding-block:26px 30px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-ha .uex-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px 34px;align-items:start}
#view-ha .uex-summary .sp-kicker{margin:4px 0 0}
#view-ha .uex-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;counter-reset:sm}
#view-ha .uex-summary li{counter-increment:sm;position:relative;padding-left:30px;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-ha .uex-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:13px;color:var(--gold-ink);line-height:1.85}
#view-ha .uex-summary li strong{color:var(--ink);font-weight:500}
#view-ha .uex-quiz{max-width:820px;margin:0 auto}
#view-ha .uex-quiz .dxcard{box-shadow:0 10px 30px rgba(60,48,20,.08);border:1px solid var(--sp-border);border-top:4px solid var(--gold)}
#view-ha .uex-quiz .dxq{margin-top:4px}
#view-ha .uex-q-hint{margin-top:8px}
#view-ha .uex-quiz .dxopts{margin-top:20px}
#view-ha .uex-quiz .dxopt{min-height:56px}
#view-ha .uex-quiz .dxopt .kk{font-weight:400}
#view-ha .uex-quiz .dxback::before{content:'← '}
#view-ha .uex-quiz-result .rl{margin:0}
#view-ha .uex-quiz-result .rb{margin-top:14px}
#view-ha .uex-quiz-result .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-ha .uex-quiz-result .rgrid a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ha .uex-addon{margin-top:16px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .uex-addon b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-ha .uex-addon a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ha .uex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#view-ha .uex-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line-2);padding:5px 11px;background:var(--ivory)}
#view-ha .uex-chip::before{content:'';width:9px;height:9px;border-radius:50%;background:#7d8aa6}
#view-ha .uex-chip-brown::before{background:#9b7657}
#view-ha .uex-chip-black::before{background:#3c3935}
#view-ha .uex-quiz-result .guide-caption{margin-top:24px}
#view-ha .uex-quiz-result .rcta .btn{font-weight:500;letter-spacing:.025em}
#view-ha .uex-quiz-result .dxnote{max-width:none}
#view-ha .uex-quiz-more{text-align:center;margin-top:18px;font-size:14px;color:var(--ink-2)}
#view-ha .uex-quiz-more a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ha .uex-type{padding:0;display:flex;flex-direction:column}
#view-ha .uex-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-ha .uex-type-art img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 42%}
#view-ha .uex-type-body{padding:22px 24px 22px}
#view-ha .uex-type-body .sp-source{margin-top:14px;display:inline-block}
@media(max-width:900px){
#view-ha .uex-summary{grid-template-columns:1fr;gap:10px}
#view-ha .uex-summary ol{grid-template-columns:1fr}
#view-ha .uex-type{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#view-ha .uex-type-art{border-bottom:0;border-right:1px solid var(--sp-border)}
#view-ha .uex-type-art img{height:100%;aspect-ratio:auto;min-height:220px}
}
@media(max-width:700px){
#view-ha .uex-quiz-result .rgrid{grid-template-columns:1fr}
#view-ha .uex-type{grid-template-columns:1fr}
#view-ha .uex-type-art{border-right:0;border-bottom:1px solid var(--sp-border)}
#view-ha .uex-type-art img{aspect-ratio:16/10;min-height:0;height:auto}
}
#view-ha .uex-quiz-result h3:focus:not(:focus-visible),#view-ha .uex-quiz .dxq:focus:not(:focus-visible){outline:none}

/* ---- 2026-09-14 revision: hero photo 16:9, boxed key points, face margin ---- */
#view-ha .sp-hero-photo img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
#view-ha .uex-summary-section{padding-block:28px 32px}
#view-ha .uex-summary{border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px;grid-template-columns:150px minmax(0,1fr);gap:10px 26px}
#view-ha .uex-summary .sp-kicker{font-size:12px;margin-top:2px}
#view-ha .uex-summary ol{gap:8px 26px}
#view-ha .uex-summary li{font-size:13px;line-height:1.8;padding-left:26px}
#view-ha .uex-summary li::before{font-size:12px;line-height:1.8}
#view-ha .uex-point-face img{object-position:50% 50%}
@media(max-width:900px){#view-ha .uex-summary{grid-template-columns:1fr;padding:16px 18px}}

/* ---- 2026-09-14c: profile illustrations, small JSAS note ---- */
#view-ha .uex-profile-block{margin-top:34px}
#view-ha .uex-profile-block>h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-ha .uex-profile-block>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2);max-width:46em}
#view-ha .uex-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
#view-ha .uex-profile figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ha .uex-profile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#view-ha .uex-profile figcaption{text-align:center;font-size:15px;line-height:1.6;color:var(--ink);padding:12px 10px 14px;border-top:1px solid var(--sp-border)}
#view-ha .uex-profile-block .sp-note{margin-top:12px}
#view-ha .uex-doctor p.uex-doctor-note:not(.sp-kicker){font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
@media(max-width:700px){
#view-ha .uex-profile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px}
#view-ha .uex-profile figure{scroll-snap-align:start}
}

/* flow photos share one frame; the trimmed 注入・照射 photo fills it without leaving a shorter card */
#view-ha #u-flow .sp-flow>li>img{width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:50% 100%}

/* ほうれい線・口元・輪郭 page: page-only additions on top of the shared spots, wrinkles and under-eye components
   (all scoped to #view-ha at build time). Colours, type and spacing come from the shared tokens. */
#view-ha :is(section,.wrx-case,.mox-plan){scroll-margin-top:88px}
#view-ha .sp-hero .crumbs a{white-space:nowrap}

/* Anatomy: each diagram next to the explanation it illustrates */
#view-ha .mox-anatomy-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center;padding:26px 0;border-top:1px solid var(--sp-border)}
#view-ha .mox-anatomy-row:last-of-type{border-bottom:1px solid var(--sp-border)}
#view-ha .mox-anatomy-text h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-ha .mox-anatomy-text p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .mox-anatomy-text p+p{margin-top:10px}
#view-ha .mox-anatomy-fig{max-width:none;margin:0}
#view-ha .mox-anatomy-fig figcaption{font-size:13px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-ha .mox-look-label{display:block;font-size:11px;letter-spacing:.08em;color:var(--gold-ink);margin-bottom:3px}
#view-ha .mox-plan-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start;margin-bottom:6px}
#view-ha .mox-plan-split-text>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ha .mox-plan-split-text>p+p{margin-top:12px}
#view-ha .mox-plan-split .mox-anatomy-fig{max-width:none;margin:0}
#view-ha .mox-plan .uex-table-wrap{margin-top:22px}

/* Choosing care: one card per type */
#view-ha .mox-plans{display:grid;gap:20px}
#view-ha .mox-plan{background:#fff;border:1px solid var(--sp-border);padding:28px 30px;min-width:0}
#view-ha .mox-plan-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
#view-ha .mox-plan-head .wrx-type-tag{flex:none;font-size:22px}
#view-ha .mox-plan h3{font-size:21px;line-height:1.6}
#view-ha .mox-plan>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:56em}
#view-ha .mox-plan>p+p{margin-top:12px}
#view-ha .mox-plan>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-ha .mox-callout{margin:18px 0;padding:18px 22px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-ha .mox-callout h4{font-size:16px;line-height:1.6;margin-bottom:8px;font-weight:500}
#view-ha .mox-callout p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .mox-callout p+p{margin-top:10px}
#view-ha .mox-callout .sp-note{margin-top:10px}
#view-ha .mox-callout-risk{border-left-color:var(--ink-3)}
#view-ha .mox-plan .uex-table-wrap{margin-top:18px}
#view-ha .mox-plan .sp-video{max-width:720px;margin:18px 0}
#view-ha .mox-plan .sp-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Types: illustration on top of each shared type card (forehead-centred crop) */
#view-ha .mox-type-card{padding:0;display:flex;flex-direction:column}
#view-ha .mox-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-ha .mox-type-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
#view-ha .mox-type-body{padding:18px 20px 22px}
/* Types: reuse the wrinkles type cards; the Vice Director's viewpoint follows */
#view-ha .wrx-type-grid+.sp-note{margin-top:14px}

/* Fees: subset of the shared price cards */
#view-ha .sp-note+.sp-source{margin-top:4px}

@media(max-width:1000px){
}
@media(max-width:760px){
 #view-ha .mox-anatomy-row,#view-ha .mox-plan-split{grid-template-columns:1fr;gap:16px}
 #view-ha .mox-plan{padding:22px 18px}
 #view-ha .mox-plan h3{font-size:19px}
 #view-ha .mox-plan>p{font-size:14px}
 #view-ha .mox-callout{padding:16px 16px}
 #view-ha .sp-hero .crumbs{font-size:12px;gap:6px}
 /* Card-style comparison rows: keep 「マイクロボトックス」 on one line */
 #view-ha .uex-table td{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
}

/* Credential line inside the Vice Director's card */
#view-ha .wrx-doctor-note{font-size:12px;line-height:1.75;color:var(--ink-3);margin-top:10px;padding-top:10px;border-top:1px solid var(--sp-border)}
#view-ha .wrx-doctor-note a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}

/* Case stories: what was seen, what was chosen */
#view-ha .fhx-story{margin:2px 0 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#view-ha .fhx-story>div{display:block;background:var(--sp-soft);padding:12px 14px}
#view-ha .fhx-story dt,#view-ha .fhx-story dd{display:block}
#view-ha .fhx-story dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-ha .fhx-story dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Message from the Vice Director */
#view-ha .mox-message{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:34px 36px}
#view-ha .mox-message-face{margin:0}
#view-ha .mox-message-face img{display:block;width:200px;height:300px;object-fit:cover;object-position:50% 15%}
#view-ha .mox-message blockquote{margin:0 0 18px;font-family:var(--mincho);font-size:clamp(20px,2.2vw,26px);line-height:1.75;color:var(--ink);padding-left:18px;border-left:2px solid var(--gold)}
#view-ha .mox-message-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:50em}
#view-ha .mox-message-copy>p+p{margin-top:12px}
#view-ha .mox-message-sign{font-size:13px;color:var(--ink-3);margin-top:16px}
#view-ha .mox-message-copy .sp-source{margin-top:6px}

/* Concerns answered first */
#view-ha .mox-fears{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-ha .mox-fear{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;min-width:0}
#view-ha .mox-fear h3{font-size:19px;line-height:1.6;margin-bottom:10px;padding-left:16px;border-left:2px solid var(--gold)}
#view-ha .mox-fear p{font-size:14px;line-height:1.9;color:var(--ink-2)}

/* By area */
#view-ha .mox-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ha .mox-area{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:0;min-width:0;display:flex;flex-direction:column}
#view-ha .mox-area-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-ha .mox-area-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
#view-ha .mox-area-body{padding:18px 22px 22px}
#view-ha .mox-area h3{font-size:20px;line-height:1.5;margin-bottom:12px}
#view-ha .mox-area dl{margin:0}
#view-ha .mox-area dl>div{padding:10px 0;border-top:1px solid var(--sp-border)}
#view-ha .mox-area dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-ha .mox-area dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Fee examples */
#view-ha .mox-examples-h{font-size:20px;line-height:1.6;margin:34px 0 6px}
#view-ha .mox-examples-h+p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-bottom:16px}
#view-ha .mox-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-ha .mox-example{background:var(--sp-soft);padding:20px 22px;min-width:0}
#view-ha .mox-example h4{font-size:15px;line-height:1.6;font-weight:500;margin-bottom:10px;min-height:3.2em}
#view-ha .mox-example dl{margin:0}
#view-ha .mox-example dl>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:13px;line-height:1.7}
#view-ha .mox-example dt{color:var(--ink-2);min-width:0}
#view-ha .mox-example dd{margin:0;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-ha .mox-example .mox-yen{font-size:11px;margin-left:2px;font-family:var(--sans)}
#view-ha .mox-example-total{border-bottom:0!important;padding-top:10px!important}
#view-ha .mox-example-total dt{color:var(--ink);font-weight:500}
#view-ha .mox-example-total dd{font-size:20px;color:var(--gold-ink)}

/* Glossary and next reads */
#view-ha .mox-glossary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
#view-ha .mox-glossary>div{padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-ha .mox-glossary dt{font-weight:500;color:var(--ink);font-size:14px}
#view-ha .mox-glossary dd{margin:3px 0 0;font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-ha .mox-next{margin-top:30px;padding-top:24px;border-top:1px solid var(--sp-border)}
#view-ha .mox-next-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-ha .mox-next-links .sp-entry-link{font-size:15px;min-height:64px}

@media(max-width:1000px){
 #view-ha .mox-areas,#view-ha .mox-examples,#view-ha .mox-next-links{grid-template-columns:1fr}
 #view-ha .mox-example h4{min-height:0}
}
@media(max-width:900px){
 #view-ha .mox-message{grid-template-columns:1fr;gap:20px;padding:24px 22px}
 #view-ha .mox-message-face img{width:132px;height:198px}
 #view-ha .mox-fears,#view-ha .mox-glossary{grid-template-columns:1fr}
}

/* ---- ほうれい線・口元・輪郭 page only ---- */
#view-ha .mox-anatomy-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}
#view-ha .mox-anatomy-item{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0}
#view-ha .mox-anatomy-item h3{font-size:19px;line-height:1.55;margin-bottom:10px}
#view-ha .mox-anatomy-item p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ha .mox-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-ha .mox-diagrams .wrx-diagram{max-width:none;margin:0}
#view-ha .wrx-evidence+.wrx-evidence{margin-top:18px}
#view-ha .mox-callout .sp-video+p{margin-top:14px}
#view-ha .sp-hero-photo img{aspect-ratio:16/10;object-fit:cover;object-position:50% 35%}

/* Line-type cards: illustration (lower face) on top, then what is happening / care and fees / watch for */
#view-ha .mox-type-card{padding:0;display:flex;flex-direction:column}
#view-ha .mox-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-ha .mox-type-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 70%}
#view-ha .mox-type-body{padding:18px 20px 22px}
#view-ha .mox-type-rows{margin:12px 0 0}
#view-ha .mox-type-rows>div{padding:9px 0;border-top:1px solid var(--sp-border)}
#view-ha .mox-type-rows dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:3px}
#view-ha .mox-type-rows dd{margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}

/* Three viewpoints under the Vice Director's message */
#view-ha .mox-views-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-ha .mox-message+.mox-views-h{margin-top:34px}
#view-ha .wrx-approach-grid+.sp-note{margin-top:12px}

@media(max-width:1000px){
 #view-ha .mox-anatomy-copy{grid-template-columns:1fr}
}
@media(max-width:760px){
 #view-ha .mox-diagrams{grid-template-columns:1fr}
}

/* Keep short Japanese headings from leaving a single orphaned character on narrow screens */
#view-ha :is(.mox-fear h3,.mox-type-body h3,.mox-plan h3,.mox-example h4){word-break:auto-phrase;text-wrap:balance}

/* Anatomy row without a diagram: text spans the full width */
#view-ha .mox-anatomy-row-text{grid-template-columns:minmax(0,1fr)}
#view-ha .mox-anatomy-row-text .mox-anatomy-text{max-width:46em}
/* Diagram beside callout text inside a plan card */
#view-ha .mox-callout .mox-plan-split{margin:10px 0 6px}
#view-ha .mox-callout .mox-plan-split-text>p{font-size:14px;line-height:1.9}
#view-ha .mox-plan-split+.sp-note{margin-top:12px}
/* 2026-10-05 owner: the four line types show photographs (16:9, Codex) instead of the square illustrations */
#view-ha .mox-type-art img{aspect-ratio:16/9;height:auto;object-position:50% 50%}

/* Hyaluronic acid page: added on top of the spots, wrinkles, under-eye and mouth CSS, all re-scoped to #view-ha at build time. */
#view-ha .sp-hero-photo img{object-position:60% 40%}
#view-ha .mox-fear .sp-source{display:inline-block;margin-top:10px}
#view-ha .hax-products th[scope="row"]{white-space:nowrap}
#view-ha .uex-table td .sp-source{display:inline-block}
#view-ha .sp-expertise-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px}
#view-ha .wrx-evidence{margin-top:28px}
#view-ha .sp-expertise-grid{margin-top:28px}
#view-ha .uex-point{margin-top:28px}
#view-ha .mox-next{margin-top:36px}
@media(max-width:760px){#view-ha .hax-products th[scope="row"]{white-space:normal}}
#view-ha .sp-doctor{grid-template-columns:132px minmax(0,1fr);gap:40px;align-items:start}
#view-ha .sp-doctor>img{width:132px;height:198px;object-fit:cover;object-position:center top}
#view-ha .sp-doctor>.sp-source{grid-column:2}
#view-ha .sp-expertise-grid figure img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:760px){#view-ha .sp-doctor{grid-template-columns:90px minmax(0,1fr);gap:16px}#view-ha .sp-doctor>img{width:90px;height:135px}}

/* 2026-09-24 revision: short hero (lead size). The points block below follows the 2026-09-29 device/product pattern. */
#view-ha .sp-hero .sp-lead{font-size:16px;line-height:1.85;margin-top:16px;color:var(--ink-2)}

/* Juvéderm VISTA® chapter */
#view-ha .hax-brand{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3.5vw,44px);align-items:start;margin-bottom:34px}
#view-ha .hax-brand-photo{margin:0;min-width:0}
#view-ha .hax-brand-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#fff;border:1px solid var(--sp-border)}
#view-ha .hax-brand-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-ha .hax-brand-facts{margin:0}
#view-ha .hax-brand-facts>div{padding:14px 0;border-top:1px solid var(--sp-border)}
#view-ha .hax-brand-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-ha .hax-brand-facts dt{font-size:15px;font-weight:500;line-height:1.7;margin-bottom:4px}
#view-ha .hax-brand-facts dd{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-ha .hax-xlink{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-ha .hax-xlink figure{margin:0;min-width:0;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-ha .hax-xlink img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#fff}
#view-ha .hax-xlink figcaption{margin-top:12px}
#view-ha .hax-xlink figcaption strong{display:block;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:4px}
#view-ha .hax-xlink figcaption span{display:block;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Product line-up cards with the clinic's own product photographs (box shown whole, 4:3). */
#view-ha .hax-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
#view-ha .hax-product{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column;scroll-margin-top:100px}
#view-ha .hax-product-photo{overflow:hidden;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-ha .hax-product-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.26);transform-origin:50% 54%}   /* display-only zoom: the box sits in the middle 70% of each photograph; the file is untouched */
#view-ha .hax-product-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
#view-ha .hax-product h3{font-size:19px;line-height:1.5;margin:0 0 4px}
#view-ha .hax-product-character{font-size:14px;line-height:1.8;color:var(--gold-ink);margin:0 0 12px}
#view-ha .hax-product dl{margin:0;border-top:1px solid var(--sp-border)}
#view-ha .hax-product dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:13.5px;line-height:1.7}
#view-ha .hax-product dt{color:var(--ink-3)}
#view-ha .hax-product dd{margin:0;color:var(--ink)}
#view-ha .hax-product .sp-source{margin-top:auto;padding-top:14px}
#view-ha #h-products .sp-disclosure{margin-top:22px}

/* Cases: three columns on wide screens, two on tablets (portrait and landscape), one on phones. */
#view-ha .wrx-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1400px){#view-ha .wrx-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){
#view-ha .hax-lineup{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
#view-ha .hax-brand{grid-template-columns:1fr}
#view-ha .hax-xlink{grid-template-columns:1fr}
}
@media(max-width:640px){
#view-ha .wrx-cases{grid-template-columns:minmax(0,1fr)}
#view-ha .hax-lineup{grid-template-columns:1fr;gap:14px}
#view-ha .hax-product dl>div{grid-template-columns:78px minmax(0,1fr)}
}

/* 2026-09-27 patient-eye, magazine-style reading: a picture in every text-only stretch (all rules hax-, #view-ha only). */
/* Section openers: heading beside a picture (quick answers = watercolour, fees = product photograph). */
#view-ha .hax-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(24px,3.5vw,44px);align-items:end;margin-bottom:26px}
#view-ha .hax-head .sp-heading{margin-bottom:0}
#view-ha .hax-head-art{margin:0;min-width:0}
#view-ha .hax-head-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-ha .hax-head-photo img{aspect-ratio:4/3;object-fit:contain}
#view-ha .hax-head-art figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
/* Three roles: each card opens with its picture. */
#view-ha .hax-role{padding-top:0;overflow:hidden}
#view-ha .hax-role-art{margin:0 -24px 18px;border-bottom:1px solid var(--sp-border);background:#fff}
#view-ha .hax-role-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-ha .hax-role-art figcaption{font-size:12px;line-height:1.6;color:var(--ink-3);padding:7px 24px 8px;border-top:1px solid var(--sp-border)}
/* Area guide: picture cards instead of an 8-row table; the approval status stays visible on each card. */
#view-ha .hax-areas-cap{margin:0 0 16px}
#view-ha .hax-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-ha .hax-area{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);min-width:0;display:flex;flex-direction:column}
#view-ha .hax-area-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);overflow:hidden}
/* 2026-10-05 owner: eight 16:9 area photographs (1200x675), shown whole */
#view-ha .hax-area-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
#view-ha .hax-area-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
#view-ha .hax-area h3{font-size:18px;line-height:1.5;margin:0 0 8px}
#view-ha .hax-area-body>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 12px;flex:1}
#view-ha .hax-area dl{margin:0}
#view-ha .hax-area dl>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--sp-border);font-size:13.5px;line-height:1.7}
#view-ha .hax-area dt{color:var(--ink-3);font-size:12.5px}
#view-ha .hax-area dd{margin:0;color:var(--ink)}
#view-ha .hax-area-approval.is-offlabel{color:var(--gold-ink);font-weight:500}
#view-ha .hax-area dd .sp-source{display:inline}
#view-ha .hax-areas+.sp-note{margin-top:18px}
/* Fees: the anaesthesia price list opens on request. */
#view-ha .hax-anes-more{margin-top:10px}
#view-ha .hax-anes-more .sp-anes-list{margin-top:6px}
/* After treatment: shown in full (it carries the 'contact us at once' warning) beside a quiet watercolour. */
#view-ha .hax-after{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:center;margin-top:30px;background:#fff;border:1px solid var(--sp-border);padding:22px}
#view-ha .hax-after-art{margin:0;min-width:0}
#view-ha .hax-after-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-ha .hax-after-body h3{font-size:20px;line-height:1.5;margin:0 0 10px}
#view-ha .hax-after-body p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-ha .hax-after-body p+p{margin-top:12px;padding-left:14px;border-left:2px solid var(--gold);color:var(--ink)}
/* Approval: product photograph beside the approval list (the list itself is unchanged and fully visible). */
#view-ha .hax-approval{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start}
#view-ha .hax-approval-photo{margin:0;min-width:0}
#view-ha .hax-approval-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-ha .hax-approval-photo figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
@media(min-width:761px){#view-ha .hax-approval .uex-approval>div{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1100px){#view-ha .hax-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
#view-ha .hax-head{grid-template-columns:1fr;gap:18px;align-items:start}
#view-ha .hax-head-art{max-width:480px}
#view-ha .hax-after,#view-ha .hax-approval{grid-template-columns:1fr}
#view-ha .hax-after-art,#view-ha .hax-approval-photo{max-width:480px}
}
@media(max-width:640px){#view-ha .hax-areas{grid-template-columns:minmax(0,1fr);gap:14px}#view-ha .hax-after{padding:18px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-ha .hax-hero-points{margin-top:22px}
#view-ha .hax-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-ha .hax-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-ha .hax-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-ha .hax-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-ha .hax-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-ha .hax-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-ha .hax-hero-points .hax-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-ha .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-ha .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 review: on phones each product is a compact row (box photo beside the facts) instead of a tall card */
@media(max-width:640px){
#view-ha .hax-product{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:start}
#view-ha .hax-product-photo{width:104px;aspect-ratio:4/3;border-bottom:0;margin:14px 0 0 0}
#view-ha .hax-product-body{padding:14px 14px 14px}
#view-ha .hax-product h3{font-size:17px}
#view-ha .hax-product-character{font-size:13px;margin:0 0 8px}
#view-ha .hax-product dl>div{grid-template-columns:5.6em minmax(0,1fr);gap:6px;padding:6px 0;font-size:12.5px}
#view-ha .hax-product dt{white-space:nowrap;font-size:11.5px}
}
/* 2026-09-29 review, phones: flow steps as thumbnail + heading rows; one of the three doctor photographs is enough */
@media(max-width:640px){
#view-ha #h-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;margin-bottom:10px}
#view-ha #h-flow .sp-flow-head img{grid-row:1/3;width:96px;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0}
#view-ha #h-flow .sp-flow-head span{align-self:end}
#view-ha #h-flow .sp-flow-head h3{align-self:start;margin:2px 0 0}
#view-ha #h-doctor .sp-expertise-grid>figure{display:none}
}
/* 2026-09-30 印象改善 cases: choose an age group (or men) first, then only those cases are shown */
#view-ha .hax-picker{margin:0 0 28px}
#view-ha .hax-picker-label{font-size:15px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}
#view-ha .hax-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#view-ha .hax-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;padding:12px 8px;background:#fff;border:1px solid var(--sp-border);border-radius:0;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
#view-ha .hax-pick:hover{border-color:var(--ink-3)}
#view-ha .hax-pick:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}
#view-ha .hax-pick[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
#view-ha .hax-pick-main{font-family:var(--mincho);font-size:21px;line-height:1.3;letter-spacing:.04em}
#view-ha .hax-pick-sub{font-size:12px;line-height:1.5;opacity:.72}
#view-ha .hax-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
#view-ha .hax-case{min-width:0;display:flex;flex-direction:column;gap:14px}
#view-ha .hax-case[hidden]{display:none}
#view-ha .hax-case-meta{font-size:13px;letter-spacing:.06em;color:var(--gold-ink);margin:0 0 4px}
#view-ha .hax-case h3{font-size:19px;line-height:1.55;margin:0}
#view-ha .hax-case-photos{display:flex;flex-direction:column;gap:12px}
#view-ha .hax-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#view-ha .hax-pair figure{margin:0;min-width:0}
#view-ha .hax-pair img{display:block;width:100%;height:auto;aspect-ratio:1080/1350;object-fit:cover;background:#111}
#view-ha .hax-pair figcaption{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.6;color:var(--ink-3);padding-top:6px}
#view-ha .hax-pair .hax-ba{color:var(--ink);letter-spacing:.04em}
#view-ha .hax-case-sum{font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-ha .hax-case .sp-disclosure{margin:0}
#view-ha .hax-case-note{margin-top:28px}
/* the worked example spans the row: photos beside the introduction, then the assessment, treatment and chart */
#view-ha .hax-case-feature{grid-column:1/-1;gap:22px;padding-bottom:36px;border-bottom:1px solid var(--sp-border)}
#view-ha .hax-feature-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,3.5vw,48px);align-items:start}
#view-ha .hax-feature-intro{display:flex;flex-direction:column;gap:16px}
#view-ha .hax-case-feature h3{font-family:var(--mincho);font-size:clamp(22px,2.2vw,28px);line-height:1.5;font-weight:500}
#view-ha .hax-feature-lead{font-size:15px;line-height:1.95;color:var(--ink-2);margin:0}
#view-ha .hax-vector{margin:0;padding:18px 16px 14px;background:#fff;border:1px solid var(--sp-border)}
#view-ha .hax-vector-art{display:block;width:100%;height:auto}
#view-ha .hax-vector-label{font-family:var(--sans);font-size:13px;font-weight:400;fill:var(--ink-2)}
#view-ha .hax-vector figcaption{font-size:12.5px;line-height:1.75;color:var(--ink-3);margin-top:8px}
#view-ha .hax-feature-h{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink);margin:8px 0 10px}
#view-ha .hax-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--sp-border)}
#view-ha .hax-views>div{padding:16px 20px 18px 0}
#view-ha .hax-views>div+div{padding-left:20px;border-left:1px solid var(--sp-border)}
#view-ha .hax-views dt{font-family:var(--mincho);font-size:20px;line-height:1.4;margin:0 0 8px}
#view-ha .hax-views dt small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:var(--ink-3);margin-top:2px}
#view-ha .hax-views dd{font-size:14px;line-height:1.9;color:var(--ink-2);margin:0}
#view-ha .hax-feature-tx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:start}
#view-ha .hax-feature-tx p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0 0 6px}
#view-ha .hax-dose-wrap{overflow-x:auto}
#view-ha .hax-dose{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6;font-variant-numeric:tabular-nums}
#view-ha .hax-dose caption{text-align:left;font-size:12.5px;color:var(--ink-3);padding-bottom:6px}
#view-ha .hax-dose th,#view-ha .hax-dose td{padding:7px 8px;border-bottom:1px solid var(--sp-border);text-align:left;font-weight:400}
#view-ha .hax-dose thead th{font-size:12px;color:var(--ink-3)}
#view-ha .hax-dose td,#view-ha .hax-dose thead th+th{text-align:right;white-space:nowrap}
#view-ha .hax-dose .hax-dose-group th{padding-top:14px;font-weight:500;color:var(--ink);border-bottom-color:var(--ink-3)}
#view-ha .hax-dose tfoot th{font-weight:500;text-align:right;border-bottom:0}
#view-ha .hax-why{margin:12px 0 0;padding-left:1.4em}
#view-ha .hax-why li{margin:0 0 12px;line-height:1.85}
#view-ha .hax-why strong{display:block;font-weight:500}
@media(max-width:1000px){
#view-ha .hax-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-ha .hax-feature-top,#view-ha .hax-feature-tx{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-ha .hax-case-list{grid-template-columns:1fr;gap:44px}
#view-ha .hax-views{grid-template-columns:1fr}
#view-ha .hax-views>div,#view-ha .hax-views>div+div{padding:14px 0;border-left:0;border-bottom:1px solid var(--sp-border)}
#view-ha .hax-pick{min-height:64px}
#view-ha .hax-pick-main{font-size:19px}
}
#view-ha .hax-pair{grid-template-rows:auto auto}
#view-ha .hax-view{grid-column:1/-1;font-size:12px;letter-spacing:.08em;color:var(--ink-3);margin:0 0 2px}
#view-ha .hax-pair figcaption{display:block;text-align:center;color:var(--ink);letter-spacing:.06em}
#view-ha .hax-feature-tx .hax-feature-h:not(:first-child){margin-top:22px}
#view-ha .hax-dose-more{margin:0}
/* 2026-09-30 rework: every case in the same short card; the Vice Director's assessment in a quiet note */
#view-ha .hax-case{gap:16px}
#view-ha .hax-note{margin:0;padding:14px 16px 15px;background:#fff;border-left:2px solid var(--gold-ink)}
#view-ha .hax-note-label{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;letter-spacing:.08em;color:var(--gold-ink)}
#view-ha .hax-note-face{flex:0 0 28px;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#eee}
#view-ha .hax-note-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
#view-ha .hax-note p:not(.hax-note-label){margin:0;font-size:15px;line-height:1.9;color:var(--ink)}
#view-ha .hax-note p:not(.hax-note-label)+p{margin-top:10px}
#view-ha .hax-note .hax-note-pending{color:var(--ink-3)!important;font-size:14px!important}
#view-ha .hax-case-sum{border-top:0;padding-top:0;font-size:14px;color:var(--ink-2)}
#view-ha .hax-areas-h{font-size:13px;color:var(--ink-3);margin:0 0 6px}
#view-ha .hax-areas-cc{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--sp-border)}
#view-ha .hax-areas-cc li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6}
#view-ha .hax-cc{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--ink)}
/* the three viewpoints beside the smile schematic, in the Vice Director's chapter */
#view-ha .hax-views-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:center;margin:8px 0 44px}
#view-ha .hax-views-wrap .hax-views{display:block;border-top:1px solid var(--sp-border)}
#view-ha .hax-views-wrap .hax-views>div,#view-ha .hax-views-wrap .hax-views>div+div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:16px;padding:18px 0;border-left:0;border-bottom:1px solid var(--sp-border)}
#view-ha .hax-views-wrap .hax-views dt{font-size:22px;margin:0}
#view-ha .hax-views-wrap .hax-views dd{font-size:15px;line-height:1.9}
#view-ha .hax-message{margin-top:8px}
@media(max-width:1000px){#view-ha .hax-views-wrap{grid-template-columns:1fr}#view-ha .hax-vector{max-width:520px}}
@media(max-width:760px){#view-ha .hax-views-wrap .hax-views>div,#view-ha .hax-views-wrap .hax-views>div+div{grid-template-columns:1fr;gap:6px;padding:14px 0}}
#view-ha .hax-more-view{margin-top:2px}
#view-ha .hax-more-view>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;color:var(--gold-ink);padding:4px 0;border-bottom:1px solid currentColor}
#view-ha .hax-more-view>summary::-webkit-details-marker{display:none}
#view-ha .hax-more-view>summary::after{content:"+";font-size:14px;line-height:1}
#view-ha .hax-more-view[open]>summary::after{content:"−"}
#view-ha .hax-more-view[open]>.hax-pair{margin-top:12px}
/* 2026-09-30 Juvéderm page: two representative cases, then the feature */
#view-ha .hax-feature-link{margin-top:28px}
/* 2026-09-30 product photographs: the box sits with air around it (no display zoom) */
#view-ha .hax-product-photo img{transform:none;padding:9% 12%;box-sizing:border-box}
@media(max-width:640px){#view-ha .hax-product-photo img{padding:8px}}
/* three viewpoints without the schematic */
#view-ha .hax-views-wrap.hax-views-only{grid-template-columns:1fr;max-width:880px}

/* 2026-10-01 hero: the five Juvéderm VISTA® products on white */
#view-ha .hax-hero-products img{aspect-ratio:16/9;object-fit:contain;background:#fff}
#view-ha .sp-flow-head img[src*="FLOW_TOPICAL"],#view-ha .sp-flow-head img[src*="flow-topical"]{object-position:62% 50%}
/* 2026-10-01 price: product photo beside the 1.0 cc card */
#view-ha .sp-prices .hax-price-photo{margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}
#view-ha .hax-price-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-ha .hax-price-photo figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-05 four gel properties: the manufacturer's demonstration videos (silent loops, no controls).
   Two by two from 641px up (PC, iPad, iPad mini 744px); one column on phones. */
#view-ha .hax-props{margin:40px 0;scroll-margin-top:100px}
#view-ha .hax-props>.sp-kicker{margin:0 0 8px}
#view-ha .hax-props-h{font-size:clamp(20px,2.2vw,24px);line-height:1.6;font-weight:500;margin:0 0 10px}
#view-ha .hax-props-lead{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0 0 22px;max-width:46em}
#view-ha .hax-props-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
#view-ha .hax-prop{margin:0;min-width:0}
#view-ha .hax-prop video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#4f284c}
#view-ha .hax-prop figcaption{margin-top:12px}
#view-ha .hax-prop figcaption strong{display:block;font-size:16px;font-weight:500;line-height:1.6;margin-bottom:2px;color:var(--ink)}
#view-ha .hax-prop figcaption span{display:block;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ha .hax-props-still{display:none}
#view-ha .hax-props-grid.is-still~.hax-props-still{display:block}
#view-ha .hax-props-grid.is-still video{cursor:pointer}
#view-ha .hax-props-note{margin-top:20px}
#view-ha .hax-props-credit{margin-top:4px}
@media(max-width:640px){
#view-ha .hax-props{margin:32px 0}
#view-ha .hax-props-grid{grid-template-columns:minmax(0,1fr);gap:22px}
}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-babyderm{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-babyderm .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-babyderm .sp-soft{background:var(--sp-soft)}
#view-babyderm .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-babyderm .sp-heading{margin-bottom:26px;max-width:46em}
#view-babyderm .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-babyderm .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-babyderm .sp-heading .sp-kicker{margin-top:0}
#view-babyderm .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-babyderm .sp-note a,#view-babyderm .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-babyderm .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-babyderm .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-babyderm .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-babyderm .crumbs span::before{content:none}
#view-babyderm .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-babyderm .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-babyderm .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-babyderm .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-babyderm .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-babyderm .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-babyderm .sp-hero-trust a{margin-top:7px}
#view-babyderm .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-babyderm .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-babyderm .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-babyderm .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-babyderm .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-babyderm .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-babyderm .sp-nav a{flex-shrink:0}
#view-babyderm .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-babyderm .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-babyderm .sp-nav a:hover{color:var(--gold-ink)}
#view-babyderm .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-babyderm .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-babyderm .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-babyderm .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-babyderm .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-babyderm .sp-type-body{padding:21px 22px 22px}
#view-babyderm .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-babyderm .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-babyderm .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-babyderm .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-babyderm .sp-type .sp-source{margin-top:12px}
#view-babyderm .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-babyderm .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-babyderm .sp-case-head{padding:20px 22px 16px}
#view-babyderm .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-babyderm .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-babyderm .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-babyderm .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-babyderm .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-babyderm .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-babyderm .sp-case-body{padding:18px 22px 22px}
#view-babyderm .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-babyderm .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-babyderm .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-babyderm .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-babyderm .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-babyderm .sp-case-body .sp-source{margin-top:14px}
#view-babyderm .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-babyderm .sp-case-details>summary{min-height:48px}
#view-babyderm .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-babyderm .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-babyderm .sp-approach-list{display:grid;gap:0}
#view-babyderm .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sp-approach-item:first-child{padding-top:0}
#view-babyderm .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-babyderm .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-babyderm .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-babyderm .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-babyderm .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-babyderm .sp-doctor h3{font-size:21px;line-height:1.5}
#view-babyderm .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-babyderm .sp-doctor .sp-source{white-space:nowrap}
#view-babyderm .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-babyderm .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-babyderm .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-babyderm .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-babyderm .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-babyderm .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-babyderm .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sp-expertise-facts>div:first-child{padding-top:0}
#view-babyderm .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-babyderm .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-babyderm .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-babyderm .sp-expertise-grid figure{max-width:480px}
 #view-babyderm .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-babyderm .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-babyderm .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-babyderm .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-babyderm .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-babyderm .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-babyderm .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-babyderm .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-babyderm .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-babyderm .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-babyderm .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-babyderm .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-babyderm .sp-disclosure>summary::after{content:'＋';flex:none}
#view-babyderm .sp-disclosure[open]>summary::after{content:'−'}
#view-babyderm .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-babyderm .sp-disclosure-content p+p{margin-top:12px}
#view-babyderm .sp-approval-list{display:grid;gap:10px}
#view-babyderm .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-babyderm .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-babyderm .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-babyderm .sp-price-intro>div{flex:1 1 320px}
#view-babyderm .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-babyderm .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-babyderm .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-babyderm .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-babyderm .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-babyderm .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-babyderm .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-babyderm .sp-price-heading{margin-bottom:16px}
#view-babyderm .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-babyderm .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-babyderm .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-babyderm .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-babyderm .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-babyderm .sp-price .sp-yen{display:block;margin:0}
#view-babyderm .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-babyderm .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-babyderm .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-babyderm .sp-price-list{margin-top:8px}
#view-babyderm .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-babyderm .sp-price-list dt{min-width:0}
#view-babyderm .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-babyderm .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-babyderm .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-babyderm .sp-flow-head{display:block;margin-bottom:14px}
#view-babyderm .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-babyderm .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-babyderm .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-babyderm .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-babyderm .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-babyderm .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-babyderm .sp-recovery>div:last-child{border-right:0}
#view-babyderm .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-babyderm .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-babyderm .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-babyderm .sp-risk-details{margin-top:22px}
#view-babyderm .sp-faq{margin-inline:0}
#view-babyderm .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-babyderm .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-babyderm .sp-tech h3{font-size:22px;line-height:1.6}
#view-babyderm .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-babyderm .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-babyderm .sp-tech h3+p{margin-top:10px}
#view-babyderm .sp-video>summary{cursor:pointer;list-style:none}
#view-babyderm .sp-video>summary::-webkit-details-marker{display:none}
#view-babyderm .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-babyderm .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-babyderm .sp-flow-text{display:block;margin-top:12px}
#view-babyderm .sp-video-body{padding-bottom:16px}
#view-babyderm .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-babyderm .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-babyderm .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-babyderm .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-babyderm .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-babyderm .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-babyderm .sp-tech>img{width:76px;height:99px}
 #view-babyderm .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-babyderm .sp-homecare>img{max-height:220px}
}
#view-babyderm .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-babyderm .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-babyderm .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-babyderm .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-babyderm .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-babyderm .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-babyderm .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-babyderm .sp-final .btn{font-size:14px}
#view-babyderm .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-babyderm :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-babyderm .sp-devices{grid-template-columns:1fr}
  #view-babyderm .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-babyderm .sp-device-head{margin-bottom:0}
  #view-babyderm .sp-device .sp-disclosure{grid-column:1/-1}
  #view-babyderm .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-babyderm .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-babyderm .sp-doctor>img{width:90px;height:100px}
  #view-babyderm .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-babyderm .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-babyderm .sp-hero h1{font-size:32px}
  #view-babyderm .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-babyderm .sp-hero-lead{margin-top:17px}
  #view-babyderm .sp-hero-photo img{aspect-ratio:16/9}
  #view-babyderm .sp-hero-photo figcaption{font-size:12px}
  #view-babyderm .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-babyderm .sp-types,#view-babyderm .sp-cases,#view-babyderm .sp-approach,#view-babyderm .sp-prices{grid-template-columns:1fr}
  #view-babyderm .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-babyderm .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-babyderm .sp-type-body{padding:19px 20px}
  #view-babyderm .sp-type h3{font-size:20px}
  #view-babyderm .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-babyderm .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-babyderm .sp-approach{gap:24px}
  #view-babyderm .sp-approach-image img{max-height:260px}
  #view-babyderm .sp-recovery{grid-template-columns:1fr}
  #view-babyderm .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-babyderm .sp-recovery>div:last-child{border-bottom:0}
  #view-babyderm .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-babyderm .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-babyderm .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-babyderm .sp-hero h1{font-size:29px}
  #view-babyderm .sp-actions{align-items:stretch}
  #view-babyderm .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-babyderm .sp-type{grid-template-columns:1fr}
  #view-babyderm .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-babyderm .sp-type-art img{max-height:130px}
  #view-babyderm .sp-layer-labels{justify-content:center;gap:26px}
  #view-babyderm .sp-type-body{padding:19px 20px}
  #view-babyderm .sp-case-head,#view-babyderm .sp-case-body{padding-inline:18px}
  #view-babyderm .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-babyderm .sp-case-photos{padding-inline:10px;gap:4px}
  #view-babyderm .sp-device{display:block;padding:20px}
  #view-babyderm .sp-device-head{margin-bottom:14px}
  #view-babyderm .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-babyderm .sp-flow>li{padding:18px 20px}
  #view-babyderm .sp-flow-head{margin-bottom:10px}
  #view-babyderm .sp-price{padding:22px}
  #view-babyderm .sp-price-intro{padding:20px}
  #view-babyderm .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-babyderm .sp-price-list dd{flex-basis:100%}
  #view-babyderm .sp-doctor{gap:14px}
  #view-babyderm .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-babyderm :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-babyderm .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-babyderm .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-babyderm .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-babyderm .sp-entry-link:first-child{padding-left:0}
#view-babyderm .sp-entry-link:last-child{border-right:0}
#view-babyderm .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-babyderm .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-babyderm .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-babyderm .sp-entry-link:hover{background:var(--sp-soft)}
#view-babyderm .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-babyderm .sp-consult h3{font-size:24px;line-height:1.65}
#view-babyderm .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-babyderm .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-babyderm .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-babyderm .sp-consult .sp-note{margin-top:7px}
#view-babyderm #s-doctor-section{padding-top:58px}
#view-babyderm #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-babyderm .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-babyderm .sp-expertise-grid figure{align-self:center}
#view-babyderm .sp-expertise-facts dt{font-size:16px}
#view-babyderm .sp-expertise-facts dd{font-size:14px}
#view-babyderm .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-babyderm .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-babyderm .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-babyderm .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .sp-flow{list-style:none;padding:0}
#view-babyderm .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-babyderm .sp-flow-head img,#view-babyderm .sp-video video{border:1px solid var(--sp-border)}
#view-babyderm .sp-recovery{border:0}
#view-babyderm .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-babyderm .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-babyderm .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-babyderm .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-babyderm .sp-visit-info a{color:var(--on-night)}
#view-babyderm a:focus-visible,#view-babyderm summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-babyderm .sp-entry-links{grid-template-columns:1fr}
 #view-babyderm .sp-entry-link,#view-babyderm .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-babyderm .sp-entry-link:last-child{border-bottom:0}
 #view-babyderm .sp-entry-link strong{font-size:18px}
 #view-babyderm .sp-entry-link span span{margin-top:3px}
 #view-babyderm .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-babyderm .sp-consult h3{font-size:22px}
 #view-babyderm .sp-consult ul{display:block}
 #view-babyderm .sp-consult li{margin-top:6px}
 #view-babyderm .sp-consult .btn{width:100%}
 #view-babyderm .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-babyderm .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-babyderm .sp-recovery>div::before{top:4px;left:-5px}
 #view-babyderm .sp-recovery>div:last-child{padding-bottom:0}
 #view-babyderm .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-babyderm *{scroll-behavior:auto;transition:none}}

#view-babyderm .sp-type-art img{max-height:145px}
#view-babyderm .sp-type-body{padding:20px}
#view-babyderm .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-babyderm .sp-price>p.sp-price-unit,#view-babyderm .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-babyderm .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-babyderm .sp-price{padding:26px 0}
 #view-babyderm .sp-price-description{margin-bottom:20px}
 #view-babyderm .sp-price>.sp-note{min-height:0}
 #view-babyderm .sp-price h3{font-size:23px}
 #view-babyderm .sp-price .sp-yen{font-size:20px}
 #view-babyderm .sp-price-intro{padding:22px;gap:16px}
 #view-babyderm .sp-price-intro>div{flex-basis:100%}
}

#view-babyderm .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-babyderm .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sp-consult-fees>div:last-child{border-bottom:0}
#view-babyderm .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-babyderm .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-babyderm .sp-consult-fees{flex-basis:100%}#view-babyderm .sp-consult-fees dd{font-size:21px}#view-babyderm .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-babyderm .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-babyderm .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-babyderm .sp-price-intro{padding:20px 18px;gap:18px}
 #view-babyderm .sp-consult-fees{flex-basis:100%;width:100%}
 #view-babyderm .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-babyderm .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-babyderm .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-babyderm .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-babyderm .sp-fee-period::before{content:none}
 html[lang="en"] #view-babyderm .sp-fee-period{white-space:normal;font-size:14px}
 #view-babyderm .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-babyderm .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-babyderm .sp-prices{gap:16px;border:0}
 #view-babyderm .sp-price,#view-babyderm .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-babyderm .sp-price-heading{order:0;margin-bottom:14px}
 #view-babyderm .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-babyderm .sp-price h3{font-size:22px;letter-spacing:0}
 #view-babyderm .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-babyderm .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-babyderm .sp-price .sp-price-unit{font-size:12px}
 #view-babyderm .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-babyderm .sp-price>.sp-note{order:3;margin-top:10px}
 #view-babyderm .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-babyderm .sp-price,#view-babyderm .sp-price+.sp-price{padding:20px 16px}
 #view-babyderm .sp-price h3{font-size:20px}
 #view-babyderm .sp-price .sp-yen{font-size:20px}
 #view-babyderm .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-babyderm .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-babyderm .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-babyderm .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-babyderm .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-babyderm .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-babyderm .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-babyderm .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-babyderm .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-babyderm .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-babyderm .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-babyderm .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-babyderm .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-babyderm .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-babyderm .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-babyderm .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-babyderm .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-babyderm .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-babyderm .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-babyderm .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-babyderm .sp-entry-hint{margin:8px 0 22px}
#view-babyderm .sp-entry-links{gap:14px;border:0}
#view-babyderm .sp-entry-link,#view-babyderm .sp-entry-link:first-child,#view-babyderm .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-babyderm .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-babyderm .sp-entry-link:hover,#view-babyderm .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-babyderm .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-babyderm .sp-entry-copy{min-width:0}
#view-babyderm .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-babyderm .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-babyderm .sp-entry-question{font-size:22px}
 #view-babyderm .sp-entry-link,#view-babyderm .sp-entry-link:first-child,#view-babyderm .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-babyderm .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-babyderm .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-babyderm .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .sp-anes{margin-top:10px}
#view-babyderm .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-babyderm .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-babyderm .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-babyderm .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-babyderm .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-babyderm .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-babyderm .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-babyderm .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-babyderm .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-babyderm .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-babyderm .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-babyderm .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-babyderm .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-babyderm .hg-head>div{min-width:0}
#view-babyderm .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-babyderm .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-babyderm .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-babyderm .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-babyderm .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-babyderm .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-babyderm .hg-menu-photo{margin:0}
#view-babyderm .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-babyderm .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-babyderm .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-babyderm .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-babyderm .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-babyderm .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-babyderm .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-babyderm .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-babyderm .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-babyderm .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-babyderm .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-babyderm .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-babyderm .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-babyderm .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-babyderm .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-babyderm .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-babyderm .hg-menu-note{margin:14px 0 0}
#view-babyderm .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-babyderm .hg-menu-links-label{margin-right:4px}
#view-babyderm .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-babyderm .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-babyderm .hg-menu-fees{gap:8px}#view-babyderm .hg-fee{padding:14px 14px 12px}#view-babyderm .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-babyderm .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-babyderm .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-babyderm .hg-menu-range{margin:14px 0 0}
#view-babyderm .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-babyderm .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-babyderm .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-babyderm .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-babyderm .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-babyderm .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-babyderm .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-babyderm .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-babyderm .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-babyderm .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-babyderm .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-babyderm .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-babyderm .cg-card{padding:0;background:transparent;border:0}
#view-babyderm .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-babyderm .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-babyderm .cg-card .case-image{margin:0}
#view-babyderm .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-babyderm .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-babyderm .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-babyderm .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-babyderm .cg-details summary:hover{color:var(--gold-ink)}
#view-babyderm .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-babyderm .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-babyderm .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-babyderm .cg-details dt{padding-top:13px}
#view-babyderm .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-babyderm .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-babyderm .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-babyderm .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-babyderm .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-babyderm .sp-section .dn-gallery,#view-babyderm .sp-section .sw-gallery,#view-babyderm .sp-section .pc-lecture-figs,#view-babyderm .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-babyderm .sp-section .sw-interview,#view-babyderm .sp-section .ul-doctor-grid,#view-babyderm .sp-section .sv-doctor-hero,#view-babyderm .sp-section .wrx-evidence,#view-babyderm .sp-section .uex-evidence,#view-babyderm .sp-section .ml-doctor-grid,#view-babyderm .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-babyderm .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-babyderm .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-babyderm .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-babyderm .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-babyderm .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-babyderm .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-babyderm .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-babyderm .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-babyderm .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-babyderm .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-babyderm .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-babyderm .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-babyderm .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .hgd-svg{display:block;width:100%;height:auto}
#view-babyderm .hgd-sp{display:none}
#view-babyderm .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-babyderm .hgd-layer{font-size:30px}
#view-babyderm .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-babyderm .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-babyderm .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-babyderm .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-babyderm .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-babyderm .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-babyderm .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-babyderm .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-babyderm .hgd-art{opacity:.92}
#view-babyderm .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-babyderm .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-babyderm .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-babyderm .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-babyderm .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-babyderm .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-babyderm .hgd-layer{font-size:25px}
html[lang^="en"] #view-babyderm .hgd-sub{font-size:19px}
html[lang^="en"] #view-babyderm .hgd-br{font-size:27px}
#view-babyderm .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-babyderm .hgd-pc .hgd-layer{font-size:38px}
 #view-babyderm .hgd-pc .hgd-sub{font-size:30px}
 #view-babyderm .hgd-pc .hgd-name{font-size:42px}
 #view-babyderm .hgd-pc .hgd-kind{font-size:31px}
 #view-babyderm .hgd-pc .hgd-br{font-size:36px}
 #view-babyderm .hgd-pc .hgd-mm{font-size:40px}
 #view-babyderm .hgd-pc .hgd-note{font-size:26px}
 #view-babyderm .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-babyderm .hg-lineup img{width:72px;height:72px}
 #view-babyderm .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-babyderm .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-babyderm .hg-lineup,#view-babyderm .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-babyderm .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-babyderm .hg-lineup img{width:56px;height:56px}
 #view-babyderm .hg-lineup figcaption{padding:7px 8px}
 #view-babyderm .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-babyderm .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-babyderm .hg-lineup figcaption small{font-size:10.5px}
 #view-babyderm .hgd-pc{display:none}
 #view-babyderm .hgd-sp{display:block}
 #view-babyderm .hgd-layer,#view-babyderm .hgd-name,#view-babyderm .hgd-br,#view-babyderm .hgd-mm{font-size:34px}
 #view-babyderm .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-babyderm .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-babyderm .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-babyderm .hgd-layer{font-size:30px}
 #view-babyderm .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-babyderm .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-babyderm. */
#view-babyderm .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-babyderm .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-babyderm .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-babyderm .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-babyderm .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-babyderm .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-babyderm .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-babyderm .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-babyderm .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-babyderm .pc-table th,#view-babyderm .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-babyderm .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-babyderm .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-babyderm .pc-table tbody tr:last-child th,#view-babyderm .pc-table tbody tr:last-child td{border-bottom:0}
#view-babyderm .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-babyderm .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-babyderm .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-babyderm .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-babyderm .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-babyderm .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-babyderm .pc-point-face{width:92px;height:92px}}
#view-babyderm .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-babyderm .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-babyderm .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-babyderm .pc-explain p+p{margin-top:12px}
#view-babyderm .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-babyderm .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-babyderm .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-babyderm .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-babyderm .pc-books h3{font-size:18px;margin-bottom:12px}
#view-babyderm .pc-books ul{list-style:none;padding:0;margin:0}
#view-babyderm .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-babyderm .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-babyderm .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-babyderm .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-babyderm .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-babyderm .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-babyderm .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-babyderm .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-babyderm .pc-tag{margin:0}
#view-babyderm .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-babyderm .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-babyderm .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-babyderm .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-babyderm .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-babyderm .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-babyderm .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-babyderm .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-babyderm .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-babyderm .pc-approval>div:last-child{border-bottom:0}
#view-babyderm .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-babyderm .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-babyderm .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-babyderm .pc-glance,#view-babyderm .pc-modes{grid-template-columns:1fr}#view-babyderm .pc-explain{grid-template-columns:1fr}#view-babyderm .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-babyderm .pc-concern-links{grid-template-columns:1fr}#view-babyderm .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-babyderm .pc-books,#view-babyderm .pc-quote,#view-babyderm .pc-point{padding:20px}#view-babyderm .pc-glance-num span{font-size:32px}#view-babyderm .pc-table{font-size:13px}#view-babyderm .pc-table th,#view-babyderm .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-babyderm .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-babyderm .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-babyderm .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-babyderm .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-babyderm .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-babyderm .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-babyderm .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-babyderm .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-babyderm .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-babyderm .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-babyderm .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-babyderm .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-babyderm .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-babyderm .pc-video{margin:0 0 28px;max-width:820px}
#view-babyderm .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-babyderm .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-babyderm .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-babyderm .pc-lasers-media .pc-video,#view-babyderm .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-babyderm .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-babyderm .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-babyderm .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-babyderm .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-babyderm .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-babyderm .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-babyderm .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-babyderm .pc-hero-video .sp-video{margin:0}
#view-babyderm .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-babyderm .pc-cell-label{display:none}
@media(max-width:760px){
#view-babyderm .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-babyderm .pc-table{min-width:0;display:block;font-size:14px}
#view-babyderm .pc-table caption{display:block;padding:0 0 10px}
#view-babyderm .pc-table thead{display:none}
#view-babyderm .pc-table tbody{display:block}
#view-babyderm .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-babyderm .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-babyderm .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-babyderm .pc-table tr td:last-child{border-bottom:0}
#view-babyderm .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-babyderm .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-babyderm .pc-cell-value{display:block;line-height:1.75}
}
#view-babyderm .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-babyderm .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-babyderm .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-babyderm .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-babyderm .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-babyderm .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-babyderm .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-babyderm .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-babyderm .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-babyderm .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-babyderm .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-babyderm .pcx-video{margin:0 0 26px;max-width:780px}
#view-babyderm .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-babyderm .pcx-table-details{margin-top:18px}
#view-babyderm .pcx-table-details .pc-table-wrap{margin-top:0}
#view-babyderm .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-babyderm .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-babyderm .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-babyderm #pc-lasers .pc-point{margin-top:40px}
#view-babyderm .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-babyderm .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-babyderm .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-babyderm .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-babyderm .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-babyderm .pcx-case-hint{margin-top:6px}
#view-babyderm #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-babyderm .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-babyderm .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-babyderm .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-babyderm .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-babyderm .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-babyderm .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-babyderm .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-babyderm .pcx-hero-points{margin-top:22px}
#view-babyderm .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-babyderm .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-babyderm .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-babyderm .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-babyderm .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-babyderm .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-babyderm .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-babyderm .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-babyderm .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-babyderm .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-babyderm .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-babyderm .pcx-mode-art img{display:block;width:100%;height:auto}
#view-babyderm .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-babyderm .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-babyderm .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-babyderm .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-babyderm .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-babyderm .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-babyderm .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-babyderm .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-babyderm .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-babyderm .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-babyderm .pcx-case-sep{display:none}
  #view-babyderm .pcx-case-name{display:block}
  #view-babyderm .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-babyderm .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-babyderm .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-babyderm .pcx-diff-changed{border-top-color:var(--gold)}
#view-babyderm .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-babyderm .pcx-diff-card dl{margin:0}
#view-babyderm .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-babyderm .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-babyderm .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-babyderm .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-babyderm .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-babyderm .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-babyderm .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-babyderm .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-babyderm .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-babyderm .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-babyderm .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-babyderm .pcx-history>li:last-child{padding-bottom:0}
#view-babyderm .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-babyderm .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-babyderm .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-babyderm .pcx-h-tag{margin:0 0 4px}
#view-babyderm .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-babyderm .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-babyderm .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-babyderm .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-babyderm .pcx-history-wrap>.sp-note{margin-top:20px}
#view-babyderm #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-babyderm .pcx-diff{grid-template-columns:1fr}
 #view-babyderm .pcx-diff-card{padding:18px 16px 14px}
 #view-babyderm .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-babyderm .pcx-depth{padding:16px}
 #view-babyderm .pcx-history::before{left:3.4em}
 #view-babyderm .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-babyderm .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-babyderm .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-babyderm .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-babyderm .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-babyderm .pcx-h-photo{margin:4px 0 0}
#view-babyderm .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-babyderm .pcx-h-device .pcx-h-photo img,#view-babyderm #pc-history .pcx-h-photo img[src*="picosure-"],#view-babyderm #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-babyderm .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-babyderm .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-babyderm .pcx-h-photo{max-width:360px}}

/* Sunekos Performa page: added on top of the spots CSS and the PicoSure Pro CSS, both re-scoped to #view-babyderm at build time. */
#view-babyderm .sn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#f1f0ee}
#view-babyderm .sn-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-babyderm .pc-point-face img{object-position:50% 30%}
#view-babyderm .sn-ecm{display:grid;grid-template-columns:1fr;gap:18px}
#view-babyderm .sn-diagram{margin:0 auto;width:100%;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .sn-ecm-art{position:relative}
#view-babyderm .sn-ecm-art img{display:block;width:100%;height:auto}
#view-babyderm .sn-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:#fff;font:500 15px/1 var(--fig);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
@media(max-width:600px){#view-babyderm .sn-marker{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}}
#view-babyderm .sn-diagram figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-babyderm .sn-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-babyderm .sn-legend li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .sn-legend li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-babyderm .sn-legend h3{font-size:16px;line-height:1.5;margin:0}
#view-babyderm .sn-legend-sub{font-size:12px!important;color:var(--gold-ink)!important;margin:2px 0 4px!important;letter-spacing:.04em}
#view-babyderm .sn-legend p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .sn-idea{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 26px}
#view-babyderm .sn-idea h3{font-size:18px;margin-bottom:10px}
#view-babyderm .sn-idea p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-babyderm .sn-idea p+p{margin-top:10px}
#view-babyderm .sn-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-babyderm .sn-ingredients .pc-device-photo{margin:0}
#view-babyderm .sn-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f3f3f1}
#view-babyderm .sn-spec{margin:0}
#view-babyderm .sn-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-babyderm .sn-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-babyderm .sn-paper{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0;display:flex;flex-direction:column}
#view-babyderm .sn-paper-kind{display:inline-block;align-self:flex-start;font-size:12px!important;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink)!important;border-radius:2px;margin-bottom:10px}
#view-babyderm .sn-paper h3{font-family:var(--latin);font-size:16px;line-height:1.5;margin-bottom:6px}
#view-babyderm .sn-paper-cite{font-size:12px!important;color:var(--ink-3)!important;line-height:1.7;margin-bottom:10px}
#view-babyderm .sn-paper>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .sn-paper .sp-source{margin-top:auto;padding-top:10px}
@media(max-width:900px){#view-babyderm .sn-ecm,#view-babyderm .sn-ingredients,#view-babyderm .sn-papers{grid-template-columns:1fr}}
@media(max-width:760px){#view-babyderm .sn-spec>div{grid-template-columns:1fr}#view-babyderm .sn-idea{padding:20px}#view-babyderm .sn-legend li{padding:12px 14px}}
@media(max-width:900px){#view-babyderm .sn-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-babyderm .sn-legend{grid-template-columns:1fr}}
#view-babyderm .pc-table thead th{white-space:normal}
#view-babyderm #sn-others .pc-table{table-layout:fixed}
#view-babyderm #sn-others .pc-table tbody th{width:16%}
@media(max-width:760px){#view-babyderm #sn-others .pc-table{table-layout:auto}}
/* 2026-09-18 concern-led layout */
#view-babyderm .sn-hero-points{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#view-babyderm .sn-hero-points li{font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--gold);color:var(--gold-ink);background:#fff;border-radius:999px}
#view-babyderm .sn-hero-note{font-size:13px!important;color:var(--ink-3)!important;margin-top:12px}
#view-babyderm .sn-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#view-babyderm .sn-signs article{background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold);padding:18px 20px}
#view-babyderm .sn-signs h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-babyderm .sn-signs p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .sn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
#view-babyderm .sn-why article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 20px}
#view-babyderm .sn-why-num{display:block;font:400 30px/1 var(--fig);color:var(--gold);margin-bottom:10px}
#view-babyderm .sn-why h3{font-size:17px;line-height:1.55;margin-bottom:8px}
#view-babyderm .sn-why p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-babyderm .sn-course{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#view-babyderm .sn-course li{position:relative;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 14px}
#view-babyderm .sn-course li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:26px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);z-index:1}
#view-babyderm .sn-course-when b{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;background:var(--night);color:#fff;border-radius:2px;margin-bottom:8px}
#view-babyderm .sn-course li:last-child .sn-course-when b{background:var(--gold)}
#view-babyderm .sn-course h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-babyderm .sn-course p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .sn-path{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;margin-bottom:24px}
#view-babyderm .sn-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-babyderm .sn-path li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 16px;background:#f7f6f3}
#view-babyderm .sn-path li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--night);color:#fff;font:500 14px/1 var(--fig)}
#view-babyderm .sn-path li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
#view-babyderm .sn-path h3{font-size:15px;line-height:1.5;margin-bottom:4px}
#view-babyderm .sn-path li p{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .sn-path-goal{margin-top:14px;padding:14px 16px;background:var(--night);color:#fff;text-align:center}
#view-babyderm .sn-path-label{display:inline-block;font-size:12px!important;padding:2px 10px;border:1px solid rgba(255,255,255,.6);color:#fff!important;border-radius:2px;margin-bottom:6px}
#view-babyderm .sn-path-goal p:last-child{font-size:15px;line-height:1.8;color:#fff}
#view-babyderm #sn-ecm .sp-disclosure{max-width:880px;margin:12px auto 0;width:100%}
#view-babyderm .sn-choose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
#view-babyderm .sn-choose article{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column}
#view-babyderm .sn-choose article.sn-choose-this{border:2px solid var(--gold)}
#view-babyderm .sn-choose-q{font-size:13px!important;line-height:1.6;color:var(--ink-3)!important;margin-bottom:8px}
#view-babyderm .sn-choose h3{font-size:17px;margin-bottom:6px}
#view-babyderm .sn-choose article>p:not(.sn-choose-q){font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .sn-choose .sp-source{margin-top:auto;padding-top:10px}
#view-babyderm .sn-cta{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 24px;margin:24px 0 0}
#view-babyderm .sn-cta p{font-size:15px}
#view-babyderm #sn-ingredients .pc-glance{margin-bottom:24px}
#view-babyderm #sn-ingredients .sp-disclosure,#view-babyderm #sn-others .sp-disclosure{margin-top:12px}
@media(max-width:900px){#view-babyderm .sn-why,#view-babyderm .sn-path ol{grid-template-columns:1fr}#view-babyderm .sn-path li:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-12px;transform:rotate(135deg)}#view-babyderm .sn-choose{grid-template-columns:repeat(2,minmax(0,1fr))}#view-babyderm .sn-course{grid-template-columns:1fr}#view-babyderm .sn-course li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-9px;transform:rotate(135deg)}}
@media(max-width:600px){#view-babyderm .sn-signs,#view-babyderm .sn-fit,#view-babyderm .sn-choose{grid-template-columns:1fr}#view-babyderm .sn-cta{padding:18px}#view-babyderm .sn-cta .sp-actions{width:100%}#view-babyderm .sn-path{padding:18px}}
#view-babyderm .sn-amino-art{margin:28px auto 24px}
#view-babyderm .sn-amino-art img{display:block;width:100%;height:auto}
/* Ingredient figures: a compact strip (user request 2026-09-18). Three across even on phones. */
#view-babyderm .sn-glance-sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#view-babyderm .sn-glance-sm .pc-glance-card{padding:14px 16px 12px}
#view-babyderm .sn-glance-sm .pc-glance-num{margin:0 0 4px;gap:4px}
#view-babyderm .sn-glance-sm .pc-glance-num span{font-size:26px}
#view-babyderm .sn-glance-sm .pc-glance-num small{font-size:11px;letter-spacing:.04em}
#view-babyderm .sn-glance-sm .pc-glance-card h3{font-size:14px;line-height:1.5;margin-bottom:2px}
#view-babyderm .sn-glance-sm .pc-glance-card p:last-child{font-size:12px;line-height:1.7}
@media(max-width:600px){#view-babyderm .sn-glance-sm{gap:6px}#view-babyderm .sn-glance-sm .pc-glance-card{padding:10px 8px}#view-babyderm .sn-glance-sm .pc-glance-num span{font-size:21px}#view-babyderm .sn-glance-sm .pc-glance-num{flex-wrap:wrap}#view-babyderm .sn-glance-sm .pc-glance-card h3{font-size:12px}#view-babyderm .sn-glance-sm .pc-glance-card p:last-child{font-size:11px;line-height:1.6}}

/* "こんなお悩みに": two-column comparison panel (2026-09-18). Tokens only. */
#view-babyderm .sn-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 14px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .sn-fit-col{padding:28px 32px 22px;min-width:0}
#view-babyderm .sn-fit-yes{box-shadow:inset 0 3px 0 var(--gold)}
#view-babyderm .sn-fit-other{border-left:1px solid var(--sp-border);background:var(--sp-soft)}
#view-babyderm .sn-fit-kicker{font:500 11px/1 var(--latin)!important;letter-spacing:.2em;color:var(--gold-ink)!important;margin:0 0 10px!important}
#view-babyderm .sn-fit-other .sn-fit-kicker{color:var(--ink-3)!important}
#view-babyderm .sn-fit h3{font-size:19px;line-height:1.5;margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sn-fit-list{list-style:none;margin:0;padding:0}
#view-babyderm .sn-fit-list li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sn-fit-list li:last-child{border-bottom:0;padding-bottom:4px}
#view-babyderm .sn-fit-main{display:block;font-size:15px;line-height:1.7;color:var(--ink)}
#view-babyderm .sn-fit-sub{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:3px}
#view-babyderm .sn-fit-sub::before{content:'→ '}
#view-babyderm .sn-fit-yes li::before{content:'';position:absolute;left:5px;top:20px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
#view-babyderm .sn-fit-other li::before{content:'';position:absolute;left:4px;top:26px;width:14px;height:1px;background:var(--ink-3)}
@media(max-width:760px){#view-babyderm .sn-fit{grid-template-columns:1fr}#view-babyderm .sn-fit-col{padding:22px 20px 16px}#view-babyderm .sn-fit-other{border-left:0;border-top:1px solid var(--sp-border)}#view-babyderm .sn-fit h3{font-size:17px}}

/* 2026-09-27 magazine-style reading (patient-eye rework). Prefix sux- is unique to this page: this file is also copied
   into the skin, rejuran, skinvive, pluryal, pinkglow and babyderm views, where these classes are not used. */
#view-babyderm .sux-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-babyderm .sux-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-babyderm .sux-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-babyderm .sux-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-babyderm .sux-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-babyderm .sux-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;margin-bottom:26px}
#view-babyderm .sux-lead .sp-heading{margin-bottom:0}
#view-babyderm .sux-figure{margin:0;min-width:0}
#view-babyderm .sux-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-babyderm .sux-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-babyderm .sux-path-art{max-width:640px;margin:0 auto 20px}
#view-babyderm .sux-path-art img{aspect-ratio:3/2;object-fit:contain;background:#fff}
#view-babyderm .sux-banner{margin:0 0 24px}
#view-babyderm .sux-banner img{aspect-ratio:3/1;object-position:50% 60%}
#view-babyderm .sux-papers-more{margin-top:18px}
#view-babyderm .sux-papers-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
@media(max-width:900px){#view-babyderm .sux-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-babyderm .sux-lead{grid-template-columns:1fr;gap:20px}#view-babyderm .sux-lead .sux-figure{max-width:560px}}
@media(max-width:560px){#view-babyderm .sux-quick{grid-template-columns:minmax(0,1fr)}#view-babyderm .sux-banner img{aspect-ratio:2/1}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, copied from DermaV) */
#view-babyderm .sux-hero-points{margin-top:22px}
#view-babyderm .sux-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-babyderm .sux-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-babyderm .sux-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-babyderm .sux-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-babyderm .sux-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-babyderm .sux-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-babyderm .sux-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-babyderm .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-babyderm .sp-heading h2>.sp-h2-main{display:block}

/* Babyderm page: added on top of the spots CSS, the PicoSure Pro CSS and the Sunekos CSS, all re-scoped to #view-babyderm at build time. */
#view-babyderm .bd-hero-photo img{aspect-ratio:4/3;object-fit:cover;background:#f6f5f2}
#view-babyderm .bd-decline{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
#view-babyderm .bd-chart{margin:0;background:#fff;border:1px solid var(--sp-border);padding:18px 18px 12px}
#view-babyderm .bd-chart svg{display:block;width:100%;height:auto}
#view-babyderm .bd-chart figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:10px}
#view-babyderm .bd-decline-text h3{font-size:18px;line-height:1.6;margin-bottom:10px}
#view-babyderm .bd-decline-text p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-babyderm .bd-decline-text p+p{margin-top:10px}
#view-babyderm .bd-types{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-babyderm .bd-types li{background:#fff;border:1px solid var(--sp-border);padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
#view-babyderm .bd-types li.is-in{border-top:2px solid var(--gold)}
#view-babyderm .bd-type-num{font-family:var(--fig);font-size:26px;line-height:1;color:var(--gold-ink);letter-spacing:.04em}
#view-babyderm .bd-types h3{font-size:16px;line-height:1.5;margin:0}
#view-babyderm .bd-type-role{font-size:12px!important;color:var(--gold-ink)!important;letter-spacing:.04em;margin:0!important}
#view-babyderm .bd-types p:last-child{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .bd-type-tag{display:inline-block;align-self:flex-start;font-size:11px;padding:2px 8px;border-radius:2px;background:var(--gold);color:#fff;letter-spacing:.06em;margin-top:2px}
#view-babyderm .bd-type-tag.is-out{background:#fff;color:var(--ink-3);border:1px solid var(--sp-border)}
#view-babyderm .bd-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
#view-babyderm .bd-compare article{background:#fff;border:1px solid var(--sp-border);padding:22px 22px 18px;min-width:0}
#view-babyderm .bd-compare article.is-new{border-top:2px solid var(--gold)}
#view-babyderm .bd-compare h3{font-size:18px;line-height:1.5;margin-bottom:4px}
#view-babyderm .bd-compare-sub{font-size:12px!important;color:var(--gold-ink)!important;letter-spacing:.04em;margin-bottom:10px!important}
#view-babyderm .bd-compare dl{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 12px;font-size:14px;line-height:1.75}
#view-babyderm .bd-compare dt{color:var(--ink-3)}
#view-babyderm .bd-compare dd{margin:0;color:var(--ink-2)}
#view-babyderm .bd-ingredients{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
#view-babyderm .bd-ingredients .pc-device-photo{margin:0}
#view-babyderm .bd-ingredients .pc-device-photo img{aspect-ratio:4/3;object-position:50% 50%;background:#f6f5f2}
#view-babyderm .bd-spec{margin:0}
#view-babyderm .bd-spec>div{grid-template-columns:150px minmax(0,1fr)}
#view-babyderm .bd-suits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-babyderm .bd-suits li{background:#fff;border:1px solid var(--sp-border);padding:18px 20px}
#view-babyderm .bd-suits h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-babyderm .bd-suits p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .bd-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}
#view-babyderm .bd-case{background:#fff;border:1px solid var(--sp-border);padding:16px;min-width:0}
#view-babyderm .bd-case img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:cover;background:#f3f1ee}
#view-babyderm .bd-case-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin:12px 0 6px}
#view-babyderm .bd-case-head h3{font-size:16px;line-height:1.5;margin:0}
#view-babyderm .bd-case-age{font-size:12px;color:var(--gold-ink);letter-spacing:.04em}
#view-babyderm .bd-case p{font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-babyderm .bd-case p+p{margin-top:4px}
#view-babyderm .bd-teach{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
#view-babyderm .bd-teach article{background:#fff;border:1px solid var(--sp-border);padding:18px 20px;min-width:0}
#view-babyderm .bd-teach-year{font-family:var(--fig);font-size:13px;letter-spacing:.12em;color:var(--gold-ink);margin-bottom:6px}
#view-babyderm .bd-teach h3{font-size:16px;line-height:1.5;margin-bottom:6px}
#view-babyderm .bd-teach p{font-size:14px;line-height:1.8;color:var(--ink-2)}
@media(max-width:900px){#view-babyderm .bd-decline,#view-babyderm .bd-ingredients,#view-babyderm .bd-cases,#view-babyderm .bd-compare{grid-template-columns:1fr}#view-babyderm .bd-types,#view-babyderm .bd-suits,#view-babyderm .bd-teach{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-babyderm .bd-spec>div{grid-template-columns:1fr}#view-babyderm .bd-compare dl{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:600px){#view-babyderm .bd-types,#view-babyderm .bd-suits,#view-babyderm .bd-teach{grid-template-columns:1fr}}
#view-babyderm #bd-others .pc-table{table-layout:fixed}
#view-babyderm #bd-others .pc-table tbody th{width:18%}
@media(max-width:760px){#view-babyderm #bd-others .pc-table{table-layout:auto}}
/* bbx (2026-09-27): magazine-style reading order — "まず知りたいこと" cards, pictures in text-only stretches, reference detail (type cards, comparison table, papers, per-case details) behind disclosures. Prefix bbx- is unique to this file. */
#view-babyderm .bbx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-babyderm .bbx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-babyderm .bbx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-babyderm .bbx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-babyderm .bbx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-babyderm .bbx-art{margin:0 0 26px}
#view-babyderm .bbx-art img{display:block;width:100%;height:auto;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-babyderm .bbx-art figcaption,#view-babyderm .bbx-why figcaption,#view-babyderm .bbx-suits figcaption,#view-babyderm .bbx-fee-head figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-babyderm .bbx-about-art{max-width:880px;margin:4px auto 28px}
#view-babyderm .bbx-about-art img{aspect-ratio:16/9;object-fit:cover}
#view-babyderm .bbx-banner img{aspect-ratio:3/1;object-fit:cover;object-position:50% 45%}
#view-babyderm .bbx-fibro{margin:30px auto 0;max-width:880px;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .bbx-fibro img{display:block;width:100%;height:auto}
#view-babyderm .bbx-fibro-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--sp-border)}
#view-babyderm .bbx-fibro-labels>div{padding:14px 16px;min-width:0}
#view-babyderm .bbx-fibro-labels>div+div{border-left:1px solid var(--sp-border)}
#view-babyderm .bbx-fibro-labels b{display:block;font-size:14px;color:var(--gold-ink);letter-spacing:.04em;margin-bottom:4px}
#view-babyderm .bbx-fibro-labels span{display:block;font-size:13.5px;line-height:1.7;color:var(--ink-2)}
#view-babyderm .bbx-fibro figcaption{font-size:12.5px;line-height:1.8;color:var(--ink-2);padding:12px 18px;border-top:1px solid var(--sp-border)}
#view-babyderm .bbx-more{margin-top:18px}
#view-babyderm .bbx-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-babyderm .bbx-more .bd-types{margin-top:4px}
#view-babyderm .bbx-more .sn-papers{margin-top:4px}
#view-babyderm .bbx-table-more .pc-table-wrap{margin-top:0}
#view-babyderm .bbx-table-more+.sp-note{margin-top:4px}
#view-babyderm .bbx-why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;margin-top:30px}
#view-babyderm .bbx-why figure{margin:0}
#view-babyderm .bbx-why img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border)}
#view-babyderm .bbx-v{max-width:880px;margin-top:30px}
#view-babyderm .bbx-v h3{font-size:18px;line-height:1.6;margin-bottom:10px}
#view-babyderm .bbx-v p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-babyderm .bbx-v p+p{margin-top:10px}
#view-babyderm .bbx-suits{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:center}
#view-babyderm .bbx-suits figure{margin:0}
#view-babyderm .bbx-suits img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--sp-border)}
#view-babyderm .bbx-suits .bd-suits{grid-template-columns:1fr}
#view-babyderm .bbx-case-more{margin-top:10px}
#view-babyderm .bbx-case-more>summary{font-size:13px;padding-block:10px}
#view-babyderm .bbx-case-more .sp-disclosure-content{padding-bottom:4px}
#view-babyderm .bbx-fee-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;align-items:end;margin-bottom:26px}
#view-babyderm .bbx-fee-head .sp-heading{margin-bottom:0}
#view-babyderm .bbx-fee-head figure{margin:0}
#view-babyderm .bbx-fee-head img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:40% 50%;border:1px solid var(--sp-border)}
@media(max-width:900px){#view-babyderm .bbx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-babyderm .bbx-why,#view-babyderm .bbx-suits{grid-template-columns:1fr;gap:20px}#view-babyderm .bbx-suits figure{max-width:420px}}
@media(max-width:760px){#view-babyderm .bbx-fee-head{grid-template-columns:1fr;gap:18px;align-items:start}#view-babyderm .bbx-banner img{aspect-ratio:16/9}}
@media(max-width:600px){#view-babyderm .bbx-fibro-labels>div{padding:10px 8px}#view-babyderm .bbx-fibro-labels b{font-size:12.5px}#view-babyderm .bbx-fibro-labels span{font-size:12px}}
@media(max-width:560px){#view-babyderm .bbx-quick{grid-template-columns:minmax(0,1fr)}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-babyderm .bbx-hero-points{margin-top:22px}
#view-babyderm .bbx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-babyderm .bbx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-babyderm .bbx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-babyderm .bbx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-babyderm .bbx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-babyderm .bbx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-babyderm .bbx-hero-points .bbx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-babyderm .bbx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-babyderm .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-babyderm .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 clinic: the two watercolours were removed; on PC the dermis picture and its explanation sit side by side */
#view-babyderm .bbx-why-text,#view-babyderm .bbx-fee-head-text{grid-template-columns:minmax(0,1fr)}
@media(min-width:901px){#view-babyderm .bbx-about-art{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:center;max-width:none;margin:4px 0 30px}#view-babyderm .bbx-about-art figcaption{margin:0;font-size:15px;line-height:1.95;color:var(--ink-2)}}
/* 2026-10-01 clinic: the window-and-vase picture replaces the watercolour; framed as on the redness page so the vase stays whole */
#view-babyderm .after-vase img{aspect-ratio:11/5;object-position:50% 22%}
@media(max-width:760px){#view-babyderm .after-vase img{aspect-ratio:16/9;object-position:40% 50%}}
/* 2026-10-01 type V collagen figure: SVG labels in the picture's white areas; a list under the picture on phones */
#view-babyderm .bbx-vfig{margin:22px 0 20px}
#view-babyderm .bbx-vfig-stage{position:relative;background:#fff;border:1px solid var(--sp-border)}
#view-babyderm .bbx-vfig-stage img{display:block;width:100%;height:auto}
#view-babyderm .bbx-vfig-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-babyderm .bbx-vfig-h{font-family:var(--sans);font-size:40px;font-weight:500;fill:#3C4043}
#view-babyderm .bbx-vfig-p{font-family:var(--sans);font-size:29px;font-weight:400;fill:#3C4043}
#view-babyderm .bbx-vfig-l{font-family:var(--sans);font-size:28px;font-weight:400;fill:#3C4043}
html[lang^="en"] #view-babyderm .bbx-vfig-p{font-size:24px}
#view-babyderm .bbx-vfig-i{fill:#EAE1D0;stroke:#B9AC92;stroke-width:2}
#view-babyderm .bbx-vfig-v{fill:#3E8590}
#view-babyderm .bbx-vfig-list{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#view-babyderm .bbx-vfig figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
@media(max-width:640px){#view-babyderm .bbx-vfig-stage svg{display:none}#view-babyderm .bbx-vfig-list{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}#view-babyderm .bbx-vfig-list li{font-size:14px;line-height:1.8;color:var(--ink-2)}#view-babyderm .bbx-vfig-list b{display:block;font-weight:500;color:var(--ink)}#view-babyderm .bbx-vfig-key{display:flex;flex-wrap:wrap;gap:6px 18px}#view-babyderm .bbx-vfig-key>span{display:inline-flex;align-items:center;gap:8px}#view-babyderm .bbx-vfig-dot{display:inline-block;width:12px;height:12px;border-radius:50%}#view-babyderm .bbx-vfig-dot-i{background:#EAE1D0;border:1px solid #B9AC92}#view-babyderm .bbx-vfig-dot-v{background:#3E8590}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-rosacea{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-rosacea .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-rosacea .sp-soft{background:var(--sp-soft)}
#view-rosacea .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-rosacea .sp-heading{margin-bottom:26px;max-width:46em}
#view-rosacea .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-rosacea .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-rosacea .sp-heading .sp-kicker{margin-top:0}
#view-rosacea .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-rosacea .sp-note a,#view-rosacea .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-rosacea .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-rosacea .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-rosacea .crumbs span::before{content:none}
#view-rosacea .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-rosacea .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-rosacea .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-rosacea .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-rosacea .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-rosacea .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-rosacea .sp-hero-trust a{margin-top:7px}
#view-rosacea .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-rosacea .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-rosacea .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-rosacea .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-rosacea .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-rosacea .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-rosacea .sp-nav a{flex-shrink:0}
#view-rosacea .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-rosacea .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-rosacea .sp-nav a:hover{color:var(--gold-ink)}
#view-rosacea .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rosacea .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-rosacea .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-rosacea .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-rosacea .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-rosacea .sp-type-body{padding:21px 22px 22px}
#view-rosacea .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-rosacea .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-rosacea .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-rosacea .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-rosacea .sp-type .sp-source{margin-top:12px}
#view-rosacea .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-rosacea .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-rosacea .sp-case-head{padding:20px 22px 16px}
#view-rosacea .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-rosacea .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-rosacea .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-rosacea .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-rosacea .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-rosacea .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-rosacea .sp-case-body{padding:18px 22px 22px}
#view-rosacea .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-rosacea .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-rosacea .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-rosacea .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-rosacea .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-rosacea .sp-case-body .sp-source{margin-top:14px}
#view-rosacea .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-rosacea .sp-case-details>summary{min-height:48px}
#view-rosacea .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-rosacea .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-rosacea .sp-approach-list{display:grid;gap:0}
#view-rosacea .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-rosacea .sp-approach-item:first-child{padding-top:0}
#view-rosacea .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-rosacea .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-rosacea .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-rosacea .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-rosacea .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-rosacea .sp-doctor h3{font-size:21px;line-height:1.5}
#view-rosacea .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-rosacea .sp-doctor .sp-source{white-space:nowrap}
#view-rosacea .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-rosacea .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-rosacea .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-rosacea .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-rosacea .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-rosacea .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-rosacea .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .sp-expertise-facts>div:first-child{padding-top:0}
#view-rosacea .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-rosacea .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-rosacea .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-rosacea .sp-expertise-grid figure{max-width:480px}
 #view-rosacea .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-rosacea .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-rosacea .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-rosacea .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-rosacea .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-rosacea .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-rosacea .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-rosacea .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-rosacea .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-rosacea .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-rosacea .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-rosacea .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-rosacea .sp-disclosure>summary::after{content:'＋';flex:none}
#view-rosacea .sp-disclosure[open]>summary::after{content:'−'}
#view-rosacea .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-rosacea .sp-disclosure-content p+p{margin-top:12px}
#view-rosacea .sp-approval-list{display:grid;gap:10px}
#view-rosacea .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-rosacea .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-rosacea .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-rosacea .sp-price-intro>div{flex:1 1 320px}
#view-rosacea .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-rosacea .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-rosacea .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-rosacea .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-rosacea .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-rosacea .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-rosacea .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-rosacea .sp-price-heading{margin-bottom:16px}
#view-rosacea .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-rosacea .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-rosacea .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-rosacea .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-rosacea .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-rosacea .sp-price .sp-yen{display:block;margin:0}
#view-rosacea .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-rosacea .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-rosacea .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-rosacea .sp-price-list{margin-top:8px}
#view-rosacea .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-rosacea .sp-price-list dt{min-width:0}
#view-rosacea .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-rosacea .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rosacea .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-rosacea .sp-flow-head{display:block;margin-bottom:14px}
#view-rosacea .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-rosacea .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-rosacea .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-rosacea .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-rosacea .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-rosacea .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-rosacea .sp-recovery>div:last-child{border-right:0}
#view-rosacea .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-rosacea .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-rosacea .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-rosacea .sp-risk-details{margin-top:22px}
#view-rosacea .sp-faq{margin-inline:0}
#view-rosacea .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-rosacea .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-rosacea .sp-tech h3{font-size:22px;line-height:1.6}
#view-rosacea .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-rosacea .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-rosacea .sp-tech h3+p{margin-top:10px}
#view-rosacea .sp-video>summary{cursor:pointer;list-style:none}
#view-rosacea .sp-video>summary::-webkit-details-marker{display:none}
#view-rosacea .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-rosacea .sp-flow-text{display:block;margin-top:12px}
#view-rosacea .sp-video-body{padding-bottom:16px}
#view-rosacea .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-rosacea .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-rosacea .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-rosacea .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-rosacea .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-rosacea .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-rosacea .sp-tech>img{width:76px;height:99px}
 #view-rosacea .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-rosacea .sp-homecare>img{max-height:220px}
}
#view-rosacea .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-rosacea .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-rosacea .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-rosacea .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-rosacea .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-rosacea .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-rosacea .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-rosacea .sp-final .btn{font-size:14px}
#view-rosacea .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-rosacea :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-rosacea .sp-devices{grid-template-columns:1fr}
  #view-rosacea .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-rosacea .sp-device-head{margin-bottom:0}
  #view-rosacea .sp-device .sp-disclosure{grid-column:1/-1}
  #view-rosacea .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-rosacea .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-rosacea .sp-doctor>img{width:90px;height:100px}
  #view-rosacea .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-rosacea .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-rosacea .sp-hero h1{font-size:32px}
  #view-rosacea .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-rosacea .sp-hero-lead{margin-top:17px}
  #view-rosacea .sp-hero-photo img{aspect-ratio:16/9}
  #view-rosacea .sp-hero-photo figcaption{font-size:12px}
  #view-rosacea .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-rosacea .sp-types,#view-rosacea .sp-cases,#view-rosacea .sp-approach,#view-rosacea .sp-prices{grid-template-columns:1fr}
  #view-rosacea .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-rosacea .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-rosacea .sp-type-body{padding:19px 20px}
  #view-rosacea .sp-type h3{font-size:20px}
  #view-rosacea .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-rosacea .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-rosacea .sp-approach{gap:24px}
  #view-rosacea .sp-approach-image img{max-height:260px}
  #view-rosacea .sp-recovery{grid-template-columns:1fr}
  #view-rosacea .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-rosacea .sp-recovery>div:last-child{border-bottom:0}
  #view-rosacea .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-rosacea .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-rosacea .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-rosacea .sp-hero h1{font-size:29px}
  #view-rosacea .sp-actions{align-items:stretch}
  #view-rosacea .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-rosacea .sp-type{grid-template-columns:1fr}
  #view-rosacea .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-rosacea .sp-type-art img{max-height:130px}
  #view-rosacea .sp-layer-labels{justify-content:center;gap:26px}
  #view-rosacea .sp-type-body{padding:19px 20px}
  #view-rosacea .sp-case-head,#view-rosacea .sp-case-body{padding-inline:18px}
  #view-rosacea .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-rosacea .sp-case-photos{padding-inline:10px;gap:4px}
  #view-rosacea .sp-device{display:block;padding:20px}
  #view-rosacea .sp-device-head{margin-bottom:14px}
  #view-rosacea .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-rosacea .sp-flow>li{padding:18px 20px}
  #view-rosacea .sp-flow-head{margin-bottom:10px}
  #view-rosacea .sp-price{padding:22px}
  #view-rosacea .sp-price-intro{padding:20px}
  #view-rosacea .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-rosacea .sp-price-list dd{flex-basis:100%}
  #view-rosacea .sp-doctor{gap:14px}
  #view-rosacea .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-rosacea :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-rosacea .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-rosacea .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-rosacea .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-rosacea .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-rosacea .sp-entry-link:first-child{padding-left:0}
#view-rosacea .sp-entry-link:last-child{border-right:0}
#view-rosacea .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-rosacea .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-rosacea .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-rosacea .sp-entry-link:hover{background:var(--sp-soft)}
#view-rosacea .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-rosacea .sp-consult h3{font-size:24px;line-height:1.65}
#view-rosacea .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-rosacea .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-rosacea .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-rosacea .sp-consult .sp-note{margin-top:7px}
#view-rosacea #s-doctor-section{padding-top:58px}
#view-rosacea #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-rosacea .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-rosacea .sp-expertise-grid figure{align-self:center}
#view-rosacea .sp-expertise-facts dt{font-size:16px}
#view-rosacea .sp-expertise-facts dd{font-size:14px}
#view-rosacea .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-rosacea .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-rosacea .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-rosacea .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .sp-flow{list-style:none;padding:0}
#view-rosacea .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-rosacea .sp-flow-head img,#view-rosacea .sp-video video{border:1px solid var(--sp-border)}
#view-rosacea .sp-recovery{border:0}
#view-rosacea .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-rosacea .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-rosacea .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-rosacea .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-rosacea .sp-visit-info a{color:var(--on-night)}
#view-rosacea a:focus-visible,#view-rosacea summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-rosacea .sp-entry-links{grid-template-columns:1fr}
 #view-rosacea .sp-entry-link,#view-rosacea .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-rosacea .sp-entry-link:last-child{border-bottom:0}
 #view-rosacea .sp-entry-link strong{font-size:18px}
 #view-rosacea .sp-entry-link span span{margin-top:3px}
 #view-rosacea .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-rosacea .sp-consult h3{font-size:22px}
 #view-rosacea .sp-consult ul{display:block}
 #view-rosacea .sp-consult li{margin-top:6px}
 #view-rosacea .sp-consult .btn{width:100%}
 #view-rosacea .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-rosacea .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-rosacea .sp-recovery>div::before{top:4px;left:-5px}
 #view-rosacea .sp-recovery>div:last-child{padding-bottom:0}
 #view-rosacea .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-rosacea *{scroll-behavior:auto;transition:none}}

#view-rosacea .sp-type-art img{max-height:145px}
#view-rosacea .sp-type-body{padding:20px}
#view-rosacea .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-rosacea .sp-price>p.sp-price-unit,#view-rosacea .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-rosacea .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-rosacea .sp-price{padding:26px 0}
 #view-rosacea .sp-price-description{margin-bottom:20px}
 #view-rosacea .sp-price>.sp-note{min-height:0}
 #view-rosacea .sp-price h3{font-size:23px}
 #view-rosacea .sp-price .sp-yen{font-size:20px}
 #view-rosacea .sp-price-intro{padding:22px;gap:16px}
 #view-rosacea .sp-price-intro>div{flex-basis:100%}
}

#view-rosacea .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-rosacea .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .sp-consult-fees>div:last-child{border-bottom:0}
#view-rosacea .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-rosacea .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-rosacea .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-rosacea .sp-consult-fees{flex-basis:100%}#view-rosacea .sp-consult-fees dd{font-size:21px}#view-rosacea .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-rosacea .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-rosacea .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-rosacea .sp-price-intro{padding:20px 18px;gap:18px}
 #view-rosacea .sp-consult-fees{flex-basis:100%;width:100%}
 #view-rosacea .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-rosacea .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-rosacea .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-rosacea .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-rosacea .sp-fee-period::before{content:none}
 html[lang="en"] #view-rosacea .sp-fee-period{white-space:normal;font-size:14px}
 #view-rosacea .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-rosacea .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-rosacea .sp-prices{gap:16px;border:0}
 #view-rosacea .sp-price,#view-rosacea .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-rosacea .sp-price-heading{order:0;margin-bottom:14px}
 #view-rosacea .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-rosacea .sp-price h3{font-size:22px;letter-spacing:0}
 #view-rosacea .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-rosacea .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-rosacea .sp-price .sp-price-unit{font-size:12px}
 #view-rosacea .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-rosacea .sp-price>.sp-note{order:3;margin-top:10px}
 #view-rosacea .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-rosacea .sp-price,#view-rosacea .sp-price+.sp-price{padding:20px 16px}
 #view-rosacea .sp-price h3{font-size:20px}
 #view-rosacea .sp-price .sp-yen{font-size:20px}
 #view-rosacea .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-rosacea .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-rosacea .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-rosacea .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-rosacea .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-rosacea .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-rosacea .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-rosacea .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-rosacea .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-rosacea .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-rosacea .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-rosacea .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-rosacea .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-rosacea .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-rosacea .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-rosacea .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-rosacea .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-rosacea .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-rosacea .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-rosacea .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-rosacea .sp-entry-hint{margin:8px 0 22px}
#view-rosacea .sp-entry-links{gap:14px;border:0}
#view-rosacea .sp-entry-link,#view-rosacea .sp-entry-link:first-child,#view-rosacea .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-rosacea .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-rosacea .sp-entry-link:hover,#view-rosacea .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-rosacea .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-rosacea .sp-entry-copy{min-width:0}
#view-rosacea .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-rosacea .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-rosacea .sp-entry-question{font-size:22px}
 #view-rosacea .sp-entry-link,#view-rosacea .sp-entry-link:first-child,#view-rosacea .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-rosacea .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-rosacea .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-rosacea .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .sp-anes{margin-top:10px}
#view-rosacea .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-rosacea .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-rosacea .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-rosacea .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-rosacea .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-rosacea .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-rosacea .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-rosacea .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-rosacea .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-rosacea .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-rosacea .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-rosacea .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-rosacea .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-rosacea .hg-head>div{min-width:0}
#view-rosacea .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-rosacea .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-rosacea .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-rosacea .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-rosacea .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-rosacea .hg-menu-photo{margin:0}
#view-rosacea .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-rosacea .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-rosacea .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-rosacea .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-rosacea .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-rosacea .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-rosacea .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-rosacea .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-rosacea .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rosacea .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-rosacea .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rosacea .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-rosacea .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-rosacea .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-rosacea .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-rosacea .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-rosacea .hg-menu-note{margin:14px 0 0}
#view-rosacea .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-rosacea .hg-menu-links-label{margin-right:4px}
#view-rosacea .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-rosacea .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-rosacea .hg-menu-fees{gap:8px}#view-rosacea .hg-fee{padding:14px 14px 12px}#view-rosacea .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-rosacea .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-rosacea .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-rosacea .hg-menu-range{margin:14px 0 0}
#view-rosacea .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-rosacea .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-rosacea .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-rosacea .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-rosacea .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-rosacea .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-rosacea .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-rosacea .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-rosacea .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-rosacea .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-rosacea .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-rosacea .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-rosacea .cg-card{padding:0;background:transparent;border:0}
#view-rosacea .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-rosacea .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-rosacea .cg-card .case-image{margin:0}
#view-rosacea .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-rosacea .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-rosacea .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-rosacea .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-rosacea .cg-details summary:hover{color:var(--gold-ink)}
#view-rosacea .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-rosacea .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-rosacea .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-rosacea .cg-details dt{padding-top:13px}
#view-rosacea .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-rosacea .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-rosacea .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-rosacea .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-rosacea .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-rosacea .sp-section .dn-gallery,#view-rosacea .sp-section .sw-gallery,#view-rosacea .sp-section .pc-lecture-figs,#view-rosacea .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rosacea .sp-section .sw-interview,#view-rosacea .sp-section .ul-doctor-grid,#view-rosacea .sp-section .sv-doctor-hero,#view-rosacea .sp-section .wrx-evidence,#view-rosacea .sp-section .uex-evidence,#view-rosacea .sp-section .ml-doctor-grid,#view-rosacea .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-rosacea .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-rosacea .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-rosacea .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-rosacea .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-rosacea .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-rosacea .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-rosacea .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-rosacea .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-rosacea .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-rosacea .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-rosacea .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-rosacea .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-rosacea .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .hgd-svg{display:block;width:100%;height:auto}
#view-rosacea .hgd-sp{display:none}
#view-rosacea .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-rosacea .hgd-layer{font-size:30px}
#view-rosacea .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-rosacea .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-rosacea .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-rosacea .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-rosacea .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-rosacea .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-rosacea .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-rosacea .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-rosacea .hgd-art{opacity:.92}
#view-rosacea .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-rosacea .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-rosacea .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-rosacea .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-rosacea .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-rosacea .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-rosacea .hgd-layer{font-size:25px}
html[lang^="en"] #view-rosacea .hgd-sub{font-size:19px}
html[lang^="en"] #view-rosacea .hgd-br{font-size:27px}
#view-rosacea .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-rosacea .hgd-pc .hgd-layer{font-size:38px}
 #view-rosacea .hgd-pc .hgd-sub{font-size:30px}
 #view-rosacea .hgd-pc .hgd-name{font-size:42px}
 #view-rosacea .hgd-pc .hgd-kind{font-size:31px}
 #view-rosacea .hgd-pc .hgd-br{font-size:36px}
 #view-rosacea .hgd-pc .hgd-mm{font-size:40px}
 #view-rosacea .hgd-pc .hgd-note{font-size:26px}
 #view-rosacea .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-rosacea .hg-lineup img{width:72px;height:72px}
 #view-rosacea .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-rosacea .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-rosacea .hg-lineup,#view-rosacea .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-rosacea .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-rosacea .hg-lineup img{width:56px;height:56px}
 #view-rosacea .hg-lineup figcaption{padding:7px 8px}
 #view-rosacea .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-rosacea .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-rosacea .hg-lineup figcaption small{font-size:10.5px}
 #view-rosacea .hgd-pc{display:none}
 #view-rosacea .hgd-sp{display:block}
 #view-rosacea .hgd-layer,#view-rosacea .hgd-name,#view-rosacea .hgd-br,#view-rosacea .hgd-mm{font-size:34px}
 #view-rosacea .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-rosacea .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-rosacea .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-rosacea .hgd-layer{font-size:30px}
 #view-rosacea .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-rosacea .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-rosacea .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-rosacea. */
#view-rosacea .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rosacea .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-rosacea .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-rosacea .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-rosacea .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-rosacea .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-rosacea .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-rosacea .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-rosacea .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-rosacea .pc-table th,#view-rosacea .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-rosacea .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-rosacea .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-rosacea .pc-table tbody tr:last-child th,#view-rosacea .pc-table tbody tr:last-child td{border-bottom:0}
#view-rosacea .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-rosacea .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-rosacea .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-rosacea .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-rosacea .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-rosacea .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-rosacea .pc-point-face{width:92px;height:92px}}
#view-rosacea .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-rosacea .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-rosacea .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rosacea .pc-explain p+p{margin-top:12px}
#view-rosacea .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rosacea .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-rosacea .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-rosacea .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rosacea .pc-books h3{font-size:18px;margin-bottom:12px}
#view-rosacea .pc-books ul{list-style:none;padding:0;margin:0}
#view-rosacea .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-rosacea .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-rosacea .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rosacea .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-rosacea .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-rosacea .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-rosacea .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-rosacea .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-rosacea .pc-tag{margin:0}
#view-rosacea .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-rosacea .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-rosacea .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-rosacea .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-rosacea .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-rosacea .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-rosacea .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-rosacea .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-rosacea .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-rosacea .pc-approval>div:last-child{border-bottom:0}
#view-rosacea .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-rosacea .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-rosacea .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-rosacea .pc-glance,#view-rosacea .pc-modes{grid-template-columns:1fr}#view-rosacea .pc-explain{grid-template-columns:1fr}#view-rosacea .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-rosacea .pc-concern-links{grid-template-columns:1fr}#view-rosacea .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-rosacea .pc-books,#view-rosacea .pc-quote,#view-rosacea .pc-point{padding:20px}#view-rosacea .pc-glance-num span{font-size:32px}#view-rosacea .pc-table{font-size:13px}#view-rosacea .pc-table th,#view-rosacea .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-rosacea .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-rosacea .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-rosacea .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-rosacea .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-rosacea .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-rosacea .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-rosacea .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-rosacea .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-rosacea .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-rosacea .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-rosacea .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-rosacea .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-rosacea .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-rosacea .pc-video{margin:0 0 28px;max-width:820px}
#view-rosacea .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-rosacea .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-rosacea .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-rosacea .pc-lasers-media .pc-video,#view-rosacea .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-rosacea .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-rosacea .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-rosacea .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-rosacea .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-rosacea .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-rosacea .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-rosacea .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-rosacea .pc-hero-video .sp-video{margin:0}
#view-rosacea .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-rosacea .pc-cell-label{display:none}
@media(max-width:760px){
#view-rosacea .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-rosacea .pc-table{min-width:0;display:block;font-size:14px}
#view-rosacea .pc-table caption{display:block;padding:0 0 10px}
#view-rosacea .pc-table thead{display:none}
#view-rosacea .pc-table tbody{display:block}
#view-rosacea .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-rosacea .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-rosacea .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-rosacea .pc-table tr td:last-child{border-bottom:0}
#view-rosacea .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-rosacea .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-rosacea .pc-cell-value{display:block;line-height:1.75}
}
#view-rosacea .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-rosacea .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-rosacea .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-rosacea .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-rosacea .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-rosacea .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rosacea .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rosacea .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-rosacea .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-rosacea .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-rosacea .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-rosacea .pcx-video{margin:0 0 26px;max-width:780px}
#view-rosacea .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-rosacea .pcx-table-details{margin-top:18px}
#view-rosacea .pcx-table-details .pc-table-wrap{margin-top:0}
#view-rosacea .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-rosacea .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-rosacea .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rosacea #pc-lasers .pc-point{margin-top:40px}
#view-rosacea .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-rosacea .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-rosacea .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-rosacea .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-rosacea .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-rosacea .pcx-case-hint{margin-top:6px}
#view-rosacea #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-rosacea .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-rosacea .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-rosacea .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-rosacea .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-rosacea .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-rosacea .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-rosacea .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-rosacea .pcx-hero-points{margin-top:22px}
#view-rosacea .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rosacea .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-rosacea .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-rosacea .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-rosacea .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-rosacea .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-rosacea .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-rosacea .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-rosacea .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-rosacea .pcx-mode-art img{display:block;width:100%;height:auto}
#view-rosacea .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-rosacea .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-rosacea .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-rosacea .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-rosacea .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-rosacea .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-rosacea .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-rosacea .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-rosacea .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-rosacea .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-rosacea .pcx-case-sep{display:none}
  #view-rosacea .pcx-case-name{display:block}
  #view-rosacea .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-rosacea .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-rosacea .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-rosacea .pcx-diff-changed{border-top-color:var(--gold)}
#view-rosacea .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-rosacea .pcx-diff-card dl{margin:0}
#view-rosacea .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-rosacea .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-rosacea .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-rosacea .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-rosacea .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-rosacea .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-rosacea .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-rosacea .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-rosacea .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-rosacea .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-rosacea .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-rosacea .pcx-history>li:last-child{padding-bottom:0}
#view-rosacea .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-rosacea .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-rosacea .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-rosacea .pcx-h-tag{margin:0 0 4px}
#view-rosacea .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-rosacea .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-rosacea .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-rosacea .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-rosacea .pcx-history-wrap>.sp-note{margin-top:20px}
#view-rosacea #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-rosacea .pcx-diff{grid-template-columns:1fr}
 #view-rosacea .pcx-diff-card{padding:18px 16px 14px}
 #view-rosacea .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-rosacea .pcx-depth{padding:16px}
 #view-rosacea .pcx-history::before{left:3.4em}
 #view-rosacea .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-rosacea .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-rosacea .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-rosacea .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-rosacea .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-rosacea .pcx-h-photo{margin:4px 0 0}
#view-rosacea .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-rosacea .pcx-h-device .pcx-h-photo img,#view-rosacea #pc-history .pcx-h-photo img[src*="picosure-"],#view-rosacea #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-rosacea .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-rosacea .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-rosacea .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-rosacea. */
#view-rosacea .sw-device-photo{max-width:820px}
#view-rosacea .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-rosacea .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-rosacea .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .sw-figures{max-width:none}
#view-rosacea .sw-figure img{display:block;width:100%;height:auto}
#view-rosacea .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-rosacea .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-rosacea .sw-figures .sw-figure{margin:0}
#view-rosacea .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-rosacea .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-rosacea .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-rosacea .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-rosacea .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .pc-explain h3+p+h3{margin-top:22px}
#view-rosacea .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-rosacea .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-rosacea .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-rosacea .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-rosacea .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-rosacea .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-rosacea .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-rosacea .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-rosacea .sw-history li{position:relative;padding:0 0 22px 28px}
#view-rosacea .sw-history li:last-child{padding-bottom:0}
#view-rosacea .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-rosacea .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-rosacea .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-rosacea .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-rosacea .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-rosacea .sw-gallery figure{margin:0}
#view-rosacea .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-rosacea .sw-gallery img.is-portrait{object-position:50% 30%}
#view-rosacea .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-rosacea .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-rosacea .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-rosacea .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-rosacea .sw-case-photo{margin:0;background:#111}
#view-rosacea .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-rosacea .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-rosacea .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-rosacea .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-rosacea .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-rosacea .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-rosacea .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-rosacea .sw-area-prices li:last-child{border-bottom:0}
#view-rosacea .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-rosacea .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-rosacea .sw-papers,#view-rosacea .sw-history-wrap,#view-rosacea .sw-cases,#view-rosacea .sw-price-list{grid-template-columns:1fr}#view-rosacea .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-rosacea .sw-steps,#view-rosacea .sw-figures,#view-rosacea .sw-gallery{grid-template-columns:1fr}#view-rosacea .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-rosacea .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-rosacea .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .sw-interview-video{margin:0;max-width:none}
#view-rosacea .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-rosacea .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-rosacea .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-rosacea .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-rosacea .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-rosacea .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-rosacea .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-rosacea .sw-ttt-design,#view-rosacea .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .sw-ttt-face,#view-rosacea .sw-heat-field{margin:0}
#view-rosacea .sw-ttt-face img,#view-rosacea .sw-heat-field img{display:block;width:100%;height:auto}
#view-rosacea .sw-heat-field img{border:1px solid var(--sp-border)}
#view-rosacea .sw-ttt-face figcaption,#view-rosacea .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-rosacea .sw-ttt-text .sp-kicker,#view-rosacea .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-rosacea .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-rosacea .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-rosacea .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-rosacea .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-rosacea .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-rosacea .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-rosacea .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-rosacea .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-rosacea .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-rosacea .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-rosacea .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-rosacea .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-rosacea .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-rosacea .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-rosacea .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-rosacea .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-rosacea .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-rosacea .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-rosacea .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-rosacea .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-rosacea .sw-ttt-design,#view-rosacea .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-rosacea .sw-ttt-face,#view-rosacea .sw-heat-field{max-width:420px}#view-rosacea .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-rosacea .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-rosacea .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-rosacea .sw-ct-cases-head{margin:44px 0 18px}
#view-rosacea .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-rosacea .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-rosacea .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-rosacea .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-rosacea .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-rosacea .sw-ct-group{margin-top:40px}
#view-rosacea .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-rosacea .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-rosacea .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-rosacea .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-rosacea .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-rosacea .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-rosacea .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-rosacea .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-rosacea .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-rosacea .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-rosacea .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-rosacea .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-rosacea .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-rosacea .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rosacea .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rosacea .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-rosacea .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .sw-table-details,#view-rosacea .sw-record{margin-top:26px}
#view-rosacea .sw-table-details .sp-disclosure-content,#view-rosacea .sw-record .sp-disclosure-content,#view-rosacea .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-rosacea .sw-table-details .pc-table-wrap{margin-top:0}
#view-rosacea .sw-record .sw-history-wrap{margin-top:6px}
#view-rosacea .sw-ct-more{margin-top:18px}
#view-rosacea .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-rosacea .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-rosacea .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-rosacea .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-rosacea .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-rosacea .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .sw-3d-video{margin:0;max-width:none}
#view-rosacea .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-rosacea .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-rosacea .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-rosacea .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-rosacea .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-rosacea .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-rosacea .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-rosacea .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-rosacea .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-rosacea .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rosacea .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-rosacea .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-rosacea .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-rosacea .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-rosacea .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-rosacea .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-rosacea .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-rosacea .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-rosacea .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-rosacea .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-rosacea .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-rosacea .swx-hero-points{margin-top:22px}
#view-rosacea .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rosacea .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-rosacea .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-rosacea .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-rosacea .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-rosacea .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-rosacea .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-rosacea .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-rosacea .swx-hero-video{margin:0}
#view-rosacea .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-rosacea .sp-video video:not([controls]){pointer-events:none}

/* Accure device page: additions on top of the spots and PicoSure Pro components scoped to #view-rosacea. */
#view-rosacea .au-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#e9e9ea}
@media(max-width:760px){#view-rosacea .au-device-photo img{aspect-ratio:4/3;object-position:50% 50%}}
#view-rosacea .au-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
#view-rosacea .au-steps li{position:relative;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-rosacea .au-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-rosacea .au-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-rosacea .au-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .pc-explain h3+p+h3{margin-top:22px}
#view-rosacea .au-modes{margin-top:4px;grid-template-columns:repeat(2,minmax(0,1fr))}
#view-rosacea .au-list{list-style:none;margin:6px 0 0;padding:0}
#view-rosacea .au-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-rosacea .au-list li:last-child{border-bottom:0}
#view-rosacea .au-list li::before{content:'';position:absolute;left:2px;top:18px;width:8px;height:1px;background:var(--gold)}
#view-rosacea .au-papers{list-style:none;margin:0;padding:0}
#view-rosacea .au-papers li{padding:14px 0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .au-papers li:first-child{padding-top:0}
#view-rosacea .au-papers p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .au-papers .au-paper-cite{font-size:13px;color:var(--ink);margin-bottom:4px}
@media(max-width:900px){#view-rosacea .au-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-rosacea .au-steps{grid-template-columns:1fr}#view-rosacea .au-modes{grid-template-columns:1fr}}
#view-rosacea .au-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .au-figure img{display:block;width:100%;height:auto}
#view-rosacea .au-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}

/* 2026-09-26 magazine-style reading pass (ACCURE_HANDOFF.md). New rules only, prefix acx-, scoped to #view-rosacea; build.py copies this file into the DermaV, Vectus and rosacea views, so nothing above is changed. */
#view-rosacea .acx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-rosacea .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rosacea .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rosacea .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-rosacea .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .acx-table-details,#view-rosacea .acx-record{margin-top:26px}
#view-rosacea .acx-table-details .sp-disclosure-content,#view-rosacea .acx-record .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-rosacea .acx-table-details .pc-table-wrap{margin-top:0}
#view-rosacea .acx-record .pc-books{margin-top:6px}
#view-rosacea .acx-figure svg{display:block;width:100%;height:auto;background:#fff}
#view-rosacea .acx-figure text{font-family:var(--sans);fill:var(--ink);font-size:19px}
#view-rosacea .acx-figure .acx-num{font-family:var(--fig);font-size:30px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-rosacea .acx-figure .acx-small{font-size:17px;fill:var(--ink-2)}
#view-rosacea .acx-figure .acx-tiny{font-size:15px;fill:var(--ink-3)}
#view-rosacea .acx-figure .acx-label{font-family:var(--mincho);font-size:22px;fill:var(--ink)}
#view-rosacea .acx-role-art{margin:0 0 16px;aspect-ratio:3/2;overflow:hidden;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rosacea .acx-role-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
#view-rosacea .acx-price-action{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 32px;align-items:center}
#view-rosacea .acx-price-photo{margin:0}
#view-rosacea .acx-price-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-rosacea .acx-timeline{margin:0 0 22px;padding:18px 20px 6px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .acx-tl-head,#view-rosacea .acx-tl-row{display:grid;grid-template-columns:9em minmax(0,1fr);gap:10px;align-items:center}
#view-rosacea .acx-tl-scale,#view-rosacea .acx-tl-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
#view-rosacea .acx-tl-scale span{font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5;padding-bottom:6px;border-bottom:1px solid var(--sp-border)}
#view-rosacea .acx-tl-row{padding:7px 0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .acx-tl-label{font-size:14px;line-height:1.6;color:var(--ink)}
#view-rosacea .acx-tl-head .acx-tl-label{font-size:12px;color:var(--gold-ink);letter-spacing:.08em}
#view-rosacea .acx-tl-track{min-height:30px}
#view-rosacea .acx-tl-bar{display:flex;align-items:center;justify-content:center;min-height:30px;padding:3px 8px;font-size:12px;line-height:1.4;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--gold);border-radius:2px;text-align:center}
#view-rosacea .acx-tl-bar.is-course{border-style:dashed}
#view-rosacea .acx-tl-1-1{grid-column:1/2}
#view-rosacea .acx-tl-1-2{grid-column:1/3}
#view-rosacea .acx-tl-1-4{grid-column:1/5}
#view-rosacea .acx-tl-5-5{grid-column:5/6}
#view-rosacea .acx-tl-note{margin-top:10px;padding-bottom:8px}
@media(max-width:900px){#view-rosacea .acx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-rosacea .acx-price-action{grid-template-columns:minmax(0,1fr)}#view-rosacea .acx-price-photo{max-width:420px}#view-rosacea .acx-tl-head,#view-rosacea .acx-tl-row{grid-template-columns:minmax(0,1fr);gap:4px}#view-rosacea .acx-tl-bar{padding:3px 4px;font-size:11px}#view-rosacea .acx-figure text{font-size:21px}#view-rosacea .acx-figure .acx-small{font-size:19px}#view-rosacea .acx-figure .acx-tiny{font-size:17px}#view-rosacea .acx-figure .acx-label{font-size:24px}}
@media(max-width:560px){#view-rosacea .acx-quick{grid-template-columns:minmax(0,1fr)}}

/* 2026-09-27: 3D illustrations with SVG wording on top */
#view-rosacea .acx-illust-scroll{overflow-x:auto}
#view-rosacea .acx-illust-stage{position:relative}
#view-rosacea .acx-illust-stage img{display:block;width:100%;height:auto}
#view-rosacea .acx-illust-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-rosacea .acx-illust text{font-family:var(--sans);fill:var(--ink)}
#view-rosacea .acx-illust .acx3-num{font-family:var(--fig);font-size:40px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-rosacea .acx-illust .acx3-head{font-size:36px;font-weight:500}
#view-rosacea .acx-illust .acx3-desc{font-size:26px;fill:var(--ink-2)}
#view-rosacea .acx-illust .acx3-call{font-size:26px}
#view-rosacea .acx-illust .acx3-call2{font-size:22px}
#view-rosacea .acx-illust .acx3-tick{font-size:24px;fill:var(--ink-2)}
#view-rosacea .acx-illust .acx3-screen{font-size:19px;fill:var(--ink-2)}
#view-rosacea .acx-illust .acx3-note{font-size:30px}
#view-rosacea .acx-illust .acx3-title{font-family:var(--mincho);font-size:50px}
#view-rosacea .acx-illust .acx3-sub{font-size:28px;fill:var(--ink-2)}
html[lang^="en"] #view-rosacea .acx-illust .acx3-head{font-size:30px}
html[lang^="en"] #view-rosacea .acx-illust .acx3-desc{font-size:24px}
html[lang^="en"] #view-rosacea .acx-illust .acx3-note{font-size:26px}
html[lang^="en"] #view-rosacea .acx-illust .acx3-call2{font-size:18px}
@media(max-width:640px){#view-rosacea .acx-illust-stage{min-width:600px}}

/* 2026-09-28: an explanation block that holds one column only */
#view-rosacea .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-rosacea .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass. Classes used only by the Accure page (this file is also copied into other views). */
#view-rosacea .au-figure.acx-wide{max-width:none}
#view-rosacea .acx-about-explain{align-items:center}
#view-rosacea .acx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-rosacea .acx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-rosacea .acx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rosacea .acx-sub+.au-figure{margin-top:26px}
/* Cases: one sideways row, so ten cases do not lengthen the page */
#view-rosacea .acx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-rosacea .acx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-rosacea .acx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start}
#view-rosacea .acx-case-card{scroll-snap-align:start;padding:0;background:transparent;border:0;min-width:0}
#view-rosacea .acx-case-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-rosacea .acx-case-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-rosacea .acx-case-card .case-image{margin:0}
#view-rosacea .acx-case-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-rosacea .acx-case-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-rosacea .acx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-rosacea .acx-case-details summary:hover{color:var(--gold-ink)}
#view-rosacea .acx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-rosacea .acx-case-details dt{padding-top:13px}
#view-rosacea .acx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
#view-rosacea .acx-case-hint{margin-top:6px}
#view-rosacea #au-cases .sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-rosacea .acx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-rosacea .acx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-rosacea .acx-cases .acx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-rosacea .acx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-rosacea .acx-case-row .acx-case-card h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-rosacea .acx-case-row .acx-case-details summary{font-size:11px;letter-spacing:.06em}
  #view-rosacea .acx-case-hint{display:none}
}
/* Fees: a single card spans the row, with the amount on the right */
#view-rosacea .acx-prices-one{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  #view-rosacea .acx-prices-one .sp-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);column-gap:56px;align-items:center}
  #view-rosacea .acx-prices-one .sp-price>*{grid-column:1}
  #view-rosacea .acx-prices-one .sp-price-amount{grid-column:2;grid-row:1/4;border-top:0;padding-top:0;border-left:1px solid var(--sp-border);padding-left:40px;align-self:stretch;align-content:center}
  /* Flow: steps 04 and 05 as a pair, not a row of three with a gap */
  #view-rosacea .acx-flow-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Sources under the disclosure table: separate, wrapping links */
#view-rosacea .acx-source-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px}
#view-rosacea .acx-source-links .sp-source{margin:0}
/* Phones: pictures that repeat what the text says, and the timeline strip that repeats the three cards, are left out (Accure sections only). */
@media(max-width:640px){
  #au-about .au-device-photo,#au-role .acx-role-art,#au-doctor .sp-expertise-grid>figure,#au-price .acx-price-photo,#au-risk .acx-timeline,.acx-cool,.acx-hero .sp-hero-trust{display:none}
  #au-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #au-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-rosacea .acx-hero-points{margin-top:22px}
#view-rosacea .acx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rosacea .acx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-rosacea .acx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-rosacea .acx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-rosacea .acx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-rosacea .acx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-rosacea .acx-hero-points .acx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .acx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-rosacea .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-rosacea .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 Apple-style labels: labels on the artwork get the soft white chip (svg_chip.py); figure titles in sans-serif */
#view-rosacea .svg-chip-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-rosacea .acx-illust .acx3-call,#view-rosacea .acx-illust .acx3-call2,#view-rosacea .acx-illust .acx3-screen{filter:url(#acx-chip)}
#view-rosacea .acx-illust .acx3-title{font-family:var(--sans);font-size:44px;font-weight:500}

/* Facial redness / rosacea concern page: components added on top of the spots (sp-*), PicoSure Pro (pc-*), Sofwave and Accure (au-*) parts, scoped to #view-rosacea. Derived from pores-page.css (same layout rules). */

/* Hero: three concise points, with the clinic's philosophy kept as prose. */
#view-rosacea .sp-hero .sp-lead{font-size:16px;line-height:1.85;margin-top:16px;color:var(--ink-2)}
#view-rosacea .rs-hero-points{margin-top:22px}
#view-rosacea .rs-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-rosacea .rs-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-rosacea .rs-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-rosacea .rs-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-rosacea .rs-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-rosacea .rs-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-rosacea .rs-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-rosacea .rs-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-rosacea .rs-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}

/* Realistic medical illustrations used in the type and measure cards. */
#view-rosacea .rs-illustration{display:block;width:100%;height:auto;object-fit:cover;background:#fff;border:1px solid var(--sp-border);border-radius:2px}

/* 1. Types of redness */
#view-rosacea .rs-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-rosacea .rs-type{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-rosacea .rs-type .rs-illustration{max-width:132px;aspect-ratio:1/1;object-fit:cover;object-position:center}
#view-rosacea .rs-type h3{font-size:19px;line-height:1.5;margin-bottom:8px}
#view-rosacea .rs-type-look{font-size:14px;line-height:1.8;color:var(--gold-ink);margin-bottom:8px}
#view-rosacea .rs-type p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .rs-type-care{margin-top:14px;padding-top:12px;border-top:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-rosacea .rs-type-care-label{display:block;font-size:12px;color:var(--ink-3);letter-spacing:.04em;margin-bottom:2px}
#view-rosacea .rs-type-care-value{display:block;color:var(--ink)}

/* 2. How redness forms: loop box and the three assessment cards */
#view-rosacea .rs-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rosacea .rs-measure{background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0;text-align:left}
#view-rosacea .rs-measure .rs-illustration{max-width:100%;aspect-ratio:3/2;object-fit:cover;border:0;margin-bottom:14px}
#view-rosacea .rs-measure h3{font-size:18px;margin-bottom:6px}
#view-rosacea .rs-measure p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .rs-chain{margin-top:26px;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rosacea .rs-chain h3{font-size:19px;line-height:1.6;margin-bottom:10px}
#view-rosacea .rs-chain p{font-size:15px;line-height:1.95;color:var(--ink-2)}

/* 3. (no treatment-history timeline on this page) */

/* 4. Planning treatment */
#view-rosacea .rs-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-rosacea .rs-axis{background:#fff;border:1px solid var(--sp-border);padding:26px 28px;min-width:0;display:flex;flex-direction:column}
#view-rosacea .rs-axis h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-rosacea .rs-axis p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-rosacea .rs-axis-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--sp-border);font-size:14px!important}
#view-rosacea .rs-axis .sp-source{margin-top:auto;padding-top:14px}
#view-rosacea .rs-device-image{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--sp-border);margin:0 0 16px}
#view-rosacea .rs-support{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-rosacea .rs-support h3{font-size:19px;margin-bottom:16px}
#view-rosacea .rs-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-rosacea .rs-support-card{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-rosacea .rs-support-card h4{font-size:17px;margin-bottom:8px}
#view-rosacea .rs-support-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-rosacea .rs-support-card .rs-device-image{aspect-ratio:3/2}
#view-rosacea .rs-plan-table{margin-top:30px}
/* 5. Cases: same unboxed, paired photograph cards as the homepage */
#view-rosacea .rs-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-rosacea .rs-gallery-card{padding:0;background:transparent;border:0}
#view-rosacea .rs-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-rosacea .rs-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-rosacea .rs-gallery-card .case-image{margin:0}
#view-rosacea .rs-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-rosacea .rs-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-rosacea .rs-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-rosacea .rs-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-rosacea .rs-case-details summary:hover{color:var(--gold-ink)}
#view-rosacea .rs-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-rosacea .rs-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-rosacea .rs-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-rosacea .rs-case-details dt{padding-top:13px}
#view-rosacea .rs-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
/* Keep tablet portrait and landscape layouts at two case cards per row. */
@media(max-width:1400px){#view-rosacea .rs-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-rosacea .rs-case-gallery{grid-template-columns:minmax(0,1fr)}}

/* 7. Fees */
#view-rosacea .rs-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-rosacea .rs-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-rosacea .rs-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-rosacea .rs-area-prices li:last-child{border-bottom:0}
#view-rosacea .rs-area-prices b{font-weight:500;white-space:nowrap}
#view-rosacea .rs-price-more{margin:18px 0 0;padding:20px 24px;list-style:none;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .rs-price-more li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-rosacea .rs-price-more li:last-child{border-bottom:0}
#view-rosacea .rs-price-more b{font-weight:500;white-space:nowrap}

/* Same fee hierarchy and restrained styling as the pores page. */
#view-rosacea .rs-fee-meta{font-size:13px;line-height:1.8;color:var(--ink-2);margin:0 0 20px}
#view-rosacea .rs-programme-fee{border-top:1px solid var(--sp-border);padding-top:28px;margin:30px 0;scroll-margin-top:120px}
#view-rosacea .rs-programme-fee>.sp-kicker{color:var(--gold-ink);font-size:12px;letter-spacing:.07em;margin:0 0 10px}
#view-rosacea .rs-programme-fee>h3{font-size:clamp(21px,2.3vw,27px);line-height:1.6;margin:0 0 24px}
#view-rosacea .rs-fee-subheading{font-size:20px;font-weight:500;line-height:1.6;margin:26px 0 14px}
#view-rosacea .rs-programme-flow{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:0 0 24px}
#view-rosacea .rs-programme-flow li{padding:20px 24px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-rosacea .rs-programme-flow li>span{font-size:13px;color:var(--gold-ink)}
#view-rosacea .rs-programme-flow h5{font-size:20px;font-weight:500;line-height:1.6;margin:10px 0}
#view-rosacea .rs-programme-flow p{font-size:15px;line-height:1.85;color:var(--ink-2);margin:0 0 12px}
#view-rosacea .rs-programme-flow .sp-source{font-size:14px;margin:0}
#view-rosacea .rs-programme-amount{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border:1px solid var(--gold);background:var(--sp-soft);margin:0}
#view-rosacea .rs-programme-amount h5{font-size:21px;font-weight:500;line-height:1.6;margin:0 0 6px}
#view-rosacea .rs-programme-amount p{font-size:14px;margin:0}
#view-rosacea .rs-fee-value{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
#view-rosacea .rs-fee-value small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-rosacea .rs-fee-inclusions{margin:20px 0 0;display:grid;gap:8px}
#view-rosacea .rs-fee-inclusions>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.8}
#view-rosacea .rs-fee-inclusions dt{color:var(--gold-ink)}
#view-rosacea .rs-fee-inclusions dd{margin:0;color:var(--ink-2)}
#view-rosacea .rs-fee-inclusions a{font-size:14px;margin:0}
#view-rosacea .rs-fee-separate{margin:18px 0 0;font-size:13px;line-height:1.85}
#view-rosacea .rs-fee-extra{margin-top:30px;padding-top:26px;border-top:1px solid var(--sp-border);scroll-margin-top:120px}
#view-rosacea .rs-fee-extra>h3{font-size:clamp(21px,2.3vw,27px);line-height:1.6;margin:0 0 14px}
#view-rosacea .rs-fee-extra>.sp-consult-note{margin-top:0;padding:0;background:none;border:0}
#view-rosacea .rs-fee-extra>.sp-consult-note>b{display:none}
#view-rosacea .rs-fee-extra .sp-disclosure-content>.sp-consult-note{margin:0;border:0;padding:0;background:none}
#view-rosacea .rs-individual-fees{margin:32px 0}
#view-rosacea .rs-individual-fees>.sp-disclosure-content{padding:12px 0 20px}
@media(max-width:640px){
#view-rosacea .rs-programme-flow{grid-template-columns:1fr}
#view-rosacea .rs-programme-flow li{padding:20px}
#view-rosacea .rs-programme-amount{display:block;padding:20px}
#view-rosacea .rs-programme-amount .rs-fee-value{display:block;margin-top:14px}
#view-rosacea .rs-fee-inclusions>div{grid-template-columns:84px minmax(0,1fr);gap:8px;font-size:13px}
#view-rosacea .rs-fee-inclusions a{font-size:13px}
}
/* 10. Approval */
#view-rosacea .rs-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}

@media(max-width:900px){
#view-rosacea .rs-types,#view-rosacea .rs-axes,#view-rosacea .rs-prices,#view-rosacea .rs-support-grid{grid-template-columns:1fr}
}
/* 2026-10-01 the three signs stay in three columns on iPad; one column on phones */
@media(max-width:640px){#view-rosacea .rs-measures{grid-template-columns:1fr}}  /* 2026-10-01 three columns on every iPad, including iPad mini (744 px) */
@media(max-width:760px){
#view-rosacea .rs-type{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:20px}
#view-rosacea .rs-type .rs-illustration{max-width:96px}
#view-rosacea .rs-axis,#view-rosacea .rs-support,#view-rosacea .rs-chain{padding:20px}
#view-rosacea .rs-price-more{padding:18px 20px}
}

/* Hero illustration (16:9 journal illustration, not a photograph) */
#view-rosacea .rs-hero-photo img{aspect-ratio:16/9;object-fit:cover;object-position:60% 50%}
#view-rosacea .rs-figure{margin:0 0 26px}
#view-rosacea .rs-type .rs-illustration{aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%}
#view-rosacea .rs-measure h3{font-size:18px;margin-bottom:8px}
#view-rosacea .rs-measures{margin-top:26px}
#view-rosacea .rs-axis .rs-device-image{aspect-ratio:4/3;object-fit:cover}
#view-rosacea .rs-axis:first-child .rs-device-image{object-fit:contain}
#view-rosacea .rs-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-rosacea .rs-support-card .rs-device-image{aspect-ratio:4/3;object-fit:contain}
#view-rosacea .rs-support>.sp-source{display:inline-block;margin-top:18px}
#view-rosacea .pc-table-wrap{margin-top:30px}
#view-rosacea .sp-yen-text{font-family:var(--sans);font-size:20px;letter-spacing:.02em;color:var(--ink-2)}
/* Case 01 is a single analysis image with before (left) and after (right) inside it */
#view-rosacea .rs-case-single{grid-template-columns:minmax(0,1fr)}
#view-rosacea .rs-gallery-card .rs-case-single .case-image img{object-fit:contain}
/* Wavelength infographic (inline SVG, same design as the DermaV page) */
#view-rosacea .rs-info-block{margin-top:30px}
#view-rosacea .rs-info-block h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-rosacea .rs-info-block>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:66em}
#view-rosacea .rs-info{margin-top:22px;max-width:960px}
#view-rosacea .rs-info svg{display:block;width:100%;height:auto;background:#fff}
#view-rosacea .rs-info text{font-family:var(--sans);fill:var(--ink);font-size:19px}
#view-rosacea .rs-info .rs-info-num{font-family:var(--fig);font-size:38px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-rosacea .rs-info .rs-info-small{font-size:19px;fill:var(--ink-2)}
#view-rosacea .rs-info .rs-info-tiny{font-size:18px;fill:var(--ink-3)}
#view-rosacea .rs-info .rs-info-label{font-family:var(--mincho);font-size:25px;fill:var(--ink)}
#view-rosacea .rs-info-rule{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px 4px;font-size:14px;line-height:1.6}
#view-rosacea .rs-info-rule span{display:inline-block;padding:6px 12px;border:1px solid var(--sp-border);background:#fff;color:var(--ink)}
#view-rosacea .rs-info-rule .rs-info-arrow{border:0;padding:0 4px;color:var(--gold-ink);background:transparent}
#view-rosacea .rs-info-rule b{display:inline-block;padding:6px 14px;border:1px solid var(--gold);background:var(--sp-soft);color:var(--gold-ink);font-weight:500}
@media(max-width:900px){#view-rosacea .rs-support-grid{grid-template-columns:1fr}}
@media(max-width:760px){#view-rosacea .rs-info text{font-size:20px}#view-rosacea .rs-info .rs-info-num{font-size:44px}#view-rosacea .rs-info .rs-info-small{font-size:20px}#view-rosacea .rs-info .rs-info-tiny{font-size:21px}#view-rosacea .rs-info .rs-info-label{font-size:28px}#view-rosacea .rs-info-rule{font-size:13px;padding:12px 12px 2px}}
/* Case 01 is a 16:9 analysis image; keep it uncropped on a light ground instead of letterboxing in the dark case frame */
#view-rosacea .rs-case-single{aspect-ratio:16/9}
#view-rosacea .rs-case-single .case-image{background:#f3e4e4}
/* Approval links sit on one line with spacing */
#view-rosacea #rs-approval .sp-source{display:inline-block;margin:0 22px 8px 0}

/* Injectable options in the "inflammation / barrier first" card: product photographs, not an illustration */
#view-rosacea .rs-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
#view-rosacea .rs-product{margin:0;min-width:0;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .rs-product img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
#view-rosacea .rs-product figcaption{padding:8px 10px 10px;border-top:1px solid var(--sp-border);line-height:1.5}
#view-rosacea .rs-product figcaption b{display:block;font-size:13px;font-weight:500;color:var(--ink)}
#view-rosacea .rs-product figcaption span{display:block;font-size:11.5px;color:var(--ink-3);margin-top:2px}

/* Labels sit on the watercolor illustration (2026-09-24): a soft white halo keeps them legible without adding new colours. */
/* 2026-10-01 Apple-style labels: no white outline; labels on the artwork get the soft white chip (svg_chip.py) */
#view-rosacea .svg-chip-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-rosacea .rs-info .rs-info-small,#view-rosacea .rs-info .rs-info-tiny,#view-rosacea .rs-info .rs-info-label{filter:url(#rs-chip)}
#view-rosacea .rs-info .rs-info-label{font-family:var(--sans);font-size:23px;font-weight:400}

/* 2026-09-26: magazine-style reading order (user request). Orientation cards with a consultation illustration, pictures in the assessment cards and in the two fee steps, an after-care picture, and the comparison table / extra approval rows behind disclosures. All rules scoped to #view-rosacea with new rs- names. */
#view-rosacea .rs-quick{display:block}  /* 2026-10-01 the consultation illustration was removed; the cards use the full width */
#view-rosacea .rs-quick-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-rosacea .rs-quick-card{display:flex;flex-direction:column;min-width:0;padding:20px 22px 18px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-rosacea .rs-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-rosacea .rs-quick-card p{flex:1;font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 12px}
#view-rosacea .rs-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-rosacea .rs-measures-label{margin:30px 0 14px;font-size:13px;color:var(--gold-ink)}
#view-rosacea .rs-measures-label+.rs-measures{margin-top:0}
#view-rosacea .rs-measure-art{margin:-22px -22px 16px;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-rosacea .rs-measure-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-rosacea .rs-plan-table-details{margin-top:30px}
#view-rosacea .rs-plan-table-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;overflow-x:auto}
#view-rosacea .rs-plan-table-details .pc-table-wrap{margin-top:6px}
#view-rosacea .rs-programme-flow li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}
#view-rosacea .rs-programme-flow li>div>span{font-size:13px;color:var(--gold-ink)}
#view-rosacea .rs-fee-thumb{margin:0}
#view-rosacea .rs-fee-thumb img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-rosacea .rs-after-art{margin:0 0 26px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .rs-after-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 45%}
#view-rosacea .rs-after-art figcaption{font-size:13px;color:var(--ink-2);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-rosacea .rs-approval-more{margin-top:0}
#view-rosacea .rs-approval-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-rosacea .rs-approval-more .pc-approval{margin-top:4px}
@media(max-width:760px){#view-rosacea .rs-after-art img{aspect-ratio:16/9}}
@media(max-width:640px){#view-rosacea .rs-programme-flow li{grid-template-columns:96px minmax(0,1fr);gap:14px}}
@media(max-width:560px){#view-rosacea .rs-quick-cards{grid-template-columns:minmax(0,1fr)}}

/* Facial redness and CrossTALK® (2026-09-28, moved from the DermaV page) */
#view-rosacea .rs-ct{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;margin-top:30px}
#view-rosacea .rs-ct-art{margin:0;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-rosacea .rs-ct-art figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:9px 14px;border-top:1px solid var(--sp-border)}
#view-rosacea .rs-ct-copy{max-width:760px}
#view-rosacea .rs-ct-copy p{font-size:15px;line-height:2;color:var(--ink-2)}
#view-rosacea .rs-ct-copy p+p{margin-top:14px}
#view-rosacea .rs-ct-copy .sp-source{display:inline-block;margin-top:16px}
#view-rosacea #rs-crosstalk .rs-support-grid{margin-top:34px;max-width:960px}
#view-rosacea #rs-crosstalk>.wrap>.sp-note,#view-rosacea #rs-crosstalk .sp-note:last-child{max-width:960px}
@media(max-width:900px){#view-rosacea .rs-ct{gap:22px}}

/* Dermal fibroblast diagram with SVG labels (fibro_fig.py) */
#view-rosacea .fb-stage{position:relative;background:#fff}
#view-rosacea .fb-stage img{display:block;width:100%;height:auto}
#view-rosacea .fb-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-rosacea .fb-lead{stroke:#3D4043;stroke-width:2;fill:none;opacity:.85}
#view-rosacea .fb-dot{fill:#fff;stroke:#3D4043;stroke-width:2.5}
#view-rosacea .fb-lab{font-family:var(--sans);font-size:30px;font-weight:400;fill:var(--ink);filter:url(#rs-chip)}  /* 2026-10-01 chip instead of the white outline */
html[lang^="en"] #view-rosacea .fb-lab{font-size:30px}
@media(max-width:640px){#view-rosacea .fb-lab{font-size:44px}html[lang^="en"] #view-rosacea .fb-lab{font-size:40px}}
/* 2026-10-01 price revision: HFP | Redness & rosacea, cheeks or full face, with the clinic's range diagram */
#view-rosacea .rs-amount-rows{margin:0;display:grid;gap:4px;min-width:0}
#view-rosacea .rs-amount-rows>div{display:flex;align-items:baseline;justify-content:flex-end;gap:16px}
#view-rosacea .rs-amount-rows dt{font-size:14px;color:var(--ink-2);white-space:nowrap}
#view-rosacea .rs-amount-rows dd{margin:0}
#view-rosacea .hfp-range{margin:16px 0 0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
#view-rosacea .hfp-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-rosacea .hfp-range figcaption{font-size:12.5px;line-height:1.75;color:var(--ink-3)}
#view-rosacea .hfp-range figcaption strong{display:block;font-weight:500;font-size:13px;color:var(--ink);margin-bottom:2px}
@media(max-width:640px){#view-rosacea .rs-amount-rows{margin-top:12px}#view-rosacea .rs-amount-rows>div{justify-content:space-between}#view-rosacea .rs-programme-amount .rs-amount-rows .rs-fee-value{display:inline;margin-top:0}}
/* 2026-10-01 the programme sequence above the menu cards */
#view-rosacea .rs-fee-sequence{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;line-height:1.7;color:var(--ink)}
#view-rosacea .rs-fee-sequence li{padding:6px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
/* 2026-10-01 aftercare: the clinic's photograph (window and vase) */
#view-rosacea .rs-after-art img{aspect-ratio:11/5;object-position:50% 22%}
@media(max-width:760px){#view-rosacea .rs-after-art img{aspect-ratio:16/9;object-position:40% 50%}}
/* 2026-10-01 CrossTALK®: on PC the fibroblast illustration sits beside the text */
@media(min-width:1000px){#view-rosacea .rs-ct{grid-template-columns:minmax(0,11fr) minmax(0,10fr);align-items:start;gap:44px}#view-rosacea .rs-ct-art{max-width:none}}
/* 2026-10-01 on PC the fibroblast figure sits beside the text, so its labels are set larger to stay readable */
@media(min-width:1000px){#view-rosacea .rs-ct .fb-lab{font-size:46px}html[lang^="en"] #view-rosacea .rs-ct .fb-lab{font-size:42px}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-hairgrowth{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-hairgrowth .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-hairgrowth .sp-soft{background:var(--sp-soft)}
#view-hairgrowth .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-hairgrowth .sp-heading{margin-bottom:26px;max-width:46em}
#view-hairgrowth .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-hairgrowth .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-hairgrowth .sp-heading .sp-kicker{margin-top:0}
#view-hairgrowth .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-hairgrowth .sp-note a,#view-hairgrowth .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-hairgrowth .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-hairgrowth .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-hairgrowth .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-hairgrowth .crumbs span::before{content:none}
#view-hairgrowth .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-hairgrowth .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-hairgrowth .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-hairgrowth .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-hairgrowth .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-hairgrowth .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-hairgrowth .sp-hero-trust a{margin-top:7px}
#view-hairgrowth .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-hairgrowth .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-hairgrowth .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-hairgrowth .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-hairgrowth .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-hairgrowth .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-hairgrowth .sp-nav a{flex-shrink:0}
#view-hairgrowth .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-hairgrowth .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-hairgrowth .sp-nav a:hover{color:var(--gold-ink)}
#view-hairgrowth .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-hairgrowth .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-hairgrowth .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-hairgrowth .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-hairgrowth .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-hairgrowth .sp-type-body{padding:21px 22px 22px}
#view-hairgrowth .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-hairgrowth .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-hairgrowth .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-hairgrowth .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-hairgrowth .sp-type .sp-source{margin-top:12px}
#view-hairgrowth .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-hairgrowth .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-hairgrowth .sp-case-head{padding:20px 22px 16px}
#view-hairgrowth .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-hairgrowth .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-hairgrowth .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-hairgrowth .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-hairgrowth .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-hairgrowth .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-hairgrowth .sp-case-body{padding:18px 22px 22px}
#view-hairgrowth .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-hairgrowth .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-hairgrowth .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-hairgrowth .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-hairgrowth .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-hairgrowth .sp-case-body .sp-source{margin-top:14px}
#view-hairgrowth .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-hairgrowth .sp-case-details>summary{min-height:48px}
#view-hairgrowth .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-hairgrowth .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-hairgrowth .sp-approach-list{display:grid;gap:0}
#view-hairgrowth .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .sp-approach-item:first-child{padding-top:0}
#view-hairgrowth .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-hairgrowth .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-hairgrowth .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-hairgrowth .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-hairgrowth .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-hairgrowth .sp-doctor h3{font-size:21px;line-height:1.5}
#view-hairgrowth .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-hairgrowth .sp-doctor .sp-source{white-space:nowrap}
#view-hairgrowth .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-hairgrowth .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-hairgrowth .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-hairgrowth .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-hairgrowth .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-hairgrowth .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-hairgrowth .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .sp-expertise-facts>div:first-child{padding-top:0}
#view-hairgrowth .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-hairgrowth .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-hairgrowth .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-hairgrowth .sp-expertise-grid figure{max-width:480px}
 #view-hairgrowth .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-hairgrowth .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-hairgrowth .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-hairgrowth .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-hairgrowth .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-hairgrowth .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-hairgrowth .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-hairgrowth .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-hairgrowth .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-hairgrowth .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-hairgrowth .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-hairgrowth .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-hairgrowth .sp-disclosure>summary::after{content:'＋';flex:none}
#view-hairgrowth .sp-disclosure[open]>summary::after{content:'−'}
#view-hairgrowth .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .sp-disclosure-content p+p{margin-top:12px}
#view-hairgrowth .sp-approval-list{display:grid;gap:10px}
#view-hairgrowth .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-hairgrowth .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-hairgrowth .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-hairgrowth .sp-price-intro>div{flex:1 1 320px}
#view-hairgrowth .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-hairgrowth .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-hairgrowth .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-hairgrowth .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-hairgrowth .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-hairgrowth .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-hairgrowth .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-hairgrowth .sp-price-heading{margin-bottom:16px}
#view-hairgrowth .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-hairgrowth .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-hairgrowth .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-hairgrowth .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-hairgrowth .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-hairgrowth .sp-price .sp-yen{display:block;margin:0}
#view-hairgrowth .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-hairgrowth .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-hairgrowth .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-hairgrowth .sp-price-list{margin-top:8px}
#view-hairgrowth .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-hairgrowth .sp-price-list dt{min-width:0}
#view-hairgrowth .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-hairgrowth .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-hairgrowth .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-hairgrowth .sp-flow-head{display:block;margin-bottom:14px}
#view-hairgrowth .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-hairgrowth .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-hairgrowth .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-hairgrowth .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-hairgrowth .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-hairgrowth .sp-recovery>div:last-child{border-right:0}
#view-hairgrowth .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-hairgrowth .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-hairgrowth .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .sp-risk-details{margin-top:22px}
#view-hairgrowth .sp-faq{margin-inline:0}
#view-hairgrowth .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-hairgrowth .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-hairgrowth .sp-tech h3{font-size:22px;line-height:1.6}
#view-hairgrowth .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-hairgrowth .sp-tech h3+p{margin-top:10px}
#view-hairgrowth .sp-video>summary{cursor:pointer;list-style:none}
#view-hairgrowth .sp-video>summary::-webkit-details-marker{display:none}
#view-hairgrowth .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-hairgrowth .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-hairgrowth .sp-flow-text{display:block;margin-top:12px}
#view-hairgrowth .sp-video-body{padding-bottom:16px}
#view-hairgrowth .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-hairgrowth .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-hairgrowth .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-hairgrowth .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-hairgrowth .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-hairgrowth .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-hairgrowth .sp-tech>img{width:76px;height:99px}
 #view-hairgrowth .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-hairgrowth .sp-homecare>img{max-height:220px}
}
#view-hairgrowth .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-hairgrowth .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-hairgrowth .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-hairgrowth .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-hairgrowth .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-hairgrowth .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-hairgrowth .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-hairgrowth .sp-final .btn{font-size:14px}
#view-hairgrowth .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-hairgrowth :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-hairgrowth .sp-devices{grid-template-columns:1fr}
  #view-hairgrowth .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-hairgrowth .sp-device-head{margin-bottom:0}
  #view-hairgrowth .sp-device .sp-disclosure{grid-column:1/-1}
  #view-hairgrowth .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-hairgrowth .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-hairgrowth .sp-doctor>img{width:90px;height:100px}
  #view-hairgrowth .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-hairgrowth .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-hairgrowth .sp-hero h1{font-size:32px}
  #view-hairgrowth .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-hairgrowth .sp-hero-lead{margin-top:17px}
  #view-hairgrowth .sp-hero-photo img{aspect-ratio:16/9}
  #view-hairgrowth .sp-hero-photo figcaption{font-size:12px}
  #view-hairgrowth .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-hairgrowth .sp-types,#view-hairgrowth .sp-cases,#view-hairgrowth .sp-approach,#view-hairgrowth .sp-prices{grid-template-columns:1fr}
  #view-hairgrowth .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-hairgrowth .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-hairgrowth .sp-type-body{padding:19px 20px}
  #view-hairgrowth .sp-type h3{font-size:20px}
  #view-hairgrowth .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-hairgrowth .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-hairgrowth .sp-approach{gap:24px}
  #view-hairgrowth .sp-approach-image img{max-height:260px}
  #view-hairgrowth .sp-recovery{grid-template-columns:1fr}
  #view-hairgrowth .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-hairgrowth .sp-recovery>div:last-child{border-bottom:0}
  #view-hairgrowth .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-hairgrowth .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-hairgrowth .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-hairgrowth .sp-hero h1{font-size:29px}
  #view-hairgrowth .sp-actions{align-items:stretch}
  #view-hairgrowth .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-hairgrowth .sp-type{grid-template-columns:1fr}
  #view-hairgrowth .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-hairgrowth .sp-type-art img{max-height:130px}
  #view-hairgrowth .sp-layer-labels{justify-content:center;gap:26px}
  #view-hairgrowth .sp-type-body{padding:19px 20px}
  #view-hairgrowth .sp-case-head,#view-hairgrowth .sp-case-body{padding-inline:18px}
  #view-hairgrowth .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-hairgrowth .sp-case-photos{padding-inline:10px;gap:4px}
  #view-hairgrowth .sp-device{display:block;padding:20px}
  #view-hairgrowth .sp-device-head{margin-bottom:14px}
  #view-hairgrowth .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-hairgrowth .sp-flow>li{padding:18px 20px}
  #view-hairgrowth .sp-flow-head{margin-bottom:10px}
  #view-hairgrowth .sp-price{padding:22px}
  #view-hairgrowth .sp-price-intro{padding:20px}
  #view-hairgrowth .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-hairgrowth .sp-price-list dd{flex-basis:100%}
  #view-hairgrowth .sp-doctor{gap:14px}
  #view-hairgrowth .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-hairgrowth :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-hairgrowth .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-hairgrowth .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-hairgrowth .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-hairgrowth .sp-entry-link:first-child{padding-left:0}
#view-hairgrowth .sp-entry-link:last-child{border-right:0}
#view-hairgrowth .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-hairgrowth .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-hairgrowth .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-hairgrowth .sp-entry-link:hover{background:var(--sp-soft)}
#view-hairgrowth .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-hairgrowth .sp-consult h3{font-size:24px;line-height:1.65}
#view-hairgrowth .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-hairgrowth .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-hairgrowth .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-hairgrowth .sp-consult .sp-note{margin-top:7px}
#view-hairgrowth #s-doctor-section{padding-top:58px}
#view-hairgrowth #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-hairgrowth .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-hairgrowth .sp-expertise-grid figure{align-self:center}
#view-hairgrowth .sp-expertise-facts dt{font-size:16px}
#view-hairgrowth .sp-expertise-facts dd{font-size:14px}
#view-hairgrowth .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-hairgrowth .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-hairgrowth .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .sp-flow{list-style:none;padding:0}
#view-hairgrowth .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-hairgrowth .sp-flow-head img,#view-hairgrowth .sp-video video{border:1px solid var(--sp-border)}
#view-hairgrowth .sp-recovery{border:0}
#view-hairgrowth .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-hairgrowth .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-hairgrowth .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-hairgrowth .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-hairgrowth .sp-visit-info a{color:var(--on-night)}
#view-hairgrowth a:focus-visible,#view-hairgrowth summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-hairgrowth .sp-entry-links{grid-template-columns:1fr}
 #view-hairgrowth .sp-entry-link,#view-hairgrowth .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-hairgrowth .sp-entry-link:last-child{border-bottom:0}
 #view-hairgrowth .sp-entry-link strong{font-size:18px}
 #view-hairgrowth .sp-entry-link span span{margin-top:3px}
 #view-hairgrowth .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-hairgrowth .sp-consult h3{font-size:22px}
 #view-hairgrowth .sp-consult ul{display:block}
 #view-hairgrowth .sp-consult li{margin-top:6px}
 #view-hairgrowth .sp-consult .btn{width:100%}
 #view-hairgrowth .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-hairgrowth .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-hairgrowth .sp-recovery>div::before{top:4px;left:-5px}
 #view-hairgrowth .sp-recovery>div:last-child{padding-bottom:0}
 #view-hairgrowth .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-hairgrowth *{scroll-behavior:auto;transition:none}}

#view-hairgrowth .sp-type-art img{max-height:145px}
#view-hairgrowth .sp-type-body{padding:20px}
#view-hairgrowth .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-hairgrowth .sp-price>p.sp-price-unit,#view-hairgrowth .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-hairgrowth .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-hairgrowth .sp-price{padding:26px 0}
 #view-hairgrowth .sp-price-description{margin-bottom:20px}
 #view-hairgrowth .sp-price>.sp-note{min-height:0}
 #view-hairgrowth .sp-price h3{font-size:23px}
 #view-hairgrowth .sp-price .sp-yen{font-size:20px}
 #view-hairgrowth .sp-price-intro{padding:22px;gap:16px}
 #view-hairgrowth .sp-price-intro>div{flex-basis:100%}
}

#view-hairgrowth .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-hairgrowth .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .sp-consult-fees>div:last-child{border-bottom:0}
#view-hairgrowth .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-hairgrowth .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-hairgrowth .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-hairgrowth .sp-consult-fees{flex-basis:100%}#view-hairgrowth .sp-consult-fees dd{font-size:21px}#view-hairgrowth .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-hairgrowth .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-hairgrowth .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-hairgrowth .sp-price-intro{padding:20px 18px;gap:18px}
 #view-hairgrowth .sp-consult-fees{flex-basis:100%;width:100%}
 #view-hairgrowth .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-hairgrowth .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-hairgrowth .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-hairgrowth .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-hairgrowth .sp-fee-period::before{content:none}
 html[lang="en"] #view-hairgrowth .sp-fee-period{white-space:normal;font-size:14px}
 #view-hairgrowth .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-hairgrowth .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-hairgrowth .sp-prices{gap:16px;border:0}
 #view-hairgrowth .sp-price,#view-hairgrowth .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-hairgrowth .sp-price-heading{order:0;margin-bottom:14px}
 #view-hairgrowth .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-hairgrowth .sp-price h3{font-size:22px;letter-spacing:0}
 #view-hairgrowth .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-hairgrowth .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-hairgrowth .sp-price .sp-price-unit{font-size:12px}
 #view-hairgrowth .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-hairgrowth .sp-price>.sp-note{order:3;margin-top:10px}
 #view-hairgrowth .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-hairgrowth .sp-price,#view-hairgrowth .sp-price+.sp-price{padding:20px 16px}
 #view-hairgrowth .sp-price h3{font-size:20px}
 #view-hairgrowth .sp-price .sp-yen{font-size:20px}
 #view-hairgrowth .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-hairgrowth .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-hairgrowth .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-hairgrowth .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-hairgrowth .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-hairgrowth .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-hairgrowth .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-hairgrowth .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-hairgrowth .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-hairgrowth .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-hairgrowth .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-hairgrowth .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-hairgrowth .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-hairgrowth .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-hairgrowth .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-hairgrowth .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-hairgrowth .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-hairgrowth .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-hairgrowth .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-hairgrowth .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-hairgrowth .sp-entry-hint{margin:8px 0 22px}
#view-hairgrowth .sp-entry-links{gap:14px;border:0}
#view-hairgrowth .sp-entry-link,#view-hairgrowth .sp-entry-link:first-child,#view-hairgrowth .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-hairgrowth .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-hairgrowth .sp-entry-link:hover,#view-hairgrowth .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-hairgrowth .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-hairgrowth .sp-entry-copy{min-width:0}
#view-hairgrowth .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-hairgrowth .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-hairgrowth .sp-entry-question{font-size:22px}
 #view-hairgrowth .sp-entry-link,#view-hairgrowth .sp-entry-link:first-child,#view-hairgrowth .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-hairgrowth .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-hairgrowth .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-hairgrowth .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .sp-anes{margin-top:10px}
#view-hairgrowth .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-hairgrowth .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-hairgrowth .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-hairgrowth .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-hairgrowth .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-hairgrowth .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-hairgrowth .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-hairgrowth .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-hairgrowth .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-hairgrowth .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-hairgrowth .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-hairgrowth .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-hairgrowth .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-hairgrowth .hg-head>div{min-width:0}
#view-hairgrowth .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-hairgrowth .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-hairgrowth .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-hairgrowth .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-hairgrowth .hg-menu-photo{margin:0}
#view-hairgrowth .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-hairgrowth .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-hairgrowth .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-hairgrowth .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-hairgrowth .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-hairgrowth .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-hairgrowth .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-hairgrowth .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-hairgrowth .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-hairgrowth .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-hairgrowth .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-hairgrowth .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-hairgrowth .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-hairgrowth .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-hairgrowth .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-hairgrowth .hg-menu-note{margin:14px 0 0}
#view-hairgrowth .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-hairgrowth .hg-menu-links-label{margin-right:4px}
#view-hairgrowth .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-hairgrowth .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-hairgrowth .hg-menu-fees{gap:8px}#view-hairgrowth .hg-fee{padding:14px 14px 12px}#view-hairgrowth .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-hairgrowth .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-hairgrowth .hg-menu-range{margin:14px 0 0}
#view-hairgrowth .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-hairgrowth .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-hairgrowth .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-hairgrowth .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-hairgrowth .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-hairgrowth .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-hairgrowth .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-hairgrowth .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-hairgrowth .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-hairgrowth .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-hairgrowth .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-hairgrowth .cg-card{padding:0;background:transparent;border:0}
#view-hairgrowth .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-hairgrowth .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-hairgrowth .cg-card .case-image{margin:0}
#view-hairgrowth .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-hairgrowth .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-hairgrowth .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-hairgrowth .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-hairgrowth .cg-details summary:hover{color:var(--gold-ink)}
#view-hairgrowth .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-hairgrowth .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-hairgrowth .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-hairgrowth .cg-details dt{padding-top:13px}
#view-hairgrowth .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-hairgrowth .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-hairgrowth .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-hairgrowth .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-hairgrowth .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-hairgrowth .sp-section .dn-gallery,#view-hairgrowth .sp-section .sw-gallery,#view-hairgrowth .sp-section .pc-lecture-figs,#view-hairgrowth .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-hairgrowth .sp-section .sw-interview,#view-hairgrowth .sp-section .ul-doctor-grid,#view-hairgrowth .sp-section .sv-doctor-hero,#view-hairgrowth .sp-section .wrx-evidence,#view-hairgrowth .sp-section .uex-evidence,#view-hairgrowth .sp-section .ml-doctor-grid,#view-hairgrowth .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-hairgrowth .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-hairgrowth .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-hairgrowth .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-hairgrowth .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-hairgrowth .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-hairgrowth .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-hairgrowth .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-hairgrowth .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-hairgrowth .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-hairgrowth .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-hairgrowth .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-hairgrowth .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .hgd-svg{display:block;width:100%;height:auto}
#view-hairgrowth .hgd-sp{display:none}
#view-hairgrowth .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-hairgrowth .hgd-layer{font-size:30px}
#view-hairgrowth .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-hairgrowth .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-hairgrowth .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-hairgrowth .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-hairgrowth .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-hairgrowth .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-hairgrowth .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-hairgrowth .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-hairgrowth .hgd-art{opacity:.92}
#view-hairgrowth .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-hairgrowth .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-hairgrowth .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-hairgrowth .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-hairgrowth .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-hairgrowth .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-hairgrowth .hgd-layer{font-size:25px}
html[lang^="en"] #view-hairgrowth .hgd-sub{font-size:19px}
html[lang^="en"] #view-hairgrowth .hgd-br{font-size:27px}
#view-hairgrowth .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-hairgrowth .hgd-pc .hgd-layer{font-size:38px}
 #view-hairgrowth .hgd-pc .hgd-sub{font-size:30px}
 #view-hairgrowth .hgd-pc .hgd-name{font-size:42px}
 #view-hairgrowth .hgd-pc .hgd-kind{font-size:31px}
 #view-hairgrowth .hgd-pc .hgd-br{font-size:36px}
 #view-hairgrowth .hgd-pc .hgd-mm{font-size:40px}
 #view-hairgrowth .hgd-pc .hgd-note{font-size:26px}
 #view-hairgrowth .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-hairgrowth .hg-lineup img{width:72px;height:72px}
 #view-hairgrowth .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-hairgrowth .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-hairgrowth .hg-lineup,#view-hairgrowth .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-hairgrowth .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-hairgrowth .hg-lineup img{width:56px;height:56px}
 #view-hairgrowth .hg-lineup figcaption{padding:7px 8px}
 #view-hairgrowth .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-hairgrowth .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-hairgrowth .hg-lineup figcaption small{font-size:10.5px}
 #view-hairgrowth .hgd-pc{display:none}
 #view-hairgrowth .hgd-sp{display:block}
 #view-hairgrowth .hgd-layer,#view-hairgrowth .hgd-name,#view-hairgrowth .hgd-br,#view-hairgrowth .hgd-mm{font-size:34px}
 #view-hairgrowth .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-hairgrowth .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-hairgrowth .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-hairgrowth .hgd-layer{font-size:30px}
 #view-hairgrowth .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-hairgrowth .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-hairgrowth .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-hairgrowth. */
#view-hairgrowth .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-hairgrowth .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-hairgrowth .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-hairgrowth .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-hairgrowth .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-hairgrowth .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-hairgrowth .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-hairgrowth .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-hairgrowth .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-hairgrowth .pc-table th,#view-hairgrowth .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-hairgrowth .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-hairgrowth .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-hairgrowth .pc-table tbody tr:last-child th,#view-hairgrowth .pc-table tbody tr:last-child td{border-bottom:0}
#view-hairgrowth .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-hairgrowth .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-hairgrowth .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-hairgrowth .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-hairgrowth .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-hairgrowth .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-hairgrowth .pc-point-face{width:92px;height:92px}}
#view-hairgrowth .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-hairgrowth .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-hairgrowth .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-hairgrowth .pc-explain p+p{margin-top:12px}
#view-hairgrowth .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-hairgrowth .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-hairgrowth .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-hairgrowth .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-hairgrowth .pc-books h3{font-size:18px;margin-bottom:12px}
#view-hairgrowth .pc-books ul{list-style:none;padding:0;margin:0}
#view-hairgrowth .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-hairgrowth .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-hairgrowth .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-hairgrowth .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-hairgrowth .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-hairgrowth .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-hairgrowth .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-hairgrowth .pc-tag{margin:0}
#view-hairgrowth .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-hairgrowth .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-hairgrowth .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-hairgrowth .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-hairgrowth .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-hairgrowth .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-hairgrowth .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-hairgrowth .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-hairgrowth .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .pc-approval>div:last-child{border-bottom:0}
#view-hairgrowth .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-hairgrowth .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-hairgrowth .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-hairgrowth .pc-glance,#view-hairgrowth .pc-modes{grid-template-columns:1fr}#view-hairgrowth .pc-explain{grid-template-columns:1fr}#view-hairgrowth .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-hairgrowth .pc-concern-links{grid-template-columns:1fr}#view-hairgrowth .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-hairgrowth .pc-books,#view-hairgrowth .pc-quote,#view-hairgrowth .pc-point{padding:20px}#view-hairgrowth .pc-glance-num span{font-size:32px}#view-hairgrowth .pc-table{font-size:13px}#view-hairgrowth .pc-table th,#view-hairgrowth .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-hairgrowth .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-hairgrowth .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-hairgrowth .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-hairgrowth .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-hairgrowth .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-hairgrowth .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-hairgrowth .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-hairgrowth .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-hairgrowth .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-hairgrowth .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-hairgrowth .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-hairgrowth .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-hairgrowth .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-hairgrowth .pc-video{margin:0 0 28px;max-width:820px}
#view-hairgrowth .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-hairgrowth .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-hairgrowth .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-hairgrowth .pc-lasers-media .pc-video,#view-hairgrowth .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-hairgrowth .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-hairgrowth .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-hairgrowth .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-hairgrowth .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-hairgrowth .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-hairgrowth .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-hairgrowth .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-hairgrowth .pc-hero-video .sp-video{margin:0}
#view-hairgrowth .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-hairgrowth .pc-cell-label{display:none}
@media(max-width:760px){
#view-hairgrowth .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-hairgrowth .pc-table{min-width:0;display:block;font-size:14px}
#view-hairgrowth .pc-table caption{display:block;padding:0 0 10px}
#view-hairgrowth .pc-table thead{display:none}
#view-hairgrowth .pc-table tbody{display:block}
#view-hairgrowth .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-hairgrowth .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-hairgrowth .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .pc-table tr td:last-child{border-bottom:0}
#view-hairgrowth .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-hairgrowth .pc-cell-value{display:block;line-height:1.75}
}
#view-hairgrowth .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-hairgrowth .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-hairgrowth .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-hairgrowth .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-hairgrowth .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-hairgrowth .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-hairgrowth .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-hairgrowth .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-hairgrowth .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-hairgrowth .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-hairgrowth .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-hairgrowth .pcx-video{margin:0 0 26px;max-width:780px}
#view-hairgrowth .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-hairgrowth .pcx-table-details{margin-top:18px}
#view-hairgrowth .pcx-table-details .pc-table-wrap{margin-top:0}
#view-hairgrowth .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-hairgrowth .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-hairgrowth .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-hairgrowth #pc-lasers .pc-point{margin-top:40px}
#view-hairgrowth .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-hairgrowth .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-hairgrowth .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-hairgrowth .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-hairgrowth .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-hairgrowth .pcx-case-hint{margin-top:6px}
#view-hairgrowth #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-hairgrowth .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-hairgrowth .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-hairgrowth .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-hairgrowth .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-hairgrowth .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-hairgrowth .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-hairgrowth .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-hairgrowth .pcx-hero-points{margin-top:22px}
#view-hairgrowth .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-hairgrowth .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-hairgrowth .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-hairgrowth .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-hairgrowth .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-hairgrowth .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-hairgrowth .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-hairgrowth .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-hairgrowth .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-hairgrowth .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-hairgrowth .pcx-mode-art img{display:block;width:100%;height:auto}
#view-hairgrowth .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-hairgrowth .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-hairgrowth .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-hairgrowth .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-hairgrowth .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-hairgrowth .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-hairgrowth .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-hairgrowth .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-hairgrowth .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-hairgrowth .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-hairgrowth .pcx-case-sep{display:none}
  #view-hairgrowth .pcx-case-name{display:block}
  #view-hairgrowth .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-hairgrowth .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-hairgrowth .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-hairgrowth .pcx-diff-changed{border-top-color:var(--gold)}
#view-hairgrowth .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-hairgrowth .pcx-diff-card dl{margin:0}
#view-hairgrowth .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-hairgrowth .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-hairgrowth .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-hairgrowth .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-hairgrowth .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-hairgrowth .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-hairgrowth .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-hairgrowth .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-hairgrowth .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-hairgrowth .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-hairgrowth .pcx-history>li:last-child{padding-bottom:0}
#view-hairgrowth .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-hairgrowth .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-hairgrowth .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-hairgrowth .pcx-h-tag{margin:0 0 4px}
#view-hairgrowth .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-hairgrowth .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-hairgrowth .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-hairgrowth .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-hairgrowth .pcx-history-wrap>.sp-note{margin-top:20px}
#view-hairgrowth #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-hairgrowth .pcx-diff{grid-template-columns:1fr}
 #view-hairgrowth .pcx-diff-card{padding:18px 16px 14px}
 #view-hairgrowth .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-hairgrowth .pcx-depth{padding:16px}
 #view-hairgrowth .pcx-history::before{left:3.4em}
 #view-hairgrowth .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-hairgrowth .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-hairgrowth .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-hairgrowth .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-hairgrowth .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-hairgrowth .pcx-h-photo{margin:4px 0 0}
#view-hairgrowth .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-hairgrowth .pcx-h-device .pcx-h-photo img,#view-hairgrowth #pc-history .pcx-h-photo img[src*="picosure-"],#view-hairgrowth #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-hairgrowth .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-hairgrowth .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-hairgrowth. */
#view-hairgrowth .sw-device-photo{max-width:820px}
#view-hairgrowth .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-hairgrowth .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-hairgrowth .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .sw-figures{max-width:none}
#view-hairgrowth .sw-figure img{display:block;width:100%;height:auto}
#view-hairgrowth .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-hairgrowth .sw-figures .sw-figure{margin:0}
#view-hairgrowth .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-hairgrowth .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-hairgrowth .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-hairgrowth .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-hairgrowth .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .pc-explain h3+p+h3{margin-top:22px}
#view-hairgrowth .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-hairgrowth .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-hairgrowth .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-hairgrowth .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-hairgrowth .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-hairgrowth .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-hairgrowth .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-hairgrowth .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-hairgrowth .sw-history li{position:relative;padding:0 0 22px 28px}
#view-hairgrowth .sw-history li:last-child{padding-bottom:0}
#view-hairgrowth .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-hairgrowth .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-hairgrowth .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-hairgrowth .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-hairgrowth .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-hairgrowth .sw-gallery figure{margin:0}
#view-hairgrowth .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-hairgrowth .sw-gallery img.is-portrait{object-position:50% 30%}
#view-hairgrowth .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-hairgrowth .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-hairgrowth .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-hairgrowth .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-hairgrowth .sw-case-photo{margin:0;background:#111}
#view-hairgrowth .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-hairgrowth .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-hairgrowth .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-hairgrowth .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-hairgrowth .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-hairgrowth .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-hairgrowth .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-hairgrowth .sw-area-prices li:last-child{border-bottom:0}
#view-hairgrowth .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-hairgrowth .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-hairgrowth .sw-papers,#view-hairgrowth .sw-history-wrap,#view-hairgrowth .sw-cases,#view-hairgrowth .sw-price-list{grid-template-columns:1fr}#view-hairgrowth .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-hairgrowth .sw-steps,#view-hairgrowth .sw-figures,#view-hairgrowth .sw-gallery{grid-template-columns:1fr}#view-hairgrowth .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-hairgrowth .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-hairgrowth .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .sw-interview-video{margin:0;max-width:none}
#view-hairgrowth .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-hairgrowth .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-hairgrowth .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-hairgrowth .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-hairgrowth .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-hairgrowth .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-hairgrowth .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-hairgrowth .sw-ttt-design,#view-hairgrowth .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .sw-ttt-face,#view-hairgrowth .sw-heat-field{margin:0}
#view-hairgrowth .sw-ttt-face img,#view-hairgrowth .sw-heat-field img{display:block;width:100%;height:auto}
#view-hairgrowth .sw-heat-field img{border:1px solid var(--sp-border)}
#view-hairgrowth .sw-ttt-face figcaption,#view-hairgrowth .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-hairgrowth .sw-ttt-text .sp-kicker,#view-hairgrowth .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-hairgrowth .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-hairgrowth .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-hairgrowth .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-hairgrowth .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-hairgrowth .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-hairgrowth .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-hairgrowth .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-hairgrowth .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-hairgrowth .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-hairgrowth .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-hairgrowth .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-hairgrowth .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-hairgrowth .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-hairgrowth .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-hairgrowth .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-hairgrowth .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-hairgrowth .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-hairgrowth .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-hairgrowth .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-hairgrowth .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-hairgrowth .sw-ttt-design,#view-hairgrowth .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-hairgrowth .sw-ttt-face,#view-hairgrowth .sw-heat-field{max-width:420px}#view-hairgrowth .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-hairgrowth .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-hairgrowth .sw-ct-cases-head{margin:44px 0 18px}
#view-hairgrowth .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-hairgrowth .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-hairgrowth .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-hairgrowth .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-hairgrowth .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-hairgrowth .sw-ct-group{margin-top:40px}
#view-hairgrowth .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-hairgrowth .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-hairgrowth .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-hairgrowth .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-hairgrowth .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-hairgrowth .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-hairgrowth .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-hairgrowth .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-hairgrowth .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-hairgrowth .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-hairgrowth .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-hairgrowth .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-hairgrowth .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-hairgrowth .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-hairgrowth .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-hairgrowth .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-hairgrowth .sw-table-details,#view-hairgrowth .sw-record{margin-top:26px}
#view-hairgrowth .sw-table-details .sp-disclosure-content,#view-hairgrowth .sw-record .sp-disclosure-content,#view-hairgrowth .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-hairgrowth .sw-table-details .pc-table-wrap{margin-top:0}
#view-hairgrowth .sw-record .sw-history-wrap{margin-top:6px}
#view-hairgrowth .sw-ct-more{margin-top:18px}
#view-hairgrowth .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-hairgrowth .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-hairgrowth .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-hairgrowth .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-hairgrowth .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-hairgrowth .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .sw-3d-video{margin:0;max-width:none}
#view-hairgrowth .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-hairgrowth .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-hairgrowth .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-hairgrowth .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-hairgrowth .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-hairgrowth .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-hairgrowth .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-hairgrowth .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-hairgrowth .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-hairgrowth .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-hairgrowth .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-hairgrowth .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-hairgrowth .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-hairgrowth .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-hairgrowth .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-hairgrowth .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-hairgrowth .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-hairgrowth .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-hairgrowth .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-hairgrowth .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-hairgrowth .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-hairgrowth .swx-hero-points{margin-top:22px}
#view-hairgrowth .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-hairgrowth .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-hairgrowth .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-hairgrowth .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-hairgrowth .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-hairgrowth .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-hairgrowth .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-hairgrowth .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-hairgrowth .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-hairgrowth .swx-hero-video{margin:0}
#view-hairgrowth .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-hairgrowth .sp-video video:not([controls]){pointer-events:none}

/* Page-specific additions. The shared spots design is scoped to this view at build time. */
#view-hairgrowth .sp-nav a{min-height:48px}
#view-hairgrowth .ml-appearance figcaption,#view-hairgrowth .ml-doctor-grid figcaption{font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
#view-hairgrowth .ml-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-hairgrowth .ml-treatment{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-hairgrowth .ml-treatment>figure{padding:20px 30px 0}
#view-hairgrowth .ml-treatment>figure img{display:block;width:100%;height:210px;object-fit:contain}
#view-hairgrowth .ml-treatment>figure figcaption{font-size:11px;line-height:1.6;text-align:center;color:var(--ink-3);margin-top:5px}
#view-hairgrowth .ml-treatment-body{padding:24px 28px 26px}
#view-hairgrowth .ml-treatment-body h3{font-family:var(--latin);font-weight:400;font-size:26px;line-height:1.4}
#view-hairgrowth .ml-treatment-body>p:not(.sp-kicker):not(.sp-note){font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:16px}
#view-hairgrowth .ml-treatment-body .sp-note{margin-top:10px}
#view-hairgrowth .ml-treatment-body>.sp-source{margin-top:18px}
#view-hairgrowth .ml-pathway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
#view-hairgrowth .ml-pathway>div{border-top:1px solid var(--gold);padding-top:17px;position:relative}
#view-hairgrowth .ml-pathway>div+div::before{content:'→';position:absolute;left:-25px;top:26px;color:var(--gold-ink)}
#view-hairgrowth .ml-pathway span{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-hairgrowth .ml-pathway h3{font-size:20px;line-height:1.6;margin:5px 0}
#view-hairgrowth .ml-pathway p{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-hairgrowth .ml-more-cases{margin-top:24px}
#view-hairgrowth .ml-more-cases>summary{justify-content:center;gap:20px;min-height:58px;border-bottom:1px solid var(--sp-border);font-size:15px}
#view-hairgrowth .ml-more-cases>.sp-disclosure-content{padding-top:22px;padding-bottom:0}
#view-hairgrowth .sp-case-head h3{font-size:19px;min-height:3em}
#view-hairgrowth .sp-consult p:not(.sp-kicker):not(.sp-note){font-size:15px;color:var(--ink-2);line-height:1.9;max-width:42em;margin-top:10px}
#view-hairgrowth .ml-home-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
#view-hairgrowth .ml-home-grid>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
#view-hairgrowth .ml-home-grid h3,#view-hairgrowth .ml-doctor-grid h3{font-size:25px;line-height:1.6;margin-bottom:12px}
#view-hairgrowth .ml-home-grid>div>p:not(.sp-kicker){font-size:16px;color:var(--ink-2);line-height:1.95}
#view-hairgrowth .ml-home-grid .sp-source{margin-top:16px}
#view-hairgrowth .ml-care-list{list-style:none;padding:0}
#view-hairgrowth .ml-care-list li+li{margin-top:12px}
#view-hairgrowth .ml-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .ml-daily-grid h3{font-size:19px;line-height:1.6;margin-bottom:9px}
#view-hairgrowth .ml-daily-grid p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .ml-doctor-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}
#view-hairgrowth .ml-doctor-grid figure img{width:100%;aspect-ratio:3/2;object-fit:contain}
#view-hairgrowth .ml-doctor-grid>div>p:not(.sp-kicker){font-size:14px;line-height:1.95;color:var(--ink-2);margin-top:12px}
#view-hairgrowth .ml-doctor-grid .sp-source{margin-top:18px}
#view-hairgrowth .ml-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px;padding-top:28px;border-top:1px solid var(--sp-border)}
#view-hairgrowth .ml-paper{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start}
#view-hairgrowth .ml-paper>a>img{width:120px;height:156px;object-fit:contain;object-position:top;border:1px solid var(--sp-border)}
#view-hairgrowth .ml-paper h3{font-family:var(--latin);font-size:23px;font-weight:400;line-height:1.45;margin-bottom:10px}
#view-hairgrowth .ml-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-hairgrowth .ml-paper .sp-kicker{font-size:12px;color:var(--gold-ink);min-height:1.85em}
#view-hairgrowth .ml-paper .sp-note{font-size:12px}
#view-hairgrowth .ml-paper summary{font-size:12px}
#view-hairgrowth .ml-tx-prices{margin:0;border-top:1px solid var(--sp-border);padding-top:10px}
#view-hairgrowth .ml-tx-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:10px}
#view-hairgrowth .ml-tx-prices dt{font-size:13px;line-height:1.6;color:var(--ink-2)}
#view-hairgrowth .ml-tx-prices dd{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;margin:0}
#view-hairgrowth .ml-tx-prices small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-hairgrowth .ml-quote{font-size:22px;line-height:1.8;border-top:1px solid var(--sp-border);padding-top:20px}
#view-hairgrowth #m-price .sp-price-intro{background:#fff}
#view-hairgrowth .sp-flow-head img[src*='sofwave-treatment'],#view-hairgrowth .sp-flow-head img[data-i18n-alt='mlx_flow_5_alt']{object-fit:contain}
#view-hairgrowth .sp-flow-head img[data-i18n-alt='mlx_flow_4_alt']{object-fit:cover;object-position:center}
#view-hairgrowth [id]{scroll-margin-top:100px}
/* Keep the two fee blocks aligned even when one contains two treatment areas. */
@supports (grid-template-rows:subgrid){
 @media(min-width:761px){
  #view-hairgrowth .sp-price{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
 }
}
@media(max-width:900px){#view-hairgrowth .ml-evidence{grid-template-columns:1fr;gap:26px}}
@media(max-width:760px){
 #view-hairgrowth .ml-treatment-grid,#view-hairgrowth .ml-home-grid,#view-hairgrowth .ml-doctor-grid,#view-hairgrowth .ml-daily-grid{grid-template-columns:1fr;gap:24px}
 #view-hairgrowth .ml-treatment>figure{padding:16px 22px 0}
 #view-hairgrowth .ml-treatment>figure img{height:180px}
 #view-hairgrowth .ml-treatment-body{padding:20px}
 #view-hairgrowth .ml-pathway{grid-template-columns:1fr;gap:18px}
 #view-hairgrowth .ml-pathway>div{padding-left:38px;padding-top:14px}
 #view-hairgrowth .ml-pathway>div span{position:absolute;left:0;top:19px}
 #view-hairgrowth .ml-pathway>div+div::before{content:none}
 #view-hairgrowth .ml-home-grid>figure img{max-height:280px}
 #view-hairgrowth .ml-daily-grid{gap:20px}
 #view-hairgrowth .ml-daily-grid article+article{border-top:1px solid var(--sp-border);padding-top:20px}
 #view-hairgrowth .sp-case-head h3{min-height:0}
 #view-hairgrowth .ml-paper{grid-template-columns:90px minmax(0,1fr);gap:16px}
 #view-hairgrowth .ml-paper>a>img{width:90px;height:117px}
 #view-hairgrowth .ml-paper h3{font-size:22px}
 #view-hairgrowth .ml-tx-prices dd{font-size:20px}
 #view-hairgrowth .ml-quote,#view-hairgrowth .ml-tx-prices{order:1;margin:0;padding-top:14px}
 #view-hairgrowth .ml-quote{font-size:20px}
 #view-hairgrowth .ml-tx-prices>div:first-child{padding-top:0}
}

/* Keep the supplied home-care image fully visible in both exports. */
#view-hairgrowth .sp-flow-head img[src*="terastie-home-routine"]{object-fit:contain}

/* Brand imagery: square alongside copy, landscape above copy on mobile. */
#view-hairgrowth .ml-home-grid>figure{width:100%;max-width:420px;margin-inline:auto}
#view-hairgrowth .ml-home-grid picture{display:block}
#view-hairgrowth .ml-home-grid>figure img{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain}
@media(max-width:760px){
 #view-hairgrowth .ml-home-grid>figure{max-width:none}
 #view-hairgrowth .ml-home-grid>figure img{aspect-ratio:1672/941}
}

/* 2026-09-25: approval section in the facial-redness page's form (pc-approval is from picosure-page.css). */
#view-hairgrowth .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .pc-approval>div:last-child{border-bottom:0}
#view-hairgrowth .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-hairgrowth .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-hairgrowth .ml-approval-term{display:block;font-size:13px;color:var(--ink-3);margin-top:16px}
#view-hairgrowth #m-approval .approval-links .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:760px){#view-hairgrowth .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}}
/* 2026-09-25: cases shown like the spots page (gallery grid, title / photos / details aligned through subgrid). */
#view-hairgrowth .ml-case-gallery{margin-top:24px}
#view-hairgrowth .sx-gallery-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
#view-hairgrowth .sx-gallery-card h4{align-self:stretch;padding:0 0 12px;margin:0;font-size:clamp(14px,1.08vw,16px);line-height:1.6;letter-spacing:.02em;font-weight:500;text-wrap:pretty;border-bottom:1px solid var(--line-2,#e7e0d6)}
#view-hairgrowth .sx-case-details .sp-source{display:inline-block;margin-top:10px}
#view-hairgrowth .sx-case-details .sp-pending{color:var(--ink-3)}
/* 2026-09-25: 肝斑の肌で起きていること (histology figure, four findings, why CrossTalk comes first). */
#view-hairgrowth .ml-tissue-figure{margin:28px 0 0;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-hairgrowth .ml-tissue-figure img{display:block;width:100%;height:auto}
/* 2026-10-05: the 3D schematic (1536x1024) has its own white margin on the right; the labels are SVG text in that margin.
   .ml-tissue-pan holds the image and the overlay together, so cropping it on phones moves both by the same amount. */
#view-hairgrowth .ml-tissue-wrap{overflow:hidden}
#view-hairgrowth .ml-tissue-pan{position:relative}
#view-hairgrowth .ml-tissue-overlay{position:absolute;inset:0;width:100%;height:100%}
#view-hairgrowth .ml-tl-line{fill:none;stroke:#5f5b57;stroke-width:1.25px;vector-effect:non-scaling-stroke}
#view-hairgrowth .ml-tl-halo{fill:none;stroke:#fff;stroke-width:4px;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.7}
#view-hairgrowth .ml-tl-end{fill:#3D3D3F;stroke:#fff;stroke-width:2.5}
#view-hairgrowth .ml-tissue-overlay text{font-family:var(--sans);fill:#3D3D3F}
#view-hairgrowth .ml-tl-title{font-size:27px;font-weight:600;letter-spacing:.02em;transform:translateY(10px)}
#view-hairgrowth .ml-tl-desc{font-size:21.5px;fill:#5d5955;transform:translateY(43px)}
#view-hairgrowth .ml-tl-nums{display:none}
#view-hairgrowth .ml-tl-dot{fill:#fff;stroke:#3D3D3F;stroke-width:2.5}
#view-hairgrowth .ml-tl-num{font-size:40px;font-weight:500;text-anchor:middle;dominant-baseline:central}
@media(max-width:1099px){#view-hairgrowth .ml-tl-title{font-size:32px;transform:translateY(12px)}#view-hairgrowth .ml-tl-desc{font-size:26px;transform:translateY(49px)}}
@media(max-width:899px){#view-hairgrowth .ml-tl-title{font-size:36px;transform:translateY(13px)}#view-hairgrowth .ml-tl-desc{font-size:30px;transform:translateY(51px)}
 html[lang^="en"] #view-hairgrowth .ml-tl-title{font-size:32px}html[lang^="en"] #view-hairgrowth .ml-tl-desc{font-size:26px;transform:translateY(50px)}}
/* The list is the text alternative of the labels drawn in the SVG (which is aria-hidden): hidden visually on wide screens, shown on phones. */
#view-hairgrowth .ml-tissue-legend{list-style:none;margin:14px 0 0;padding:0}
@media(min-width:720px){#view-hairgrowth .ml-tissue-legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
#view-hairgrowth .ml-tissue-legend li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.7;color:var(--ink-2);padding:3px 0}
#view-hairgrowth .ml-tissue-legend li>span{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:1px solid var(--ink);font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
#view-hairgrowth .ml-tissue-legend li>div{flex:1 1 auto;min-width:0}
#view-hairgrowth .ml-tissue-legend li>div span{display:inline-block}
#view-hairgrowth .ml-tissue-legend li b{font-weight:600;color:var(--ink);margin-right:4px}
#view-hairgrowth .ml-tissue-lead{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;margin-top:28px;padding:30px 32px;background:#fff;border:1px solid var(--gold);border-top:3px solid var(--gold)}
#view-hairgrowth .ml-tissue-lead-text>.sp-kicker{margin-bottom:10px}
#view-hairgrowth .ml-tissue-lead-text>h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:0 0 16px}
#view-hairgrowth .ml-tissue-lead-text>p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2);margin:0 0 12px}
#view-hairgrowth .ml-tissue-lead-text>p.ml-tissue-lead-view{color:var(--ink);padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-hairgrowth .ml-tissue-lead-refs{font-size:12.5px;line-height:1.9;color:var(--ink-3);margin:0}
#view-hairgrowth .ml-tissue-lead-refs a{display:inline-block;margin-right:14px}
#view-hairgrowth .ml-fibro-shape{margin:0;padding:10px;border:1px solid var(--sp-border);background:#fbfaf8}
#view-hairgrowth .ml-fibro-shape img{display:block;width:100%;height:auto}
#view-hairgrowth .ml-fibro-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;text-align:center}
#view-hairgrowth .ml-fibro-labels b{display:block;font-size:13.5px;font-weight:600;line-height:1.5;color:var(--ink)}
#view-hairgrowth .ml-fibro-labels span{display:block;font-size:12px;line-height:1.6;color:var(--ink-3)}
#view-hairgrowth .ml-fibro-shape figcaption>p{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:8px 0 0;text-align:center}
@media(max-width:900px){#view-hairgrowth .ml-tissue-lead{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .ml-fibro-shape{max-width:520px}}
@media(max-width:640px){#view-hairgrowth .ml-tissue-lead{padding:22px 20px}}
#view-hairgrowth .ml-ct-refs{margin-top:18px;font-size:12.5px;line-height:1.9;color:var(--ink-3)}
#view-hairgrowth .ml-ct-refs-label{margin-right:8px}
#view-hairgrowth .ml-ct-refs a{display:inline-block;margin-right:14px}
/* Numbers instead of text below 720px (Japanese) and below 820px (English, whose labels are longer): the image and the overlay are cropped together to x 40-1210 / y 40-984 of the 1536x1024 frame. */
@media(max-width:719px){#view-hairgrowth .ml-tissue-pan{width:131.28%;margin:-3.42% 0 -3.42% -3.42%}#view-hairgrowth .ml-tl-labels{display:none}#view-hairgrowth .ml-tl-nums{display:block}#view-hairgrowth .ml-tl-end{r:7px}#view-hairgrowth .ml-tl-dot{r:38px}#view-hairgrowth .ml-tl-num{font-size:46px}}
@media(min-width:720px) and (max-width:819px){html[lang^="en"] #view-hairgrowth .ml-tissue-pan{width:131.28%;margin:-3.42% 0 -3.42% -3.42%}html[lang^="en"] #view-hairgrowth .ml-tl-labels{display:none}html[lang^="en"] #view-hairgrowth .ml-tl-nums{display:block}html[lang^="en"] #view-hairgrowth .ml-tl-end{r:7px}html[lang^="en"] #view-hairgrowth .ml-tl-dot{r:38px}html[lang^="en"] #view-hairgrowth .ml-tl-num{font-size:46px}html[lang^="en"] #view-hairgrowth .ml-tissue-legend{position:static;width:auto;height:auto;margin:14px 0 0;overflow:visible;clip-path:none;white-space:normal}}
@media(max-width:640px){#view-hairgrowth .ml-tissue-figure{padding:12px}html[lang^="en"] #view-hairgrowth .ml-tissue-legend li>div span{display:block}}
#view-hairgrowth .ml-tissue-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:10px}
#view-hairgrowth .ml-tissue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
#view-hairgrowth .ml-tissue-item{background:#fff;border:1px solid var(--sp-border);padding:22px 24px;min-width:0}
#view-hairgrowth .ml-tissue-key{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#view-hairgrowth .ml-tissue-key small{font-size:12.5px;color:var(--ink-3)}
#view-hairgrowth .ml-tissue-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
#view-hairgrowth .ml-tissue-item h3{font-size:18px;line-height:1.55;margin:0 0 8px}
#view-hairgrowth .ml-tissue-item p{font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0 0 10px}
#view-hairgrowth .ml-tissue-item .sp-source{font-size:13px}
#view-hairgrowth .ml-tissue-why{margin-top:clamp(32px,4vw,48px);padding:clamp(24px,3vw,36px);background:#fff;border-top:2px solid var(--gold);border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .ml-tissue-why>h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:4px 0 18px}
#view-hairgrowth .ml-why-list{list-style:none;padding:0;margin:0;counter-reset:why}
#view-hairgrowth .ml-why-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--sp-border);counter-increment:why}
#view-hairgrowth .ml-why-list li::before{content:"0" counter(why);font-family:'Noto Sans JP',sans-serif;font-variant-numeric:tabular-nums;font-size:13px;color:var(--gold-ink);padding-top:4px}
#view-hairgrowth .ml-why-list h4{font-size:17px;font-weight:500;line-height:1.6;margin:0 0 6px}
#view-hairgrowth .ml-why-list p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-hairgrowth .ml-tissue-links{margin-top:14px}
#view-hairgrowth .ml-tissue-links .sp-source{display:inline-block;margin:0 22px 8px 0}
@media(max-width:760px){#view-hairgrowth .ml-tissue-grid{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .ml-why-list li{grid-template-columns:30px minmax(0,1fr)}}
/* Hero illustration (3:2 comparison, 2026-09-25): show it whole. */
#view-hairgrowth .sp-hero-photo img{aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:760px){#view-hairgrowth .sp-hero-photo img{aspect-ratio:3/2}}
/* "肝斑を知る": illustration removed (2026-09-25); the two points fill the width. */
#view-hairgrowth .ml-approach-single{grid-template-columns:minmax(0,1fr)}
#view-hairgrowth .ml-approach-single .sp-approach-item{max-width:52em}
/* SkinVive: fibroblast active again (user illustration 2026-09-25). */
#view-hairgrowth .ml-why-figure{margin:16px 0 0;padding:10px;border:1px solid var(--sp-border);background:#fbfaf8;max-width:640px}
#view-hairgrowth .ml-why-figure img{display:block;width:100%;height:auto}
#view-hairgrowth .ml-why-figure figcaption>p{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:8px 0 0;text-align:center}
/* 2026-09-25: patient basics, differential table, tissue summary, timeline, cost example, supervision. */
#view-hairgrowth .ml-basics,#view-hairgrowth .ml-diff-wrap{margin-top:clamp(36px,4vw,56px)}
#view-hairgrowth .ml-basics-head{margin-bottom:18px}
#view-hairgrowth .ml-basics-head .sp-kicker{margin-bottom:8px}
#view-hairgrowth .ml-basics-head h3{font-size:clamp(21px,2.2vw,27px);line-height:1.6;margin:0}
#view-hairgrowth .ml-basics-head p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:10px 0 0;max-width:46em}
#view-hairgrowth .ml-basics-list{margin:0;border-top:1px solid var(--ink);background:#fff}
#view-hairgrowth .ml-basics-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 20px;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .ml-basics-list dt{font-size:14px;font-weight:500;color:var(--gold-ink);line-height:1.7}
#view-hairgrowth .ml-basics-list dd{margin:0;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .ml-diff{width:100%;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.75}
#view-hairgrowth .ml-diff th,#view-hairgrowth .ml-diff td{padding:12px 14px;border:1px solid var(--sp-border);vertical-align:top;text-align:left}
#view-hairgrowth .ml-diff thead th{font-weight:500;color:var(--ink);background:var(--sp-soft);border-bottom:2px solid var(--gold)}
#view-hairgrowth .ml-diff thead th:first-child{width:9em}
#view-hairgrowth .ml-diff tbody th{font-weight:500;color:var(--ink-2);background:#fdfcfa;white-space:nowrap}
#view-hairgrowth .ml-diff tbody td:nth-child(2){background:#fffaf3}
#view-hairgrowth .ml-diff-wrap>.sp-note{margin-top:12px}
#view-hairgrowth .ml-diff-wrap>.sp-source{display:inline-block;margin-top:8px}
#view-hairgrowth .ml-tissue-summary{list-style:none;margin:0 0 4px;padding:18px 22px;background:#fff;border-left:3px solid var(--gold);display:grid;gap:8px}
#view-hairgrowth .ml-tissue-summary li{font-size:15px;line-height:1.85;color:var(--ink);padding-left:1.2em;text-indent:-1.2em}
#view-hairgrowth .ml-tissue-summary li::before{content:"・";color:var(--gold-ink)}
#view-hairgrowth .ml-timeline{margin-top:clamp(32px,4vw,48px);padding:clamp(24px,3vw,36px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-hairgrowth .ml-timeline-list{list-style:none;margin:0;padding:0}
#view-hairgrowth .ml-timeline-list li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--sp-border)}
#view-hairgrowth .ml-timeline-when{font-family:var(--latin);font-size:15px;letter-spacing:.04em;color:var(--gold-ink);padding-top:3px}
#view-hairgrowth .ml-timeline-list h4{font-size:16px;font-weight:500;line-height:1.6;margin:0 0 4px}
#view-hairgrowth .ml-timeline-list p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-hairgrowth .ml-timeline>.sp-note{margin-top:12px}
#view-hairgrowth .ml-cost-details{margin-top:14px}
#view-hairgrowth .ml-cost-example{margin:0;padding:6px 0 4px;max-width:560px}
#view-hairgrowth .ml-cost-example .ml-basics-head{margin-bottom:10px}
#view-hairgrowth .ml-cost-example .ml-basics-head .sp-kicker{display:none}
#view-hairgrowth .ml-cost-example .ml-basics-head h3{font-size:14px;font-family:var(--sans);font-weight:500;color:var(--ink-2)}
#view-hairgrowth .ml-cost-list{margin:0;border-top:1px solid var(--ink)}
#view-hairgrowth .ml-cost-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .ml-cost-list dt{font-size:13px;line-height:1.7;color:var(--ink-2)}
#view-hairgrowth .ml-cost-list .sp-yen{font-size:16px}
#view-hairgrowth .ml-cost-list dd{margin:0;white-space:nowrap}
#view-hairgrowth .ml-cost-total dt{color:var(--ink);font-weight:500}
#view-hairgrowth .ml-cost-total .sp-yen{font-size:19px}
#view-hairgrowth .ml-cost-example>.sp-note{margin-top:10px;font-size:12px}
#view-hairgrowth .ml-supervision{margin-top:22px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:13px;line-height:1.8;color:var(--ink-2)}
@media(max-width:760px){
#view-hairgrowth .ml-basics-list>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
#view-hairgrowth .ml-diff,#view-hairgrowth .ml-diff tbody,#view-hairgrowth .ml-diff tr{display:block}
#view-hairgrowth .ml-diff thead{display:none}
#view-hairgrowth .ml-diff tr{border:1px solid var(--sp-border);margin-bottom:12px}
#view-hairgrowth .ml-diff tbody th{display:block;white-space:normal;background:var(--sp-soft);border:0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .ml-diff td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;border:0;border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .ml-diff td::before{content:attr(data-c);font-size:11.5px;letter-spacing:.04em;line-height:1.6;color:var(--gold-ink)}
html[lang="en"] #view-hairgrowth .ml-diff td::before{content:attr(data-c-en)}
#view-hairgrowth .ml-diff tbody td:nth-child(2){background:#fff}
#view-hairgrowth .ml-timeline-list li{grid-template-columns:minmax(0,1fr);gap:4px}
}
/* Interview video (Grace Journal) and patient voices link (2026-09-25). */
#view-hairgrowth .ml-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin-top:clamp(28px,3.5vw,44px);padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .ml-interview-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-hairgrowth .ml-interview-text .sp-kicker{margin-bottom:8px}
#view-hairgrowth .ml-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-hairgrowth .ml-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-hairgrowth .ml-interview-text .sp-note{margin-top:10px}
#view-hairgrowth .ml-voices{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(28px,3.5vw,44px);padding:clamp(22px,2.8vw,32px);background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-hairgrowth .ml-voices .sp-kicker{margin-bottom:8px}
#view-hairgrowth .ml-voices h3{font-size:clamp(18px,1.8vw,22px);line-height:1.6;margin:0 0 8px}
#view-hairgrowth .ml-voices p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:40em}
#view-hairgrowth .ml-voices .btn{flex:none}
@media(max-width:760px){#view-hairgrowth .ml-interview{grid-template-columns:minmax(0,1fr);gap:18px}#view-hairgrowth .ml-voices{flex-direction:column;align-items:flex-start}}
#view-hairgrowth .ml-monitor-link{display:inline-block;margin-left:6px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* Sofwave heat layers under the why-list (2026-09-25). */
#view-hairgrowth .ml-heat-figure{max-width:none}
#view-hairgrowth .ml-heat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center}
#view-hairgrowth .ml-heat-grid img{border:1px solid var(--sp-border)}
#view-hairgrowth .ml-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-hairgrowth .ml-heat-layers>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:8px 0 8px 12px;border-bottom:1px solid var(--sp-border);border-left:5px solid #d8e6ef}
#view-hairgrowth .ml-heat-layers .ml-heat-pd{border-left-color:#f2c94c}
#view-hairgrowth .ml-heat-layers .ml-heat-rd{border-left-color:#d64541}
#view-hairgrowth .ml-heat-layers .ml-heat-sub{border-left-color:#f1d9a6}
#view-hairgrowth .ml-heat-layers dt{font-size:12.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-hairgrowth .ml-heat-layers dd{margin:0;font-size:13px;line-height:1.6;color:var(--ink-2)}
#view-hairgrowth .ml-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:17px;letter-spacing:.03em;color:var(--ink);line-height:1.3}
#view-hairgrowth .ml-heat-figure figcaption>p{text-align:left}
@media(max-width:640px){#view-hairgrowth .ml-heat-grid{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .ml-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-26: magazine-style pictures so the page reads to the end — type cards, schematic zooms, timeline photos, home-care picture. */
#view-hairgrowth .ml-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}
#view-hairgrowth .ml-type{background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-hairgrowth .ml-type figure{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-hairgrowth .ml-type img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-hairgrowth .ml-type-body{padding:18px 20px 20px}
#view-hairgrowth .ml-type h3{font-size:18px;line-height:1.5;margin:0 0 12px}
#view-hairgrowth .ml-type dl{margin:0;display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:7px 10px;font-size:13.5px;line-height:1.75}
#view-hairgrowth .ml-type dt{font-size:12px;letter-spacing:.04em;color:var(--gold-ink);padding-top:2px}
#view-hairgrowth .ml-type dd{margin:0;color:var(--ink-2)}
#view-hairgrowth .ml-diff-details{margin-top:18px}
#view-hairgrowth .ml-diff-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;overflow-x:auto}
#view-hairgrowth .ml-diff-details .ml-diff{margin-top:4px}
#view-hairgrowth .ml-approach-single{margin-top:clamp(36px,4vw,56px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--sp-border)}
#view-hairgrowth .ml-tissue-zoom{margin:-22px -24px 16px;border-bottom:1px solid var(--sp-border);background:var(--sp-soft)}
#view-hairgrowth .ml-tissue-zoom img{display:block;width:100%;height:auto;aspect-ratio:660/430;object-fit:cover}
#view-hairgrowth .ml-timeline-list li{grid-template-columns:120px 150px minmax(0,1fr)}
#view-hairgrowth .ml-timeline-thumb{margin:0}
#view-hairgrowth .ml-timeline-thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-hairgrowth .ml-daily-art{margin:32px 0 0}
#view-hairgrowth .ml-daily-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 45%;border:1px solid var(--sp-border)}
#view-hairgrowth .ml-daily-art+.ml-daily-grid{margin-top:24px;padding-top:0;border-top:0}
@media(max-width:860px){#view-hairgrowth .ml-types{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .ml-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#view-hairgrowth .ml-type figure{border-bottom:0;border-right:1px solid var(--sp-border)}#view-hairgrowth .ml-type img{height:100%;aspect-ratio:auto;min-height:160px}}
@media(max-width:760px){#view-hairgrowth .ml-timeline-list li{grid-template-columns:96px minmax(0,1fr);gap:8px 14px}#view-hairgrowth .ml-timeline-when{grid-column:1/-1;padding-top:0}#view-hairgrowth .ml-daily-art img{aspect-ratio:16/9}}
@media(max-width:560px){#view-hairgrowth .ml-type{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .ml-type figure{border-right:0;border-bottom:1px solid var(--sp-border)}#view-hairgrowth .ml-type img{aspect-ratio:3/2;height:auto;min-height:0}}
/* 2026-10-01 price revision: the clinic's range diagram beside its definition (HFP | Pigmentation & melasma) */
#view-hairgrowth .hfp-range{margin:14px 0 0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center}
#view-hairgrowth .hfp-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-hairgrowth .hfp-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-hairgrowth .hfp-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* the price cards share subgrid rows; the HFP card keeps its diagram, note and link in one row */
#view-hairgrowth .ml-hfp-foot{display:grid;gap:10px;align-content:start}
#view-hairgrowth .ml-hfp-foot .sp-note{margin:0}
/* 2026-10-01 clinic: the window-and-vase picture replaces the watercolour; framed as on the redness page so the vase stays whole */
#view-hairgrowth .after-vase img{aspect-ratio:11/5;object-position:50% 22%}
@media(max-width:760px){#view-hairgrowth .after-vase img{aspect-ratio:16/9;object-position:40% 50%}}

/* Hair-growth concern page: additions on top of the spots, PicoSure Pro, Sofwave and melasma components scoped to #view-hairgrowth. */
#view-hairgrowth .hg-cycle{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;margin:0 0 26px;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .hg-cycle-figure{margin:0}
#view-hairgrowth .hg-cycle-figure img{display:block;width:100%;height:auto;border:1px solid var(--sp-border)}
#view-hairgrowth .hg-cycle-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
#view-hairgrowth .hg-cycle-labels b{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.5}
#view-hairgrowth .hg-cycle-labels span{display:block;font-size:12px;line-height:1.65;color:var(--ink-2)}
#view-hairgrowth .hg-cycle-text .sp-kicker{margin-bottom:8px}
#view-hairgrowth .hg-cycle-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 10px}
#view-hairgrowth .hg-cycle-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-hairgrowth .hg-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-hairgrowth .hg-type .ml-type-body{padding:20px 22px 22px}
#view-hairgrowth .hg-assess{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}
#view-hairgrowth .hg-assess-photo{margin:0}
#view-hairgrowth .hg-assess-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sp-border)}
#view-hairgrowth .hg-assess-list{list-style:none;margin:0;padding:0;counter-reset:hg}
#view-hairgrowth .hg-assess-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--sp-border);counter-increment:hg}
#view-hairgrowth .hg-assess-list li>div{min-width:0}
#view-hairgrowth .hg-assess-list li::before{content:"0" counter(hg);font-family:var(--fig);font-size:15px;color:var(--gold-ink);padding-top:2px}
#view-hairgrowth .hg-assess-list h3{font-size:17px;line-height:1.5;margin:0 0 4px}
#view-hairgrowth .hg-assess-list p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-hairgrowth .hg-plan{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-hairgrowth .hg-plan-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px 24px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);min-width:0}
#view-hairgrowth .hg-plan-no{font-family:var(--fig);font-size:26px;line-height:1;color:var(--gold-ink);letter-spacing:.02em;padding-top:4px}
#view-hairgrowth .hg-plan-item .sp-kicker{margin-bottom:6px}
#view-hairgrowth .hg-plan-item h3{font-size:19px;line-height:1.55;margin:0 0 8px}
#view-hairgrowth .hg-plan-item p:not(.sp-kicker):not(.sp-note){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-hairgrowth .hg-plan-item .sp-note{margin-top:10px}
#view-hairgrowth .hg-plan-item .sp-source{display:inline-block;margin-top:10px}
#view-hairgrowth .hg-session{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-hairgrowth .hg-session figure{margin:0}
#view-hairgrowth .hg-session img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-hairgrowth .hg-session h3{font-size:clamp(18px,1.8vw,22px);line-height:1.6;margin:0 0 10px}
#view-hairgrowth .hg-session-steps{margin:0;padding-left:1.4em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-hairgrowth .hg-session-steps li+li{margin-top:2px}
#view-hairgrowth .hg-timeline{margin-top:0}
#view-hairgrowth .hg-fee-extra{margin:18px 0 0}
#view-hairgrowth .hg-fee-extra .sp-pending{color:var(--ink-3)}
@media(max-width:900px){#view-hairgrowth .hg-types,#view-hairgrowth .hg-plan{grid-template-columns:minmax(0,1fr)}#view-hairgrowth .hg-cycle,#view-hairgrowth .hg-assess,#view-hairgrowth .hg-session{grid-template-columns:minmax(0,1fr);gap:18px}}
@media(max-width:560px){#view-hairgrowth .hg-cycle-labels{grid-template-columns:minmax(0,1fr);gap:6px}#view-hairgrowth .hg-plan-item{grid-template-columns:34px minmax(0,1fr);padding:18px}}
#view-hairgrowth .hg-hair-offer{margin:0 0 26px;padding:clamp(18px,2.4vw,26px);background:#fff;border:1px solid var(--sp-border);border-left:3px solid var(--gold)}
#view-hairgrowth .hg-hair-offer .sp-kicker{margin-bottom:6px}
#view-hairgrowth .hg-hair-offer h3{font-size:clamp(18px,1.8vw,22px);line-height:1.6;margin:0 0 8px}
#view-hairgrowth .hg-hair-offer p:not(.sp-kicker):not(.sp-note){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-hairgrowth .hg-hair-offer .sp-source{display:inline-block;margin-top:10px}

#view-hairgrowth .sx-hero-points{margin-top:22px}
#view-hairgrowth .sx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-hairgrowth .sx-hero-points ol{list-style:none;margin:0;padding:0;counter-reset:hero-point}
#view-hairgrowth .sx-hero-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--sp-border);counter-increment:hero-point}
#view-hairgrowth .sx-hero-points li::before{content:counter(hero-point,decimal-leading-zero);font:16px/1.65 var(--latin);color:var(--gold-ink)}
#view-hairgrowth .sx-hero-points strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
#view-hairgrowth .sx-hero-points li p{font-size:16px;line-height:1.65;color:var(--gold-ink);margin:2px 0 0}
#view-hairgrowth .sx-hero-philosophy{max-width:none;margin-top:30px;padding-top:22px}
#view-hairgrowth .sx-hero-philosophy .sp-kicker{font-size:13px;color:var(--gold-ink);margin-bottom:9px}
#view-hairgrowth .sx-hero-philosophy p:not(.sp-kicker){max-width:66em;font-weight:400;line-height:1.95;margin:0}
#view-hairgrowth .sx-case-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-hairgrowth .sx-gallery-card{padding:0;background:transparent;border:0}
#view-hairgrowth .sx-gallery-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-hairgrowth .sx-gallery-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-hairgrowth .sx-gallery-card .case-image{margin:0}
#view-hairgrowth .sx-gallery-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-hairgrowth .sx-gallery-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-hairgrowth .sx-case-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-hairgrowth .sx-case-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-hairgrowth .sx-case-details summary:hover{color:var(--gold-ink)}
#view-hairgrowth .sx-case-details summary:hover::after{width:34px;background:var(--gold)}
#view-hairgrowth .sx-case-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-hairgrowth .sx-case-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-hairgrowth .sx-case-details dt{padding-top:13px}
#view-hairgrowth .sx-case-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-hairgrowth .sx-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-hairgrowth .sx-case-gallery{grid-template-columns:minmax(0,1fr)}}
/* Patient-facing pigmentation page; keep all rules within this view. */
#view-ulthera{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-ulthera .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-ulthera .sp-soft{background:var(--sp-soft)}
#view-ulthera .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-ulthera .sp-heading{margin-bottom:26px;max-width:46em}
#view-ulthera .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-ulthera .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-ulthera .sp-heading .sp-kicker{margin-top:0}
#view-ulthera .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-ulthera .sp-note a,#view-ulthera .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ulthera .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-ulthera .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-ulthera .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-ulthera .crumbs span::before{content:none}
#view-ulthera .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-ulthera .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-ulthera .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-ulthera .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-ulthera .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-ulthera .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-ulthera .sp-hero-trust a{margin-top:7px}
#view-ulthera .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-ulthera .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-ulthera .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-ulthera .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-ulthera .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-ulthera .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-ulthera .sp-nav a{flex-shrink:0}
#view-ulthera .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-ulthera .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-ulthera .sp-nav a:hover{color:var(--gold-ink)}
#view-ulthera .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ulthera .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-ulthera .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-ulthera .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-ulthera .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-ulthera .sp-type-body{padding:21px 22px 22px}
#view-ulthera .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-ulthera .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-ulthera .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-ulthera .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-ulthera .sp-type .sp-source{margin-top:12px}
#view-ulthera .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-ulthera .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ulthera .sp-case-head{padding:20px 22px 16px}
#view-ulthera .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-ulthera .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-ulthera .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-ulthera .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-ulthera .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-ulthera .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-ulthera .sp-case-body{padding:18px 22px 22px}
#view-ulthera .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-ulthera .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-ulthera .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-ulthera .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-ulthera .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-ulthera .sp-case-body .sp-source{margin-top:14px}
#view-ulthera .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-ulthera .sp-case-details>summary{min-height:48px}
#view-ulthera .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-ulthera .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-ulthera .sp-approach-list{display:grid;gap:0}
#view-ulthera .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-ulthera .sp-approach-item:first-child{padding-top:0}
#view-ulthera .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-ulthera .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-ulthera .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-ulthera .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-ulthera .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-ulthera .sp-doctor h3{font-size:21px;line-height:1.5}
#view-ulthera .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-ulthera .sp-doctor .sp-source{white-space:nowrap}
#view-ulthera .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-ulthera .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-ulthera .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-ulthera .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-ulthera .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-ulthera .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-ulthera .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-ulthera .sp-expertise-facts>div:first-child{padding-top:0}
#view-ulthera .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-ulthera .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-ulthera .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-ulthera .sp-expertise-grid figure{max-width:480px}
 #view-ulthera .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-ulthera .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-ulthera .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-ulthera .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ulthera .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-ulthera .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-ulthera .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-ulthera .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-ulthera .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-ulthera .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-ulthera .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-ulthera .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-ulthera .sp-disclosure>summary::after{content:'＋';flex:none}
#view-ulthera .sp-disclosure[open]>summary::after{content:'−'}
#view-ulthera .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .sp-disclosure-content p+p{margin-top:12px}
#view-ulthera .sp-approval-list{display:grid;gap:10px}
#view-ulthera .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-ulthera .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-ulthera .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-ulthera .sp-price-intro>div{flex:1 1 320px}
#view-ulthera .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-ulthera .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-ulthera .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-ulthera .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-ulthera .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-ulthera .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-ulthera .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-ulthera .sp-price-heading{margin-bottom:16px}
#view-ulthera .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-ulthera .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-ulthera .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-ulthera .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-ulthera .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-ulthera .sp-price .sp-yen{display:block;margin:0}
#view-ulthera .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-ulthera .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-ulthera .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-ulthera .sp-price-list{margin-top:8px}
#view-ulthera .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-ulthera .sp-price-list dt{min-width:0}
#view-ulthera .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-ulthera .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ulthera .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-ulthera .sp-flow-head{display:block;margin-bottom:14px}
#view-ulthera .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-ulthera .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-ulthera .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-ulthera .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-ulthera .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-ulthera .sp-recovery>div:last-child{border-right:0}
#view-ulthera .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-ulthera .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-ulthera .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .sp-risk-details{margin-top:22px}
#view-ulthera .sp-faq{margin-inline:0}
#view-ulthera .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-ulthera .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-ulthera .sp-tech h3{font-size:22px;line-height:1.6}
#view-ulthera .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-ulthera .sp-tech h3+p{margin-top:10px}
#view-ulthera .sp-video>summary{cursor:pointer;list-style:none}
#view-ulthera .sp-video>summary::-webkit-details-marker{display:none}
#view-ulthera .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ulthera .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-ulthera .sp-flow-text{display:block;margin-top:12px}
#view-ulthera .sp-video-body{padding-bottom:16px}
#view-ulthera .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-ulthera .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-ulthera .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-ulthera .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-ulthera .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-ulthera .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-ulthera .sp-tech>img{width:76px;height:99px}
 #view-ulthera .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-ulthera .sp-homecare>img{max-height:220px}
}
#view-ulthera .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-ulthera .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-ulthera .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-ulthera .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-ulthera .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-ulthera .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-ulthera .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-ulthera .sp-final .btn{font-size:14px}
#view-ulthera .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-ulthera :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-ulthera .sp-devices{grid-template-columns:1fr}
  #view-ulthera .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-ulthera .sp-device-head{margin-bottom:0}
  #view-ulthera .sp-device .sp-disclosure{grid-column:1/-1}
  #view-ulthera .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-ulthera .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-ulthera .sp-doctor>img{width:90px;height:100px}
  #view-ulthera .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-ulthera .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-ulthera .sp-hero h1{font-size:32px}
  #view-ulthera .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-ulthera .sp-hero-lead{margin-top:17px}
  #view-ulthera .sp-hero-photo img{aspect-ratio:16/9}
  #view-ulthera .sp-hero-photo figcaption{font-size:12px}
  #view-ulthera .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-ulthera .sp-types,#view-ulthera .sp-cases,#view-ulthera .sp-approach,#view-ulthera .sp-prices{grid-template-columns:1fr}
  #view-ulthera .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-ulthera .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-ulthera .sp-type-body{padding:19px 20px}
  #view-ulthera .sp-type h3{font-size:20px}
  #view-ulthera .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-ulthera .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-ulthera .sp-approach{gap:24px}
  #view-ulthera .sp-approach-image img{max-height:260px}
  #view-ulthera .sp-recovery{grid-template-columns:1fr}
  #view-ulthera .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-ulthera .sp-recovery>div:last-child{border-bottom:0}
  #view-ulthera .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-ulthera .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-ulthera .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-ulthera .sp-hero h1{font-size:29px}
  #view-ulthera .sp-actions{align-items:stretch}
  #view-ulthera .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-ulthera .sp-type{grid-template-columns:1fr}
  #view-ulthera .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-ulthera .sp-type-art img{max-height:130px}
  #view-ulthera .sp-layer-labels{justify-content:center;gap:26px}
  #view-ulthera .sp-type-body{padding:19px 20px}
  #view-ulthera .sp-case-head,#view-ulthera .sp-case-body{padding-inline:18px}
  #view-ulthera .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-ulthera .sp-case-photos{padding-inline:10px;gap:4px}
  #view-ulthera .sp-device{display:block;padding:20px}
  #view-ulthera .sp-device-head{margin-bottom:14px}
  #view-ulthera .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-ulthera .sp-flow>li{padding:18px 20px}
  #view-ulthera .sp-flow-head{margin-bottom:10px}
  #view-ulthera .sp-price{padding:22px}
  #view-ulthera .sp-price-intro{padding:20px}
  #view-ulthera .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-ulthera .sp-price-list dd{flex-basis:100%}
  #view-ulthera .sp-doctor{gap:14px}
  #view-ulthera .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-ulthera :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-ulthera .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-ulthera .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-ulthera .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-ulthera .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-ulthera .sp-entry-link:first-child{padding-left:0}
#view-ulthera .sp-entry-link:last-child{border-right:0}
#view-ulthera .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-ulthera .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-ulthera .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-ulthera .sp-entry-link:hover{background:var(--sp-soft)}
#view-ulthera .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-ulthera .sp-consult h3{font-size:24px;line-height:1.65}
#view-ulthera .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-ulthera .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-ulthera .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-ulthera .sp-consult .sp-note{margin-top:7px}
#view-ulthera #s-doctor-section{padding-top:58px}
#view-ulthera #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-ulthera .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-ulthera .sp-expertise-grid figure{align-self:center}
#view-ulthera .sp-expertise-facts dt{font-size:16px}
#view-ulthera .sp-expertise-facts dd{font-size:14px}
#view-ulthera .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-ulthera .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-ulthera .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-ulthera .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .sp-flow{list-style:none;padding:0}
#view-ulthera .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-ulthera .sp-flow-head img,#view-ulthera .sp-video video{border:1px solid var(--sp-border)}
#view-ulthera .sp-recovery{border:0}
#view-ulthera .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-ulthera .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-ulthera .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-ulthera .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-ulthera .sp-visit-info a{color:var(--on-night)}
#view-ulthera a:focus-visible,#view-ulthera summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-ulthera .sp-entry-links{grid-template-columns:1fr}
 #view-ulthera .sp-entry-link,#view-ulthera .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-ulthera .sp-entry-link:last-child{border-bottom:0}
 #view-ulthera .sp-entry-link strong{font-size:18px}
 #view-ulthera .sp-entry-link span span{margin-top:3px}
 #view-ulthera .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-ulthera .sp-consult h3{font-size:22px}
 #view-ulthera .sp-consult ul{display:block}
 #view-ulthera .sp-consult li{margin-top:6px}
 #view-ulthera .sp-consult .btn{width:100%}
 #view-ulthera .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-ulthera .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-ulthera .sp-recovery>div::before{top:4px;left:-5px}
 #view-ulthera .sp-recovery>div:last-child{padding-bottom:0}
 #view-ulthera .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-ulthera *{scroll-behavior:auto;transition:none}}

#view-ulthera .sp-type-art img{max-height:145px}
#view-ulthera .sp-type-body{padding:20px}
#view-ulthera .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-ulthera .sp-price>p.sp-price-unit,#view-ulthera .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-ulthera .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-ulthera .sp-price{padding:26px 0}
 #view-ulthera .sp-price-description{margin-bottom:20px}
 #view-ulthera .sp-price>.sp-note{min-height:0}
 #view-ulthera .sp-price h3{font-size:23px}
 #view-ulthera .sp-price .sp-yen{font-size:20px}
 #view-ulthera .sp-price-intro{padding:22px;gap:16px}
 #view-ulthera .sp-price-intro>div{flex-basis:100%}
}

#view-ulthera .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-ulthera .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-ulthera .sp-consult-fees>div:last-child{border-bottom:0}
#view-ulthera .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-ulthera .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-ulthera .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-ulthera .sp-consult-fees{flex-basis:100%}#view-ulthera .sp-consult-fees dd{font-size:21px}#view-ulthera .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-ulthera .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-ulthera .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-ulthera .sp-price-intro{padding:20px 18px;gap:18px}
 #view-ulthera .sp-consult-fees{flex-basis:100%;width:100%}
 #view-ulthera .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-ulthera .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-ulthera .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-ulthera .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-ulthera .sp-fee-period::before{content:none}
 html[lang="en"] #view-ulthera .sp-fee-period{white-space:normal;font-size:14px}
 #view-ulthera .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-ulthera .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-ulthera .sp-prices{gap:16px;border:0}
 #view-ulthera .sp-price,#view-ulthera .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-ulthera .sp-price-heading{order:0;margin-bottom:14px}
 #view-ulthera .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-ulthera .sp-price h3{font-size:22px;letter-spacing:0}
 #view-ulthera .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-ulthera .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-ulthera .sp-price .sp-price-unit{font-size:12px}
 #view-ulthera .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-ulthera .sp-price>.sp-note{order:3;margin-top:10px}
 #view-ulthera .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-ulthera .sp-price,#view-ulthera .sp-price+.sp-price{padding:20px 16px}
 #view-ulthera .sp-price h3{font-size:20px}
 #view-ulthera .sp-price .sp-yen{font-size:20px}
 #view-ulthera .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-ulthera .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-ulthera .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-ulthera .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-ulthera .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-ulthera .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-ulthera .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-ulthera .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-ulthera .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-ulthera .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-ulthera .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-ulthera .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-ulthera .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-ulthera .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-ulthera .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-ulthera .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-ulthera .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-ulthera .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-ulthera .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-ulthera .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-ulthera .sp-entry-hint{margin:8px 0 22px}
#view-ulthera .sp-entry-links{gap:14px;border:0}
#view-ulthera .sp-entry-link,#view-ulthera .sp-entry-link:first-child,#view-ulthera .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-ulthera .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-ulthera .sp-entry-link:hover,#view-ulthera .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-ulthera .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-ulthera .sp-entry-copy{min-width:0}
#view-ulthera .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-ulthera .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-ulthera .sp-entry-question{font-size:22px}
 #view-ulthera .sp-entry-link,#view-ulthera .sp-entry-link:first-child,#view-ulthera .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-ulthera .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-ulthera .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-ulthera .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .sp-anes{margin-top:10px}
#view-ulthera .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-ulthera .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-ulthera .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-ulthera .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-ulthera .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-ulthera .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-ulthera .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-ulthera .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-ulthera .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-ulthera .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-ulthera .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-ulthera .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-ulthera .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-ulthera .hg-head>div{min-width:0}
#view-ulthera .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-ulthera .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-ulthera .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-ulthera .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-ulthera .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-ulthera .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-ulthera .hg-menu-photo{margin:0}
#view-ulthera .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-ulthera .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-ulthera .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-ulthera .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-ulthera .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-ulthera .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-ulthera .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-ulthera .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-ulthera .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-ulthera .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-ulthera .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-ulthera .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-ulthera .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-ulthera .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-ulthera .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-ulthera .hg-menu-note{margin:14px 0 0}
#view-ulthera .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-ulthera .hg-menu-links-label{margin-right:4px}
#view-ulthera .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-ulthera .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-ulthera .hg-menu-fees{gap:8px}#view-ulthera .hg-fee{padding:14px 14px 12px}#view-ulthera .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-ulthera .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-ulthera .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-ulthera .hg-menu-range{margin:14px 0 0}
#view-ulthera .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-ulthera .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-ulthera .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-ulthera .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-ulthera .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-ulthera .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-ulthera .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-ulthera .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-ulthera .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-ulthera .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-ulthera .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-ulthera .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-ulthera .cg-card{padding:0;background:transparent;border:0}
#view-ulthera .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-ulthera .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-ulthera .cg-card .case-image{margin:0}
#view-ulthera .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-ulthera .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-ulthera .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-ulthera .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-ulthera .cg-details summary:hover{color:var(--gold-ink)}
#view-ulthera .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-ulthera .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-ulthera .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-ulthera .cg-details dt{padding-top:13px}
#view-ulthera .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-ulthera .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-ulthera .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-ulthera .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-ulthera .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-ulthera .sp-section .dn-gallery,#view-ulthera .sp-section .sw-gallery,#view-ulthera .sp-section .pc-lecture-figs,#view-ulthera .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-ulthera .sp-section .sw-interview,#view-ulthera .sp-section .ul-doctor-grid,#view-ulthera .sp-section .sv-doctor-hero,#view-ulthera .sp-section .wrx-evidence,#view-ulthera .sp-section .uex-evidence,#view-ulthera .sp-section .ml-doctor-grid,#view-ulthera .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-ulthera .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-ulthera .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-ulthera .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-ulthera .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-ulthera .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-ulthera .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-ulthera .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-ulthera .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-ulthera .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-ulthera .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-ulthera .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-ulthera .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .hgd-svg{display:block;width:100%;height:auto}
#view-ulthera .hgd-sp{display:none}
#view-ulthera .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-ulthera .hgd-layer{font-size:30px}
#view-ulthera .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-ulthera .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-ulthera .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-ulthera .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-ulthera .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-ulthera .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-ulthera .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-ulthera .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-ulthera .hgd-art{opacity:.92}
#view-ulthera .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-ulthera .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-ulthera .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-ulthera .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-ulthera .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-ulthera .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-ulthera .hgd-layer{font-size:25px}
html[lang^="en"] #view-ulthera .hgd-sub{font-size:19px}
html[lang^="en"] #view-ulthera .hgd-br{font-size:27px}
#view-ulthera .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-ulthera .hgd-pc .hgd-layer{font-size:38px}
 #view-ulthera .hgd-pc .hgd-sub{font-size:30px}
 #view-ulthera .hgd-pc .hgd-name{font-size:42px}
 #view-ulthera .hgd-pc .hgd-kind{font-size:31px}
 #view-ulthera .hgd-pc .hgd-br{font-size:36px}
 #view-ulthera .hgd-pc .hgd-mm{font-size:40px}
 #view-ulthera .hgd-pc .hgd-note{font-size:26px}
 #view-ulthera .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-ulthera .hg-lineup img{width:72px;height:72px}
 #view-ulthera .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-ulthera .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-ulthera .hg-lineup,#view-ulthera .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-ulthera .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-ulthera .hg-lineup img{width:56px;height:56px}
 #view-ulthera .hg-lineup figcaption{padding:7px 8px}
 #view-ulthera .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-ulthera .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-ulthera .hg-lineup figcaption small{font-size:10.5px}
 #view-ulthera .hgd-pc{display:none}
 #view-ulthera .hgd-sp{display:block}
 #view-ulthera .hgd-layer,#view-ulthera .hgd-name,#view-ulthera .hgd-br,#view-ulthera .hgd-mm{font-size:34px}
 #view-ulthera .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-ulthera .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-ulthera .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-ulthera .hgd-layer{font-size:30px}
 #view-ulthera .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-ulthera .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-ulthera .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-ulthera. */
#view-ulthera .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ulthera .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-ulthera .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-ulthera .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-ulthera .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-ulthera .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-ulthera .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-ulthera .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-ulthera .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-ulthera .pc-table th,#view-ulthera .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-ulthera .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-ulthera .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-ulthera .pc-table tbody tr:last-child th,#view-ulthera .pc-table tbody tr:last-child td{border-bottom:0}
#view-ulthera .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-ulthera .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-ulthera .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-ulthera .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-ulthera .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-ulthera .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-ulthera .pc-point-face{width:92px;height:92px}}
#view-ulthera .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-ulthera .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-ulthera .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ulthera .pc-explain p+p{margin-top:12px}
#view-ulthera .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-ulthera .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-ulthera .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-ulthera .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-ulthera .pc-books h3{font-size:18px;margin-bottom:12px}
#view-ulthera .pc-books ul{list-style:none;padding:0;margin:0}
#view-ulthera .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-ulthera .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-ulthera .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-ulthera .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-ulthera .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-ulthera .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-ulthera .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-ulthera .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-ulthera .pc-tag{margin:0}
#view-ulthera .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-ulthera .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-ulthera .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-ulthera .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-ulthera .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-ulthera .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-ulthera .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-ulthera .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-ulthera .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-ulthera .pc-approval>div:last-child{border-bottom:0}
#view-ulthera .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-ulthera .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-ulthera .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-ulthera .pc-glance,#view-ulthera .pc-modes{grid-template-columns:1fr}#view-ulthera .pc-explain{grid-template-columns:1fr}#view-ulthera .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-ulthera .pc-concern-links{grid-template-columns:1fr}#view-ulthera .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-ulthera .pc-books,#view-ulthera .pc-quote,#view-ulthera .pc-point{padding:20px}#view-ulthera .pc-glance-num span{font-size:32px}#view-ulthera .pc-table{font-size:13px}#view-ulthera .pc-table th,#view-ulthera .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-ulthera .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-ulthera .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-ulthera .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-ulthera .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-ulthera .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-ulthera .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-ulthera .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-ulthera .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-ulthera .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-ulthera .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-ulthera .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-ulthera .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-ulthera .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-ulthera .pc-video{margin:0 0 28px;max-width:820px}
#view-ulthera .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-ulthera .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-ulthera .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-ulthera .pc-lasers-media .pc-video,#view-ulthera .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-ulthera .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-ulthera .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-ulthera .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-ulthera .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-ulthera .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-ulthera .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-ulthera .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-ulthera .pc-hero-video .sp-video{margin:0}
#view-ulthera .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-ulthera .pc-cell-label{display:none}
@media(max-width:760px){
#view-ulthera .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-ulthera .pc-table{min-width:0;display:block;font-size:14px}
#view-ulthera .pc-table caption{display:block;padding:0 0 10px}
#view-ulthera .pc-table thead{display:none}
#view-ulthera .pc-table tbody{display:block}
#view-ulthera .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-ulthera .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-ulthera .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-ulthera .pc-table tr td:last-child{border-bottom:0}
#view-ulthera .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-ulthera .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-ulthera .pc-cell-value{display:block;line-height:1.75}
}
#view-ulthera .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-ulthera .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-ulthera .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-ulthera .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-ulthera .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-ulthera .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-ulthera .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-ulthera .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-ulthera .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-ulthera .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-ulthera .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-ulthera .pcx-video{margin:0 0 26px;max-width:780px}
#view-ulthera .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-ulthera .pcx-table-details{margin-top:18px}
#view-ulthera .pcx-table-details .pc-table-wrap{margin-top:0}
#view-ulthera .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-ulthera .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-ulthera .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ulthera #pc-lasers .pc-point{margin-top:40px}
#view-ulthera .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-ulthera .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-ulthera .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-ulthera .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-ulthera .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-ulthera .pcx-case-hint{margin-top:6px}
#view-ulthera #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-ulthera .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-ulthera .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-ulthera .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-ulthera .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-ulthera .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-ulthera .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-ulthera .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-ulthera .pcx-hero-points{margin-top:22px}
#view-ulthera .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-ulthera .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-ulthera .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-ulthera .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-ulthera .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-ulthera .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-ulthera .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ulthera .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-ulthera .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-ulthera .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-ulthera .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-ulthera .pcx-mode-art img{display:block;width:100%;height:auto}
#view-ulthera .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-ulthera .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-ulthera .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-ulthera .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-ulthera .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-ulthera .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-ulthera .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-ulthera .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-ulthera .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-ulthera .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-ulthera .pcx-case-sep{display:none}
  #view-ulthera .pcx-case-name{display:block}
  #view-ulthera .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-ulthera .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-ulthera .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-ulthera .pcx-diff-changed{border-top-color:var(--gold)}
#view-ulthera .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-ulthera .pcx-diff-card dl{margin:0}
#view-ulthera .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-ulthera .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-ulthera .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-ulthera .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-ulthera .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-ulthera .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-ulthera .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-ulthera .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-ulthera .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-ulthera .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-ulthera .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-ulthera .pcx-history>li:last-child{padding-bottom:0}
#view-ulthera .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-ulthera .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-ulthera .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-ulthera .pcx-h-tag{margin:0 0 4px}
#view-ulthera .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-ulthera .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-ulthera .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-ulthera .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-ulthera .pcx-history-wrap>.sp-note{margin-top:20px}
#view-ulthera #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-ulthera .pcx-diff{grid-template-columns:1fr}
 #view-ulthera .pcx-diff-card{padding:18px 16px 14px}
 #view-ulthera .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-ulthera .pcx-depth{padding:16px}
 #view-ulthera .pcx-history::before{left:3.4em}
 #view-ulthera .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-ulthera .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-ulthera .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-ulthera .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-ulthera .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-ulthera .pcx-h-photo{margin:4px 0 0}
#view-ulthera .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-ulthera .pcx-h-device .pcx-h-photo img,#view-ulthera #pc-history .pcx-h-photo img[src*="picosure-"],#view-ulthera #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-ulthera .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-ulthera .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-ulthera .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-ulthera. */
#view-ulthera .sw-device-photo{max-width:820px}
#view-ulthera .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-ulthera .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-ulthera .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .sw-figures{max-width:none}
#view-ulthera .sw-figure img{display:block;width:100%;height:auto}
#view-ulthera .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-ulthera .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-ulthera .sw-figures .sw-figure{margin:0}
#view-ulthera .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-ulthera .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-ulthera .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-ulthera .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-ulthera .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .pc-explain h3+p+h3{margin-top:22px}
#view-ulthera .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-ulthera .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-ulthera .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-ulthera .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-ulthera .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-ulthera .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-ulthera .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-ulthera .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-ulthera .sw-history li{position:relative;padding:0 0 22px 28px}
#view-ulthera .sw-history li:last-child{padding-bottom:0}
#view-ulthera .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-ulthera .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-ulthera .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-ulthera .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-ulthera .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-ulthera .sw-gallery figure{margin:0}
#view-ulthera .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-ulthera .sw-gallery img.is-portrait{object-position:50% 30%}
#view-ulthera .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-ulthera .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-ulthera .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-ulthera .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ulthera .sw-case-photo{margin:0;background:#111}
#view-ulthera .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-ulthera .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-ulthera .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-ulthera .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-ulthera .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-ulthera .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-ulthera .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-ulthera .sw-area-prices li:last-child{border-bottom:0}
#view-ulthera .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-ulthera .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-ulthera .sw-papers,#view-ulthera .sw-history-wrap,#view-ulthera .sw-cases,#view-ulthera .sw-price-list{grid-template-columns:1fr}#view-ulthera .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-ulthera .sw-steps,#view-ulthera .sw-figures,#view-ulthera .sw-gallery{grid-template-columns:1fr}#view-ulthera .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-ulthera .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-ulthera .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .sw-interview-video{margin:0;max-width:none}
#view-ulthera .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-ulthera .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-ulthera .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-ulthera .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-ulthera .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-ulthera .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-ulthera .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-ulthera .sw-ttt-design,#view-ulthera .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .sw-ttt-face,#view-ulthera .sw-heat-field{margin:0}
#view-ulthera .sw-ttt-face img,#view-ulthera .sw-heat-field img{display:block;width:100%;height:auto}
#view-ulthera .sw-heat-field img{border:1px solid var(--sp-border)}
#view-ulthera .sw-ttt-face figcaption,#view-ulthera .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-ulthera .sw-ttt-text .sp-kicker,#view-ulthera .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-ulthera .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-ulthera .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-ulthera .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-ulthera .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-ulthera .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-ulthera .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-ulthera .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-ulthera .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-ulthera .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-ulthera .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-ulthera .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-ulthera .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-ulthera .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-ulthera .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-ulthera .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-ulthera .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-ulthera .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-ulthera .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-ulthera .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-ulthera .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-ulthera .sw-ttt-design,#view-ulthera .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-ulthera .sw-ttt-face,#view-ulthera .sw-heat-field{max-width:420px}#view-ulthera .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-ulthera .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-ulthera .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-ulthera .sw-ct-cases-head{margin:44px 0 18px}
#view-ulthera .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-ulthera .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-ulthera .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-ulthera .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-ulthera .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-ulthera .sw-ct-group{margin-top:40px}
#view-ulthera .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-ulthera .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-ulthera .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-ulthera .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-ulthera .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-ulthera .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-ulthera .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-ulthera .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-ulthera .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-ulthera .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-ulthera .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-ulthera .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-ulthera .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-ulthera .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-ulthera .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-ulthera .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-ulthera .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ulthera .sw-table-details,#view-ulthera .sw-record{margin-top:26px}
#view-ulthera .sw-table-details .sp-disclosure-content,#view-ulthera .sw-record .sp-disclosure-content,#view-ulthera .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-ulthera .sw-table-details .pc-table-wrap{margin-top:0}
#view-ulthera .sw-record .sw-history-wrap{margin-top:6px}
#view-ulthera .sw-ct-more{margin-top:18px}
#view-ulthera .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-ulthera .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-ulthera .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-ulthera .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-ulthera .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-ulthera .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .sw-3d-video{margin:0;max-width:none}
#view-ulthera .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-ulthera .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-ulthera .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-ulthera .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-ulthera .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-ulthera .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-ulthera .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-ulthera .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-ulthera .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-ulthera .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ulthera .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-ulthera .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-ulthera .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-ulthera .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-ulthera .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-ulthera .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-ulthera .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-ulthera .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-ulthera .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-ulthera .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-ulthera .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-ulthera .swx-hero-points{margin-top:22px}
#view-ulthera .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-ulthera .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-ulthera .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-ulthera .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-ulthera .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-ulthera .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-ulthera .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ulthera .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-ulthera .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-ulthera .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-ulthera .swx-hero-video{margin:0}
#view-ulthera .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-ulthera .sp-video video:not([controls]){pointer-events:none}

/* Ulthera device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-ulthera. Tokens only. */
#view-ulthera .ul-hero-photo img{aspect-ratio:4/3;object-fit:cover;background:#fff}
#view-ulthera .ul-hero-photo figcaption{font-size:12px;color:var(--ink-3);margin-top:8px}

/* Concerns */

/* Depth chart: 0-6 mm mapped to the chart height */
#view-ulthera .ul-depth{margin:30px 0 24px;background:#fff;border:1px solid var(--sp-border);padding:26px 26px 0}
#view-ulthera .ul-depth-chart{--mm:58px;position:relative;height:calc(var(--mm)*6);margin-left:44px}
#view-ulthera .ul-layer{position:absolute;left:0;right:0;display:flex;align-items:center;padding-left:16px;font-size:13px;color:var(--ink-2);letter-spacing:.02em}
#view-ulthera .ul-layer span{position:relative;z-index:1}
#view-ulthera .l-epi{top:0;height:calc(var(--mm)*.3);background:color-mix(in srgb,var(--gold) 34%,#fff);font-size:11px}
#view-ulthera .l-derm{top:calc(var(--mm)*.3);height:calc(var(--mm)*3.2);background:color-mix(in srgb,var(--gold) 16%,#fff);align-items:flex-start;padding-top:10px}
#view-ulthera .l-sub{top:calc(var(--mm)*3.5);height:calc(var(--mm)*.7);background:var(--sp-soft)}
#view-ulthera .l-smas{top:calc(var(--mm)*4.2);height:calc(var(--mm)*.8);background:color-mix(in srgb,var(--ink-3) 22%,#fff);color:var(--ink)}
#view-ulthera .l-deep{top:calc(var(--mm)*5);height:calc(var(--mm)*1);background:color-mix(in srgb,var(--ink-3) 10%,#fff)}
#view-ulthera .ul-focus{position:absolute;left:44%;right:0;height:0;display:flex;align-items:center;gap:5%;z-index:2}
#view-ulthera .ul-focus.f15{top:calc(var(--mm)*1.5)}
#view-ulthera .ul-focus.f30{top:calc(var(--mm)*3)}
#view-ulthera .ul-focus.f45{top:calc(var(--mm)*4.5)}
#view-ulthera .ul-focus i{display:block;width:16px;height:8px;border-radius:50%;background:var(--night);flex:none;margin-top:-4px}
#view-ulthera .ul-focus b{margin:-4px 0 0 auto;padding:2px 10px;background:#fff;border:1px solid var(--gold);font:500 14px/1.4 var(--fig);color:var(--gold-ink);white-space:nowrap}
#view-ulthera .ul-focus b small{font-size:11px;margin-left:1px}
#view-ulthera .ul-ruler{position:absolute;left:-44px;top:0;bottom:0;width:36px;border-right:1px solid var(--ink-3)}
#view-ulthera .ul-ruler span{position:absolute;right:6px;font:11px/1 var(--fig);color:var(--ink-3);transform:translateY(-50%)}
#view-ulthera .ul-ruler span:nth-child(1){top:0;transform:none}
#view-ulthera .ul-ruler span:nth-child(2){top:calc(var(--mm)*2)}
#view-ulthera .ul-ruler span:nth-child(3){top:calc(var(--mm)*4)}
#view-ulthera .ul-ruler span:nth-child(4){top:auto;bottom:0;transform:none}
#view-ulthera .ul-depth figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:12px 0 14px;margin-top:18px;border-top:1px solid var(--sp-border)}
#view-ulthera .ul-depth-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px}
#view-ulthera .ul-depth-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 22px;min-width:0}
#view-ulthera .ul-depth-num{display:flex;align-items:baseline;gap:3px;margin:0 0 8px;color:var(--gold-ink)}
#view-ulthera .ul-depth-num span{font:500 32px/1 var(--fig)}
#view-ulthera .ul-depth-num small{font:500 14px/1 var(--fig)}
#view-ulthera .ul-depth-num em{font:12px/1 var(--fig);font-style:normal;color:var(--ink-3);margin-left:auto;border:1px solid var(--sp-border);padding:4px 8px}
#view-ulthera .ul-depth-card h3{font-size:17px;line-height:1.5;margin:0 0 6px}
#view-ulthera .ul-depth-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}

/* HIFU points vs SUPERB bands */
#view-ulthera .ul-beams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 8px}
#view-ulthera .ul-beam{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .ul-beam figcaption{font-size:13px;line-height:1.7;color:var(--ink-2);padding:12px 18px;border-top:1px solid var(--sp-border)}
#view-ulthera .ul-beam-art{position:relative;height:190px;background:linear-gradient(to bottom,color-mix(in srgb,var(--gold) 34%,#fff) 0 8px,color-mix(in srgb,var(--gold) 16%,#fff) 8px 110px,var(--sp-soft) 110px 140px,color-mix(in srgb,var(--ink-3) 18%,#fff) 140px 170px,color-mix(in srgb,var(--ink-3) 8%,#fff) 170px)}
#view-ulthera .b-row{position:absolute;left:12%;right:12%;height:9px;background:radial-gradient(ellipse 9px 4.5px at center,var(--night) 98%,transparent) 0 0/calc(100%/7) 9px repeat-x}
#view-ulthera .b-row.r15{top:40px}
#view-ulthera .b-row.r30{top:92px;opacity:.55}
#view-ulthera .b-row.r45{top:150px;opacity:.3}
#view-ulthera .b-cool{position:absolute;left:10%;right:10%;top:0;height:4px;background:var(--ink-3)}
#view-ulthera .b-cols{position:absolute;left:14%;right:14%;top:30px;height:50px;display:flex;justify-content:space-between}
#view-ulthera .b-cols i{display:block;width:12px;border-radius:6px;background:var(--night);opacity:.75}

/* Layer map */
#view-ulthera .ul-layer-map{list-style:none;margin:30px 0 12px;padding:0;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .ul-layer-map li{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--sp-border);border-left:4px solid var(--lm)}
#view-ulthera .ul-layer-map li:last-child{border-bottom:0}
#view-ulthera .ul-lm-skin{--lm:color-mix(in srgb,var(--gold) 34%,#fff)}
#view-ulthera .ul-lm-dermis{--lm:color-mix(in srgb,var(--gold) 60%,#fff)}
#view-ulthera .ul-lm-smas{--lm:var(--gold)}
#view-ulthera .ul-lm-support{--lm:var(--ink-3)}
#view-ulthera .ul-lm-muscle{--lm:var(--night)}
#view-ulthera .ul-lm-layer b{display:block;font-size:16px;font-weight:500;line-height:1.5}
#view-ulthera .ul-lm-layer span{display:block;font-size:13px;line-height:1.6;color:var(--ink-3);margin-top:2px}
#view-ulthera .ul-lm-tx{display:flex;flex-wrap:wrap;gap:8px}
#view-ulthera .ul-chip{display:inline-block;font-size:13px;line-height:1.5;padding:6px 12px;border:1px solid var(--sp-border);background:var(--sp-soft);color:var(--ink);text-decoration:none}
#view-ulthera .ul-chip:hover{border-color:var(--gold);color:var(--gold-ink)}
#view-ulthera .ul-hs-depth{margin:34px 0 6px;scroll-margin-top:96px}
#view-ulthera .ul-nb{display:inline-block}
#view-ulthera .ul-combos{margin:34px 0 10px}
#view-ulthera .ul-combo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
#view-ulthera .ul-combo{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ulthera .ul-combo-ph{margin:0}
#view-ulthera .ul-combo-ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-ulthera .ul-combo-body{padding:18px 22px 22px}
#view-ulthera .ul-combo h3{font-size:16px;line-height:1.6;margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid var(--sp-border)}
#view-ulthera .ul-combo p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-ulthera .ul-expertise{margin-top:28px}

@media(max-width:900px){#view-ulthera .ul-depth-cards{grid-template-columns:1fr}#view-ulthera .ul-combo-grid{grid-template-columns:1fr}}
@media(max-width:760px){
#view-ulthera .ul-depth{padding:18px 14px 0}
#view-ulthera .ul-depth-chart{--mm:48px;margin-left:34px}
#view-ulthera .ul-ruler{left:-34px;width:28px}
#view-ulthera .ul-layer{padding-left:8px;font-size:11px}
#view-ulthera .ul-focus{left:60%;gap:4%}
#view-ulthera .ul-focus i{width:10px;height:6px;margin-top:-3px}
#view-ulthera .ul-focus i:nth-child(n+4){display:none}
#view-ulthera .ul-focus b{font-size:12px;padding:1px 6px}
#view-ulthera .ul-beams{grid-template-columns:1fr}
#view-ulthera .ul-layer-map li{grid-template-columns:1fr;gap:10px;padding:14px 16px}
}

/* 2026-09-26 magazine-style reading order: quick cards up top, a picture in every text-only stretch, comparison table behind a disclosure. Tokens only; ul- prefix (this file is used by #view-ulthera only). */
#view-ulthera .ul-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-ulthera .ul-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-ulthera .ul-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-ulthera .ul-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-ulthera .ul-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-ulthera .ul-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .ul-figure img{display:block;width:100%;height:auto}
#view-ulthera .ul-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);padding:10px 16px 12px;border-top:1px solid var(--sp-border)}
#view-ulthera .ul-about-figure{max-width:820px;margin:0 0 28px}
#view-ulthera .ul-about-figure img{aspect-ratio:1520/690;object-fit:cover}
#view-ulthera .ul-depth-explain{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;margin-top:30px;align-items:start}
#view-ulthera .ul-depth-explain h3{font-size:19px;margin-bottom:10px}
#view-ulthera .ul-depth-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-ulthera .ul-depth-explain-text>div+div{margin-top:22px}
#view-ulthera .ul-depth-explain figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3)}
#view-ulthera .ul-depth-fat img{aspect-ratio:3/2;object-fit:cover}
#view-ulthera .ul-layers-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:-6px}
#view-ulthera .ul-layers-intro>p{font-size:16px;line-height:1.9;color:var(--ink-2);max-width:46em}
#view-ulthera .ul-layers-figure img{aspect-ratio:3/2;object-fit:cover}
#view-ulthera .ul-table-details{margin-top:26px}
#view-ulthera .ul-table-details .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-ulthera .ul-table-details .pc-table-wrap{margin-top:0}
#view-ulthera .ul-doctor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px;align-items:start;margin-top:28px}
#view-ulthera .ul-doctor-grid .ul-expertise{margin-top:0}
#view-ulthera .ul-doctor-photo img{aspect-ratio:1480/970;object-fit:cover}
#view-ulthera .ul-pain{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px;align-items:center;margin-top:28px;padding:24px;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .ul-pain h3{font-size:18px;line-height:1.6;margin:0 0 10px}
#view-ulthera .ul-pain p{font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-ulthera .ul-pain p+p{margin-top:10px}
#view-ulthera .ul-pain-photo{margin:0}
#view-ulthera .ul-pain-photo img{display:block;width:100%;height:auto;aspect-ratio:470/300;object-fit:cover}
@media(max-width:900px){#view-ulthera .ul-quick{grid-template-columns:repeat(2,minmax(0,1fr))}#view-ulthera .ul-depth-explain,#view-ulthera .ul-layers-intro,#view-ulthera .ul-doctor-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){#view-ulthera .ul-quick{grid-template-columns:minmax(0,1fr)}#view-ulthera .ul-pain{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}}

/* 2026-09-28: 3D depth illustration with SVG wording; comparison illustrations shared with the Sofwave page */
#view-ulthera .ul-depth-3d{padding:0}
#view-ulthera .ul-depth-scroll{overflow-x:auto}
#view-ulthera .ul-depth-3d svg{display:block;width:100%;height:auto;min-width:640px;background:#fff}
#view-ulthera .ul-depth-3d text{font-family:var(--sans)}
#view-ulthera .ul-d3-layer{font-size:30px;font-weight:400;fill:#3D3D3F}
#view-ulthera .ul-d3-mm{font-family:var(--fig);font-size:40px;font-weight:400;fill:#3D3D3F}
html[lang^="en"] #view-ulthera .ul-d3-layer{font-size:25px}
#view-ulthera .ul-depth-3d figcaption{padding:12px 20px 14px;margin-top:0;border-top:1px solid var(--sp-border)}
#view-ulthera .ul-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-ulthera .ul-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-ulthera .ul-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-ulthera .ul-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-ulthera .ul-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-ulthera .ul-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-ulthera .ul-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-ulthera .ul-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}

/* Concerns: one photo per area (2026-09-28) */
#view-ulthera .ul-concern-cards{list-style:none;margin:30px 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#view-ulthera .ul-concern-cards li{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-ulthera .ul-concern-cards figure{margin:0;overflow:hidden}
#view-ulthera .ul-concern-cards img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-ulthera .ul-concern-cards li>div{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
#view-ulthera .ul-concern-cards b{font-size:15px;font-weight:500;line-height:1.7;letter-spacing:.04em;color:var(--ink);text-wrap:balance}
@media(max-width:1000px){#view-ulthera .ul-concern-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-ulthera .ul-concern-cards{gap:12px}#view-ulthera .ul-concern-cards li>div{padding:12px 12px 14px}#view-ulthera .ul-concern-cards b{font-size:13.5px}}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-ulthera .ul-hero-points{margin-top:22px}
#view-ulthera .ul-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-ulthera .ul-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-ulthera .ul-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-ulthera .ul-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-ulthera .ul-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-ulthera .ul-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-ulthera .ul-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-ulthera .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-ulthera .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 the depth figures sit on the artwork and get a soft white chip; the layer names in the white margin stay plain */
#view-ulthera .ul-defs{position:absolute;width:0;height:0;overflow:hidden}
#view-ulthera .ul-d3-mm{filter:url(#ul-chip);fill:var(--ink)}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-neauvia{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-neauvia .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-neauvia .sp-soft{background:var(--sp-soft)}
#view-neauvia .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-neauvia .sp-heading{margin-bottom:26px;max-width:46em}
#view-neauvia .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-neauvia .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-neauvia .sp-heading .sp-kicker{margin-top:0}
#view-neauvia .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-neauvia .sp-note a,#view-neauvia .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-neauvia .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-neauvia .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-neauvia .crumbs span::before{content:none}
#view-neauvia .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-neauvia .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-neauvia .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-neauvia .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-neauvia .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-neauvia .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-neauvia .sp-hero-trust a{margin-top:7px}
#view-neauvia .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-neauvia .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-neauvia .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-neauvia .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-neauvia .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-neauvia .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-neauvia .sp-nav a{flex-shrink:0}
#view-neauvia .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-neauvia .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-neauvia .sp-nav a:hover{color:var(--gold-ink)}
#view-neauvia .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-neauvia .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-neauvia .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-neauvia .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-neauvia .sp-type-body{padding:21px 22px 22px}
#view-neauvia .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-neauvia .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-neauvia .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-neauvia .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-neauvia .sp-type .sp-source{margin-top:12px}
#view-neauvia .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-neauvia .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-neauvia .sp-case-head{padding:20px 22px 16px}
#view-neauvia .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-neauvia .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-neauvia .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-neauvia .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-neauvia .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-neauvia .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-neauvia .sp-case-body{padding:18px 22px 22px}
#view-neauvia .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-neauvia .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-neauvia .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-neauvia .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-neauvia .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-neauvia .sp-case-body .sp-source{margin-top:14px}
#view-neauvia .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-neauvia .sp-case-details>summary{min-height:48px}
#view-neauvia .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-neauvia .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-neauvia .sp-approach-list{display:grid;gap:0}
#view-neauvia .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-neauvia .sp-approach-item:first-child{padding-top:0}
#view-neauvia .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-neauvia .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-neauvia .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-neauvia .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-neauvia .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-neauvia .sp-doctor h3{font-size:21px;line-height:1.5}
#view-neauvia .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-neauvia .sp-doctor .sp-source{white-space:nowrap}
#view-neauvia .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-neauvia .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-neauvia .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-neauvia .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-neauvia .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-neauvia .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-neauvia .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .sp-expertise-facts>div:first-child{padding-top:0}
#view-neauvia .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-neauvia .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-neauvia .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-neauvia .sp-expertise-grid figure{max-width:480px}
 #view-neauvia .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-neauvia .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-neauvia .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-neauvia .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-neauvia .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-neauvia .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-neauvia .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-neauvia .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-neauvia .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-neauvia .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-neauvia .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-neauvia .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-neauvia .sp-disclosure>summary::after{content:'＋';flex:none}
#view-neauvia .sp-disclosure[open]>summary::after{content:'−'}
#view-neauvia .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .sp-disclosure-content p+p{margin-top:12px}
#view-neauvia .sp-approval-list{display:grid;gap:10px}
#view-neauvia .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-neauvia .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-neauvia .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-neauvia .sp-price-intro>div{flex:1 1 320px}
#view-neauvia .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-neauvia .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-neauvia .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-neauvia .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-neauvia .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-neauvia .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-neauvia .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-neauvia .sp-price-heading{margin-bottom:16px}
#view-neauvia .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-neauvia .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-neauvia .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-neauvia .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-neauvia .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-neauvia .sp-price .sp-yen{display:block;margin:0}
#view-neauvia .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-neauvia .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-neauvia .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-neauvia .sp-price-list{margin-top:8px}
#view-neauvia .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-neauvia .sp-price-list dt{min-width:0}
#view-neauvia .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-neauvia .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-neauvia .sp-flow-head{display:block;margin-bottom:14px}
#view-neauvia .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-neauvia .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-neauvia .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-neauvia .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-neauvia .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-neauvia .sp-recovery>div:last-child{border-right:0}
#view-neauvia .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-neauvia .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-neauvia .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .sp-risk-details{margin-top:22px}
#view-neauvia .sp-faq{margin-inline:0}
#view-neauvia .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-neauvia .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-neauvia .sp-tech h3{font-size:22px;line-height:1.6}
#view-neauvia .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-neauvia .sp-tech h3+p{margin-top:10px}
#view-neauvia .sp-video>summary{cursor:pointer;list-style:none}
#view-neauvia .sp-video>summary::-webkit-details-marker{display:none}
#view-neauvia .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-neauvia .sp-flow-text{display:block;margin-top:12px}
#view-neauvia .sp-video-body{padding-bottom:16px}
#view-neauvia .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-neauvia .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-neauvia .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-neauvia .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-neauvia .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-neauvia .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-neauvia .sp-tech>img{width:76px;height:99px}
 #view-neauvia .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-neauvia .sp-homecare>img{max-height:220px}
}
#view-neauvia .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-neauvia .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-neauvia .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-neauvia .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-neauvia .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-neauvia .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-neauvia .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-neauvia .sp-final .btn{font-size:14px}
#view-neauvia .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-neauvia :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-neauvia .sp-devices{grid-template-columns:1fr}
  #view-neauvia .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-neauvia .sp-device-head{margin-bottom:0}
  #view-neauvia .sp-device .sp-disclosure{grid-column:1/-1}
  #view-neauvia .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-neauvia .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-neauvia .sp-doctor>img{width:90px;height:100px}
  #view-neauvia .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-neauvia .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-neauvia .sp-hero h1{font-size:32px}
  #view-neauvia .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-neauvia .sp-hero-lead{margin-top:17px}
  #view-neauvia .sp-hero-photo img{aspect-ratio:16/9}
  #view-neauvia .sp-hero-photo figcaption{font-size:12px}
  #view-neauvia .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-neauvia .sp-types,#view-neauvia .sp-cases,#view-neauvia .sp-approach,#view-neauvia .sp-prices{grid-template-columns:1fr}
  #view-neauvia .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-neauvia .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-neauvia .sp-type-body{padding:19px 20px}
  #view-neauvia .sp-type h3{font-size:20px}
  #view-neauvia .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-neauvia .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-neauvia .sp-approach{gap:24px}
  #view-neauvia .sp-approach-image img{max-height:260px}
  #view-neauvia .sp-recovery{grid-template-columns:1fr}
  #view-neauvia .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-neauvia .sp-recovery>div:last-child{border-bottom:0}
  #view-neauvia .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-neauvia .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-neauvia .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-neauvia .sp-hero h1{font-size:29px}
  #view-neauvia .sp-actions{align-items:stretch}
  #view-neauvia .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-neauvia .sp-type{grid-template-columns:1fr}
  #view-neauvia .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-neauvia .sp-type-art img{max-height:130px}
  #view-neauvia .sp-layer-labels{justify-content:center;gap:26px}
  #view-neauvia .sp-type-body{padding:19px 20px}
  #view-neauvia .sp-case-head,#view-neauvia .sp-case-body{padding-inline:18px}
  #view-neauvia .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-neauvia .sp-case-photos{padding-inline:10px;gap:4px}
  #view-neauvia .sp-device{display:block;padding:20px}
  #view-neauvia .sp-device-head{margin-bottom:14px}
  #view-neauvia .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-neauvia .sp-flow>li{padding:18px 20px}
  #view-neauvia .sp-flow-head{margin-bottom:10px}
  #view-neauvia .sp-price{padding:22px}
  #view-neauvia .sp-price-intro{padding:20px}
  #view-neauvia .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-neauvia .sp-price-list dd{flex-basis:100%}
  #view-neauvia .sp-doctor{gap:14px}
  #view-neauvia .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-neauvia :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-neauvia .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-neauvia .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-neauvia .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-neauvia .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-neauvia .sp-entry-link:first-child{padding-left:0}
#view-neauvia .sp-entry-link:last-child{border-right:0}
#view-neauvia .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-neauvia .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-neauvia .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-neauvia .sp-entry-link:hover{background:var(--sp-soft)}
#view-neauvia .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-neauvia .sp-consult h3{font-size:24px;line-height:1.65}
#view-neauvia .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-neauvia .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-neauvia .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-neauvia .sp-consult .sp-note{margin-top:7px}
#view-neauvia #s-doctor-section{padding-top:58px}
#view-neauvia #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-neauvia .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-neauvia .sp-expertise-grid figure{align-self:center}
#view-neauvia .sp-expertise-facts dt{font-size:16px}
#view-neauvia .sp-expertise-facts dd{font-size:14px}
#view-neauvia .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-neauvia .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-neauvia .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-neauvia .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .sp-flow{list-style:none;padding:0}
#view-neauvia .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-neauvia .sp-flow-head img,#view-neauvia .sp-video video{border:1px solid var(--sp-border)}
#view-neauvia .sp-recovery{border:0}
#view-neauvia .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-neauvia .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-neauvia .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-neauvia .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-neauvia .sp-visit-info a{color:var(--on-night)}
#view-neauvia a:focus-visible,#view-neauvia summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-neauvia .sp-entry-links{grid-template-columns:1fr}
 #view-neauvia .sp-entry-link,#view-neauvia .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-neauvia .sp-entry-link:last-child{border-bottom:0}
 #view-neauvia .sp-entry-link strong{font-size:18px}
 #view-neauvia .sp-entry-link span span{margin-top:3px}
 #view-neauvia .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-neauvia .sp-consult h3{font-size:22px}
 #view-neauvia .sp-consult ul{display:block}
 #view-neauvia .sp-consult li{margin-top:6px}
 #view-neauvia .sp-consult .btn{width:100%}
 #view-neauvia .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-neauvia .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-neauvia .sp-recovery>div::before{top:4px;left:-5px}
 #view-neauvia .sp-recovery>div:last-child{padding-bottom:0}
 #view-neauvia .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-neauvia *{scroll-behavior:auto;transition:none}}

#view-neauvia .sp-type-art img{max-height:145px}
#view-neauvia .sp-type-body{padding:20px}
#view-neauvia .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-neauvia .sp-price>p.sp-price-unit,#view-neauvia .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-neauvia .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-neauvia .sp-price{padding:26px 0}
 #view-neauvia .sp-price-description{margin-bottom:20px}
 #view-neauvia .sp-price>.sp-note{min-height:0}
 #view-neauvia .sp-price h3{font-size:23px}
 #view-neauvia .sp-price .sp-yen{font-size:20px}
 #view-neauvia .sp-price-intro{padding:22px;gap:16px}
 #view-neauvia .sp-price-intro>div{flex-basis:100%}
}

#view-neauvia .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-neauvia .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .sp-consult-fees>div:last-child{border-bottom:0}
#view-neauvia .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-neauvia .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-neauvia .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-neauvia .sp-consult-fees{flex-basis:100%}#view-neauvia .sp-consult-fees dd{font-size:21px}#view-neauvia .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-neauvia .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-neauvia .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-neauvia .sp-price-intro{padding:20px 18px;gap:18px}
 #view-neauvia .sp-consult-fees{flex-basis:100%;width:100%}
 #view-neauvia .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-neauvia .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-neauvia .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-neauvia .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-neauvia .sp-fee-period::before{content:none}
 html[lang="en"] #view-neauvia .sp-fee-period{white-space:normal;font-size:14px}
 #view-neauvia .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-neauvia .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-neauvia .sp-prices{gap:16px;border:0}
 #view-neauvia .sp-price,#view-neauvia .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-neauvia .sp-price-heading{order:0;margin-bottom:14px}
 #view-neauvia .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-neauvia .sp-price h3{font-size:22px;letter-spacing:0}
 #view-neauvia .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-neauvia .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-neauvia .sp-price .sp-price-unit{font-size:12px}
 #view-neauvia .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-neauvia .sp-price>.sp-note{order:3;margin-top:10px}
 #view-neauvia .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-neauvia .sp-price,#view-neauvia .sp-price+.sp-price{padding:20px 16px}
 #view-neauvia .sp-price h3{font-size:20px}
 #view-neauvia .sp-price .sp-yen{font-size:20px}
 #view-neauvia .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-neauvia .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-neauvia .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-neauvia .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-neauvia .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-neauvia .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-neauvia .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-neauvia .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-neauvia .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-neauvia .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-neauvia .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-neauvia .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-neauvia .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-neauvia .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-neauvia .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-neauvia .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-neauvia .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-neauvia .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-neauvia .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-neauvia .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-neauvia .sp-entry-hint{margin:8px 0 22px}
#view-neauvia .sp-entry-links{gap:14px;border:0}
#view-neauvia .sp-entry-link,#view-neauvia .sp-entry-link:first-child,#view-neauvia .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-neauvia .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-neauvia .sp-entry-link:hover,#view-neauvia .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-neauvia .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-neauvia .sp-entry-copy{min-width:0}
#view-neauvia .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-neauvia .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-neauvia .sp-entry-question{font-size:22px}
 #view-neauvia .sp-entry-link,#view-neauvia .sp-entry-link:first-child,#view-neauvia .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-neauvia .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-neauvia .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-neauvia .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .sp-anes{margin-top:10px}
#view-neauvia .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-neauvia .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-neauvia .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-neauvia .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-neauvia .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-neauvia .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-neauvia .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-neauvia .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-neauvia .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-neauvia .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-neauvia .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-neauvia .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-neauvia .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-neauvia .hg-head>div{min-width:0}
#view-neauvia .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-neauvia .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-neauvia .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-neauvia .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-neauvia .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-neauvia .hg-menu-photo{margin:0}
#view-neauvia .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-neauvia .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-neauvia .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-neauvia .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-neauvia .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-neauvia .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-neauvia .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-neauvia .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-neauvia .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-neauvia .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-neauvia .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-neauvia .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-neauvia .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-neauvia .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-neauvia .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-neauvia .hg-menu-note{margin:14px 0 0}
#view-neauvia .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-neauvia .hg-menu-links-label{margin-right:4px}
#view-neauvia .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-neauvia .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-neauvia .hg-menu-fees{gap:8px}#view-neauvia .hg-fee{padding:14px 14px 12px}#view-neauvia .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-neauvia .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-neauvia .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-neauvia .hg-menu-range{margin:14px 0 0}
#view-neauvia .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-neauvia .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-neauvia .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-neauvia .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-neauvia .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-neauvia .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-neauvia .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-neauvia .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-neauvia .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-neauvia .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-neauvia .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-neauvia .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-neauvia .cg-card{padding:0;background:transparent;border:0}
#view-neauvia .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-neauvia .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-neauvia .cg-card .case-image{margin:0}
#view-neauvia .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-neauvia .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-neauvia .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-neauvia .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-neauvia .cg-details summary:hover{color:var(--gold-ink)}
#view-neauvia .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-neauvia .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-neauvia .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-neauvia .cg-details dt{padding-top:13px}
#view-neauvia .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-neauvia .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-neauvia .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-neauvia .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-neauvia .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-neauvia .sp-section .dn-gallery,#view-neauvia .sp-section .sw-gallery,#view-neauvia .sp-section .pc-lecture-figs,#view-neauvia .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-neauvia .sp-section .sw-interview,#view-neauvia .sp-section .ul-doctor-grid,#view-neauvia .sp-section .sv-doctor-hero,#view-neauvia .sp-section .wrx-evidence,#view-neauvia .sp-section .uex-evidence,#view-neauvia .sp-section .ml-doctor-grid,#view-neauvia .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-neauvia .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-neauvia .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-neauvia .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-neauvia .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-neauvia .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-neauvia .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-neauvia .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-neauvia .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-neauvia .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-neauvia .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-neauvia .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-neauvia .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .hgd-svg{display:block;width:100%;height:auto}
#view-neauvia .hgd-sp{display:none}
#view-neauvia .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-neauvia .hgd-layer{font-size:30px}
#view-neauvia .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-neauvia .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-neauvia .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-neauvia .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-neauvia .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-neauvia .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-neauvia .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-neauvia .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-neauvia .hgd-art{opacity:.92}
#view-neauvia .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-neauvia .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-neauvia .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-neauvia .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-neauvia .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-neauvia .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-neauvia .hgd-layer{font-size:25px}
html[lang^="en"] #view-neauvia .hgd-sub{font-size:19px}
html[lang^="en"] #view-neauvia .hgd-br{font-size:27px}
#view-neauvia .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-neauvia .hgd-pc .hgd-layer{font-size:38px}
 #view-neauvia .hgd-pc .hgd-sub{font-size:30px}
 #view-neauvia .hgd-pc .hgd-name{font-size:42px}
 #view-neauvia .hgd-pc .hgd-kind{font-size:31px}
 #view-neauvia .hgd-pc .hgd-br{font-size:36px}
 #view-neauvia .hgd-pc .hgd-mm{font-size:40px}
 #view-neauvia .hgd-pc .hgd-note{font-size:26px}
 #view-neauvia .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-neauvia .hg-lineup img{width:72px;height:72px}
 #view-neauvia .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-neauvia .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-neauvia .hg-lineup,#view-neauvia .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-neauvia .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-neauvia .hg-lineup img{width:56px;height:56px}
 #view-neauvia .hg-lineup figcaption{padding:7px 8px}
 #view-neauvia .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-neauvia .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-neauvia .hg-lineup figcaption small{font-size:10.5px}
 #view-neauvia .hgd-pc{display:none}
 #view-neauvia .hgd-sp{display:block}
 #view-neauvia .hgd-layer,#view-neauvia .hgd-name,#view-neauvia .hgd-br,#view-neauvia .hgd-mm{font-size:34px}
 #view-neauvia .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-neauvia .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-neauvia .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-neauvia .hgd-layer{font-size:30px}
 #view-neauvia .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-neauvia .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-neauvia .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Wrinkles & laxity page: page-only additions on top of the shared spots components (scoped to #view-neauvia).
   Colours, type and spacing come from the shared tokens; do not reintroduce page-specific palettes. */
#view-neauvia figure{margin:0;min-width:0}
#view-neauvia .sp-nav a{min-height:48px}
#view-neauvia .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-neauvia .sp-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:34em}
#view-neauvia .sp-lead-secondary{font-size:15px;line-height:1.95;color:var(--ink-2);margin-top:12px;max-width:34em}
#view-neauvia .sp-hero .sp-note+.sp-source{margin-top:4px}
#view-neauvia :is(section,.wrx-region,.wrx-case,.wrx-types-chapter){scroll-margin-top:88px}

/* Three area entry cards */
#view-neauvia .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Approach */
#view-neauvia .wrx-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .wrx-approach-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-neauvia .wrx-approach-card h3{font-size:20px;line-height:1.5;margin-bottom:10px}
#view-neauvia .wrx-approach-card p{font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .wrx-approach-grid+.sp-disclosure{margin-top:24px}

/* Area disclosures */
#view-neauvia .wrx-region{margin-top:12px;background:#fff;border:1px solid var(--sp-border);border-radius:6px}
#view-neauvia .wrx-region>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 24px;min-height:68px;cursor:pointer}
#view-neauvia .wrx-region>summary::-webkit-details-marker{display:none}
#view-neauvia .wrx-region>summary strong{font-family:var(--mincho);font-size:21px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-neauvia .wrx-index{font-family:var(--fig);font-size:18px;color:var(--gold-ink);font-variant-numeric:tabular-nums lining-nums}
#view-neauvia .wrx-toggle{margin-left:auto;flex:none;color:var(--gold-ink);font-size:16px;line-height:1}
#view-neauvia .wrx-toggle::after{content:'＋'}
#view-neauvia .wrx-region[open]>summary{border-bottom:1px solid var(--sp-border)}
#view-neauvia .wrx-region[open]>summary .wrx-toggle::after{content:'−'}
#view-neauvia .wrx-region>summary:hover{background:#fffdf8}
#view-neauvia .wrx-region-body{padding:26px 24px}
#view-neauvia .wrx-region-body>h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-neauvia .wrx-region-body>p{max-width:46em;font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .wrx-region-body>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-neauvia .wrx-region-body>.sp-source{margin:14px 22px 0 0}
#view-neauvia .wrx-region-actions{margin:22px 0 6px}
#view-neauvia .wrx-region-actions .btn{font-weight:500;letter-spacing:.025em;text-align:center}
#view-neauvia .wrx-diagram{max-width:720px;margin:22px 0 8px;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-neauvia .wrx-diagram img{display:block;width:100%;height:auto}
#view-neauvia .wrx-diagram figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Cases (shared .case card, page-specific photo grid: original photographs shown uncropped) */
#view-neauvia .wrx-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-block:24px 8px;align-items:start}
#view-neauvia .wrx-case-single{max-width:560px;margin:24px 0 8px}
#view-neauvia .wrx-case .sp-case-head h3{font-size:19px}
#view-neauvia .wrx-case-photo{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-inline:14px}
#view-neauvia .wrx-case-photo.wrx-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-neauvia .wrx-case-photo figure{background:var(--sp-soft);display:flex;flex-direction:column}
#view-neauvia .wrx-case-photo img{display:block;width:100%;height:auto}
#view-neauvia .wrx-case-photo figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-neauvia .wrx-region .sp-disclosure:not(.sp-case-details){margin-top:20px}
#view-neauvia .wrx-types-chapter{margin-top:30px}
#view-neauvia .wrx-types-chapter .sp-heading{margin-top:10px}
#view-neauvia .wrx-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-neauvia .wrx-type-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px;min-width:0}
#view-neauvia .wrx-type-tag{font-family:var(--latin);font-size:18px;color:var(--gold-ink)}
#view-neauvia .wrx-type-card h3{font-size:18px;line-height:1.6;margin:8px 0}
#view-neauvia .wrx-type-card p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .wrx-type-card .wrx-type-condition{font-size:13px;color:var(--gold-ink);margin-bottom:10px}

/* Doctors and research (same structure as the under-eye page) */
#view-neauvia .wrx-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-neauvia .wrx-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0}
#view-neauvia .wrx-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-neauvia .wrx-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-neauvia .wrx-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .wrx-doctor .sp-source{margin-top:12px}
#view-neauvia .wrx-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-neauvia .wrx-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-neauvia .wrx-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-neauvia .wrx-evidence h3{font-size:22px;line-height:1.6;margin-bottom:10px}
#view-neauvia .wrx-evidence-copy>p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .wrx-evidence-copy .sp-source{margin-top:12px}
/* 2026-10-05: the Director's training record and the Vice Director's live-injection record, side by side under the two doctor cards */
#view-neauvia .wrx-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#view-neauvia .wrx-evidence-pair .wrx-evidence{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;align-content:start;margin-top:0}
#view-neauvia .wrx-evidence-pair .wrx-evidence h3{font-size:20px}
@media(max-width:760px){#view-neauvia .wrx-evidence-pair{grid-template-columns:minmax(0,1fr)}}
#view-neauvia .wrx-research-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-neauvia .wrx-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .wrx-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px;min-width:0}
#view-neauvia .wrx-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-neauvia .wrx-paper h4{font-family:var(--latin);font-weight:400;font-size:16px;line-height:1.5;margin:2px 0 6px;overflow-wrap:anywhere}
#view-neauvia .wrx-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-neauvia .wrx-paper .sp-journal-meta{font-size:12px;margin-top:0}
#view-neauvia .wrx-papers+.sp-note{margin-top:14px}

/* Treatment menu (device-card style) */
#view-neauvia .wrx-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-neauvia .wrx-menu-card{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-neauvia .wrx-treatment-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-neauvia .wrx-treatment-head picture{display:block}
#view-neauvia .wrx-treatment-head img{display:block;width:80px;height:108px;object-fit:contain;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .wrx-treatment-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-neauvia .wrx-treatment-head h3 small{display:block;font-size:12px;font-weight:400;line-height:1.7;color:var(--gold-ink);margin-top:2px}
#view-neauvia .wrx-menu-card>p{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .wrx-menu-card>.sp-source{margin-top:12px}

/* FLOW video */
#view-neauvia .sp-flow{list-style:none;padding:0}
#view-neauvia .sp-video{max-width:760px}

/* Post treatment */
#view-neauvia .wrx-post{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}
#view-neauvia .wrx-post-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-neauvia .wrx-post-devices figure{margin:0;min-width:0}
#view-neauvia .wrx-post-devices img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--sp-soft)}
#view-neauvia .wrx-post-pt{grid-template-columns:minmax(0,1fr)}
#view-neauvia .wrx-post-pt img{aspect-ratio:4/3}
#view-neauvia .wrx-post-copy{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px;min-width:0}
#view-neauvia .wrx-post-copy h3{font-size:22px;line-height:1.6;margin:0 0 12px}
#view-neauvia .wrx-post-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .wrx-post-price{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:16px 0;margin:18px 0;border-block:1px solid var(--sp-border)}
#view-neauvia .wrx-post-price>span{font-size:13px;line-height:1.7;color:var(--ink-3);word-break:auto-phrase}
#view-neauvia .wrx-post-price strong{font:500 22px/1.3 var(--fig);color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#view-neauvia .wrx-post-price strong span{font:400 11px/1.3 var(--sans);margin-left:3px}
#view-neauvia .wrx-post-price .wrx-post-arrow{display:none}
#view-neauvia .wrx-post-price .wrx-post-special{color:var(--gold-ink)}
#view-neauvia .wrx-post-evidence{margin-top:22px}
#view-neauvia .wrx-post-evidence>p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .wrx-post-evidence ul{margin:14px 0 0;padding-left:1.2em}
#view-neauvia .wrx-post-evidence li{margin:0 0 10px}
#view-neauvia .wrx-post-evidence li p{font-size:13px;line-height:1.85;margin:0;color:var(--ink-2)}
#view-neauvia .wrx-post-sources{display:grid;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sp-border)}
#view-neauvia .wrx-post-sources .sp-kicker{margin:0 0 2px}
#view-neauvia .wrx-post-sources a{font-size:12px;line-height:1.6}
#view-neauvia .wrx-post-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
#view-neauvia .wrx-post-videos figure{margin:0;min-width:0}
#view-neauvia .wrx-post-videos video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#26221F}
#view-neauvia .wrx-post-videos figcaption{font-size:12px;line-height:1.7;margin-top:6px;color:var(--ink-3)}

/* Fees: several procedure cards in the shared two-column price grid */
#view-neauvia .wrx-prices{border-bottom:0}
#view-neauvia .wrx-prices .sp-price{border-left:0;border-bottom:1px solid var(--sp-border);padding:26px 30px}
#view-neauvia .wrx-prices .sp-price:nth-child(even){border-left:1px solid var(--sp-border)}
#view-neauvia .wrx-prices .sp-price h3{font-size:22px}
#view-neauvia .wrx-prices .sp-price-heading{margin-bottom:6px}
#view-neauvia .wrx-prices .sp-price-list dd{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#view-neauvia .wrx-prices+.sp-note{margin-top:14px}
#view-neauvia .sp-price-action{margin-top:24px}

@media(max-width:1000px){
 #view-neauvia .wrx-area-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-neauvia .wrx-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-neauvia .wrx-papers{grid-template-columns:1fr}
}
@media(max-width:900px){
 #view-neauvia .wrx-approach-grid,#view-neauvia .wrx-doctors,#view-neauvia .wrx-evidence,#view-neauvia .wrx-post{grid-template-columns:1fr}
 #view-neauvia .wrx-post-devices{max-width:520px}
}
@media(max-width:760px){
 #view-neauvia .wrx-area-links{grid-template-columns:1fr}
 #view-neauvia .wrx-cases,#view-neauvia .wrx-menu-grid{grid-template-columns:1fr}
 #view-neauvia .wrx-region>summary{padding:16px;gap:14px;min-height:62px}
 #view-neauvia .wrx-region>summary strong{font-size:19px}
 #view-neauvia .wrx-index{font-size:16px}
 #view-neauvia .wrx-region-body{padding:22px 16px}
 #view-neauvia .wrx-region-body>h3{font-size:20px}
 #view-neauvia .wrx-region-body>p{font-size:14px}
 #view-neauvia .wrx-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
 #view-neauvia .wrx-doctor figure img{width:96px;height:144px}
 #view-neauvia .wrx-evidence{padding:20px;gap:16px}
 #view-neauvia .wrx-post-copy{padding:22px 20px}
 #view-neauvia .wrx-post-videos{grid-template-columns:1fr}
 #view-neauvia .wrx-prices .sp-price:nth-child(even){border-left:0}
}
@media(max-width:520px){
 #view-neauvia .wrx-type-grid{grid-template-columns:1fr}
 #view-neauvia .wrx-case-photo{padding-inline:10px}
 #view-neauvia .wrx-paper{grid-template-columns:76px minmax(0,1fr)}
 #view-neauvia .wrx-paper a img{width:76px}
}

/* 目の下のクマ page: additions on top of the spots components scoped to #view-neauvia. */
#view-neauvia .sp-nav a{min-height:48px}
#view-neauvia .sp-hero-photo img{aspect-ratio:47/30;object-fit:cover}
#view-neauvia .uex-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .uex-type{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:24px 24px 22px;min-width:0}
#view-neauvia .uex-type h3{font-size:20px;line-height:1.5;margin-bottom:12px;display:flex;align-items:center;gap:10px}
#view-neauvia .uex-type h3::before{content:'';width:12px;height:12px;border-radius:50%;flex:none;background:#7d8aa6}
#view-neauvia .uex-type-brown h3::before{background:#9b7657}
#view-neauvia .uex-type-black h3::before{background:#3c3935}
#view-neauvia .uex-type dl{margin:0}
#view-neauvia .uex-type dt{font-size:12px;color:var(--ink-3);margin-top:12px}
#view-neauvia .uex-type dt:first-child{margin-top:0}
#view-neauvia .uex-type dd{margin:2px 0 0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .uex-type .sp-source{margin-top:14px}
#view-neauvia .uex-check{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ck}
#view-neauvia .uex-check li{counter-increment:ck;border-top:1px solid var(--gold);padding-top:14px}
#view-neauvia .uex-check h4{font-size:16px;line-height:1.6;margin-bottom:6px}
#view-neauvia .uex-check h4::before{content:counter(ck,decimal-leading-zero) '  ';font-family:var(--fig);color:var(--gold-ink);font-weight:400}
#view-neauvia .uex-check p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .uex-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
#view-neauvia .uex-map>div{background:#fff;border:1px solid var(--sp-border);padding:22px 26px}
#view-neauvia .uex-map h3{font-size:18px;margin-bottom:8px}
#view-neauvia .uex-list{list-style:none;padding:0;margin:0}
#view-neauvia .uex-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-neauvia .uex-list li:last-child{border-bottom:0}
#view-neauvia .uex-list li::before{content:'';position:absolute;left:1px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-neauvia .uex-map .sp-note{margin-top:12px}
#view-neauvia .uex-vector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-bottom:34px}
#view-neauvia .uex-vector h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-neauvia .uex-vector-copy>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .uex-vector-copy .sp-note{margin-top:10px}
#view-neauvia .uex-vector figure{margin:0;background:#fff;border:1px solid var(--sp-border);padding:12px}
#view-neauvia .uex-vector img{display:block;width:100%;height:auto}
#view-neauvia .uex-vector-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:8px}
#view-neauvia .uex-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .uex-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-neauvia .uex-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-neauvia .uex-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-neauvia .uex-table th,#view-neauvia .uex-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-neauvia .uex-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-neauvia .uex-table tbody th{font-weight:500;color:var(--ink);width:24%;background:var(--sp-soft)}
#view-neauvia .uex-table tbody tr:last-child th,#view-neauvia .uex-table tbody tr:last-child td{border-bottom:0}
#view-neauvia .uex-table+.sp-note{margin-top:12px}
#view-neauvia .uex-cell-label{display:none}
#view-neauvia .uex-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-neauvia .uex-role{background:#fff;border:1px solid var(--sp-border);min-width:0;display:flex;flex-direction:column}
#view-neauvia .uex-role>figure{margin:0;padding:18px 24px 0}
#view-neauvia .uex-role>figure img{display:block;width:100%;height:190px;object-fit:contain}
#view-neauvia .uex-role>div{padding:20px 26px 24px}
#view-neauvia .uex-role h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-neauvia .uex-role>div>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .uex-role .sp-note{margin-top:12px}
#view-neauvia .uex-steps{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#view-neauvia .uex-steps li{border-top:1px solid var(--gold);padding-top:16px;position:relative}
#view-neauvia .uex-steps li+li::before{content:'→';position:absolute;left:-22px;top:24px;color:var(--gold-ink)}
#view-neauvia .uex-step-no{font-family:var(--fig);font-size:15px;color:var(--gold-ink)}
#view-neauvia .uex-steps h3{font-size:19px;line-height:1.6;margin:4px 0 6px}
#view-neauvia .uex-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .uex-steps+.sp-note{margin-top:14px}
#view-neauvia .uex-point{margin-top:30px;padding:22px 26px;border-left:2px solid var(--gold);background:var(--sp-soft);display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-neauvia .uex-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-neauvia .uex-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#view-neauvia .uex-point p:last-child{font-size:15px;line-height:1.95}
#view-neauvia .uex-point+.sp-disclosure{margin-top:24px}
#view-neauvia .uex-sofwave{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
#view-neauvia .uex-sofwave .sp-video{margin:0}
#view-neauvia .uex-sofwave .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-neauvia .uex-sofwave .sp-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-neauvia .uex-sofwave h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-neauvia .uex-sofwave h4{font-size:16px;margin:20px 0 6px}
#view-neauvia .uex-sofwave>div>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .uex-sofwave .sp-note{margin-top:14px}
#view-neauvia .uex-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-neauvia .uex-case{min-width:0}
#view-neauvia .uex-case .sp-case-head h3{font-size:18px;min-height:0}
#view-neauvia .uex-case-photo{margin:0}
#view-neauvia .uex-case-photo img{display:block;width:100%;height:auto}
#view-neauvia .uex-case-photo figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-neauvia .uex-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#view-neauvia .uex-doctor{display:grid;grid-template-columns:132px minmax(0,1fr);column-gap:32px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-neauvia .uex-doctor figure{margin:0}
#view-neauvia .uex-doctor figure img{display:block;width:132px;height:198px;object-fit:cover;object-position:50% 15%}
#view-neauvia .uex-doctor h3{font-size:20px;line-height:1.5;margin-bottom:8px}
#view-neauvia .uex-doctor p:not(.sp-kicker){font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .uex-doctor .sp-source{margin-top:12px}
#view-neauvia .uex-evidence{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:26px;align-items:start}
#view-neauvia .uex-evidence>figure{margin:0}
#view-neauvia .uex-evidence>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#view-neauvia .uex-evidence>figure figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}
#view-neauvia .uex-paper{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--sp-border);padding:16px}
#view-neauvia .uex-paper a img{display:block;width:92px;height:auto;border:1px solid var(--sp-border)}
#view-neauvia .uex-paper h3{font-size:16px;line-height:1.5;margin:2px 0 6px;font-family:var(--latin);font-weight:400}
#view-neauvia .uex-paper p:not(.sp-note){font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-neauvia .uex-paper .sp-journal-meta{font-size:12px}
#view-neauvia .uex-evidence+.sp-note{margin-top:14px}
#view-neauvia .uex-risk{margin-top:36px;background:#fff;border:1px solid var(--sp-border);padding:26px 28px}
#view-neauvia .uex-risk>h3{font-size:20px;margin-bottom:14px}
#view-neauvia .uex-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#view-neauvia .uex-risk h4{font-size:15px;margin:0 0 4px;color:var(--gold-ink);font-weight:500}
#view-neauvia .uex-risk h4:not(:first-child){margin-top:18px}
#view-neauvia .uex-risk .sp-note{margin-top:16px}
#view-neauvia .uex-approval{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .uex-approval>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;padding:16px 22px;border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-approval>div:last-child{border-bottom:0}
#view-neauvia .uex-approval dt{font-size:14px;color:var(--ink);font-weight:500;line-height:1.8}
#view-neauvia .uex-approval dd{margin:0;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .uex-sources-inline{margin-top:12px}
#view-neauvia .uex-sources-inline a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .uex-sources{padding-left:1.4em;margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .uex-sources li+li{margin-top:8px}
#view-neauvia .uex-sources a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
@media(max-width:900px){
#view-neauvia .uex-types,#view-neauvia .uex-check,#view-neauvia .uex-steps{grid-template-columns:1fr}
#view-neauvia .uex-steps li+li::before{display:none}
#view-neauvia .uex-vector,#view-neauvia .uex-sofwave,#view-neauvia .uex-roles,#view-neauvia .uex-doctors,#view-neauvia .uex-risk-grid{grid-template-columns:1fr}
#view-neauvia .uex-evidence{grid-template-columns:1fr}
}
@media(max-width:760px){
#view-neauvia .uex-map{grid-template-columns:1fr}
#view-neauvia .uex-map>div,#view-neauvia .uex-risk{padding:20px}
#view-neauvia .uex-cases{grid-template-columns:1fr}
#view-neauvia .uex-point{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px}
#view-neauvia .uex-point-face{width:92px;height:92px}
#view-neauvia .uex-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:20px}
#view-neauvia .uex-doctor figure img{width:96px;height:144px}
#view-neauvia .uex-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}
#view-neauvia .uex-role>div{padding:18px 20px 22px}
#view-neauvia .uex-table-wrap{overflow:visible;background:transparent;border:0}
#view-neauvia .uex-table{min-width:0;display:block;font-size:14px}
#view-neauvia .uex-table caption{display:block;padding:0 0 10px}
#view-neauvia .uex-table thead{display:none}
#view-neauvia .uex-table tbody{display:block}
#view-neauvia .uex-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-neauvia .uex-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-table td{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-table tr td:last-child{border-bottom:0}
#view-neauvia .uex-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-neauvia .uex-cell-value{display:block;line-height:1.75}
}

/* ---- 2026-09-14: summary, self-check, illustrated type cards ---- */
#view-neauvia .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-neauvia .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-neauvia .uex-summary-section{padding-block:26px 30px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px 34px;align-items:start}
#view-neauvia .uex-summary .sp-kicker{margin:4px 0 0}
#view-neauvia .uex-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;counter-reset:sm}
#view-neauvia .uex-summary li{counter-increment:sm;position:relative;padding-left:30px;font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .uex-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:13px;color:var(--gold-ink);line-height:1.85}
#view-neauvia .uex-summary li strong{color:var(--ink);font-weight:500}
#view-neauvia .uex-quiz{max-width:820px;margin:0 auto}
#view-neauvia .uex-quiz .dxcard{box-shadow:0 10px 30px rgba(60,48,20,.08);border:1px solid var(--sp-border);border-top:4px solid var(--gold)}
#view-neauvia .uex-quiz .dxq{margin-top:4px}
#view-neauvia .uex-q-hint{margin-top:8px}
#view-neauvia .uex-quiz .dxopts{margin-top:20px}
#view-neauvia .uex-quiz .dxopt{min-height:56px}
#view-neauvia .uex-quiz .dxopt .kk{font-weight:400}
#view-neauvia .uex-quiz .dxback::before{content:'← '}
#view-neauvia .uex-quiz-result .rl{margin:0}
#view-neauvia .uex-quiz-result .rb{margin-top:14px}
#view-neauvia .uex-quiz-result .rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-neauvia .uex-quiz-result .rgrid a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .uex-addon{margin-top:16px;padding:14px 18px;background:var(--sp-soft);border-left:2px solid var(--gold);font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .uex-addon b{display:block;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-neauvia .uex-addon a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .uex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#view-neauvia .uex-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line-2);padding:5px 11px;background:var(--ivory)}
#view-neauvia .uex-chip::before{content:'';width:9px;height:9px;border-radius:50%;background:#7d8aa6}
#view-neauvia .uex-chip-brown::before{background:#9b7657}
#view-neauvia .uex-chip-black::before{background:#3c3935}
#view-neauvia .uex-quiz-result .guide-caption{margin-top:24px}
#view-neauvia .uex-quiz-result .rcta .btn{font-weight:500;letter-spacing:.025em}
#view-neauvia .uex-quiz-result .dxnote{max-width:none}
#view-neauvia .uex-quiz-more{text-align:center;margin-top:18px;font-size:14px;color:var(--ink-2)}
#view-neauvia .uex-quiz-more a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .uex-type{padding:0;display:flex;flex-direction:column}
#view-neauvia .uex-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-type-art img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 42%}
#view-neauvia .uex-type-body{padding:22px 24px 22px}
#view-neauvia .uex-type-body .sp-source{margin-top:14px;display:inline-block}
@media(max-width:900px){
#view-neauvia .uex-summary{grid-template-columns:1fr;gap:10px}
#view-neauvia .uex-summary ol{grid-template-columns:1fr}
#view-neauvia .uex-type{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#view-neauvia .uex-type-art{border-bottom:0;border-right:1px solid var(--sp-border)}
#view-neauvia .uex-type-art img{height:100%;aspect-ratio:auto;min-height:220px}
}
@media(max-width:700px){
#view-neauvia .uex-quiz-result .rgrid{grid-template-columns:1fr}
#view-neauvia .uex-type{grid-template-columns:1fr}
#view-neauvia .uex-type-art{border-right:0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .uex-type-art img{aspect-ratio:16/10;min-height:0;height:auto}
}
#view-neauvia .uex-quiz-result h3:focus:not(:focus-visible),#view-neauvia .uex-quiz .dxq:focus:not(:focus-visible){outline:none}

/* ---- 2026-09-14 revision: hero photo 16:9, boxed key points, face margin ---- */
#view-neauvia .sp-hero-photo img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
#view-neauvia .uex-summary-section{padding-block:28px 32px}
#view-neauvia .uex-summary{border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px;grid-template-columns:150px minmax(0,1fr);gap:10px 26px}
#view-neauvia .uex-summary .sp-kicker{font-size:12px;margin-top:2px}
#view-neauvia .uex-summary ol{gap:8px 26px}
#view-neauvia .uex-summary li{font-size:13px;line-height:1.8;padding-left:26px}
#view-neauvia .uex-summary li::before{font-size:12px;line-height:1.8}
#view-neauvia .uex-point-face img{object-position:50% 50%}
@media(max-width:900px){#view-neauvia .uex-summary{grid-template-columns:1fr;padding:16px 18px}}

/* ---- 2026-09-14c: profile illustrations, small JSAS note ---- */
#view-neauvia .uex-profile-block{margin-top:34px}
#view-neauvia .uex-profile-block>h3{font-size:21px;line-height:1.6;margin-bottom:10px}
#view-neauvia .uex-profile-block>p:not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2);max-width:46em}
#view-neauvia .uex-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
#view-neauvia .uex-profile figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .uex-profile img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#view-neauvia .uex-profile figcaption{text-align:center;font-size:15px;line-height:1.6;color:var(--ink);padding:12px 10px 14px;border-top:1px solid var(--sp-border)}
#view-neauvia .uex-profile-block .sp-note{margin-top:12px}
#view-neauvia .uex-doctor p.uex-doctor-note:not(.sp-kicker){font-size:12px;line-height:1.8;color:var(--ink-3);margin-top:8px}
@media(max-width:700px){
#view-neauvia .uex-profile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px}
#view-neauvia .uex-profile figure{scroll-snap-align:start}
}

/* flow photos share one frame; the trimmed 注入・照射 photo fills it without leaving a shorter card */
#view-neauvia #u-flow .sp-flow>li>img{width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;object-position:50% 100%}

/* ほうれい線・口元・輪郭 page: page-only additions on top of the shared spots, wrinkles and under-eye components
   (all scoped to #view-neauvia at build time). Colours, type and spacing come from the shared tokens. */
#view-neauvia :is(section,.wrx-case,.mox-plan){scroll-margin-top:88px}
#view-neauvia .sp-hero .crumbs a{white-space:nowrap}

/* Anatomy: each diagram next to the explanation it illustrates */
#view-neauvia .mox-anatomy-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center;padding:26px 0;border-top:1px solid var(--sp-border)}
#view-neauvia .mox-anatomy-row:last-of-type{border-bottom:1px solid var(--sp-border)}
#view-neauvia .mox-anatomy-text h3{font-size:20px;line-height:1.6;margin-bottom:10px}
#view-neauvia .mox-anatomy-text p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .mox-anatomy-text p+p{margin-top:10px}
#view-neauvia .mox-anatomy-fig{max-width:none;margin:0}
#view-neauvia .mox-anatomy-fig figcaption{font-size:13px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-neauvia .mox-look-label{display:block;font-size:11px;letter-spacing:.08em;color:var(--gold-ink);margin-bottom:3px}
#view-neauvia .mox-plan-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start;margin-bottom:6px}
#view-neauvia .mox-plan-split-text>p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .mox-plan-split-text>p+p{margin-top:12px}
#view-neauvia .mox-plan-split .mox-anatomy-fig{max-width:none;margin:0}
#view-neauvia .mox-plan .uex-table-wrap{margin-top:22px}

/* Choosing care: one card per type */
#view-neauvia .mox-plans{display:grid;gap:20px}
#view-neauvia .mox-plan{background:#fff;border:1px solid var(--sp-border);padding:28px 30px;min-width:0}
#view-neauvia .mox-plan-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
#view-neauvia .mox-plan-head .wrx-type-tag{flex:none;font-size:22px}
#view-neauvia .mox-plan h3{font-size:21px;line-height:1.6}
#view-neauvia .mox-plan>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:56em}
#view-neauvia .mox-plan>p+p{margin-top:12px}
#view-neauvia .mox-plan>p.sp-note{font-size:13px;color:var(--ink-3)}
#view-neauvia .mox-callout{margin:18px 0;padding:18px 22px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-neauvia .mox-callout h4{font-size:16px;line-height:1.6;margin-bottom:8px;font-weight:500}
#view-neauvia .mox-callout p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .mox-callout p+p{margin-top:10px}
#view-neauvia .mox-callout .sp-note{margin-top:10px}
#view-neauvia .mox-callout-risk{border-left-color:var(--ink-3)}
#view-neauvia .mox-plan .uex-table-wrap{margin-top:18px}
#view-neauvia .mox-plan .sp-video{max-width:720px;margin:18px 0}
#view-neauvia .mox-plan .sp-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:6px}

/* Types: illustration on top of each shared type card (forehead-centred crop) */
#view-neauvia .mox-type-card{padding:0;display:flex;flex-direction:column}
#view-neauvia .mox-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-neauvia .mox-type-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
#view-neauvia .mox-type-body{padding:18px 20px 22px}
/* Types: reuse the wrinkles type cards; the Vice Director's viewpoint follows */
#view-neauvia .wrx-type-grid+.sp-note{margin-top:14px}

/* Fees: subset of the shared price cards */
#view-neauvia .sp-note+.sp-source{margin-top:4px}

@media(max-width:1000px){
}
@media(max-width:760px){
 #view-neauvia .mox-anatomy-row,#view-neauvia .mox-plan-split{grid-template-columns:1fr;gap:16px}
 #view-neauvia .mox-plan{padding:22px 18px}
 #view-neauvia .mox-plan h3{font-size:19px}
 #view-neauvia .mox-plan>p{font-size:14px}
 #view-neauvia .mox-callout{padding:16px 16px}
 #view-neauvia .sp-hero .crumbs{font-size:12px;gap:6px}
 /* Card-style comparison rows: keep 「マイクロボトックス」 on one line */
 #view-neauvia .uex-table td{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
}

/* Credential line inside the Vice Director's card */
#view-neauvia .wrx-doctor-note{font-size:12px;line-height:1.75;color:var(--ink-3);margin-top:10px;padding-top:10px;border-top:1px solid var(--sp-border)}
#view-neauvia .wrx-doctor-note a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}

/* Case stories: what was seen, what was chosen */
#view-neauvia .fhx-story{margin:2px 0 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#view-neauvia .fhx-story>div{display:block;background:var(--sp-soft);padding:12px 14px}
#view-neauvia .fhx-story dt,#view-neauvia .fhx-story dd{display:block}
#view-neauvia .fhx-story dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-neauvia .fhx-story dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Message from the Vice Director */
#view-neauvia .mox-message{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:34px 36px}
#view-neauvia .mox-message-face{margin:0}
#view-neauvia .mox-message-face img{display:block;width:200px;height:300px;object-fit:cover;object-position:50% 15%}
#view-neauvia .mox-message blockquote{margin:0 0 18px;font-family:var(--mincho);font-size:clamp(20px,2.2vw,26px);line-height:1.75;color:var(--ink);padding-left:18px;border-left:2px solid var(--gold)}
#view-neauvia .mox-message-copy>p{font-size:15px;line-height:1.95;color:var(--ink-2);max-width:50em}
#view-neauvia .mox-message-copy>p+p{margin-top:12px}
#view-neauvia .mox-message-sign{font-size:13px;color:var(--ink-3);margin-top:16px}
#view-neauvia .mox-message-copy .sp-source{margin-top:6px}

/* Concerns answered first */
#view-neauvia .mox-fears{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-neauvia .mox-fear{background:#fff;border:1px solid var(--sp-border);padding:24px 26px;min-width:0}
#view-neauvia .mox-fear h3{font-size:19px;line-height:1.6;margin-bottom:10px;padding-left:16px;border-left:2px solid var(--gold)}
#view-neauvia .mox-fear p{font-size:14px;line-height:1.9;color:var(--ink-2)}

/* By area */
#view-neauvia .mox-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .mox-area{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:0;min-width:0;display:flex;flex-direction:column}
#view-neauvia .mox-area-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-neauvia .mox-area-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
#view-neauvia .mox-area-body{padding:18px 22px 22px}
#view-neauvia .mox-area h3{font-size:20px;line-height:1.5;margin-bottom:12px}
#view-neauvia .mox-area dl{margin:0}
#view-neauvia .mox-area dl>div{padding:10px 0;border-top:1px solid var(--sp-border)}
#view-neauvia .mox-area dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px}
#view-neauvia .mox-area dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* Fee examples */
#view-neauvia .mox-examples-h{font-size:20px;line-height:1.6;margin:34px 0 6px}
#view-neauvia .mox-examples-h+p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-bottom:16px}
#view-neauvia .mox-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-neauvia .mox-example{background:var(--sp-soft);padding:20px 22px;min-width:0}
#view-neauvia .mox-example h4{font-size:15px;line-height:1.6;font-weight:500;margin-bottom:10px;min-height:3.2em}
#view-neauvia .mox-example dl{margin:0}
#view-neauvia .mox-example dl>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:13px;line-height:1.7}
#view-neauvia .mox-example dt{color:var(--ink-2);min-width:0}
#view-neauvia .mox-example dd{margin:0;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-neauvia .mox-example .mox-yen{font-size:11px;margin-left:2px;font-family:var(--sans)}
#view-neauvia .mox-example-total{border-bottom:0!important;padding-top:10px!important}
#view-neauvia .mox-example-total dt{color:var(--ink);font-weight:500}
#view-neauvia .mox-example-total dd{font-size:20px;color:var(--gold-ink)}

/* Glossary and next reads */
#view-neauvia .mox-glossary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
#view-neauvia .mox-glossary>div{padding:8px 0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .mox-glossary dt{font-weight:500;color:var(--ink);font-size:14px}
#view-neauvia .mox-glossary dd{margin:3px 0 0;font-size:13px;line-height:1.8;color:var(--ink-2)}
#view-neauvia .mox-next{margin-top:30px;padding-top:24px;border-top:1px solid var(--sp-border)}
#view-neauvia .mox-next-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-neauvia .mox-next-links .sp-entry-link{font-size:15px;min-height:64px}

@media(max-width:1000px){
 #view-neauvia .mox-areas,#view-neauvia .mox-examples,#view-neauvia .mox-next-links{grid-template-columns:1fr}
 #view-neauvia .mox-example h4{min-height:0}
}
@media(max-width:900px){
 #view-neauvia .mox-message{grid-template-columns:1fr;gap:20px;padding:24px 22px}
 #view-neauvia .mox-message-face img{width:132px;height:198px}
 #view-neauvia .mox-fears,#view-neauvia .mox-glossary{grid-template-columns:1fr}
}

/* ---- ほうれい線・口元・輪郭 page only ---- */
#view-neauvia .mox-anatomy-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}
#view-neauvia .mox-anatomy-item{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px;min-width:0}
#view-neauvia .mox-anatomy-item h3{font-size:19px;line-height:1.55;margin-bottom:10px}
#view-neauvia .mox-anatomy-item p{font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-neauvia .mox-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-neauvia .mox-diagrams .wrx-diagram{max-width:none;margin:0}
#view-neauvia .wrx-evidence+.wrx-evidence{margin-top:18px}
#view-neauvia .mox-callout .sp-video+p{margin-top:14px}
#view-neauvia .sp-hero-photo img{aspect-ratio:16/10;object-fit:cover;object-position:50% 35%}

/* Line-type cards: illustration (lower face) on top, then what is happening / care and fees / watch for */
#view-neauvia .mox-type-card{padding:0;display:flex;flex-direction:column}
#view-neauvia .mox-type-art{margin:0;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-neauvia .mox-type-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 70%}
#view-neauvia .mox-type-body{padding:18px 20px 22px}
#view-neauvia .mox-type-rows{margin:12px 0 0}
#view-neauvia .mox-type-rows>div{padding:9px 0;border-top:1px solid var(--sp-border)}
#view-neauvia .mox-type-rows dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:3px}
#view-neauvia .mox-type-rows dd{margin:0;font-size:13px;line-height:1.85;color:var(--ink-2)}

/* Three viewpoints under the Vice Director's message */
#view-neauvia .mox-views-h{font-size:20px;line-height:1.6;margin:34px 0 14px}
#view-neauvia .mox-message+.mox-views-h{margin-top:34px}
#view-neauvia .wrx-approach-grid+.sp-note{margin-top:12px}

@media(max-width:1000px){
 #view-neauvia .mox-anatomy-copy{grid-template-columns:1fr}
}
@media(max-width:760px){
 #view-neauvia .mox-diagrams{grid-template-columns:1fr}
}

/* Keep short Japanese headings from leaving a single orphaned character on narrow screens */
#view-neauvia :is(.mox-fear h3,.mox-type-body h3,.mox-plan h3,.mox-example h4){word-break:auto-phrase;text-wrap:balance}

/* Anatomy row without a diagram: text spans the full width */
#view-neauvia .mox-anatomy-row-text{grid-template-columns:minmax(0,1fr)}
#view-neauvia .mox-anatomy-row-text .mox-anatomy-text{max-width:46em}
/* Diagram beside callout text inside a plan card */
#view-neauvia .mox-callout .mox-plan-split{margin:10px 0 6px}
#view-neauvia .mox-callout .mox-plan-split-text>p{font-size:14px;line-height:1.9}
#view-neauvia .mox-plan-split+.sp-note{margin-top:12px}
/* 2026-10-05 owner: the four line types show photographs (16:9, Codex) instead of the square illustrations */
#view-neauvia .mox-type-art img{aspect-ratio:16/9;height:auto;object-position:50% 50%}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-neauvia. */
#view-neauvia .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-neauvia .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-neauvia .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-neauvia .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-neauvia .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-neauvia .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-neauvia .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-neauvia .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-neauvia .pc-table th,#view-neauvia .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-neauvia .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-neauvia .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-neauvia .pc-table tbody tr:last-child th,#view-neauvia .pc-table tbody tr:last-child td{border-bottom:0}
#view-neauvia .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-neauvia .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-neauvia .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-neauvia .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-neauvia .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-neauvia .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-neauvia .pc-point-face{width:92px;height:92px}}
#view-neauvia .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-neauvia .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-neauvia .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia .pc-explain p+p{margin-top:12px}
#view-neauvia .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-neauvia .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-neauvia .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-neauvia .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-neauvia .pc-books h3{font-size:18px;margin-bottom:12px}
#view-neauvia .pc-books ul{list-style:none;padding:0;margin:0}
#view-neauvia .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-neauvia .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-neauvia .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-neauvia .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-neauvia .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-neauvia .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-neauvia .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-neauvia .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-neauvia .pc-tag{margin:0}
#view-neauvia .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-neauvia .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-neauvia .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-neauvia .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-neauvia .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-neauvia .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-neauvia .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-neauvia .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-neauvia .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-neauvia .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-neauvia .pc-approval>div:last-child{border-bottom:0}
#view-neauvia .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-neauvia .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-neauvia .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-neauvia .pc-glance,#view-neauvia .pc-modes{grid-template-columns:1fr}#view-neauvia .pc-explain{grid-template-columns:1fr}#view-neauvia .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-neauvia .pc-concern-links{grid-template-columns:1fr}#view-neauvia .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-neauvia .pc-books,#view-neauvia .pc-quote,#view-neauvia .pc-point{padding:20px}#view-neauvia .pc-glance-num span{font-size:32px}#view-neauvia .pc-table{font-size:13px}#view-neauvia .pc-table th,#view-neauvia .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-neauvia .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-neauvia .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-neauvia .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-neauvia .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-neauvia .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-neauvia .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-neauvia .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-neauvia .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-neauvia .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-neauvia .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-neauvia .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-neauvia .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-neauvia .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-neauvia .pc-video{margin:0 0 28px;max-width:820px}
#view-neauvia .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-neauvia .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-neauvia .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-neauvia .pc-lasers-media .pc-video,#view-neauvia .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-neauvia .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-neauvia .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-neauvia .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-neauvia .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-neauvia .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-neauvia .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-neauvia .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-neauvia .pc-hero-video .sp-video{margin:0}
#view-neauvia .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-neauvia .pc-cell-label{display:none}
@media(max-width:760px){
#view-neauvia .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-neauvia .pc-table{min-width:0;display:block;font-size:14px}
#view-neauvia .pc-table caption{display:block;padding:0 0 10px}
#view-neauvia .pc-table thead{display:none}
#view-neauvia .pc-table tbody{display:block}
#view-neauvia .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-neauvia .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-neauvia .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-neauvia .pc-table tr td:last-child{border-bottom:0}
#view-neauvia .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-neauvia .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-neauvia .pc-cell-value{display:block;line-height:1.75}
}
#view-neauvia .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-neauvia .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-neauvia .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-neauvia .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-neauvia .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-neauvia .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-neauvia .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-neauvia .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-neauvia .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-neauvia .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-neauvia .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-neauvia .pcx-video{margin:0 0 26px;max-width:780px}
#view-neauvia .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-neauvia .pcx-table-details{margin-top:18px}
#view-neauvia .pcx-table-details .pc-table-wrap{margin-top:0}
#view-neauvia .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-neauvia .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-neauvia .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-neauvia #pc-lasers .pc-point{margin-top:40px}
#view-neauvia .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-neauvia .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-neauvia .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-neauvia .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-neauvia .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-neauvia .pcx-case-hint{margin-top:6px}
#view-neauvia #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-neauvia .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-neauvia .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-neauvia .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-neauvia .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-neauvia .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-neauvia .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-neauvia .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-neauvia .pcx-hero-points{margin-top:22px}
#view-neauvia .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-neauvia .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-neauvia .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-neauvia .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-neauvia .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-neauvia .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-neauvia .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-neauvia .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-neauvia .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-neauvia .pcx-mode-art img{display:block;width:100%;height:auto}
#view-neauvia .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-neauvia .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-neauvia .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-neauvia .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-neauvia .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-neauvia .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-neauvia .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-neauvia .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-neauvia .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-neauvia .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-neauvia .pcx-case-sep{display:none}
  #view-neauvia .pcx-case-name{display:block}
  #view-neauvia .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-neauvia .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-neauvia .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-neauvia .pcx-diff-changed{border-top-color:var(--gold)}
#view-neauvia .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-neauvia .pcx-diff-card dl{margin:0}
#view-neauvia .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-neauvia .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-neauvia .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-neauvia .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-neauvia .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-neauvia .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-neauvia .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-neauvia .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-neauvia .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-neauvia .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-neauvia .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-neauvia .pcx-history>li:last-child{padding-bottom:0}
#view-neauvia .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-neauvia .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-neauvia .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-neauvia .pcx-h-tag{margin:0 0 4px}
#view-neauvia .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-neauvia .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-neauvia .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-neauvia .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-neauvia .pcx-history-wrap>.sp-note{margin-top:20px}
#view-neauvia #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-neauvia .pcx-diff{grid-template-columns:1fr}
 #view-neauvia .pcx-diff-card{padding:18px 16px 14px}
 #view-neauvia .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-neauvia .pcx-depth{padding:16px}
 #view-neauvia .pcx-history::before{left:3.4em}
 #view-neauvia .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-neauvia .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-neauvia .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-neauvia .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-neauvia .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-neauvia .pcx-h-photo{margin:4px 0 0}
#view-neauvia .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-neauvia .pcx-h-device .pcx-h-photo img,#view-neauvia #pc-history .pcx-h-photo img[src*="picosure-"],#view-neauvia #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-neauvia .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-neauvia .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-neauvia .pcx-h-photo{max-width:360px}}

/* Neauvia page: added on top of the spots, wrinkles, under-eye, mouth and PicoSure CSS, all re-scoped to #view-neauvia at build time. */
#view-neauvia .sp-hero-photo img{object-fit:cover;object-position:50% 50%}
#view-neauvia .nv-hero-photo{background:#fff;border:1px solid var(--sp-border)}
#view-neauvia .pc-tag{margin:0 0 14px}
#view-neauvia .mox-fear .sp-source{display:inline-block;margin-top:10px}
#view-neauvia .nv-figure{margin:30px 0 0;background:#fff;border:1px solid var(--sp-border);padding:22px 22px 16px}
#view-neauvia .nv-figure svg{display:block;width:100%;height:auto}
#view-neauvia .nv-figure figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-2,#6b635b);margin-top:12px}
#view-neauvia .nv-fig-title{font-size:20px;font-weight:600;fill:#514A43;font-family:var(--sans)}
#view-neauvia .nv-fig-label{font-size:16px;font-weight:600;fill:#514A43;font-family:var(--sans)}
#view-neauvia .nv-fig-note{font-size:13px;fill:#7a7269;font-family:var(--sans)}
#view-neauvia .nv-fig-desc{font-size:13.5px;line-height:1.55;color:#6b635b;font-family:var(--sans);margin:0}
#view-neauvia .nv-two{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-neauvia .wrx-approach-grid{margin-top:28px}
#view-neauvia .nv-ref{display:inline-block;font-size:12.5px;margin-top:8px}
#view-neauvia .wrx-approach-card .nv-ref{margin-top:12px}
#view-neauvia .uex-table-wrap{margin-top:28px}
#view-neauvia .nv-compare th[scope="row"],#view-neauvia .nv-products th[scope="row"]{white-space:nowrap}
#view-neauvia .mox-callout{margin-top:28px}
#view-neauvia .uex-point{margin-top:24px}
#view-neauvia .uex-point .uex-list{margin-top:10px}
#view-neauvia .sp-expertise-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px}
#view-neauvia .nv-facts{margin-top:28px}
#view-neauvia .nv-fees{margin-top:24px}
#view-neauvia .mox-next{margin-top:36px}
#view-neauvia .nv-refs{margin:0 0 18px;padding-left:22px;font-size:13px;line-height:1.75}
#view-neauvia .nv-refs li{margin-bottom:8px}
#view-neauvia .nv-ref-type{color:#7a7269}
#view-neauvia .sp-doctor{grid-template-columns:132px minmax(0,1fr);gap:40px;align-items:start}
#view-neauvia .sp-doctor>img{width:132px;height:198px;object-fit:cover;object-position:center top}
#view-neauvia .sp-doctor>.sp-source{grid-column:2}
@media(max-width:760px){#view-neauvia .nv-two{grid-template-columns:1fr}#view-neauvia .nv-compare th[scope="row"],#view-neauvia .nv-products th[scope="row"]{white-space:normal}#view-neauvia .sp-doctor{grid-template-columns:90px minmax(0,1fr);gap:16px}#view-neauvia .sp-doctor>img{width:90px;height:135px}#view-neauvia .nv-figure{padding:12px 10px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch}#view-neauvia .nv-figure svg{min-width:760px}#view-neauvia .nv-figure figcaption{font-size:12px}}
/* 2026-09-27 patient-eye rework (nvx- prefix, #view-neauvia only): pictures beside the quick-answer and fee headings,
   the facial-layers figure before the product table, the doctor at work + lecture photo, comparison table on demand. */
#view-neauvia .nvx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:36px;align-items:end;margin-bottom:26px}
#view-neauvia .nvx-head .sp-heading{margin-bottom:0}
#view-neauvia .nvx-head figure{margin:0}
#view-neauvia .nvx-head img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border);background:var(--sp-soft)}
#view-neauvia .nvx-head figcaption,#view-neauvia .nvx-layers figcaption,#view-neauvia .nvx-doctor figcaption{font-size:12.5px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-neauvia .nvx-layers{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:center;margin:0 0 30px}
#view-neauvia .nvx-layers figure{margin:0}
#view-neauvia .nvx-layers img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-neauvia .nvx-layers h3{font-size:20px;line-height:1.6;font-weight:500;margin:0 0 10px}
#view-neauvia .nvx-layers p{font-size:15px;line-height:1.9;color:var(--ink-2);margin:0 0 12px}
#view-neauvia .nvx-layers .nvx-layers-note{font-size:14px;padding:12px 16px;background:#fff;border-left:2px solid var(--gold)}
#view-neauvia .nvx-layers .sp-source{font-size:13.5px}
#view-neauvia .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:34px;align-items:center}
#view-neauvia .nvx-doctor figure{margin:0}
#view-neauvia .nvx-doctor img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 40%;border:1px solid var(--sp-border)}
#view-neauvia .nvx-expertise{margin-top:30px}
#view-neauvia .nvx-expertise figure{margin:0}
#view-neauvia .nvx-expertise img{display:block;border:1px solid var(--sp-border);background:#1b1418}
#view-neauvia .nvx-expertise .nv-facts{margin-top:0}
#view-neauvia .nvx-table-details{margin-top:28px}
#view-neauvia .nvx-table-details .uex-table-wrap{margin-top:6px}
@media(max-width:900px){#view-neauvia .nvx-head{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:24px}}
@media(max-width:760px){#view-neauvia .nvx-head,#view-neauvia .nvx-layers,#view-neauvia .sp-doctor.nvx-doctor{grid-template-columns:1fr;gap:18px;align-items:start}#view-neauvia .nvx-head figure{max-width:520px}#view-neauvia .nvx-layers h3{font-size:18px}}
/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-neauvia .nvx-hero-points{margin-top:22px}
#view-neauvia .nvx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-neauvia .nvx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-neauvia .nvx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-neauvia .nvx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-neauvia .nvx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-neauvia .nvx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-neauvia .nvx-hero-points .nvx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-neauvia .nvx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-neauvia .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-neauvia .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 clinic: the picture beside this block was removed */
#view-neauvia .nvx-head-plain{grid-template-columns:minmax(0,1fr)}
/* 2026-10-05 owner: the products are cards instead of a six-column table, so nothing scrolls sideways.
   Wide screens: three cards side by side, rows aligned across the cards (subgrid). Up to 900px: one card per row. */
#view-neauvia .nvx-prods-cap{margin:28px 0 14px}
#view-neauvia .nvx-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;column-gap:18px}   /* 2026-10-05: two products (Hydro Deluxe is not stocked) */
#view-neauvia .nvx-prod{display:grid;grid-template-rows:subgrid;grid-row:span 6;min-width:0;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 22px 10px}
#view-neauvia .nvx-prod h3{font-size:19px;line-height:1.55;font-weight:500;margin:0;padding-bottom:14px}
#view-neauvia .nvx-prod dl{display:contents}
#view-neauvia .nvx-prod dl>div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:16px;align-items:baseline;padding:12px 0;border-top:1px solid var(--sp-border);min-width:0}
html[lang^="en"] #view-neauvia .nvx-prod dl>div{grid-template-columns:11.5em minmax(0,1fr)}
#view-neauvia .nvx-prod dt{font-size:12.5px;line-height:1.6;letter-spacing:.04em;color:var(--gold-ink);margin:0}
#view-neauvia .nvx-prod dd{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink);overflow-wrap:anywhere}
#view-neauvia .nvx-prods+.sp-note{margin-top:16px}
@media(max-width:900px){
 #view-neauvia .nvx-prods{grid-template-columns:minmax(0,1fr);row-gap:14px}
 #view-neauvia .nvx-prod{display:block;grid-row:auto;padding:20px 20px 8px}
 #view-neauvia .nvx-prod dl{display:block;margin:0}
}
@media(max-width:520px){
 #view-neauvia .nvx-prod{padding:18px 16px 6px}
 #view-neauvia .nvx-prod dl>div,html[lang^="en"] #view-neauvia .nvx-prod dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
}
/* 2026-10-05 AIO/SEO: the "｜" between a chapter label and its heading is for reading order only (as .xrx-sep on the XERF page);
   the risks are a chapter of their own, so the two sub-headings are h3 and keep the look the h4s had */
#view-neauvia .nvx-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#view-neauvia .uex-risk{margin-top:0}
#view-neauvia .uex-risk-grid h3{font-family:var(--sans);font-size:15px;line-height:1.7;margin:0 0 4px;color:var(--gold-ink);font-weight:500}
#view-neauvia .nvx-quick+.sp-note+.sp-note{margin-top:6px}
#view-neauvia .nvx-quick~.sp-source{display:inline-block;margin-top:6px;font-size:13px}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-vectra{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-vectra .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-vectra .sp-soft{background:var(--sp-soft)}
#view-vectra .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-vectra .sp-heading{margin-bottom:26px;max-width:46em}
#view-vectra .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-vectra .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-vectra .sp-heading .sp-kicker{margin-top:0}
#view-vectra .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-vectra .sp-note a,#view-vectra .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectra .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-vectra .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-vectra .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-vectra .crumbs span::before{content:none}
#view-vectra .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-vectra .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-vectra .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-vectra .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-vectra .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-vectra .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-vectra .sp-hero-trust a{margin-top:7px}
#view-vectra .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-vectra .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-vectra .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-vectra .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-vectra .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-vectra .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-vectra .sp-nav a{flex-shrink:0}
#view-vectra .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-vectra .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-vectra .sp-nav a:hover{color:var(--gold-ink)}
#view-vectra .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectra .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-vectra .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-vectra .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-vectra .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-vectra .sp-type-body{padding:21px 22px 22px}
#view-vectra .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-vectra .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-vectra .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-vectra .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-vectra .sp-type .sp-source{margin-top:12px}
#view-vectra .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-vectra .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-vectra .sp-case-head{padding:20px 22px 16px}
#view-vectra .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-vectra .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-vectra .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-vectra .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-vectra .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-vectra .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-vectra .sp-case-body{padding:18px 22px 22px}
#view-vectra .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-vectra .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-vectra .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-vectra .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-vectra .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-vectra .sp-case-body .sp-source{margin-top:14px}
#view-vectra .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-vectra .sp-case-details>summary{min-height:48px}
#view-vectra .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-vectra .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-vectra .sp-approach-list{display:grid;gap:0}
#view-vectra .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-vectra .sp-approach-item:first-child{padding-top:0}
#view-vectra .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-vectra .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-vectra .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-vectra .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-vectra .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-vectra .sp-doctor h3{font-size:21px;line-height:1.5}
#view-vectra .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-vectra .sp-doctor .sp-source{white-space:nowrap}
#view-vectra .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-vectra .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-vectra .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-vectra .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-vectra .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-vectra .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-vectra .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-vectra .sp-expertise-facts>div:first-child{padding-top:0}
#view-vectra .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-vectra .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-vectra .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-vectra .sp-expertise-grid figure{max-width:480px}
 #view-vectra .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-vectra .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-vectra .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-vectra .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-vectra .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-vectra .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-vectra .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-vectra .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-vectra .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-vectra .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-vectra .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-vectra .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-vectra .sp-disclosure>summary::after{content:'＋';flex:none}
#view-vectra .sp-disclosure[open]>summary::after{content:'−'}
#view-vectra .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-vectra .sp-disclosure-content p+p{margin-top:12px}
#view-vectra .sp-approval-list{display:grid;gap:10px}
#view-vectra .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-vectra .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-vectra .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-vectra .sp-price-intro>div{flex:1 1 320px}
#view-vectra .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-vectra .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-vectra .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-vectra .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-vectra .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-vectra .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-vectra .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-vectra .sp-price-heading{margin-bottom:16px}
#view-vectra .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-vectra .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-vectra .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-vectra .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-vectra .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-vectra .sp-price .sp-yen{display:block;margin:0}
#view-vectra .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-vectra .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-vectra .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-vectra .sp-price-list{margin-top:8px}
#view-vectra .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-vectra .sp-price-list dt{min-width:0}
#view-vectra .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-vectra .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectra .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-vectra .sp-flow-head{display:block;margin-bottom:14px}
#view-vectra .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-vectra .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-vectra .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-vectra .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-vectra .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-vectra .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-vectra .sp-recovery>div:last-child{border-right:0}
#view-vectra .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-vectra .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-vectra .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-vectra .sp-risk-details{margin-top:22px}
#view-vectra .sp-faq{margin-inline:0}
#view-vectra .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-vectra .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-vectra .sp-tech h3{font-size:22px;line-height:1.6}
#view-vectra .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-vectra .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-vectra .sp-tech h3+p{margin-top:10px}
#view-vectra .sp-video>summary{cursor:pointer;list-style:none}
#view-vectra .sp-video>summary::-webkit-details-marker{display:none}
#view-vectra .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectra .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-vectra .sp-flow-text{display:block;margin-top:12px}
#view-vectra .sp-video-body{padding-bottom:16px}
#view-vectra .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-vectra .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-vectra .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-vectra .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-vectra .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-vectra .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-vectra .sp-tech>img{width:76px;height:99px}
 #view-vectra .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-vectra .sp-homecare>img{max-height:220px}
}
#view-vectra .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-vectra .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-vectra .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-vectra .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-vectra .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-vectra .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-vectra .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-vectra .sp-final .btn{font-size:14px}
#view-vectra .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-vectra :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-vectra .sp-devices{grid-template-columns:1fr}
  #view-vectra .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-vectra .sp-device-head{margin-bottom:0}
  #view-vectra .sp-device .sp-disclosure{grid-column:1/-1}
  #view-vectra .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-vectra .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-vectra .sp-doctor>img{width:90px;height:100px}
  #view-vectra .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-vectra .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-vectra .sp-hero h1{font-size:32px}
  #view-vectra .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-vectra .sp-hero-lead{margin-top:17px}
  #view-vectra .sp-hero-photo img{aspect-ratio:16/9}
  #view-vectra .sp-hero-photo figcaption{font-size:12px}
  #view-vectra .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-vectra .sp-types,#view-vectra .sp-cases,#view-vectra .sp-approach,#view-vectra .sp-prices{grid-template-columns:1fr}
  #view-vectra .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-vectra .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-vectra .sp-type-body{padding:19px 20px}
  #view-vectra .sp-type h3{font-size:20px}
  #view-vectra .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-vectra .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-vectra .sp-approach{gap:24px}
  #view-vectra .sp-approach-image img{max-height:260px}
  #view-vectra .sp-recovery{grid-template-columns:1fr}
  #view-vectra .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-vectra .sp-recovery>div:last-child{border-bottom:0}
  #view-vectra .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-vectra .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-vectra .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-vectra .sp-hero h1{font-size:29px}
  #view-vectra .sp-actions{align-items:stretch}
  #view-vectra .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-vectra .sp-type{grid-template-columns:1fr}
  #view-vectra .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-vectra .sp-type-art img{max-height:130px}
  #view-vectra .sp-layer-labels{justify-content:center;gap:26px}
  #view-vectra .sp-type-body{padding:19px 20px}
  #view-vectra .sp-case-head,#view-vectra .sp-case-body{padding-inline:18px}
  #view-vectra .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-vectra .sp-case-photos{padding-inline:10px;gap:4px}
  #view-vectra .sp-device{display:block;padding:20px}
  #view-vectra .sp-device-head{margin-bottom:14px}
  #view-vectra .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-vectra .sp-flow>li{padding:18px 20px}
  #view-vectra .sp-flow-head{margin-bottom:10px}
  #view-vectra .sp-price{padding:22px}
  #view-vectra .sp-price-intro{padding:20px}
  #view-vectra .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-vectra .sp-price-list dd{flex-basis:100%}
  #view-vectra .sp-doctor{gap:14px}
  #view-vectra .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-vectra :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-vectra .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-vectra .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-vectra .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-vectra .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-vectra .sp-entry-link:first-child{padding-left:0}
#view-vectra .sp-entry-link:last-child{border-right:0}
#view-vectra .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-vectra .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-vectra .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-vectra .sp-entry-link:hover{background:var(--sp-soft)}
#view-vectra .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-vectra .sp-consult h3{font-size:24px;line-height:1.65}
#view-vectra .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-vectra .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-vectra .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-vectra .sp-consult .sp-note{margin-top:7px}
#view-vectra #s-doctor-section{padding-top:58px}
#view-vectra #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-vectra .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-vectra .sp-expertise-grid figure{align-self:center}
#view-vectra .sp-expertise-facts dt{font-size:16px}
#view-vectra .sp-expertise-facts dd{font-size:14px}
#view-vectra .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-vectra .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-vectra .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-vectra .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-vectra .sp-flow{list-style:none;padding:0}
#view-vectra .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-vectra .sp-flow-head img,#view-vectra .sp-video video{border:1px solid var(--sp-border)}
#view-vectra .sp-recovery{border:0}
#view-vectra .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-vectra .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-vectra .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-vectra .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-vectra .sp-visit-info a{color:var(--on-night)}
#view-vectra a:focus-visible,#view-vectra summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-vectra .sp-entry-links{grid-template-columns:1fr}
 #view-vectra .sp-entry-link,#view-vectra .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-vectra .sp-entry-link:last-child{border-bottom:0}
 #view-vectra .sp-entry-link strong{font-size:18px}
 #view-vectra .sp-entry-link span span{margin-top:3px}
 #view-vectra .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-vectra .sp-consult h3{font-size:22px}
 #view-vectra .sp-consult ul{display:block}
 #view-vectra .sp-consult li{margin-top:6px}
 #view-vectra .sp-consult .btn{width:100%}
 #view-vectra .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-vectra .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-vectra .sp-recovery>div::before{top:4px;left:-5px}
 #view-vectra .sp-recovery>div:last-child{padding-bottom:0}
 #view-vectra .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-vectra *{scroll-behavior:auto;transition:none}}

#view-vectra .sp-type-art img{max-height:145px}
#view-vectra .sp-type-body{padding:20px}
#view-vectra .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-vectra .sp-price>p.sp-price-unit,#view-vectra .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-vectra .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-vectra .sp-price{padding:26px 0}
 #view-vectra .sp-price-description{margin-bottom:20px}
 #view-vectra .sp-price>.sp-note{min-height:0}
 #view-vectra .sp-price h3{font-size:23px}
 #view-vectra .sp-price .sp-yen{font-size:20px}
 #view-vectra .sp-price-intro{padding:22px;gap:16px}
 #view-vectra .sp-price-intro>div{flex-basis:100%}
}

#view-vectra .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-vectra .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-vectra .sp-consult-fees>div:last-child{border-bottom:0}
#view-vectra .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-vectra .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-vectra .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-vectra .sp-consult-fees{flex-basis:100%}#view-vectra .sp-consult-fees dd{font-size:21px}#view-vectra .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-vectra .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-vectra .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-vectra .sp-price-intro{padding:20px 18px;gap:18px}
 #view-vectra .sp-consult-fees{flex-basis:100%;width:100%}
 #view-vectra .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-vectra .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-vectra .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-vectra .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-vectra .sp-fee-period::before{content:none}
 html[lang="en"] #view-vectra .sp-fee-period{white-space:normal;font-size:14px}
 #view-vectra .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-vectra .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-vectra .sp-prices{gap:16px;border:0}
 #view-vectra .sp-price,#view-vectra .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-vectra .sp-price-heading{order:0;margin-bottom:14px}
 #view-vectra .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-vectra .sp-price h3{font-size:22px;letter-spacing:0}
 #view-vectra .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-vectra .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-vectra .sp-price .sp-price-unit{font-size:12px}
 #view-vectra .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-vectra .sp-price>.sp-note{order:3;margin-top:10px}
 #view-vectra .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-vectra .sp-price,#view-vectra .sp-price+.sp-price{padding:20px 16px}
 #view-vectra .sp-price h3{font-size:20px}
 #view-vectra .sp-price .sp-yen{font-size:20px}
 #view-vectra .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-vectra .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-vectra .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-vectra .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-vectra .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-vectra .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-vectra .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-vectra .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-vectra .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-vectra .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-vectra .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-vectra .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-vectra .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-vectra .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-vectra .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-vectra .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-vectra .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-vectra .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-vectra .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-vectra .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-vectra .sp-entry-hint{margin:8px 0 22px}
#view-vectra .sp-entry-links{gap:14px;border:0}
#view-vectra .sp-entry-link,#view-vectra .sp-entry-link:first-child,#view-vectra .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-vectra .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-vectra .sp-entry-link:hover,#view-vectra .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-vectra .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-vectra .sp-entry-copy{min-width:0}
#view-vectra .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-vectra .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-vectra .sp-entry-question{font-size:22px}
 #view-vectra .sp-entry-link,#view-vectra .sp-entry-link:first-child,#view-vectra .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-vectra .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-vectra .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-vectra .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .sp-anes{margin-top:10px}
#view-vectra .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-vectra .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-vectra .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-vectra .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-vectra .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-vectra .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-vectra .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-vectra .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-vectra .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-vectra .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-vectra .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-vectra .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-vectra .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-vectra .hg-head>div{min-width:0}
#view-vectra .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-vectra .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-vectra .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-vectra .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-vectra .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-vectra .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-vectra .hg-menu-photo{margin:0}
#view-vectra .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-vectra .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-vectra .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-vectra .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-vectra .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-vectra .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-vectra .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-vectra .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-vectra .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectra .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-vectra .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectra .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-vectra .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-vectra .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-vectra .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-vectra .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-vectra .hg-menu-note{margin:14px 0 0}
#view-vectra .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-vectra .hg-menu-links-label{margin-right:4px}
#view-vectra .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-vectra .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-vectra .hg-menu-fees{gap:8px}#view-vectra .hg-fee{padding:14px 14px 12px}#view-vectra .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-vectra .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-vectra .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-vectra .hg-menu-range{margin:14px 0 0}
#view-vectra .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-vectra .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-vectra .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-vectra .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-vectra .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-vectra .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-vectra .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-vectra .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-vectra .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-vectra .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-vectra .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-vectra .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-vectra .cg-card{padding:0;background:transparent;border:0}
#view-vectra .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-vectra .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-vectra .cg-card .case-image{margin:0}
#view-vectra .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-vectra .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-vectra .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-vectra .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-vectra .cg-details summary:hover{color:var(--gold-ink)}
#view-vectra .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-vectra .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-vectra .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-vectra .cg-details dt{padding-top:13px}
#view-vectra .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-vectra .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-vectra .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-vectra .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-vectra .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-vectra .sp-section .dn-gallery,#view-vectra .sp-section .sw-gallery,#view-vectra .sp-section .pc-lecture-figs,#view-vectra .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-vectra .sp-section .sw-interview,#view-vectra .sp-section .ul-doctor-grid,#view-vectra .sp-section .sv-doctor-hero,#view-vectra .sp-section .wrx-evidence,#view-vectra .sp-section .uex-evidence,#view-vectra .sp-section .ml-doctor-grid,#view-vectra .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-vectra .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-vectra .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-vectra .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-vectra .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-vectra .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-vectra .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-vectra .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-vectra .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-vectra .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-vectra .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-vectra .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-vectra .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-vectra .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .hgd-svg{display:block;width:100%;height:auto}
#view-vectra .hgd-sp{display:none}
#view-vectra .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-vectra .hgd-layer{font-size:30px}
#view-vectra .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-vectra .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-vectra .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-vectra .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-vectra .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-vectra .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-vectra .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-vectra .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-vectra .hgd-art{opacity:.92}
#view-vectra .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-vectra .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-vectra .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-vectra .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-vectra .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-vectra .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-vectra .hgd-layer{font-size:25px}
html[lang^="en"] #view-vectra .hgd-sub{font-size:19px}
html[lang^="en"] #view-vectra .hgd-br{font-size:27px}
#view-vectra .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-vectra .hgd-pc .hgd-layer{font-size:38px}
 #view-vectra .hgd-pc .hgd-sub{font-size:30px}
 #view-vectra .hgd-pc .hgd-name{font-size:42px}
 #view-vectra .hgd-pc .hgd-kind{font-size:31px}
 #view-vectra .hgd-pc .hgd-br{font-size:36px}
 #view-vectra .hgd-pc .hgd-mm{font-size:40px}
 #view-vectra .hgd-pc .hgd-note{font-size:26px}
 #view-vectra .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-vectra .hg-lineup img{width:72px;height:72px}
 #view-vectra .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-vectra .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-vectra .hg-lineup,#view-vectra .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-vectra .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-vectra .hg-lineup img{width:56px;height:56px}
 #view-vectra .hg-lineup figcaption{padding:7px 8px}
 #view-vectra .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-vectra .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-vectra .hg-lineup figcaption small{font-size:10.5px}
 #view-vectra .hgd-pc{display:none}
 #view-vectra .hgd-sp{display:block}
 #view-vectra .hgd-layer,#view-vectra .hgd-name,#view-vectra .hgd-br,#view-vectra .hgd-mm{font-size:34px}
 #view-vectra .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-vectra .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-vectra .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-vectra .hgd-layer{font-size:30px}
 #view-vectra .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-vectra .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-vectra .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-vectra. */
#view-vectra .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectra .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-vectra .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-vectra .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-vectra .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-vectra .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-vectra .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-vectra .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-vectra .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-vectra .pc-table th,#view-vectra .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-vectra .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-vectra .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-vectra .pc-table tbody tr:last-child th,#view-vectra .pc-table tbody tr:last-child td{border-bottom:0}
#view-vectra .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-vectra .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-vectra .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-vectra .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-vectra .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-vectra .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-vectra .pc-point-face{width:92px;height:92px}}
#view-vectra .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-vectra .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-vectra .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-vectra .pc-explain p+p{margin-top:12px}
#view-vectra .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectra .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-vectra .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-vectra .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-vectra .pc-books h3{font-size:18px;margin-bottom:12px}
#view-vectra .pc-books ul{list-style:none;padding:0;margin:0}
#view-vectra .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-vectra .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-vectra .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-vectra .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-vectra .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-vectra .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-vectra .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-vectra .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-vectra .pc-tag{margin:0}
#view-vectra .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-vectra .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-vectra .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-vectra .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-vectra .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-vectra .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-vectra .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-vectra .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-vectra .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-vectra .pc-approval>div:last-child{border-bottom:0}
#view-vectra .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-vectra .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-vectra .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-vectra .pc-glance,#view-vectra .pc-modes{grid-template-columns:1fr}#view-vectra .pc-explain{grid-template-columns:1fr}#view-vectra .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-vectra .pc-concern-links{grid-template-columns:1fr}#view-vectra .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-vectra .pc-books,#view-vectra .pc-quote,#view-vectra .pc-point{padding:20px}#view-vectra .pc-glance-num span{font-size:32px}#view-vectra .pc-table{font-size:13px}#view-vectra .pc-table th,#view-vectra .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-vectra .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-vectra .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-vectra .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-vectra .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-vectra .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-vectra .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-vectra .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-vectra .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-vectra .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-vectra .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-vectra .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-vectra .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-vectra .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-vectra .pc-video{margin:0 0 28px;max-width:820px}
#view-vectra .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-vectra .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-vectra .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-vectra .pc-lasers-media .pc-video,#view-vectra .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-vectra .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-vectra .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-vectra .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-vectra .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-vectra .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-vectra .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-vectra .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-vectra .pc-hero-video .sp-video{margin:0}
#view-vectra .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-vectra .pc-cell-label{display:none}
@media(max-width:760px){
#view-vectra .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-vectra .pc-table{min-width:0;display:block;font-size:14px}
#view-vectra .pc-table caption{display:block;padding:0 0 10px}
#view-vectra .pc-table thead{display:none}
#view-vectra .pc-table tbody{display:block}
#view-vectra .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-vectra .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-vectra .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-vectra .pc-table tr td:last-child{border-bottom:0}
#view-vectra .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-vectra .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-vectra .pc-cell-value{display:block;line-height:1.75}
}
#view-vectra .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-vectra .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-vectra .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-vectra .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-vectra .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-vectra .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectra .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-vectra .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-vectra .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-vectra .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-vectra .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-vectra .pcx-video{margin:0 0 26px;max-width:780px}
#view-vectra .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-vectra .pcx-table-details{margin-top:18px}
#view-vectra .pcx-table-details .pc-table-wrap{margin-top:0}
#view-vectra .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-vectra .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-vectra .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-vectra #pc-lasers .pc-point{margin-top:40px}
#view-vectra .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-vectra .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-vectra .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-vectra .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-vectra .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-vectra .pcx-case-hint{margin-top:6px}
#view-vectra #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-vectra .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-vectra .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-vectra .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-vectra .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-vectra .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-vectra .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-vectra .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-vectra .pcx-hero-points{margin-top:22px}
#view-vectra .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-vectra .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-vectra .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-vectra .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-vectra .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-vectra .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-vectra .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectra .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-vectra .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-vectra .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-vectra .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-vectra .pcx-mode-art img{display:block;width:100%;height:auto}
#view-vectra .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-vectra .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-vectra .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-vectra .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-vectra .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-vectra .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-vectra .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-vectra .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-vectra .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-vectra .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-vectra .pcx-case-sep{display:none}
  #view-vectra .pcx-case-name{display:block}
  #view-vectra .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-vectra .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-vectra .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-vectra .pcx-diff-changed{border-top-color:var(--gold)}
#view-vectra .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-vectra .pcx-diff-card dl{margin:0}
#view-vectra .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-vectra .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-vectra .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-vectra .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-vectra .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-vectra .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-vectra .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-vectra .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-vectra .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-vectra .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-vectra .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-vectra .pcx-history>li:last-child{padding-bottom:0}
#view-vectra .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-vectra .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-vectra .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-vectra .pcx-h-tag{margin:0 0 4px}
#view-vectra .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-vectra .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-vectra .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-vectra .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-vectra .pcx-history-wrap>.sp-note{margin-top:20px}
#view-vectra #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-vectra .pcx-diff{grid-template-columns:1fr}
 #view-vectra .pcx-diff-card{padding:18px 16px 14px}
 #view-vectra .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-vectra .pcx-depth{padding:16px}
 #view-vectra .pcx-history::before{left:3.4em}
 #view-vectra .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-vectra .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-vectra .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-vectra .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-vectra .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-vectra .pcx-h-photo{margin:4px 0 0}
#view-vectra .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-vectra .pcx-h-device .pcx-h-photo img,#view-vectra #pc-history .pcx-h-photo img[src*="picosure-"],#view-vectra #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-vectra .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-vectra .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-vectra .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-vectra. */
#view-vectra .sw-device-photo{max-width:820px}
#view-vectra .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-vectra .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-vectra .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .sw-figures{max-width:none}
#view-vectra .sw-figure img{display:block;width:100%;height:auto}
#view-vectra .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-vectra .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-vectra .sw-figures .sw-figure{margin:0}
#view-vectra .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-vectra .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-vectra .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-vectra .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-vectra .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .pc-explain h3+p+h3{margin-top:22px}
#view-vectra .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-vectra .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-vectra .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-vectra .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-vectra .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-vectra .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-vectra .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-vectra .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-vectra .sw-history li{position:relative;padding:0 0 22px 28px}
#view-vectra .sw-history li:last-child{padding-bottom:0}
#view-vectra .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-vectra .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-vectra .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-vectra .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-vectra .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-vectra .sw-gallery figure{margin:0}
#view-vectra .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-vectra .sw-gallery img.is-portrait{object-position:50% 30%}
#view-vectra .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-vectra .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-vectra .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-vectra .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-vectra .sw-case-photo{margin:0;background:#111}
#view-vectra .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-vectra .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-vectra .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-vectra .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-vectra .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-vectra .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-vectra .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-vectra .sw-area-prices li:last-child{border-bottom:0}
#view-vectra .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-vectra .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-vectra .sw-papers,#view-vectra .sw-history-wrap,#view-vectra .sw-cases,#view-vectra .sw-price-list{grid-template-columns:1fr}#view-vectra .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-vectra .sw-steps,#view-vectra .sw-figures,#view-vectra .sw-gallery{grid-template-columns:1fr}#view-vectra .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-vectra .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-vectra .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-vectra .sw-interview-video{margin:0;max-width:none}
#view-vectra .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-vectra .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-vectra .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-vectra .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-vectra .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-vectra .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-vectra .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-vectra .sw-ttt-design,#view-vectra .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-vectra .sw-ttt-face,#view-vectra .sw-heat-field{margin:0}
#view-vectra .sw-ttt-face img,#view-vectra .sw-heat-field img{display:block;width:100%;height:auto}
#view-vectra .sw-heat-field img{border:1px solid var(--sp-border)}
#view-vectra .sw-ttt-face figcaption,#view-vectra .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-vectra .sw-ttt-text .sp-kicker,#view-vectra .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-vectra .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-vectra .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-vectra .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-vectra .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-vectra .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-vectra .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-vectra .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-vectra .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-vectra .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-vectra .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-vectra .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-vectra .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-vectra .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-vectra .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-vectra .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-vectra .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-vectra .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-vectra .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-vectra .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-vectra .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-vectra .sw-ttt-design,#view-vectra .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-vectra .sw-ttt-face,#view-vectra .sw-heat-field{max-width:420px}#view-vectra .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-vectra .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-vectra .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-vectra .sw-ct-cases-head{margin:44px 0 18px}
#view-vectra .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-vectra .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-vectra .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-vectra .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-vectra .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-vectra .sw-ct-group{margin-top:40px}
#view-vectra .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-vectra .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-vectra .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-vectra .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-vectra .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-vectra .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-vectra .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-vectra .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-vectra .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-vectra .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-vectra .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-vectra .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-vectra .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-vectra .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-vectra .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-vectra .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-vectra .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectra .sw-table-details,#view-vectra .sw-record{margin-top:26px}
#view-vectra .sw-table-details .sp-disclosure-content,#view-vectra .sw-record .sp-disclosure-content,#view-vectra .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-vectra .sw-table-details .pc-table-wrap{margin-top:0}
#view-vectra .sw-record .sw-history-wrap{margin-top:6px}
#view-vectra .sw-ct-more{margin-top:18px}
#view-vectra .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-vectra .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-vectra .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-vectra .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-vectra .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-vectra .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-vectra .sw-3d-video{margin:0;max-width:none}
#view-vectra .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-vectra .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-vectra .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-vectra .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-vectra .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-vectra .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-vectra .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-vectra .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-vectra .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-vectra .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-vectra .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-vectra .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-vectra .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-vectra .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-vectra .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-vectra .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-vectra .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-vectra .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-vectra .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-vectra .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-vectra .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-vectra .swx-hero-points{margin-top:22px}
#view-vectra .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-vectra .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-vectra .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-vectra .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-vectra .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-vectra .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-vectra .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-vectra .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-vectra .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-vectra .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-vectra .swx-hero-video{margin:0}
#view-vectra .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-vectra .sp-video video:not([controls]){pointer-events:none}

/* VECTRA 3D imaging page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-vectra. Tokens only. */
#view-vectra .vc-hero-device img{object-position:50% 50%;background:var(--sp-soft)}
#view-vectra .vc-summary-section{padding-block:28px 32px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-vectra .vc-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 26px;align-items:start;border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px}
#view-vectra .vc-summary .sp-kicker{font-size:12px;margin:2px 0 0}
#view-vectra .vc-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;counter-reset:vs}
#view-vectra .vc-summary li{counter-increment:vs;position:relative;padding-left:28px;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-vectra .vc-summary li::before{content:counter(vs,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:12px;color:var(--gold-ink);line-height:1.8}
#view-vectra .vc-summary li strong{color:var(--ink);font-weight:500}
@media(max-width:900px){#view-vectra .vc-summary{grid-template-columns:1fr;padding:16px 18px}#view-vectra .vc-summary ol{grid-template-columns:1fr}}
#view-vectra .vc-capture{margin:30px 0 0;max-width:none}
#view-vectra .vc-capture img{aspect-ratio:16/9;object-fit:cover;object-position:50% 38%}
#view-vectra .vc-why-cards,#view-vectra .vc-see-cards{margin-top:26px}
#view-vectra .pc-mode h3{margin-top:6px}
#view-vectra .vc-see-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-vectra .vc-other,#view-vectra .vc-consult{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px;align-items:center;margin-top:26px;padding:22px;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .vc-other img,#view-vectra .vc-consult img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-vectra .vc-other h3,#view-vectra .vc-consult h3{font-size:18px;line-height:1.6;margin:4px 0 8px}
#view-vectra .vc-other p:last-child,#view-vectra .vc-consult p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-vectra .vc-paper-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px;font-size:14px}
#view-vectra .vc-paper-links a{color:var(--gold-ink);border-bottom:1px solid currentColor}
#view-vectra #vc-research .sp-disclosure{margin-top:22px}
#view-vectra .vc-accuracy{margin:0;padding:0;list-style:none}
#view-vectra .vc-accuracy li{font-size:14px;line-height:1.85;color:var(--ink-2);padding:10px 0;border-bottom:1px solid var(--sp-border)}
#view-vectra .vc-accuracy li a{margin-left:10px;color:var(--gold-ink);white-space:nowrap}
#view-vectra .vc-treat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
#view-vectra .vc-treat-card{position:relative;display:block;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 44px 20px 22px;color:inherit;text-decoration:none;transition:border-color .2s}
#view-vectra .vc-treat-card:hover{border-color:var(--gold)}
#view-vectra .vc-treat-name{display:block;font-family:var(--mincho);font-size:18px;color:var(--ink);margin-bottom:6px}
#view-vectra .vc-treat-desc{display:block;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-vectra .vc-treat-go{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold-ink)}
@media(max-width:900px){#view-vectra .vc-treat,#view-vectra .vc-see-cards{grid-template-columns:1fr}}
@media(max-width:760px){#view-vectra .vc-other,#view-vectra .vc-consult{grid-template-columns:1fr;padding:18px;gap:16px}#view-vectra .vc-capture img{aspect-ratio:4/3;object-position:62% 50%}}
/* 2026-09-26 magazine-style reading order (vtx- prefix: this file is also copied into #view-review, so these rules are new and self-contained). */
#view-vectra .vtx-summary-link{display:inline-block;margin-left:8px;font-size:12.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#view-vectra .vtx-capture{margin-top:26px}
#view-vectra .vtx-glance{margin-top:26px}
#view-vectra .vtx-3d{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:center;margin:26px 0 0;padding:22px;background:#fff;border:1px solid var(--sp-border)}
#view-vectra .vtx-3d-img{margin:0;max-width:none}
#view-vectra .vtx-3d-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-vectra .vtx-3d-text .sp-kicker{margin-bottom:8px}
#view-vectra .vtx-3d-text h3{font-size:18px;line-height:1.6;margin:0 0 8px}
#view-vectra .vtx-3d-text p:not(.sp-kicker){font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-vectra .vtx-cite{font-size:13px;line-height:1.75;color:var(--ink-3)}
#view-vectra .vtx-cite+.vtx-cite{margin-top:10px}
#view-vectra .vtx-step{padding-top:0}
#view-vectra .vtx-step-img{display:block;width:calc(100% + 40px);max-width:none;height:auto;margin:0 -20px 16px;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;border-bottom:1px solid var(--sp-border);background:var(--sp-soft)}
#view-vectra .vtx-treat-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 18px;align-items:center}
#view-vectra .vtx-treat-img{grid-row:1/3;display:block;width:104px;height:78px;object-fit:cover;background:var(--sp-soft);border:1px solid var(--sp-border)}
@media(max-width:760px){
#view-vectra .vtx-3d{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}
#view-vectra .vtx-step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 14px;align-items:start;padding-top:18px}
#view-vectra .vtx-step-img{grid-row:1/4;width:96px;height:96px;margin:0;aspect-ratio:1;border:1px solid var(--sp-border)}
#view-vectra .vtx-treat-card{grid-template-columns:84px minmax(0,1fr);gap:2px 14px}
#view-vectra .vtx-treat-img{width:84px;height:63px}
}
/* 2026-09-29 the chapter label now sits inside the h2 (device/product page pattern; the hero stays as it is: imaging, not treatment) */
#view-vectra .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-vectra .sp-heading h2>.sp-h2-main{display:block}

/* 2026-10-01 3D example as a silent looping clip (no controls) */
#view-vectra .vtx-3d-img video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111;pointer-events:none}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-windscell{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-windscell .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-windscell .sp-soft{background:var(--sp-soft)}
#view-windscell .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-windscell .sp-heading{margin-bottom:26px;max-width:46em}
#view-windscell .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-windscell .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-windscell .sp-heading .sp-kicker{margin-top:0}
#view-windscell .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-windscell .sp-note a,#view-windscell .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-windscell .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-windscell .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-windscell .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-windscell .crumbs span::before{content:none}
#view-windscell .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-windscell .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-windscell .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-windscell .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-windscell .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-windscell .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-windscell .sp-hero-trust a{margin-top:7px}
#view-windscell .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-windscell .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-windscell .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-windscell .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-windscell .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-windscell .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-windscell .sp-nav a{flex-shrink:0}
#view-windscell .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-windscell .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-windscell .sp-nav a:hover{color:var(--gold-ink)}
#view-windscell .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-windscell .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-windscell .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-windscell .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-windscell .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-windscell .sp-type-body{padding:21px 22px 22px}
#view-windscell .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-windscell .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-windscell .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-windscell .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-windscell .sp-type .sp-source{margin-top:12px}
#view-windscell .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-windscell .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-windscell .sp-case-head{padding:20px 22px 16px}
#view-windscell .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-windscell .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-windscell .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-windscell .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-windscell .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-windscell .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-windscell .sp-case-body{padding:18px 22px 22px}
#view-windscell .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-windscell .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-windscell .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-windscell .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-windscell .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-windscell .sp-case-body .sp-source{margin-top:14px}
#view-windscell .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-windscell .sp-case-details>summary{min-height:48px}
#view-windscell .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-windscell .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-windscell .sp-approach-list{display:grid;gap:0}
#view-windscell .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-windscell .sp-approach-item:first-child{padding-top:0}
#view-windscell .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-windscell .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-windscell .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-windscell .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-windscell .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-windscell .sp-doctor h3{font-size:21px;line-height:1.5}
#view-windscell .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-windscell .sp-doctor .sp-source{white-space:nowrap}
#view-windscell .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-windscell .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-windscell .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-windscell .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-windscell .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-windscell .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-windscell .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-windscell .sp-expertise-facts>div:first-child{padding-top:0}
#view-windscell .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-windscell .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-windscell .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-windscell .sp-expertise-grid figure{max-width:480px}
 #view-windscell .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-windscell .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-windscell .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-windscell .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-windscell .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-windscell .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-windscell .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-windscell .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-windscell .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-windscell .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-windscell .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-windscell .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-windscell .sp-disclosure>summary::after{content:'＋';flex:none}
#view-windscell .sp-disclosure[open]>summary::after{content:'−'}
#view-windscell .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-windscell .sp-disclosure-content p+p{margin-top:12px}
#view-windscell .sp-approval-list{display:grid;gap:10px}
#view-windscell .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-windscell .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-windscell .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-windscell .sp-price-intro>div{flex:1 1 320px}
#view-windscell .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-windscell .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-windscell .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-windscell .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-windscell .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-windscell .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-windscell .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-windscell .sp-price-heading{margin-bottom:16px}
#view-windscell .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-windscell .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-windscell .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-windscell .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-windscell .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-windscell .sp-price .sp-yen{display:block;margin:0}
#view-windscell .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-windscell .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-windscell .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-windscell .sp-price-list{margin-top:8px}
#view-windscell .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-windscell .sp-price-list dt{min-width:0}
#view-windscell .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-windscell .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-windscell .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-windscell .sp-flow-head{display:block;margin-bottom:14px}
#view-windscell .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-windscell .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-windscell .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-windscell .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-windscell .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-windscell .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-windscell .sp-recovery>div:last-child{border-right:0}
#view-windscell .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-windscell .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-windscell .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-windscell .sp-risk-details{margin-top:22px}
#view-windscell .sp-faq{margin-inline:0}
#view-windscell .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-windscell .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-windscell .sp-tech h3{font-size:22px;line-height:1.6}
#view-windscell .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-windscell .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-windscell .sp-tech h3+p{margin-top:10px}
#view-windscell .sp-video>summary{cursor:pointer;list-style:none}
#view-windscell .sp-video>summary::-webkit-details-marker{display:none}
#view-windscell .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-windscell .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-windscell .sp-flow-text{display:block;margin-top:12px}
#view-windscell .sp-video-body{padding-bottom:16px}
#view-windscell .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-windscell .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-windscell .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-windscell .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-windscell .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-windscell .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-windscell .sp-tech>img{width:76px;height:99px}
 #view-windscell .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-windscell .sp-homecare>img{max-height:220px}
}
#view-windscell .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-windscell .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-windscell .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-windscell .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-windscell .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-windscell .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-windscell .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-windscell .sp-final .btn{font-size:14px}
#view-windscell .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-windscell :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-windscell .sp-devices{grid-template-columns:1fr}
  #view-windscell .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-windscell .sp-device-head{margin-bottom:0}
  #view-windscell .sp-device .sp-disclosure{grid-column:1/-1}
  #view-windscell .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-windscell .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-windscell .sp-doctor>img{width:90px;height:100px}
  #view-windscell .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-windscell .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-windscell .sp-hero h1{font-size:32px}
  #view-windscell .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-windscell .sp-hero-lead{margin-top:17px}
  #view-windscell .sp-hero-photo img{aspect-ratio:16/9}
  #view-windscell .sp-hero-photo figcaption{font-size:12px}
  #view-windscell .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-windscell .sp-types,#view-windscell .sp-cases,#view-windscell .sp-approach,#view-windscell .sp-prices{grid-template-columns:1fr}
  #view-windscell .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-windscell .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-windscell .sp-type-body{padding:19px 20px}
  #view-windscell .sp-type h3{font-size:20px}
  #view-windscell .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-windscell .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-windscell .sp-approach{gap:24px}
  #view-windscell .sp-approach-image img{max-height:260px}
  #view-windscell .sp-recovery{grid-template-columns:1fr}
  #view-windscell .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-windscell .sp-recovery>div:last-child{border-bottom:0}
  #view-windscell .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-windscell .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-windscell .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-windscell .sp-hero h1{font-size:29px}
  #view-windscell .sp-actions{align-items:stretch}
  #view-windscell .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-windscell .sp-type{grid-template-columns:1fr}
  #view-windscell .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-windscell .sp-type-art img{max-height:130px}
  #view-windscell .sp-layer-labels{justify-content:center;gap:26px}
  #view-windscell .sp-type-body{padding:19px 20px}
  #view-windscell .sp-case-head,#view-windscell .sp-case-body{padding-inline:18px}
  #view-windscell .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-windscell .sp-case-photos{padding-inline:10px;gap:4px}
  #view-windscell .sp-device{display:block;padding:20px}
  #view-windscell .sp-device-head{margin-bottom:14px}
  #view-windscell .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-windscell .sp-flow>li{padding:18px 20px}
  #view-windscell .sp-flow-head{margin-bottom:10px}
  #view-windscell .sp-price{padding:22px}
  #view-windscell .sp-price-intro{padding:20px}
  #view-windscell .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-windscell .sp-price-list dd{flex-basis:100%}
  #view-windscell .sp-doctor{gap:14px}
  #view-windscell .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-windscell :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-windscell .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-windscell .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-windscell .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-windscell .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-windscell .sp-entry-link:first-child{padding-left:0}
#view-windscell .sp-entry-link:last-child{border-right:0}
#view-windscell .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-windscell .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-windscell .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-windscell .sp-entry-link:hover{background:var(--sp-soft)}
#view-windscell .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-windscell .sp-consult h3{font-size:24px;line-height:1.65}
#view-windscell .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-windscell .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-windscell .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-windscell .sp-consult .sp-note{margin-top:7px}
#view-windscell #s-doctor-section{padding-top:58px}
#view-windscell #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-windscell .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-windscell .sp-expertise-grid figure{align-self:center}
#view-windscell .sp-expertise-facts dt{font-size:16px}
#view-windscell .sp-expertise-facts dd{font-size:14px}
#view-windscell .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-windscell .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-windscell .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-windscell .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-windscell .sp-flow{list-style:none;padding:0}
#view-windscell .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-windscell .sp-flow-head img,#view-windscell .sp-video video{border:1px solid var(--sp-border)}
#view-windscell .sp-recovery{border:0}
#view-windscell .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-windscell .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-windscell .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-windscell .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-windscell .sp-visit-info a{color:var(--on-night)}
#view-windscell a:focus-visible,#view-windscell summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-windscell .sp-entry-links{grid-template-columns:1fr}
 #view-windscell .sp-entry-link,#view-windscell .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-windscell .sp-entry-link:last-child{border-bottom:0}
 #view-windscell .sp-entry-link strong{font-size:18px}
 #view-windscell .sp-entry-link span span{margin-top:3px}
 #view-windscell .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-windscell .sp-consult h3{font-size:22px}
 #view-windscell .sp-consult ul{display:block}
 #view-windscell .sp-consult li{margin-top:6px}
 #view-windscell .sp-consult .btn{width:100%}
 #view-windscell .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-windscell .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-windscell .sp-recovery>div::before{top:4px;left:-5px}
 #view-windscell .sp-recovery>div:last-child{padding-bottom:0}
 #view-windscell .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-windscell *{scroll-behavior:auto;transition:none}}

#view-windscell .sp-type-art img{max-height:145px}
#view-windscell .sp-type-body{padding:20px}
#view-windscell .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-windscell .sp-price>p.sp-price-unit,#view-windscell .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-windscell .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-windscell .sp-price{padding:26px 0}
 #view-windscell .sp-price-description{margin-bottom:20px}
 #view-windscell .sp-price>.sp-note{min-height:0}
 #view-windscell .sp-price h3{font-size:23px}
 #view-windscell .sp-price .sp-yen{font-size:20px}
 #view-windscell .sp-price-intro{padding:22px;gap:16px}
 #view-windscell .sp-price-intro>div{flex-basis:100%}
}

#view-windscell .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-windscell .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-windscell .sp-consult-fees>div:last-child{border-bottom:0}
#view-windscell .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-windscell .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-windscell .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-windscell .sp-consult-fees{flex-basis:100%}#view-windscell .sp-consult-fees dd{font-size:21px}#view-windscell .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-windscell .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-windscell .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-windscell .sp-price-intro{padding:20px 18px;gap:18px}
 #view-windscell .sp-consult-fees{flex-basis:100%;width:100%}
 #view-windscell .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-windscell .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-windscell .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-windscell .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-windscell .sp-fee-period::before{content:none}
 html[lang="en"] #view-windscell .sp-fee-period{white-space:normal;font-size:14px}
 #view-windscell .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-windscell .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-windscell .sp-prices{gap:16px;border:0}
 #view-windscell .sp-price,#view-windscell .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-windscell .sp-price-heading{order:0;margin-bottom:14px}
 #view-windscell .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-windscell .sp-price h3{font-size:22px;letter-spacing:0}
 #view-windscell .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-windscell .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-windscell .sp-price .sp-price-unit{font-size:12px}
 #view-windscell .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-windscell .sp-price>.sp-note{order:3;margin-top:10px}
 #view-windscell .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-windscell .sp-price,#view-windscell .sp-price+.sp-price{padding:20px 16px}
 #view-windscell .sp-price h3{font-size:20px}
 #view-windscell .sp-price .sp-yen{font-size:20px}
 #view-windscell .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-windscell .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-windscell .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-windscell .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-windscell .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-windscell .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-windscell .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-windscell .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-windscell .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-windscell .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-windscell .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-windscell .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-windscell .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-windscell .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-windscell .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-windscell .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-windscell .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-windscell .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-windscell .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-windscell .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-windscell .sp-entry-hint{margin:8px 0 22px}
#view-windscell .sp-entry-links{gap:14px;border:0}
#view-windscell .sp-entry-link,#view-windscell .sp-entry-link:first-child,#view-windscell .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-windscell .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-windscell .sp-entry-link:hover,#view-windscell .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-windscell .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-windscell .sp-entry-copy{min-width:0}
#view-windscell .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-windscell .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-windscell .sp-entry-question{font-size:22px}
 #view-windscell .sp-entry-link,#view-windscell .sp-entry-link:first-child,#view-windscell .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-windscell .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-windscell .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-windscell .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .sp-anes{margin-top:10px}
#view-windscell .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-windscell .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-windscell .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-windscell .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-windscell .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-windscell .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-windscell .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-windscell .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-windscell .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-windscell .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-windscell .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-windscell .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-windscell .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-windscell .hg-head>div{min-width:0}
#view-windscell .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-windscell .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-windscell .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-windscell .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-windscell .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-windscell .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-windscell .hg-menu-photo{margin:0}
#view-windscell .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-windscell .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-windscell .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-windscell .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-windscell .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-windscell .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-windscell .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-windscell .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-windscell .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-windscell .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-windscell .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-windscell .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-windscell .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-windscell .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-windscell .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-windscell .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-windscell .hg-menu-note{margin:14px 0 0}
#view-windscell .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-windscell .hg-menu-links-label{margin-right:4px}
#view-windscell .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-windscell .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-windscell .hg-menu-fees{gap:8px}#view-windscell .hg-fee{padding:14px 14px 12px}#view-windscell .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-windscell .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-windscell .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-windscell .hg-menu-range{margin:14px 0 0}
#view-windscell .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-windscell .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-windscell .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-windscell .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-windscell .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-windscell .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-windscell .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-windscell .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-windscell .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-windscell .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-windscell .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-windscell .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-windscell .cg-card{padding:0;background:transparent;border:0}
#view-windscell .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-windscell .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-windscell .cg-card .case-image{margin:0}
#view-windscell .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-windscell .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-windscell .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-windscell .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-windscell .cg-details summary:hover{color:var(--gold-ink)}
#view-windscell .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-windscell .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-windscell .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-windscell .cg-details dt{padding-top:13px}
#view-windscell .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-windscell .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-windscell .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-windscell .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-windscell .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-windscell .sp-section .dn-gallery,#view-windscell .sp-section .sw-gallery,#view-windscell .sp-section .pc-lecture-figs,#view-windscell .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-windscell .sp-section .sw-interview,#view-windscell .sp-section .ul-doctor-grid,#view-windscell .sp-section .sv-doctor-hero,#view-windscell .sp-section .wrx-evidence,#view-windscell .sp-section .uex-evidence,#view-windscell .sp-section .ml-doctor-grid,#view-windscell .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-windscell .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-windscell .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-windscell .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-windscell .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-windscell .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-windscell .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-windscell .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-windscell .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-windscell .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-windscell .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-windscell .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-windscell .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-windscell .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .hgd-svg{display:block;width:100%;height:auto}
#view-windscell .hgd-sp{display:none}
#view-windscell .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-windscell .hgd-layer{font-size:30px}
#view-windscell .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-windscell .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-windscell .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-windscell .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-windscell .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-windscell .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-windscell .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-windscell .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-windscell .hgd-art{opacity:.92}
#view-windscell .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-windscell .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-windscell .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-windscell .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-windscell .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-windscell .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-windscell .hgd-layer{font-size:25px}
html[lang^="en"] #view-windscell .hgd-sub{font-size:19px}
html[lang^="en"] #view-windscell .hgd-br{font-size:27px}
#view-windscell .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-windscell .hgd-pc .hgd-layer{font-size:38px}
 #view-windscell .hgd-pc .hgd-sub{font-size:30px}
 #view-windscell .hgd-pc .hgd-name{font-size:42px}
 #view-windscell .hgd-pc .hgd-kind{font-size:31px}
 #view-windscell .hgd-pc .hgd-br{font-size:36px}
 #view-windscell .hgd-pc .hgd-mm{font-size:40px}
 #view-windscell .hgd-pc .hgd-note{font-size:26px}
 #view-windscell .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-windscell .hg-lineup img{width:72px;height:72px}
 #view-windscell .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-windscell .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-windscell .hg-lineup,#view-windscell .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-windscell .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-windscell .hg-lineup img{width:56px;height:56px}
 #view-windscell .hg-lineup figcaption{padding:7px 8px}
 #view-windscell .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-windscell .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-windscell .hg-lineup figcaption small{font-size:10.5px}
 #view-windscell .hgd-pc{display:none}
 #view-windscell .hgd-sp{display:block}
 #view-windscell .hgd-layer,#view-windscell .hgd-name,#view-windscell .hgd-br,#view-windscell .hgd-mm{font-size:34px}
 #view-windscell .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-windscell .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-windscell .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-windscell .hgd-layer{font-size:30px}
 #view-windscell .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-windscell .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-windscell .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-windscell. */
#view-windscell .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-windscell .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-windscell .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-windscell .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-windscell .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-windscell .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-windscell .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-windscell .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-windscell .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-windscell .pc-table th,#view-windscell .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-windscell .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-windscell .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-windscell .pc-table tbody tr:last-child th,#view-windscell .pc-table tbody tr:last-child td{border-bottom:0}
#view-windscell .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-windscell .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-windscell .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-windscell .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-windscell .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-windscell .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-windscell .pc-point-face{width:92px;height:92px}}
#view-windscell .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-windscell .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-windscell .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-windscell .pc-explain p+p{margin-top:12px}
#view-windscell .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-windscell .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-windscell .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-windscell .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-windscell .pc-books h3{font-size:18px;margin-bottom:12px}
#view-windscell .pc-books ul{list-style:none;padding:0;margin:0}
#view-windscell .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-windscell .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-windscell .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-windscell .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-windscell .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-windscell .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-windscell .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-windscell .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-windscell .pc-tag{margin:0}
#view-windscell .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-windscell .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-windscell .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-windscell .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-windscell .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-windscell .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-windscell .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-windscell .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-windscell .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-windscell .pc-approval>div:last-child{border-bottom:0}
#view-windscell .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-windscell .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-windscell .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-windscell .pc-glance,#view-windscell .pc-modes{grid-template-columns:1fr}#view-windscell .pc-explain{grid-template-columns:1fr}#view-windscell .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-windscell .pc-concern-links{grid-template-columns:1fr}#view-windscell .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-windscell .pc-books,#view-windscell .pc-quote,#view-windscell .pc-point{padding:20px}#view-windscell .pc-glance-num span{font-size:32px}#view-windscell .pc-table{font-size:13px}#view-windscell .pc-table th,#view-windscell .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-windscell .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-windscell .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-windscell .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-windscell .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-windscell .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-windscell .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-windscell .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-windscell .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-windscell .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-windscell .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-windscell .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-windscell .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-windscell .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-windscell .pc-video{margin:0 0 28px;max-width:820px}
#view-windscell .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-windscell .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-windscell .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-windscell .pc-lasers-media .pc-video,#view-windscell .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-windscell .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-windscell .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-windscell .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-windscell .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-windscell .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-windscell .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-windscell .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-windscell .pc-hero-video .sp-video{margin:0}
#view-windscell .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-windscell .pc-cell-label{display:none}
@media(max-width:760px){
#view-windscell .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-windscell .pc-table{min-width:0;display:block;font-size:14px}
#view-windscell .pc-table caption{display:block;padding:0 0 10px}
#view-windscell .pc-table thead{display:none}
#view-windscell .pc-table tbody{display:block}
#view-windscell .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-windscell .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-windscell .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-windscell .pc-table tr td:last-child{border-bottom:0}
#view-windscell .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-windscell .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-windscell .pc-cell-value{display:block;line-height:1.75}
}
#view-windscell .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-windscell .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-windscell .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-windscell .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-windscell .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-windscell .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-windscell .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-windscell .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-windscell .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-windscell .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-windscell .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-windscell .pcx-video{margin:0 0 26px;max-width:780px}
#view-windscell .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-windscell .pcx-table-details{margin-top:18px}
#view-windscell .pcx-table-details .pc-table-wrap{margin-top:0}
#view-windscell .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-windscell .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-windscell .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-windscell #pc-lasers .pc-point{margin-top:40px}
#view-windscell .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-windscell .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-windscell .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-windscell .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-windscell .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-windscell .pcx-case-hint{margin-top:6px}
#view-windscell #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-windscell .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-windscell .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-windscell .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-windscell .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-windscell .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-windscell .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-windscell .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-windscell .pcx-hero-points{margin-top:22px}
#view-windscell .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-windscell .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-windscell .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-windscell .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-windscell .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-windscell .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-windscell .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-windscell .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-windscell .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-windscell .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-windscell .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-windscell .pcx-mode-art img{display:block;width:100%;height:auto}
#view-windscell .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-windscell .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-windscell .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-windscell .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-windscell .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-windscell .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-windscell .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-windscell .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-windscell .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-windscell .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-windscell .pcx-case-sep{display:none}
  #view-windscell .pcx-case-name{display:block}
  #view-windscell .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-windscell .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-windscell .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-windscell .pcx-diff-changed{border-top-color:var(--gold)}
#view-windscell .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-windscell .pcx-diff-card dl{margin:0}
#view-windscell .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-windscell .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-windscell .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-windscell .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-windscell .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-windscell .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-windscell .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-windscell .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-windscell .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-windscell .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-windscell .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-windscell .pcx-history>li:last-child{padding-bottom:0}
#view-windscell .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-windscell .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-windscell .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-windscell .pcx-h-tag{margin:0 0 4px}
#view-windscell .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-windscell .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-windscell .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-windscell .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-windscell .pcx-history-wrap>.sp-note{margin-top:20px}
#view-windscell #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-windscell .pcx-diff{grid-template-columns:1fr}
 #view-windscell .pcx-diff-card{padding:18px 16px 14px}
 #view-windscell .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-windscell .pcx-depth{padding:16px}
 #view-windscell .pcx-history::before{left:3.4em}
 #view-windscell .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-windscell .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-windscell .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-windscell .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-windscell .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-windscell .pcx-h-photo{margin:4px 0 0}
#view-windscell .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-windscell .pcx-h-device .pcx-h-photo img,#view-windscell #pc-history .pcx-h-photo img[src*="picosure-"],#view-windscell #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-windscell .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-windscell .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-windscell .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-windscell. */
#view-windscell .sw-device-photo{max-width:820px}
#view-windscell .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-windscell .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-windscell .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .sw-figures{max-width:none}
#view-windscell .sw-figure img{display:block;width:100%;height:auto}
#view-windscell .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-windscell .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-windscell .sw-figures .sw-figure{margin:0}
#view-windscell .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-windscell .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-windscell .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-windscell .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-windscell .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .pc-explain h3+p+h3{margin-top:22px}
#view-windscell .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-windscell .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-windscell .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-windscell .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-windscell .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-windscell .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-windscell .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-windscell .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-windscell .sw-history li{position:relative;padding:0 0 22px 28px}
#view-windscell .sw-history li:last-child{padding-bottom:0}
#view-windscell .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-windscell .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-windscell .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-windscell .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-windscell .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-windscell .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-windscell .sw-gallery figure{margin:0}
#view-windscell .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-windscell .sw-gallery img.is-portrait{object-position:50% 30%}
#view-windscell .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-windscell .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-windscell .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-windscell .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-windscell .sw-case-photo{margin:0;background:#111}
#view-windscell .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-windscell .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-windscell .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-windscell .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-windscell .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-windscell .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-windscell .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-windscell .sw-area-prices li:last-child{border-bottom:0}
#view-windscell .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-windscell .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-windscell .sw-papers,#view-windscell .sw-history-wrap,#view-windscell .sw-cases,#view-windscell .sw-price-list{grid-template-columns:1fr}#view-windscell .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-windscell .sw-steps,#view-windscell .sw-figures,#view-windscell .sw-gallery{grid-template-columns:1fr}#view-windscell .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-windscell .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-windscell .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-windscell .sw-interview-video{margin:0;max-width:none}
#view-windscell .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-windscell .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-windscell .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-windscell .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-windscell .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-windscell .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-windscell .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-windscell .sw-ttt-design,#view-windscell .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-windscell .sw-ttt-face,#view-windscell .sw-heat-field{margin:0}
#view-windscell .sw-ttt-face img,#view-windscell .sw-heat-field img{display:block;width:100%;height:auto}
#view-windscell .sw-heat-field img{border:1px solid var(--sp-border)}
#view-windscell .sw-ttt-face figcaption,#view-windscell .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-windscell .sw-ttt-text .sp-kicker,#view-windscell .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-windscell .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-windscell .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-windscell .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-windscell .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-windscell .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-windscell .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-windscell .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-windscell .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-windscell .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-windscell .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-windscell .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-windscell .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-windscell .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-windscell .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-windscell .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-windscell .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-windscell .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-windscell .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-windscell .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-windscell .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-windscell .sw-ttt-design,#view-windscell .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-windscell .sw-ttt-face,#view-windscell .sw-heat-field{max-width:420px}#view-windscell .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-windscell .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-windscell .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-windscell .sw-ct-cases-head{margin:44px 0 18px}
#view-windscell .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-windscell .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-windscell .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-windscell .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-windscell .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-windscell .sw-ct-group{margin-top:40px}
#view-windscell .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-windscell .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-windscell .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-windscell .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-windscell .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-windscell .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-windscell .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-windscell .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-windscell .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-windscell .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-windscell .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-windscell .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-windscell .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-windscell .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-windscell .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-windscell .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-windscell .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-windscell .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-windscell .sw-table-details,#view-windscell .sw-record{margin-top:26px}
#view-windscell .sw-table-details .sp-disclosure-content,#view-windscell .sw-record .sp-disclosure-content,#view-windscell .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-windscell .sw-table-details .pc-table-wrap{margin-top:0}
#view-windscell .sw-record .sw-history-wrap{margin-top:6px}
#view-windscell .sw-ct-more{margin-top:18px}
#view-windscell .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-windscell .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-windscell .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-windscell .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-windscell .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-windscell .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-windscell .sw-3d-video{margin:0;max-width:none}
#view-windscell .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-windscell .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-windscell .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-windscell .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-windscell .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-windscell .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-windscell .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-windscell .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-windscell .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-windscell .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-windscell .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-windscell .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-windscell .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-windscell .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-windscell .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-windscell .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-windscell .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-windscell .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-windscell .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-windscell .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-windscell .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-windscell .swx-hero-points{margin-top:22px}
#view-windscell .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-windscell .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-windscell .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-windscell .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-windscell .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-windscell .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-windscell .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-windscell .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-windscell .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-windscell .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-windscell .swx-hero-video{margin:0}
#view-windscell .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-windscell .sp-video video:not([controls]){pointer-events:none}

/* WINDSCELL device page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-windscell. Tokens only. */
#view-windscell .wc-hero-device img{object-position:50% 50%;background:var(--ivory)}
#view-windscell .wc-flow-photo{object-position:50% 45%}
#view-windscell .sp-expertise .sp-doctor>img{object-position:50% 12%}
#view-windscell #wc-approval a.sp-source{display:inline-block;margin:8px 22px 0 0}
/* Key points (same pattern as the StimSure page) */
#view-windscell .wc-summary-section{padding-block:28px 32px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-windscell .wc-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 26px;align-items:start;border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px}
#view-windscell .wc-summary .sp-kicker{font-size:12px;margin:2px 0 0}
#view-windscell .wc-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;counter-reset:sm}
#view-windscell .wc-summary li{counter-increment:sm;position:relative;padding-left:28px;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-windscell .wc-summary li::before{content:counter(sm,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:12px;color:var(--gold-ink);line-height:1.8}
#view-windscell .wc-summary li strong{color:var(--ink);font-weight:500}
@media(max-width:900px){#view-windscell .wc-summary{grid-template-columns:1fr;padding:16px 18px}#view-windscell .wc-summary ol{grid-template-columns:1fr}}
#view-windscell #wc-about .sp-note{margin-top:16px}
/* Size comparison */
#view-windscell .wc-scale{margin-top:30px;background:#fff;border:1px solid var(--sp-border);padding:24px 26px}
#view-windscell .wc-scale>h3{font-size:17px;margin-bottom:16px}
#view-windscell .wc-scale-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
#view-windscell .wc-scale>.sp-note{margin-top:16px}
/* Stratum corneum schematic: dry vs filled with water */
#view-windscell .wc-skin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
#view-windscell .wc-skin-fig{margin:0;background:#fff;border:1px solid var(--sp-border);padding:16px 16px 18px}
#view-windscell .wc-skin-wet{box-shadow:inset 0 3px 0 var(--gold)}
#view-windscell .wc-skin-fig figcaption{margin-top:12px}
#view-windscell .wc-skin-fig figcaption b{display:block;font-family:var(--mincho);font-size:17px;font-weight:500;color:var(--ink);margin-bottom:4px}
#view-windscell .wc-skin-fig figcaption span{display:block;font-size:14px;line-height:1.85;color:var(--ink-2)}
@media(max-width:760px){#view-windscell .wc-skin{grid-template-columns:1fr}}
#view-windscell #wc-how .sw-steps{margin-top:26px}
#view-windscell #wc-how .sp-disclosure,#view-windscell #wc-use .sp-disclosure{margin-top:22px}
#view-windscell .wc-research .pc-mode h3,#view-windscell .wc-use .pc-mode h3,#view-windscell .wc-study-cards .pc-mode h3{margin-top:6px}
#view-windscell .wc-research+.sp-note{margin-top:12px}
/* The Director's study: split-face design */
#view-windscell .wc-split{margin-top:26px;max-width:620px}
#view-windscell .wc-split-face{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--sp-border);background:#fff}
#view-windscell .wc-split-face>span{display:flex;align-items:center;justify-content:center;min-height:86px;padding:14px;text-align:center}
#view-windscell .wc-split-l{background:var(--gold-soft);box-shadow:inset 0 3px 0 var(--gold)}
#view-windscell .wc-split-r{border-left:1px dashed var(--line-2)}
#view-windscell .wc-split-face b{font-size:15px;font-weight:500;color:var(--ink);line-height:1.6}
#view-windscell .wc-split>p{margin-top:8px;font-size:13px;line-height:1.7;color:var(--ink-3)}
#view-windscell .wc-study-glance,#view-windscell .wc-study-cards,#view-windscell .wc-use{margin-top:26px}
#view-windscell .wc-study-cards+.sp-note{margin-top:12px}
#view-windscell .wc-study-links{margin-top:14px}
#view-windscell .wc-prices{grid-template-columns:minmax(0,420px)}
#view-windscell .wc-prices+.sp-consult-note{max-width:720px}
/* The serum used (TERASTIE 1) */
#view-windscell .wc-serum{margin-top:22px;padding:22px 26px;background:#fff;border:1px solid var(--sp-border);box-shadow:inset 3px 0 0 var(--gold)}
#view-windscell .wc-serum h3{font-size:18px;margin:4px 0 8px}
#view-windscell .wc-serum>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-windscell .wc-serum .sp-note{margin-top:10px}
#view-windscell .wc-serum .sp-source{display:inline-block;margin-top:8px}
@media(max-width:760px){#view-windscell .wc-serum{padding:18px}}
/* 2026-09-26 (user): magazine-style reading — a picture in every text-only stretch, detail cards behind disclosures. New prefix wcx-, scoped here only. */
#view-windscell .wcx-summary-link{display:block;margin-top:2px;font-size:12.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
/* こんな方 + illustration */
/* The Director's study: laser photo + split-face figure first, then the numbers, the Director's view, details behind a disclosure */
#view-windscell .wcx-study-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}
#view-windscell .wcx-study-lead .wc-split{margin-top:0;max-width:none}
#view-windscell .wcx-study-photo{margin:0}
#view-windscell .wcx-study-photo img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover;border:1px solid var(--sp-border)}
#view-windscell .wcx-study-photo figcaption{margin-top:8px;font-size:13px;line-height:1.7;color:var(--ink-3)}
#view-windscell .wcx-point{margin-top:26px}
#view-windscell .wcx-study-more{margin-top:18px}
#view-windscell .wcx-study-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit;padding-top:6px}
#view-windscell .wcx-study-more+.sp-note{margin-top:12px}
@media(max-width:760px){#view-windscell .wcx-study-lead{grid-template-columns:1fr}}
/* How we use it: a picture on each card, product photo beside the serum text */
#view-windscell .wcx-use-card{padding-top:0}
#view-windscell .wcx-use-photo{margin:0 -24px 18px;border-bottom:1px solid var(--sp-border);background:var(--ivory)}
#view-windscell .wcx-use-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#view-windscell .wcx-use-photo.wcx-contain img{object-fit:contain;padding:10px;box-sizing:border-box}
#view-windscell .wcx-serum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:26px;align-items:center}
#view-windscell .wcx-serum>div>p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-windscell .wcx-serum-photo{margin:0}
#view-windscell .wcx-serum-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-windscell .wcx-serum{grid-template-columns:1fr;gap:16px}}
/* Recovery: outlet close-up beside the timeline, which stacks vertically on wide screens */
#view-windscell .wcx-recovery{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;align-items:start}
#view-windscell .wcx-recovery-photo{margin:0}
#view-windscell .wcx-recovery-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--sp-border)}
#view-windscell .wcx-recovery-photo figcaption{margin-top:8px;font-size:13px;line-height:1.7;color:var(--ink-3)}
@media(min-width:761px){#view-windscell .wcx-recovery .sp-recovery{grid-template-columns:1fr;gap:0}#view-windscell .wcx-recovery .sp-recovery>div{padding:22px 0 18px}}
@media(max-width:760px){#view-windscell .wcx-recovery{grid-template-columns:1fr;gap:20px}}

/* 2026-09-28: clinic-supplied text-free figures with SVG labels */
#view-windscell .fb-stage{position:relative;margin:0;background:#fff}
#view-windscell .fb-stage img{display:block;width:100%;height:auto}
#view-windscell .fb-stage svg{position:absolute;inset:0;width:100%;height:100%}
#view-windscell .wc-scale-row{gap:0 14px}
#view-windscell .wc-sv-num{font-family:var(--fig);font-size:96px;font-weight:500;fill:var(--gold-ink);letter-spacing:.02em}
#view-windscell .wc-sv-name{font-family:var(--sans);font-size:64px;font-weight:400;fill:#3D4043}
#view-windscell .wc-sv-sub{font-family:var(--sans);font-size:54px;fill:#6B645C}
html[lang^="en"] #view-windscell .wc-sv-name{font-size:52px}
html[lang^="en"] #view-windscell .wc-sv-sub{font-size:48px}
#view-windscell .wc-lead{stroke:#3D4043;stroke-width:2.4;fill:none;opacity:.85}
#view-windscell .wc-dot{fill:#fff;stroke:#3D4043;stroke-width:3}
/* 2026-09-29 skin-diagram labels sit in the white margins above and below the artwork: plain text, no white outline */
#view-windscell .wc-lab{font-family:var(--sans);font-size:46px;font-weight:400;fill:#3D4043}
html[lang^="en"] #view-windscell .wc-lab{font-size:40px}
@media(max-width:760px){#view-windscell .wc-scale{padding:18px}#view-windscell .wc-scale-row{grid-template-columns:1fr;gap:10px}#view-windscell .wc-lab{font-size:54px}}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-windscell .wc-hero-points{margin-top:22px}
#view-windscell .wc-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-windscell .wc-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-windscell .wc-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-windscell .wc-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-windscell .wc-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-windscell .wc-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-windscell .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-windscell .sp-heading h2>.sp-h2-main{display:block}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-review{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-review .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-review .sp-soft{background:var(--sp-soft)}
#view-review .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-review .sp-heading{margin-bottom:26px;max-width:46em}
#view-review .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-review .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-review .sp-heading .sp-kicker{margin-top:0}
#view-review .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-review .sp-note a,#view-review .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-review .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-review .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-review .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-review .crumbs span::before{content:none}
#view-review .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-review .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-review .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-review .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-review .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-review .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-review .sp-hero-trust a{margin-top:7px}
#view-review .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-review .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-review .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-review .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-review .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-review .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-review .sp-nav a{flex-shrink:0}
#view-review .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-review .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-review .sp-nav a:hover{color:var(--gold-ink)}
#view-review .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-review .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-review .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-review .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-review .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-review .sp-type-body{padding:21px 22px 22px}
#view-review .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-review .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-review .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-review .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-review .sp-type .sp-source{margin-top:12px}
#view-review .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-review .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-review .sp-case-head{padding:20px 22px 16px}
#view-review .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-review .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-review .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-review .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-review .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-review .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-review .sp-case-body{padding:18px 22px 22px}
#view-review .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-review .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-review .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-review .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-review .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-review .sp-case-body .sp-source{margin-top:14px}
#view-review .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-review .sp-case-details>summary{min-height:48px}
#view-review .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-review .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-review .sp-approach-list{display:grid;gap:0}
#view-review .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-review .sp-approach-item:first-child{padding-top:0}
#view-review .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-review .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-review .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-review .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-review .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-review .sp-doctor h3{font-size:21px;line-height:1.5}
#view-review .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-review .sp-doctor .sp-source{white-space:nowrap}
#view-review .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-review .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-review .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-review .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-review .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-review .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-review .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-review .sp-expertise-facts>div:first-child{padding-top:0}
#view-review .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-review .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-review .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-review .sp-expertise-grid figure{max-width:480px}
 #view-review .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-review .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-review .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-review .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-review .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-review .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-review .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-review .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-review .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-review .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-review .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-review .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-review .sp-disclosure>summary::after{content:'＋';flex:none}
#view-review .sp-disclosure[open]>summary::after{content:'−'}
#view-review .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-review .sp-disclosure-content p+p{margin-top:12px}
#view-review .sp-approval-list{display:grid;gap:10px}
#view-review .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-review .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-review .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-review .sp-price-intro>div{flex:1 1 320px}
#view-review .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-review .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-review .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-review .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-review .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-review .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-review .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-review .sp-price-heading{margin-bottom:16px}
#view-review .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-review .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-review .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-review .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-review .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-review .sp-price .sp-yen{display:block;margin:0}
#view-review .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-review .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-review .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-review .sp-price-list{margin-top:8px}
#view-review .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-review .sp-price-list dt{min-width:0}
#view-review .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-review .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-review .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-review .sp-flow-head{display:block;margin-bottom:14px}
#view-review .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-review .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-review .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-review .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-review .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-review .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-review .sp-recovery>div:last-child{border-right:0}
#view-review .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-review .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-review .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-review .sp-risk-details{margin-top:22px}
#view-review .sp-faq{margin-inline:0}
#view-review .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-review .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-review .sp-tech h3{font-size:22px;line-height:1.6}
#view-review .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-review .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-review .sp-tech h3+p{margin-top:10px}
#view-review .sp-video>summary{cursor:pointer;list-style:none}
#view-review .sp-video>summary::-webkit-details-marker{display:none}
#view-review .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-review .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-review .sp-flow-text{display:block;margin-top:12px}
#view-review .sp-video-body{padding-bottom:16px}
#view-review .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-review .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-review .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-review .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-review .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-review .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-review .sp-tech>img{width:76px;height:99px}
 #view-review .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-review .sp-homecare>img{max-height:220px}
}
#view-review .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-review .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-review .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-review .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-review .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-review .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-review .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-review .sp-final .btn{font-size:14px}
#view-review .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-review :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-review .sp-devices{grid-template-columns:1fr}
  #view-review .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-review .sp-device-head{margin-bottom:0}
  #view-review .sp-device .sp-disclosure{grid-column:1/-1}
  #view-review .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-review .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-review .sp-doctor>img{width:90px;height:100px}
  #view-review .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-review .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-review .sp-hero h1{font-size:32px}
  #view-review .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-review .sp-hero-lead{margin-top:17px}
  #view-review .sp-hero-photo img{aspect-ratio:16/9}
  #view-review .sp-hero-photo figcaption{font-size:12px}
  #view-review .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-review .sp-types,#view-review .sp-cases,#view-review .sp-approach,#view-review .sp-prices{grid-template-columns:1fr}
  #view-review .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-review .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-review .sp-type-body{padding:19px 20px}
  #view-review .sp-type h3{font-size:20px}
  #view-review .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-review .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-review .sp-approach{gap:24px}
  #view-review .sp-approach-image img{max-height:260px}
  #view-review .sp-recovery{grid-template-columns:1fr}
  #view-review .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-review .sp-recovery>div:last-child{border-bottom:0}
  #view-review .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-review .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-review .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-review .sp-hero h1{font-size:29px}
  #view-review .sp-actions{align-items:stretch}
  #view-review .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-review .sp-type{grid-template-columns:1fr}
  #view-review .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-review .sp-type-art img{max-height:130px}
  #view-review .sp-layer-labels{justify-content:center;gap:26px}
  #view-review .sp-type-body{padding:19px 20px}
  #view-review .sp-case-head,#view-review .sp-case-body{padding-inline:18px}
  #view-review .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-review .sp-case-photos{padding-inline:10px;gap:4px}
  #view-review .sp-device{display:block;padding:20px}
  #view-review .sp-device-head{margin-bottom:14px}
  #view-review .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-review .sp-flow>li{padding:18px 20px}
  #view-review .sp-flow-head{margin-bottom:10px}
  #view-review .sp-price{padding:22px}
  #view-review .sp-price-intro{padding:20px}
  #view-review .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-review .sp-price-list dd{flex-basis:100%}
  #view-review .sp-doctor{gap:14px}
  #view-review .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-review :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-review .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-review .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-review .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-review .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-review .sp-entry-link:first-child{padding-left:0}
#view-review .sp-entry-link:last-child{border-right:0}
#view-review .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-review .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-review .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-review .sp-entry-link:hover{background:var(--sp-soft)}
#view-review .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-review .sp-consult h3{font-size:24px;line-height:1.65}
#view-review .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-review .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-review .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-review .sp-consult .sp-note{margin-top:7px}
#view-review #s-doctor-section{padding-top:58px}
#view-review #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-review .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-review .sp-expertise-grid figure{align-self:center}
#view-review .sp-expertise-facts dt{font-size:16px}
#view-review .sp-expertise-facts dd{font-size:14px}
#view-review .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-review .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-review .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-review .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-review .sp-flow{list-style:none;padding:0}
#view-review .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-review .sp-flow-head img,#view-review .sp-video video{border:1px solid var(--sp-border)}
#view-review .sp-recovery{border:0}
#view-review .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-review .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-review .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-review .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-review .sp-visit-info a{color:var(--on-night)}
#view-review a:focus-visible,#view-review summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-review .sp-entry-links{grid-template-columns:1fr}
 #view-review .sp-entry-link,#view-review .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-review .sp-entry-link:last-child{border-bottom:0}
 #view-review .sp-entry-link strong{font-size:18px}
 #view-review .sp-entry-link span span{margin-top:3px}
 #view-review .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-review .sp-consult h3{font-size:22px}
 #view-review .sp-consult ul{display:block}
 #view-review .sp-consult li{margin-top:6px}
 #view-review .sp-consult .btn{width:100%}
 #view-review .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-review .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-review .sp-recovery>div::before{top:4px;left:-5px}
 #view-review .sp-recovery>div:last-child{padding-bottom:0}
 #view-review .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-review *{scroll-behavior:auto;transition:none}}

#view-review .sp-type-art img{max-height:145px}
#view-review .sp-type-body{padding:20px}
#view-review .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-review .sp-price>p.sp-price-unit,#view-review .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-review .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-review .sp-price{padding:26px 0}
 #view-review .sp-price-description{margin-bottom:20px}
 #view-review .sp-price>.sp-note{min-height:0}
 #view-review .sp-price h3{font-size:23px}
 #view-review .sp-price .sp-yen{font-size:20px}
 #view-review .sp-price-intro{padding:22px;gap:16px}
 #view-review .sp-price-intro>div{flex-basis:100%}
}

#view-review .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-review .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-review .sp-consult-fees>div:last-child{border-bottom:0}
#view-review .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-review .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-review .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-review .sp-consult-fees{flex-basis:100%}#view-review .sp-consult-fees dd{font-size:21px}#view-review .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-review .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-review .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-review .sp-price-intro{padding:20px 18px;gap:18px}
 #view-review .sp-consult-fees{flex-basis:100%;width:100%}
 #view-review .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-review .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-review .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-review .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-review .sp-fee-period::before{content:none}
 html[lang="en"] #view-review .sp-fee-period{white-space:normal;font-size:14px}
 #view-review .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-review .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-review .sp-prices{gap:16px;border:0}
 #view-review .sp-price,#view-review .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-review .sp-price-heading{order:0;margin-bottom:14px}
 #view-review .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-review .sp-price h3{font-size:22px;letter-spacing:0}
 #view-review .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-review .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-review .sp-price .sp-price-unit{font-size:12px}
 #view-review .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-review .sp-price>.sp-note{order:3;margin-top:10px}
 #view-review .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-review .sp-price,#view-review .sp-price+.sp-price{padding:20px 16px}
 #view-review .sp-price h3{font-size:20px}
 #view-review .sp-price .sp-yen{font-size:20px}
 #view-review .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-review .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-review .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-review .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-review .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-review .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-review .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-review .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-review .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-review .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-review .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-review .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-review .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-review .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-review .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-review .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-review .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-review .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-review .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-review .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-review .sp-entry-hint{margin:8px 0 22px}
#view-review .sp-entry-links{gap:14px;border:0}
#view-review .sp-entry-link,#view-review .sp-entry-link:first-child,#view-review .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-review .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-review .sp-entry-link:hover,#view-review .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-review .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-review .sp-entry-copy{min-width:0}
#view-review .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-review .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-review .sp-entry-question{font-size:22px}
 #view-review .sp-entry-link,#view-review .sp-entry-link:first-child,#view-review .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-review .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-review .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-review .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-review .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .sp-anes{margin-top:10px}
#view-review .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-review .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-review .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-review .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-review .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-review .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-review .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-review .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-review .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-review .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-review .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-review .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-review .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-review .hg-head>div{min-width:0}
#view-review .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-review .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-review .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-review .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-review .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-review .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-review .hg-menu-photo{margin:0}
#view-review .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-review .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-review .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-review .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-review .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-review .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-review .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-review .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-review .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-review .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-review .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-review .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-review .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-review .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-review .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-review .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-review .hg-menu-note{margin:14px 0 0}
#view-review .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-review .hg-menu-links-label{margin-right:4px}
#view-review .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-review .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-review .hg-menu-fees{gap:8px}#view-review .hg-fee{padding:14px 14px 12px}#view-review .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-review .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-review .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-review .hg-menu-range{margin:14px 0 0}
#view-review .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-review .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-review .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-review .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-review .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-review .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-review .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-review .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-review .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-review .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-review .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-review .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-review .cg-card{padding:0;background:transparent;border:0}
#view-review .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-review .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-review .cg-card .case-image{margin:0}
#view-review .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-review .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-review .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-review .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-review .cg-details summary:hover{color:var(--gold-ink)}
#view-review .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-review .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-review .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-review .cg-details dt{padding-top:13px}
#view-review .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-review .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-review .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-review .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-review .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-review .sp-section .dn-gallery,#view-review .sp-section .sw-gallery,#view-review .sp-section .pc-lecture-figs,#view-review .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-review .sp-section .sw-interview,#view-review .sp-section .ul-doctor-grid,#view-review .sp-section .sv-doctor-hero,#view-review .sp-section .wrx-evidence,#view-review .sp-section .uex-evidence,#view-review .sp-section .ml-doctor-grid,#view-review .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-review .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-review .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-review .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-review .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-review .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-review .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-review .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-review .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-review .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-review .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-review .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-review .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-review .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-review .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-review .hgd-svg{display:block;width:100%;height:auto}
#view-review .hgd-sp{display:none}
#view-review .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-review .hgd-layer{font-size:30px}
#view-review .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-review .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-review .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-review .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-review .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-review .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-review .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-review .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-review .hgd-art{opacity:.92}
#view-review .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-review .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-review .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-review .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-review .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-review .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-review .hgd-layer{font-size:25px}
html[lang^="en"] #view-review .hgd-sub{font-size:19px}
html[lang^="en"] #view-review .hgd-br{font-size:27px}
#view-review .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-review .hgd-pc .hgd-layer{font-size:38px}
 #view-review .hgd-pc .hgd-sub{font-size:30px}
 #view-review .hgd-pc .hgd-name{font-size:42px}
 #view-review .hgd-pc .hgd-kind{font-size:31px}
 #view-review .hgd-pc .hgd-br{font-size:36px}
 #view-review .hgd-pc .hgd-mm{font-size:40px}
 #view-review .hgd-pc .hgd-note{font-size:26px}
 #view-review .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-review .hg-lineup img{width:72px;height:72px}
 #view-review .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-review .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-review .hg-lineup,#view-review .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-review .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-review .hg-lineup img{width:56px;height:56px}
 #view-review .hg-lineup figcaption{padding:7px 8px}
 #view-review .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-review .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-review .hg-lineup figcaption small{font-size:10.5px}
 #view-review .hgd-pc{display:none}
 #view-review .hgd-sp{display:block}
 #view-review .hgd-layer,#view-review .hgd-name,#view-review .hgd-br,#view-review .hgd-mm{font-size:34px}
 #view-review .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-review .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-review .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-review .hgd-layer{font-size:30px}
 #view-review .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-review .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-review .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* PicoSure Pro device page: additions on top of the spots components scoped to #view-review. */
#view-review .pc-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-review .pc-glance-card{background:#fff;border:1px solid var(--sp-border);padding:26px 24px 22px;min-width:0}
#view-review .pc-glance-num{display:flex;align-items:baseline;gap:7px;margin:0 0 12px;color:var(--gold-ink)}
#view-review .pc-glance-num span{font:500 38px/1.1 var(--fig);letter-spacing:.02em;font-style:normal}
#view-review .pc-glance-num small{font:13px var(--fig);letter-spacing:.08em}
#view-review .pc-glance-card h3{font-size:17px;line-height:1.6;margin-bottom:8px}
#view-review .pc-glance-card p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .pc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--sp-border)}
#view-review .pc-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#view-review .pc-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;line-height:1.75}
#view-review .pc-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--ink-3);padding:14px 18px 0}
#view-review .pc-table th,#view-review .pc-table td{padding:14px 18px;border-bottom:1px solid var(--sp-border);text-align:left;vertical-align:top}
#view-review .pc-table thead th{font-weight:500;color:var(--ink);border-bottom:2px solid var(--gold);white-space:nowrap}
#view-review .pc-table tbody th{font-weight:500;color:var(--ink);width:22%;background:var(--sp-soft)}
#view-review .pc-table tbody tr:last-child th,#view-review .pc-table tbody tr:last-child td{border-bottom:0}
#view-review .pc-point{margin-top:26px;padding:22px 26px;border-left:2px solid var(--gold);background:#fff}
#view-review .pc-point{display:grid;grid-template-columns:128px minmax(0,1fr);gap:30px;align-items:center}
#view-review .pc-point-face{margin:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid var(--sp-border);background:#e6e6ea}
#view-review .pc-point-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 3%}
#view-review .pc-point p:last-child{font-size:15px;line-height:1.95}
@media(max-width:760px){#view-review .pc-point{grid-template-columns:92px minmax(0,1fr);gap:18px}#view-review .pc-point-face{width:92px;height:92px}}
#view-review .pc-explain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}
#view-review .pc-explain h3{font-size:19px;margin-bottom:10px}
#view-review .pc-explain p{font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-review .pc-explain p+p{margin-top:12px}
#view-review .pc-quote{margin:0;padding:26px 28px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-review .pc-quote p{font-family:var(--mincho);font-size:16px;line-height:2;color:var(--ink)}
#view-review .pc-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:var(--gold-ink)}
#view-review .pc-books{margin-top:30px;padding:26px 28px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-review .pc-books h3{font-size:18px;margin-bottom:12px}
#view-review .pc-books ul{list-style:none;padding:0;margin:0}
#view-review .pc-books li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.8}
#view-review .pc-books li::before{content:'';position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--gold)}
#view-review .pc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-review .pc-mode{background:#fff;border:1px solid var(--sp-border);padding:24px;min-width:0;display:flex;flex-direction:column}
#view-review .pc-mode h3{font-size:19px;margin:10px 0 8px}
#view-review .pc-mode>p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .pc-mode dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sp-border)}
#view-review .pc-mode dt{font-size:12px;color:var(--ink-3)}
#view-review .pc-mode dd{margin:2px 0 0;font-size:14px;line-height:1.8}
#view-review .pc-tag{margin:0}
#view-review .pc-tag span{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-ink);border-radius:2px}
#view-review .pc-tag.is-offlabel span{border-color:var(--ink-4);color:var(--ink-2)}
#view-review .pc-offlabel{margin-top:12px!important;font-size:12px!important;line-height:1.75!important;color:var(--ink-3)!important}
#view-review .pc-approved{margin-top:24px;padding:20px 24px;background:#fff;border:1px solid var(--sp-border)}
#view-review .pc-approved h3{font-size:16px;margin-bottom:6px}
#view-review .pc-approved p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .pc-concern-links{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-review .pc-concern-links .sp-kicker{grid-column:1/-1;margin-bottom:0}
#view-review .pc-concern-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;background:#fff;border:1px solid var(--sp-border);font-size:15px;color:var(--ink)}
#view-review .pc-concern-links a::after{content:'→';color:var(--gold-ink)}
#view-review .pc-approval{display:grid;grid-template-columns:1fr;margin:0 0 16px;background:#fff;border:1px solid var(--sp-border)}
#view-review .pc-approval>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:15px 22px;border-bottom:1px solid var(--sp-border)}
#view-review .pc-approval>div:last-child{border-bottom:0}
#view-review .pc-approval dt{font-size:13px;color:var(--ink-3);line-height:1.8}
#view-review .pc-approval dd{margin:0;font-size:14px;line-height:1.85}
#view-review .sp-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#view-review .pc-glance,#view-review .pc-modes{grid-template-columns:1fr}#view-review .pc-explain{grid-template-columns:1fr}#view-review .sp-cases{grid-template-columns:1fr}}
@media(max-width:760px){#view-review .pc-concern-links{grid-template-columns:1fr}#view-review .pc-approval>div{grid-template-columns:1fr;gap:4px;padding:14px 18px}#view-review .pc-books,#view-review .pc-quote,#view-review .pc-point{padding:20px}#view-review .pc-glance-num span{font-size:32px}#view-review .pc-table{font-size:13px}#view-review .pc-table th,#view-review .pc-table td{padding:12px 14px}}
/* About: device photo beside the spec cards (PC), compact above them (mobile) */
#view-review .pc-about-visual{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:stretch}
#view-review .pc-about-visual .pc-glance{grid-template-columns:1fr;gap:12px}
#view-review .pc-about-visual .pc-glance-card{padding:20px 24px 18px}
#view-review .pc-about-visual .pc-glance-num{margin-bottom:8px}
#view-review .pc-device-photo{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}
#view-review .pc-device-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:100% 50%;background:#8f8a93}
#view-review .pc-device-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
@media(max-width:760px){#view-review .pc-about-visual{grid-template-columns:1fr;gap:20px}#view-review .pc-device-photo img{height:auto;min-height:0;aspect-ratio:16/9;object-position:100% 50%}}
#view-review .sp-expertise .sp-doctor{grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:40px}
#view-review .sp-expertise .sp-doctor>img{width:132px;height:198px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
@media(max-width:760px){#view-review .sp-expertise .sp-doctor{grid-template-columns:96px minmax(0,1fr);column-gap:20px}#view-review .sp-expertise .sp-doctor>img{width:96px;height:144px}}
#view-review .pc-video{margin:0 0 28px;max-width:820px}
#view-review .pc-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-review .pc-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
/* "他のレーザーとの違い": the CG video and the Selective Protection figure side by side, panels and captions on shared rows so both are the same height (2026-09-24). */
#view-review .pc-lasers-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:8px 24px;margin:0 0 28px}
#view-review .pc-lasers-media .pc-video,#view-review .pc-lasers-media .gj-ssel{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:8px;margin:0;max-width:none}
#view-review .pc-lasers-media .pc-video .sp-video{min-height:0;display:flex}
#view-review .pc-lasers-media .pc-video .sp-video video{aspect-ratio:auto;height:100%;min-height:260px;object-fit:cover;border-radius:16px}
#view-review .pc-lasers-media .gj-ssel-panel{display:flex;flex-direction:column;justify-content:center}
#view-review .pc-lasers-media figcaption{margin:0;align-self:start}
@media(max-width:1000px){#view-review .pc-lasers-media{grid-template-columns:minmax(0,1fr);gap:28px}#view-review .pc-lasers-media .pc-video .sp-video video{aspect-ratio:16/9;height:auto;min-height:0}#view-review .pc-lasers-media .gj-ssel{max-width:680px;margin:0 auto;width:100%}}
#view-review .pc-hero-video .sp-video{margin:0}
#view-review .pc-hero-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9e6e1}
#view-review .pc-cell-label{display:none}
@media(max-width:760px){
#view-review .pc-table-wrap{overflow:visible;background:transparent;border:0}
#view-review .pc-table{min-width:0;display:block;font-size:14px}
#view-review .pc-table caption{display:block;padding:0 0 10px}
#view-review .pc-table thead{display:none}
#view-review .pc-table tbody{display:block}
#view-review .pc-table tr{display:block;background:#fff;border:1px solid var(--sp-border);margin-bottom:12px}
#view-review .pc-table tbody th{display:block;width:auto;padding:12px 16px;border-bottom:1px solid var(--sp-border);font-size:14px}
#view-review .pc-table td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--sp-border)}
#view-review .pc-table tr td:last-child{border-bottom:0}
#view-review .pc-table tbody tr:last-child th{border-bottom:1px solid var(--sp-border)}
#view-review .pc-cell-label{display:block;font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-review .pc-cell-value{display:block;line-height:1.75}
}
#view-review .pc-lecture-figs{display:grid;gap:22px;min-width:0}
#view-review .pc-lecture-figs figure{margin:0}

/* 2026-09-28: an explanation block that holds one column only */
#view-review .pc-explain:has(>:only-child){grid-template-columns:minmax(0,1fr)}
#view-review .pc-explain>:only-child{max-width:780px}

/* 2026-09-28 review pass: rules for classes the PicoSure Pro page alone uses (this file is copied into other views). */
#view-review .pcx-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-review .pcx-quick .acx-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-review .pcx-quick .acx-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-review .pcx-quick .acx-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-review .pcx-quick .acx-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#view-review .pcx-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-review .pcx-quick{grid-template-columns:minmax(0,1fr)}}
#view-review .pcx-video{margin:0 0 26px;max-width:780px}
#view-review .pcx-video figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-review .pcx-table-details{margin-top:18px}
#view-review .pcx-table-details .pc-table-wrap{margin-top:0}
#view-review .pcx-sub{margin-top:48px;padding-top:32px;border-top:1px solid var(--sp-border);max-width:780px}
#view-review .pcx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-review .pcx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-review #pc-lasers .pc-point{margin-top:40px}
#view-review .pcx-quote{margin-top:30px}
/* Cases: the sixteen spots cases in one sideways row */
#view-review .pcx-cases{margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-review .pcx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-review .pcx-case-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-review .pcx-case-row>.case{scroll-snap-align:start;min-width:0}
#view-review .pcx-case-hint{margin-top:6px}
#view-review #pc-cases>.wrap>.sp-source{display:inline-block;margin-top:12px}
@media(max-width:1000px){#view-review .pcx-case-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-review .pcx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-review .pcx-cases .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-review .pcx-case-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-review .pcx-case-row .case h3{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-review .pcx-case-row .cdet summary{font-size:11px;letter-spacing:.06em}
  #view-review .pcx-case-hint{display:none}
}
/* Phones: photographs and number cards that repeat the text are left out (PicoSure Pro sections only). */
@media(max-width:640px){
  #pc-about .pc-device-photo,#pc-about .pc-glance,#pc-doctor .pc-lecture-figs,.pcx-hero .sp-hero-trust{display:none}
  #pc-about .pc-about-visual{display:block}
  #pc-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #pc-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-review .pcx-hero-points{margin-top:22px}
#view-review .pcx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-review .pcx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-review .pcx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-review .pcx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-review .pcx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-review .pcx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-review .pcx-hero-points .pcx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-review .pcx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-review .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-review .sp-heading h2>.sp-h2-main{display:block}
/* 2026-09-29 mode illustrations: landscape on PC, portrait on phones */
#view-review .pcx-mode-art{margin:-24px -24px 18px;background:#fff}
#view-review .pcx-mode-art img{display:block;width:100%;height:auto}
#view-review .pcx-mode-sub{margin:0 0 8px;font-family:var(--mincho);font-size:15px;line-height:1.6;color:var(--ink)}
#view-review .pcx-mode-note{margin-top:14px}
/* 2026-09-29 every case at once; title on one line on PC, number above the name on phones */
#view-review .pcx-cases-all{overflow:visible;scroll-snap-type:none;padding-bottom:0}
#view-review .pcx-cases-all .pcx-case-row{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:40px clamp(24px,2.4vw,34px)}
#view-review .pcx-case-row .case h3.pcx-case-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,1.12vw,15px);letter-spacing:.02em}
#view-review .pcx-case-sep{margin:0 .35em;color:var(--sp-border)}
#view-review .pcx-case-no{color:var(--gold-ink)}
@media(max-width:1000px){#view-review .pcx-cases-all .pcx-case-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #view-review .pcx-case-row .case h3.pcx-case-title{white-space:normal;font-size:13.5px}
  #view-review .pcx-case-no{display:block;font-size:11px;letter-spacing:.08em}
  #view-review .pcx-case-sep{display:none}
  #view-review .pcx-case-name{display:block}
  #view-review .pcx-mode-art{margin:-24px -24px 16px}
}

/* 2026-10-03 PicoSure vs PicoSure Pro chapter: what stayed / what changed, why depth planning widens, and the history timeline */
#view-review .pcx-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 18px}
#view-review .pcx-diff-card{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--sp-border);padding:22px 24px 18px;min-width:0}
#view-review .pcx-diff-changed{border-top-color:var(--gold)}
#view-review .pcx-diff-card h3{font-size:17px;line-height:1.5;margin:0 0 12px}
#view-review .pcx-diff-card dl{margin:0}
#view-review .pcx-diff-card dl>div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--sp-border)}
#view-review .pcx-diff-card dt{font-size:13px;line-height:1.75;color:var(--gold-ink);letter-spacing:.04em}
#view-review .pcx-diff-card dd{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);font-variant-numeric:tabular-nums}
#view-review .pcx-depth{margin:0 0 18px;padding:20px 24px;background:var(--sp-soft);border-left:2px solid var(--gold)}
#view-review .pcx-depth h3{font-size:16px;line-height:1.6;margin:0 0 8px}
#view-review .pcx-depth p{font-size:14.5px;line-height:1.95;color:var(--ink-2);margin:0;max-width:820px}
#view-review .pcx-history-wrap{margin-top:44px;padding-top:34px;border-top:1px solid var(--sp-border)}
#view-review .pcx-history-wrap>h3{font-size:clamp(19px,2.2vw,24px);line-height:1.6;margin:6px 0 22px}
#view-review .pcx-history{list-style:none;margin:0;padding:0;position:relative}
#view-review .pcx-history::before{content:"";position:absolute;left:4.6em;top:12px;bottom:12px;width:1px;background:var(--sp-border)}
#view-review .pcx-history>li{display:grid;grid-template-columns:4.6em minmax(0,1fr);gap:0 28px;padding:0 0 22px;position:relative}
#view-review .pcx-history>li:last-child{padding-bottom:0}
#view-review .pcx-history>li::before{content:"";position:absolute;left:calc(4.6em - 5px);top:11px;width:11px;height:11px;border-radius:50%;background:#fff;border:1px solid var(--gold)}
#view-review .pcx-history>li.pcx-h-clinic::before{background:var(--gold)}
#view-review .pcx-h-year{margin:0;font:500 17px/1.6 var(--fig);letter-spacing:.04em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
#view-review .pcx-h-tag{margin:0 0 4px}
#view-review .pcx-h-tag span{display:inline-block;font-size:11.5px;letter-spacing:.08em;line-height:1.5;padding:1px 9px;border:1px solid var(--sp-border);color:var(--ink-3)}
#view-review .pcx-h-clinic .pcx-h-tag span{border-color:var(--gold);color:var(--gold-ink)}
#view-review .pcx-history h4{font-size:16px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
#view-review .pcx-history li p:not(.pcx-h-year):not(.pcx-h-tag){font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0;max-width:760px}
#view-review .pcx-history-wrap>.sp-note{margin-top:20px}
#view-review #pc-history .pcx-table-details{margin:0 0 4px}
@media(max-width:760px){
 #view-review .pcx-diff{grid-template-columns:1fr}
 #view-review .pcx-diff-card{padding:18px 16px 14px}
 #view-review .pcx-diff-card dl>div{grid-template-columns:1fr;gap:2px}
 #view-review .pcx-depth{padding:16px}
 #view-review .pcx-history::before{left:3.4em}
 #view-review .pcx-history>li{grid-template-columns:3.4em minmax(0,1fr);gap:0 18px}
 #view-review .pcx-history>li::before{left:calc(3.4em - 5px)}
 #view-review .pcx-h-year{font-size:15px}
}

/* 2026-10-03 history photographs: beside the text on PC and tablets, below it on phones */
#view-review .pcx-h-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 26px;align-items:start}
#view-review .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr) 240px}
#view-review .pcx-h-photo{margin:4px 0 0}
#view-review .pcx-h-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--sp-border);background:#fff}
#view-review .pcx-h-device .pcx-h-photo img,#view-review #pc-history .pcx-h-photo img[src*="picosure-"],#view-review #pc-history .pcx-h-photo img[src*="picosurepro-"]{object-fit:contain}
#view-review .pcx-h-photo figcaption{font-size:12px;line-height:1.65;color:var(--ink-3);margin-top:6px}
@media(max-width:760px){#view-review .pcx-h-has-photo .pcx-h-body{grid-template-columns:minmax(0,1fr)}#view-review .pcx-h-photo{max-width:360px}}

/* Sofwave device page: additions on top of the spots and PicoSure Pro components scoped to #view-review. */
#view-review .sw-device-photo{max-width:820px}
#view-review .sw-device-photo img{aspect-ratio:3/2;object-position:50% 50%;background:#fff}
@media(max-width:760px){#view-review .sw-device-photo img{aspect-ratio:4/3;object-position:62% 50%}}
#view-review .sw-figure{margin:0 0 30px;max-width:960px;background:#fff;border:1px solid var(--sp-border)}
#view-review .sw-figures{max-width:none}
#view-review .sw-figure img{display:block;width:100%;height:auto}
#view-review .sw-figure figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-review .sw-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 30px}
#view-review .sw-figures .sw-figure{margin:0}
#view-review .sw-steps{list-style:none;margin:30px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#view-review .sw-steps li{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 20px 18px;min-width:0}
#view-review .sw-steps span{display:block;font:500 28px/1 var(--fig);color:var(--gold-ink);letter-spacing:.02em}
#view-review .sw-steps h3{font-size:16px;line-height:1.6;margin:10px 0 6px}
#view-review .sw-steps p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .pc-explain h3+p+h3{margin-top:22px}
#view-review .sw-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#view-review .sw-paper{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;background:#fff;border:1px solid var(--sp-border);padding:22px;min-width:0}
#view-review .sw-paper>img{width:112px;height:145px;object-fit:cover;object-position:top;border:1px solid var(--sp-border);background:#fff}
#view-review .sw-paper h3{font-size:17px;line-height:1.6;margin:4px 0 6px}
#view-review .sw-paper p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .sw-paper .sw-paper-cite{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:8px}
#view-review .sw-award{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 4px}
#view-review .sw-award img{display:block;width:72px;height:72px;border-radius:50%}
#view-review .sw-history{list-style:none;margin:0 0 0 8px;padding:0;border-left:1px solid var(--gold)}
#view-review .sw-history li{position:relative;padding:0 0 22px 28px}
#view-review .sw-history li:last-child{padding-bottom:0}
#view-review .sw-history li::before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
#view-review .sw-history b{display:block;font:500 17px/1.3 var(--fig);color:var(--gold-ink);letter-spacing:.04em}
#view-review .sw-history h4{font-size:16px;margin:6px 0 4px}
#view-review .sw-history p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .sw-history-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;margin-top:34px}
#view-review .sw-gallery{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
#view-review .sw-gallery figure{margin:0}
#view-review .sw-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#view-review .sw-gallery img.is-portrait{object-position:50% 30%}
#view-review .sw-gallery figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:6px}
#view-review .sp-expertise-grid figure img.is-live-demo{aspect-ratio:4/3;object-fit:cover}
#view-review .sw-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-review .sw-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-review .sw-case-photo{margin:0;background:#111}
#view-review .sw-case-photo img{display:block;width:100%;height:auto;aspect-ratio:1247/794;object-fit:contain}
#view-review .sw-case-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);background:var(--sp-soft);padding:6px 14px;text-align:center}
#view-review .sw-cases .sp-case-head{padding:18px 22px 12px}
#view-review .sw-cases .sp-case-body{padding:14px 22px 20px}
#view-review .sw-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-review .sw-area-prices{margin:12px 0 0;padding:0;list-style:none}
#view-review .sw-area-prices li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.7}
#view-review .sw-area-prices li:last-child{border-bottom:0}
#view-review .sw-area-prices b{font-weight:500;white-space:nowrap}
@media(max-width:900px){#view-review .sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#view-review .sw-papers,#view-review .sw-history-wrap,#view-review .sw-cases,#view-review .sw-price-list{grid-template-columns:1fr}#view-review .sw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-review .sw-steps,#view-review .sw-figures,#view-review .sw-gallery{grid-template-columns:1fr}#view-review .sw-paper{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}#view-review .sw-paper>img{width:84px;height:109px}}
/* Director interview video (2026-09-25). */
#view-review .sw-interview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;margin:32px 0 0;padding:clamp(20px,2.6vw,30px);background:#fff;border:1px solid var(--sp-border)}
#view-review .sw-interview-video{margin:0;max-width:none}
#view-review .sw-interview-box video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:cover;border:1px solid var(--sp-border)}
#view-review .sw-interview-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-review .sw-interview-text .sp-kicker{margin-bottom:8px}
#view-review .sw-interview-text h3{font-size:clamp(20px,2vw,25px);line-height:1.6;margin:0 0 12px}
#view-review .sw-interview-text p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-review .sw-interview-text .sp-note{margin-top:10px}
@media(max-width:760px){#view-review .sw-interview{grid-template-columns:minmax(0,1fr);gap:18px}}
/* TTT and SUPERB heat: lecture slides re-set as typed text with the picture only (2026-09-25). */
#view-review .sw-ttt-design,#view-review .sw-heat-design{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin:0 0 30px;padding:clamp(22px,3vw,36px);background:#fff;border:1px solid var(--sp-border)}
#view-review .sw-ttt-face,#view-review .sw-heat-field{margin:0}
#view-review .sw-ttt-face img,#view-review .sw-heat-field img{display:block;width:100%;height:auto}
#view-review .sw-heat-field img{border:1px solid var(--sp-border)}
#view-review .sw-ttt-face figcaption,#view-review .sw-heat-field figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-review .sw-ttt-text .sp-kicker,#view-review .sw-heat-text .sp-kicker{margin-bottom:12px}
#view-review .sw-ttt-principles{display:grid;gap:14px;margin:0 0 22px}
#view-review .sw-ttt-principles>div{padding:14px 18px;border-left:2px solid var(--gold);background:var(--sp-soft)}
#view-review .sw-ttt-en{display:block;font-family:var(--latin);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
#view-review .sw-ttt-principles h3{font-size:clamp(18px,1.8vw,22px);line-height:1.5;margin:0 0 6px}
#view-review .sw-ttt-principles p{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0}
#view-review .sw-ttt-text h4{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--ink);margin:0 0 8px}
#view-review .sw-ttt-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
#view-review .sw-ttt-rules li{font-size:14.5px;line-height:1.8;color:var(--ink-2);padding-left:1.1em;text-indent:-1.1em}
#view-review .sw-ttt-rules li::before{content:"・";color:var(--gold-ink)}
#view-review .sw-ttt-cite{font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0}
#view-review .sw-heat-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.55;margin:0 0 16px}
#view-review .sw-heat-layers{margin:0;border-top:1px solid var(--ink)}
#view-review .sw-heat-layers>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 0 11px 14px;border-bottom:1px solid var(--sp-border);border-left:6px solid #d8e6ef}
#view-review .sw-heat-layers .sw-heat-pd{border-left-color:#f2c94c}
#view-review .sw-heat-layers .sw-heat-rd{border-left-color:#d64541}
#view-review .sw-heat-layers .sw-heat-sub{border-left-color:#f1d9a6}
#view-review .sw-heat-layers dt{font-size:13.5px;font-weight:500;line-height:1.6;color:var(--ink)}
#view-review .sw-heat-layers dd{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}
#view-review .sw-heat-layers dd b{display:block;font-family:var(--mincho);font-weight:500;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.3;margin-bottom:2px}
#view-review .sw-heat-text .sp-note{margin-top:12px}
@media(max-width:860px){#view-review .sw-ttt-design,#view-review .sw-heat-design{grid-template-columns:minmax(0,1fr);gap:20px}#view-review .sw-ttt-face,#view-review .sw-heat-field{max-width:420px}#view-review .sw-ttt-rules{grid-template-columns:minmax(0,1fr)}#view-review .sw-heat-layers>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* 2026-09-25: live-demo photo removed; CrossTALK® cases share the Sofwave case cards. */
#view-review .sw-expertise-solo{grid-template-columns:minmax(0,1fr)}
#view-review .sw-ct-cases-head{margin:44px 0 18px}
#view-review .sw-ct-cases-head .sp-kicker{margin-bottom:8px}
#view-review .sw-ct-cases-head h3{font-size:clamp(19px,1.9vw,24px);line-height:1.6;margin:0 0 8px}
#view-review .sw-ct-cases-head p:not(.sp-kicker){font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0;max-width:46em}
#view-review .sw-ct-cases .sw-case-photo img{aspect-ratio:auto}
#view-review .sw-ct-cases .sw-case-photo+.sw-case-photo{border-top:1px solid var(--sp-border)}
#view-review .sw-ct-group{margin-top:40px}
#view-review .sw-ct-group-h{font-size:clamp(17px,1.7vw,21px);line-height:1.5;margin:0 0 6px;padding-left:12px;border-left:2px solid var(--gold)}
#view-review .sw-ct-group-h small{font-family:var(--latin);font-size:13px;color:var(--gold-ink);margin-left:8px}
#view-review .sw-ct-group>p{font-size:14px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;max-width:46em}
#view-review .pc-explain .sw-heat-design{grid-column:1/-1;margin:26px 0 0}
/* SUPERB™: the heated-zones illustration sits beside the text on wide screens (2026-09-25). */
#view-review .pc-explain .sw-zones-figure{margin:0;max-width:none}
/* HIFU vs SUPERB illustrated comparison (2026-09-25). */
#view-review .sw-hifu-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0 0}
#view-review .sw-hifu-compare figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-review .sw-hifu-compare img{display:block;width:100%;height:auto;aspect-ratio:1520/690;object-fit:cover}
#view-review .sw-hifu-compare figcaption{padding:12px 16px 14px;border-top:1px solid var(--sp-border)}
#view-review .sw-hifu-compare figcaption b{display:block;font-size:14.5px;font-weight:600;line-height:1.6;color:var(--ink);margin-bottom:4px}
#view-review .sw-hifu-compare figcaption span{display:block;font-size:13px;line-height:1.75;color:var(--ink-2)}
#view-review .sw-hifu-compare+.sp-note{margin-top:10px}
@media(max-width:760px){#view-review .sw-hifu-compare{grid-template-columns:minmax(0,1fr);gap:14px}}
/* 2026-09-25: patient-first reading order — 30-second summary cards, and the HIFU table, lecture record and extra cases behind disclosures. */
#view-review .sw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#view-review .sw-quick-card{display:flex;flex-direction:column;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-review .sw-quick-card h3{font-size:17px;line-height:1.5;margin:0 0 10px}
#view-review .sw-quick-card p{flex:1;font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
#view-review .sw-quick-card a{font-size:13.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-review .sw-table-details,#view-review .sw-record{margin-top:26px}
#view-review .sw-table-details .sp-disclosure-content,#view-review .sw-record .sp-disclosure-content,#view-review .sw-ct-more .sp-disclosure-content{font-size:inherit;line-height:inherit;color:inherit}
#view-review .sw-table-details .pc-table-wrap{margin-top:0}
#view-review .sw-record .sw-history-wrap{margin-top:6px}
#view-review .sw-ct-more{margin-top:18px}
#view-review .sw-ct-more .sp-disclosure-content{padding-top:4px}
@media(max-width:900px){#view-review .sw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-review .sw-quick{grid-template-columns:minmax(0,1fr)}}
/* Director's view on phones: portrait above the text so the paragraph gets the full width (2026-09-25). */
@media(max-width:760px){#view-review .sw-point{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 18px}#view-review .sw-point .pc-point-face{width:72px;height:72px}}
/* 3D analysis clip in place of the two still cases (2026-09-26). */
#view-review .sw-3d{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--sp-border)}
#view-review .sw-3d-video{margin:0;max-width:none}
#view-review .sw-3d-video .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:cover}
#view-review .sw-3d-video figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:8px}
#view-review .sw-3d-text .sp-kicker{margin-bottom:8px}
#view-review .sw-3d-text>p:not(.sp-kicker){font-size:15px;line-height:1.9;color:var(--ink-2);margin:0}
#view-review .sw-3d-text .sp-case-details{margin-top:14px}
@media(max-width:860px){#view-review .sw-3d{grid-template-columns:minmax(0,1fr);gap:18px}}
#view-review .pc-about-visual .sw-device-photo{max-width:none}

/* 2026-09-28 review pass: classes and section ids the Sofwave page alone uses (this file is copied into other views). */
#view-review .swx-sub{margin-top:52px;padding-top:34px;border-top:1px solid var(--sp-border);max-width:780px}
#view-review .swx-sub h3{font-family:var(--mincho);font-size:clamp(21px,2.3vw,26px);font-weight:500;line-height:1.6;margin:6px 0 12px}
#view-review .swx-sub p:not(.sp-kicker){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-review .swx-papers{margin-top:30px}
/* Case groups: one sideways row each */
#view-review .swx-cases{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px}
#view-review .swx-cases:focus-visible{outline:2px solid var(--gold-ink);outline-offset:4px}
#view-review .swx-cases .swx-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*clamp(24px,2.4vw,34px))/3);align-items:start;margin-top:0}
#view-review .swx-cases .swx-row>.case{scroll-snap-align:start;min-width:0}
@media(max-width:1000px){#view-review .swx-cases .swx-row{grid-auto-columns:calc((100% - clamp(24px,2.4vw,34px))/2)}}
/* Phones: two columns, read by scrolling down; before above after in each card */
@media(max-width:640px){
  #view-review .swx-cases{overflow:visible;scroll-snap-type:none;padding-bottom:0}
  #view-review .swx-cases .swx-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:26px 12px}
  #view-review .swx-row .case-image-label{padding:14px 6px 6px;font-size:8px;letter-spacing:.12em}
  #view-review .swx-row .case h4{font-size:13.5px;padding-bottom:8px;letter-spacing:.03em}
  #view-review .swx-row .cdet summary{font-size:11px;letter-spacing:.06em}
}
/* Phones: photographs and number cards that repeat the text are left out (Sofwave sections only). */
@media(max-width:640px){
  #sw-about .pc-device-photo,#sw-about .pc-glance,#sw-doctor .sp-expertise-grid>figure,.swx-hero .sp-hero-trust{display:none}
  #sw-about .pc-about-visual{display:block}
  #sw-flow .sp-flow-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
  #sw-flow .sp-flow-head img{margin:0;aspect-ratio:1/1;object-fit:cover}
}

/* 2026-09-29 hero: defining sentence + three key points (device/product page pattern, as on the DermaV page) */
#view-review .swx-hero-points{margin-top:22px}
#view-review .swx-hero-points>.sp-kicker{font-size:12px;margin-bottom:10px}
#view-review .swx-hero-points dl{margin:0;border-bottom:1px solid var(--sp-border)}
#view-review .swx-hero-points dl>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--sp-border)}
html[lang^="en"] #view-review .swx-hero-points dl>div{grid-template-columns:6.5em minmax(0,1fr)}
#view-review .swx-hero-points dt{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--gold-ink)}
#view-review .swx-hero-points dd{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink)}
#view-review .swx-hero-points .swx-hero-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-review .swx-hero-status a{margin-left:.6em;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* 2026-09-29 the chapter label now sits inside the h2 */
#view-review .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-review .sp-heading h2>.sp-h2-main{display:block}
/* 2026-10-01 hero: silent looping eyecatch video (no controls) */
#view-review .swx-hero-video{margin:0}
#view-review .swx-hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eceae6;pointer-events:none}
/* 2026-10-01 3D analysis and IMCAS lecture clips: no play/stop buttons, so taps should not pause them */
#view-review .sp-video video:not([controls]){pointer-events:none}

/* VECTRA 3D imaging page: additions on top of the spots, PicoSure Pro and Sofwave components scoped to #view-review. Tokens only. */
#view-review .vc-hero-device img{object-position:50% 50%;background:var(--sp-soft)}
#view-review .vc-summary-section{padding-block:28px 32px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-review .vc-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 26px;align-items:start;border:1px solid var(--sp-border);background:var(--sp-soft);padding:20px 26px}
#view-review .vc-summary .sp-kicker{font-size:12px;margin:2px 0 0}
#view-review .vc-summary ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;counter-reset:vs}
#view-review .vc-summary li{counter-increment:vs;position:relative;padding-left:28px;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-review .vc-summary li::before{content:counter(vs,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--fig);font-size:12px;color:var(--gold-ink);line-height:1.8}
#view-review .vc-summary li strong{color:var(--ink);font-weight:500}
@media(max-width:900px){#view-review .vc-summary{grid-template-columns:1fr;padding:16px 18px}#view-review .vc-summary ol{grid-template-columns:1fr}}
#view-review .vc-capture{margin:30px 0 0;max-width:none}
#view-review .vc-capture img{aspect-ratio:16/9;object-fit:cover;object-position:50% 38%}
#view-review .vc-why-cards,#view-review .vc-see-cards{margin-top:26px}
#view-review .pc-mode h3{margin-top:6px}
#view-review .vc-see-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-review .vc-other,#view-review .vc-consult{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px;align-items:center;margin-top:26px;padding:22px;background:#fff;border:1px solid var(--sp-border)}
#view-review .vc-other img,#view-review .vc-consult img{display:block;width:100%;height:auto;aspect-ratio:47/30;object-fit:cover}
#view-review .vc-other h3,#view-review .vc-consult h3{font-size:18px;line-height:1.6;margin:4px 0 8px}
#view-review .vc-other p:last-child,#view-review .vc-consult p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .vc-paper-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px;font-size:14px}
#view-review .vc-paper-links a{color:var(--gold-ink);border-bottom:1px solid currentColor}
#view-review #vc-research .sp-disclosure{margin-top:22px}
#view-review .vc-accuracy{margin:0;padding:0;list-style:none}
#view-review .vc-accuracy li{font-size:14px;line-height:1.85;color:var(--ink-2);padding:10px 0;border-bottom:1px solid var(--sp-border)}
#view-review .vc-accuracy li a{margin-left:10px;color:var(--gold-ink);white-space:nowrap}
#view-review .vc-treat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
#view-review .vc-treat-card{position:relative;display:block;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:20px 44px 20px 22px;color:inherit;text-decoration:none;transition:border-color .2s}
#view-review .vc-treat-card:hover{border-color:var(--gold)}
#view-review .vc-treat-name{display:block;font-family:var(--mincho);font-size:18px;color:var(--ink);margin-bottom:6px}
#view-review .vc-treat-desc{display:block;font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-review .vc-treat-go{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold-ink)}
@media(max-width:900px){#view-review .vc-treat,#view-review .vc-see-cards{grid-template-columns:1fr}}
@media(max-width:760px){#view-review .vc-other,#view-review .vc-consult{grid-template-columns:1fr;padding:18px;gap:16px}#view-review .vc-capture img{aspect-ratio:4/3;object-position:62% 50%}}
/* 2026-09-26 magazine-style reading order (vtx- prefix: this file is also copied into #view-review, so these rules are new and self-contained). */
#view-review .vtx-summary-link{display:inline-block;margin-left:8px;font-size:12.5px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#view-review .vtx-capture{margin-top:26px}
#view-review .vtx-glance{margin-top:26px}
#view-review .vtx-3d{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:center;margin:26px 0 0;padding:22px;background:#fff;border:1px solid var(--sp-border)}
#view-review .vtx-3d-img{margin:0;max-width:none}
#view-review .vtx-3d-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}
#view-review .vtx-3d-text .sp-kicker{margin-bottom:8px}
#view-review .vtx-3d-text h3{font-size:18px;line-height:1.6;margin:0 0 8px}
#view-review .vtx-3d-text p:not(.sp-kicker){font-size:14px;line-height:1.85;color:var(--ink-2);margin:0}
#view-review .vtx-cite{font-size:13px;line-height:1.75;color:var(--ink-3)}
#view-review .vtx-cite+.vtx-cite{margin-top:10px}
#view-review .vtx-step{padding-top:0}
#view-review .vtx-step-img{display:block;width:calc(100% + 40px);max-width:none;height:auto;margin:0 -20px 16px;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;border-bottom:1px solid var(--sp-border);background:var(--sp-soft)}
#view-review .vtx-treat-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 18px;align-items:center}
#view-review .vtx-treat-img{grid-row:1/3;display:block;width:104px;height:78px;object-fit:cover;background:var(--sp-soft);border:1px solid var(--sp-border)}
@media(max-width:760px){
#view-review .vtx-3d{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}
#view-review .vtx-step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 14px;align-items:start;padding-top:18px}
#view-review .vtx-step-img{grid-row:1/4;width:96px;height:96px;margin:0;aspect-ratio:1;border:1px solid var(--sp-border)}
#view-review .vtx-treat-card{grid-template-columns:84px minmax(0,1fr);gap:2px 14px}
#view-review .vtx-treat-img{width:84px;height:63px}
}
/* 2026-09-29 the chapter label now sits inside the h2 (device/product page pattern; the hero stays as it is: imaging, not treatment) */
#view-review .sp-heading h2>.sp-kicker{display:block;font-family:var(--sans);line-height:1.6;margin:0 0 12px}
#view-review .sp-heading h2>.sp-h2-main{display:block}

/* 2026-10-01 3D example as a silent looping clip (no controls) */
#view-review .vtx-3d-img video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111;pointer-events:none}

/* re-Beau skin imaging page: additions on top of the spots, PicoSure Pro, Sofwave and VECTRA components scoped to #view-review. Tokens only. */
#view-review .rb-hero-device img{object-position:50% 50%;background:var(--sp-soft)}
#view-review .rb-figure{margin:30px 0 0;max-width:720px}
@media(max-width:760px){#view-review .rb-figure{max-width:none}}
#view-review .rb-pair{margin-top:30px}
#view-review .rb-pair .sw-figure{display:flex;flex-direction:column}
#view-review .rb-pair img{aspect-ratio:3/2;object-fit:cover;object-position:50% 45%}
#view-review .rb-pair figcaption{flex:1}
#view-review .rb-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
#view-review .rb-mode{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:22px 24px}
#view-review .rb-mode-photo{margin:-22px -24px 16px;background:var(--sp-soft)}
#view-review .rb-mode-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 42%}
#view-review .rb-mode .sp-kicker{margin:0 0 6px}
#view-review .rb-mode h3{font-size:19px;line-height:1.6;margin:0 0 8px}
#view-review .rb-mode p:last-child{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .rb-mode ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px}
#view-review .rb-mode li{font-size:13px;line-height:1.6;color:var(--ink);background:var(--sp-soft);border:1px solid var(--sp-border);padding:3px 10px}
#view-review .rb-compare{margin:30px 0 0;max-width:none}
#view-review .rb-compare img{display:block;width:100%;height:auto;background:var(--sp-soft)}
#view-review .rb-compare-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0;font-size:13px;color:var(--ink-3);text-align:center}
#view-review .rb-then{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
#view-review .rb-then article{background:#fff;border:1px solid var(--sp-border);padding:20px 22px}
#view-review .rb-then h3{font-size:17px;line-height:1.6;margin:4px 0 8px}
#view-review .rb-then p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-review .rb-treat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
@media(max-width:900px){#view-review .rb-modes,#view-review .rb-then{grid-template-columns:1fr}#view-review .rb-mode-photo img{aspect-ratio:3/2;object-position:50% 75%}#view-review .rb-treat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-review .rb-treat{grid-template-columns:1fr}#view-review .vc-capture img{aspect-ratio:4/3;object-position:50% 50%}}
#view-review .rb-doctor{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:30px;align-items:center;margin-top:26px;padding:26px 30px;background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
#view-review .rb-doctor figure{margin:0}
#view-review .rb-doctor img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 18%}
#view-review .rb-doctor h3{font-size:26px;line-height:1.65;margin:6px 0 12px}
#view-review .rb-doctor p:not(.sp-kicker):not(.sp-note){font-size:15px;line-height:1.95;color:var(--ink-2)}
#view-review .rb-doctor .sp-note{margin-top:12px}
@media(max-width:760px){#view-review .rb-doctor{grid-template-columns:1fr;gap:14px;padding:20px}#view-review .rb-doctor figure{width:116px}#view-review .rb-doctor img{aspect-ratio:1/1;object-position:50% 14%}#view-review .rb-doctor h3{font-size:22px;margin:4px 0 10px}}
/* 2026-09-26 magazine-style pass (pictures in every section). New rules use the rbx- prefix only, scoped to #view-review; vectra-page.css is also copied into this view, so no vc-/sw- names are redefined here. */
#view-review .rbx-lead-figure{margin:0 0 26px;max-width:720px}
#view-review .rbx-lead-figure+.vc-why-cards{margin-top:0}
#view-review .rbx-compare{margin:26px 0 0;max-width:none;background:#fff;border:1px solid var(--sp-border)}
#view-review .rbx-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--sp-border)}
#view-review .rbx-compare-cell{position:relative;min-width:0;background:var(--sp-soft)}
#view-review .rbx-compare-cell img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 68%}
#view-review .rbx-compare-cell span{position:absolute;left:10px;bottom:10px;padding:3px 10px;font-size:12px;letter-spacing:.08em;line-height:1.6;color:var(--ink);background:rgba(255,255,255,.92);border:1px solid var(--sp-border)}
#view-review .rbx-compare figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;padding:10px 16px;border-top:1px solid var(--sp-border)}
#view-review .rbx-compare+.vc-see-cards{margin-top:26px}
#view-review .rbx-iceberg{margin:0 0 26px;max-width:720px}
#view-review .rbx-iceberg img{aspect-ratio:3/2;object-fit:cover;background:#fff}
#view-review .rbx-iceberg+.rb-doctor{margin-top:0}
#view-review .rbx-step-photo{margin:-20px -20px 14px;background:var(--sp-soft);border-bottom:1px solid var(--sp-border)}
#view-review .rbx-step-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 40%}
#view-review .rbx-treat-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center}
#view-review .rbx-treat-img{display:block;width:96px;height:96px;object-fit:cover;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-review .rbx-treat-body{display:block;min-width:0}
@media(max-width:900px){#view-review .rbx-compare-cell img{aspect-ratio:1/1}}
@media(max-width:760px){#view-review .rbx-lead-figure,#view-review .rbx-iceberg{max-width:none}#view-review .rbx-compare-grid{grid-template-columns:1fr}#view-review .rbx-compare-cell img{aspect-ratio:16/9;object-position:50% 66%}#view-review .rbx-treat-card{grid-template-columns:72px minmax(0,1fr);gap:12px}#view-review .rbx-treat-img{width:72px;height:72px}}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-team{--ink:#514A43;--sp-soft:#F8F5F0;--sp-border:#E7E0D6;background:var(--paper);color:var(--ink)}
#view-team .sp-section{padding-block:clamp(44px,5.5vw,70px)}
#view-team .sp-soft{background:var(--sp-soft)}
#view-team .sp-kicker{font-size:13px;letter-spacing:.13em;font-weight:500;color:var(--gold-ink);margin-bottom:12px}
#view-team .sp-heading{margin-bottom:26px;max-width:46em}
#view-team .sp-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.6;font-weight:500}
#view-team .sp-heading>p:last-child{margin-top:13px;font-size:16px;color:var(--ink-2);line-height:1.9}
#view-team .sp-heading .sp-kicker{margin-top:0}
#view-team .sp-note{font-size:13px;line-height:1.8;color:var(--ink-3);margin-top:16px}
#view-team .sp-note a,#view-team .sp-source{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-team .sp-source{display:inline-block;font-size:13px;line-height:1.7}
#view-team .sp-hero{padding-block:24px 38px;background:linear-gradient(180deg,#fff,var(--sp-soft))}
#view-team .sp-hero .crumbs{margin-top:0;margin-bottom:28px;flex-wrap:wrap}
#view-team .crumbs span::before{content:none}
#view-team .sp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
#view-team .sp-hero h1{font-size:clamp(31px,3.6vw,45px);line-height:1.5;letter-spacing:.02em;text-wrap:initial}
#view-team .sp-hero h1 small{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.06em;margin-bottom:16px}
#view-team .sp-hero-lead{font-size:16px;line-height:1.95;color:var(--ink-2);margin-top:22px;max-width:32em}
#view-team .sp-hero-trust{margin-top:20px;padding-top:16px;border-top:1px solid var(--sp-border);max-width:32em}
#view-team .sp-hero-trust p{font-size:15px;line-height:1.85;color:var(--ink);font-weight:500}
#view-team .sp-hero-trust a{margin-top:7px}
#view-team .sp-actions{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:24px}
#view-team .sp-actions .btn{padding-inline:20px;font-weight:500;letter-spacing:.025em}
#view-team .sp-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:55% center}
#view-team .sp-hero-photo figcaption{font-size:12px;color:var(--ink-3);line-height:1.7;margin-top:9px}
#view-team .sp-nav{border-bottom:1px solid var(--sp-border);background:#fff}
#view-team .sp-nav .wrap{display:flex;gap:0 24px;flex-wrap:wrap;padding-block:12px}
#view-team .sp-nav a{flex-shrink:0}
#view-team .sp-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--ink-2);gap:7px}
#view-team .sp-nav a::after{content:'↓';color:var(--gold-ink);font-size:12px}
#view-team .sp-nav a:hover{color:var(--gold-ink)}
#view-team .sp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-team .sp-type{border:1px solid var(--sp-border);background:#fff;min-width:0}
#view-team .sp-type-art{position:relative;background:var(--sp-soft);border-bottom:1px solid var(--sp-border);padding-top:12px}
#view-team .sp-type-art img{width:100%;height:auto;aspect-ratio:420/190;object-fit:contain}
#view-team .sp-layer-labels{display:flex;justify-content:space-between;padding:0 18px 12px;font-size:12px;line-height:1.5;color:var(--ink-2)}
#view-team .sp-type-body{padding:21px 22px 22px}
#view-team .sp-type h3{font-size:21px;line-height:1.5;margin-bottom:10px}
#view-team .sp-type p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-team .sp-type .sp-type-hint{font-size:13px;color:var(--gold-ink);margin-bottom:7px}
#view-team .sp-type .sp-type-plan{border-top:1px solid var(--sp-border);padding-top:12px;margin-top:14px}
#view-team .sp-type .sp-source{margin-top:12px}
#view-team .sp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#view-team .sp-cases .case{padding:0;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-team .sp-case-head{padding:20px 22px 16px}
#view-team .sp-case-head .sp-case-no{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;margin-bottom:5px}
#view-team .sp-case-head h3{font-size:21px;line-height:1.5;margin:0;padding:0}
#view-team .sp-case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,168px));justify-content:center;gap:4px;padding-inline:14px}
#view-team .sp-case-photos figure{min-width:0;background:var(--sp-soft);display:flex;flex-direction:column}
#view-team .sp-case-photos img{width:100%;height:210px;object-fit:contain;background:#fff}
#view-team .sp-case-photos figcaption{text-align:center;padding:6px 4px;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-team .sp-case-body{padding:18px 22px 22px}
#view-team .sp-case-body>p{font-size:15px;line-height:1.8;margin-bottom:14px;color:var(--ink-2)}
#view-team .sp-case-facts{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:9px 12px;font-size:13px;line-height:1.8;border-top:1px solid var(--sp-border);padding:14px 0 0}
#view-team .sp-case-facts dt{color:var(--ink-3);font-weight:400;font-size:13px;letter-spacing:0;padding:0}
#view-team .sp-case-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
#view-team .sp-case-facts .sp-pending{color:var(--ink-3)}
#view-team .sp-case-body .sp-source{margin-top:14px}
#view-team .sp-case-details .sp-case-facts{border-top:0;padding-top:0}
#view-team .sp-case-details>summary{min-height:48px}
#view-team .sp-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#view-team .sp-approach-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--sp-soft)}
#view-team .sp-approach-list{display:grid;gap:0}
#view-team .sp-approach-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding-block:18px;border-bottom:1px solid var(--sp-border)}
#view-team .sp-approach-item:first-child{padding-top:0}
#view-team .sp-approach-item>span{font-family:var(--fig);font-size:22px;color:var(--gold-ink);line-height:1.7}
#view-team .sp-approach-item h3{font-size:21px;line-height:1.5}
#view-team .sp-approach-item p{font-size:16px;line-height:1.85;color:var(--ink-2);margin-top:8px}
#view-team .sp-doctor{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:22px;align-items:center;border-top:1px solid var(--sp-border);margin-top:32px;padding-top:25px}
#view-team .sp-doctor>img{width:110px;height:110px;object-fit:cover;object-position:center top}
#view-team .sp-doctor h3{font-size:21px;line-height:1.5}
#view-team .sp-doctor p{font-size:14px;line-height:1.9;color:var(--ink-2);margin-top:7px}
#view-team .sp-doctor .sp-source{white-space:nowrap}
#view-team .sp-expertise .sp-doctor{grid-template-columns:110px minmax(0,1fr);align-items:start}
#view-team .sp-expertise .sp-doctor .sp-kicker{font-size:13px;color:var(--gold-ink);margin:0 0 8px}
#view-team .sp-expertise .sp-doctor h2{font-size:clamp(22px,2.5vw,27px);line-height:1.6}
#view-team .sp-expertise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;align-items:start}
#view-team .sp-expertise-grid figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#view-team .sp-expertise-grid figcaption{font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px}
#view-team .sp-expertise-facts>div{padding:13px 0;border-bottom:1px solid var(--sp-border)}
#view-team .sp-expertise-facts>div:first-child{padding-top:0}
#view-team .sp-expertise-facts dt{font-size:14px;font-weight:500;color:var(--gold-ink);margin-bottom:6px}
#view-team .sp-expertise-facts dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-team .sp-expertise-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){
 #view-team .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-team .sp-expertise-grid figure{max-width:480px}
 #view-team .sp-expertise .sp-doctor{grid-template-columns:70px minmax(0,1fr);gap:16px}
 #view-team .sp-expertise .sp-doctor>img{width:70px;height:88px}
}
#view-team .sp-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#view-team .sp-device{padding:20px;background:#fff;border:1px solid var(--sp-border);min-width:0}
#view-team .sp-device-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:16px}
#view-team .sp-device-head img{width:80px;height:108px;object-fit:contain;background:var(--sp-soft)}
#view-team .sp-device-head h3{font-family:var(--sans);font-weight:500;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
#view-team .sp-device-head p{font-size:12px;color:var(--gold-ink);line-height:1.8;margin-top:5px}
#view-team .sp-device>p{font-size:16px;color:var(--ink-2);line-height:1.85}
#view-team .sp-disclosure{border-top:1px solid var(--sp-border);margin-top:17px}
#view-team .sp-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;cursor:pointer;list-style:none;font-size:14px;color:var(--gold-ink);line-height:1.7}
#view-team .sp-disclosure>summary::-webkit-details-marker{display:none}
#view-team .sp-disclosure>summary::after{content:'＋';flex:none}
#view-team .sp-disclosure[open]>summary::after{content:'−'}
#view-team .sp-disclosure-content{padding-bottom:16px;font-size:14px;line-height:1.9;color:var(--ink-2)}
#view-team .sp-disclosure-content p+p{margin-top:12px}
#view-team .sp-approval-list{display:grid;gap:10px}
#view-team .sp-approval-list dt{font-weight:500;color:var(--ink)}
#view-team .sp-approval-list dd{margin:2px 0 0;overflow-wrap:anywhere}
#view-team .sp-price-intro{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:25px 30px;background:var(--sp-soft);border-left:3px solid var(--gold);margin-bottom:28px}
#view-team .sp-price-intro>div{flex:1 1 320px}
#view-team .sp-price-intro h3{font-size:20px;line-height:1.6}
#view-team .sp-price-intro p{font-size:14px;line-height:1.85;color:var(--ink-2);margin-top:7px;max-width:43em}
#view-team .sp-price-intro strong{font-family:var(--fig);font-size:28px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-team .sp-price-intro strong small{font-size:13px;font-weight:400;margin-left:8px;color:var(--ink-2)}
#view-team .sp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--sp-border)}
#view-team .sp-price{display:flex;flex-direction:column;padding:30px;min-width:0;border:0;background:#fff}
#view-team .sp-price+.sp-price{border-left:1px solid var(--sp-border)}
#view-team .sp-price-heading{margin-bottom:16px}
#view-team .sp-price-category{font-size:13px;color:var(--gold-ink);line-height:1.7;letter-spacing:.06em;margin-bottom:9px}
#view-team .sp-price h3{font-size:25px;line-height:1.6;margin:0}
#view-team .sp-price-description{font-size:15px;line-height:1.9;color:var(--ink-2);flex:1;margin-bottom:26px}
#view-team .sp-price-amount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;border-top:1px solid var(--sp-border);padding-top:20px}
/* Fee figures: the same quiet style as the price list (.fee-n / .fee-u). */
#view-team .sp-yen{font-family:var(--mincho);font-weight:500;font-size:clamp(21px,2vw,25px);letter-spacing:.03em;line-height:1.5;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
#view-team .sp-price .sp-yen{display:block;margin:0}
#view-team .sp-yen small{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:.08em;margin-left:4px;color:var(--ink-3)}
#view-team .sp-price .sp-price-unit{font-size:13px;line-height:1.75;color:var(--ink-3);margin:0}
#view-team .sp-price>.sp-note{margin-top:12px;min-height:3.5em}
#view-team .sp-price-list{margin-top:8px}
#view-team .sp-price-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sp-border);padding-block:12px;font-size:14px;line-height:1.9}
#view-team .sp-price-list dt{min-width:0}
#view-team .sp-price-list dd{margin:0;white-space:nowrap;font-family:var(--fig)}
#view-team .sp-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#view-team .sp-flow>li{background:#fff;border:1px solid var(--sp-border);padding:20px;min-width:0}
#view-team .sp-flow-head{display:block;margin-bottom:14px}
#view-team .sp-flow-head img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}
#view-team .sp-flow-head span{font-family:var(--fig);font-size:12px;color:var(--gold-ink);letter-spacing:.06em}
#view-team .sp-flow-head h3{font-size:19px;line-height:1.5;margin-top:4px}
#view-team .sp-flow>li>p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-team .sp-recovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sp-border)}
#view-team .sp-recovery>div{padding:24px;border-right:1px solid var(--sp-border)}
#view-team .sp-recovery>div:last-child{border-right:0}
#view-team .sp-recovery b{font-family:var(--fig);font-weight:500;color:var(--gold-ink);font-size:13px}
#view-team .sp-recovery h3{font-size:20px;margin-block:8px 10px;line-height:1.6}
#view-team .sp-recovery p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-team .sp-risk-details{margin-top:22px}
#view-team .sp-faq{margin-inline:0}
#view-team .sp-tech{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;margin-top:26px;padding:24px;background:var(--sp-soft)}
#view-team .sp-tech>img{width:120px;height:156px;object-fit:contain;object-position:top}
#view-team .sp-tech h3{font-size:22px;line-height:1.6}
#view-team .sp-tech p{font-size:16px;line-height:1.9;color:var(--ink-2)}
#view-team .sp-tech .sp-kicker{font-size:13px;color:var(--gold-ink)}
#view-team .sp-tech h3+p{margin-top:10px}
#view-team .sp-video>summary{cursor:pointer;list-style:none}
#view-team .sp-video>summary::-webkit-details-marker{display:none}
#view-team .sp-flow-head .sp-play{display:block;font-family:var(--sans);font-size:12px;line-height:1.7;letter-spacing:0;margin-top:7px;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
#view-team .sp-video video{display:block;width:100%;aspect-ratio:16/9;background:#26221F;object-fit:contain}
#view-team .sp-flow-text{display:block;margin-top:12px}
#view-team .sp-video-body{padding-bottom:16px}
#view-team .sp-video-body .sp-note{margin-top:8px;font-size:12px}
#view-team .sp-homecare{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:34px;align-items:center}
#view-team .sp-homecare>img{width:100%;max-height:290px;object-fit:contain;background:#171B1E}
#view-team .sp-homecare h2{font-size:clamp(24px,3vw,30px);line-height:1.6}
#view-team .sp-homecare h2+p{margin-top:15px;font-size:16px;line-height:1.9;color:var(--ink-2)}
@media(max-width:600px){
 #view-team .sp-tech{grid-template-columns:76px minmax(0,1fr);gap:15px;padding:20px 16px}
 #view-team .sp-tech>img{width:76px;height:99px}
 #view-team .sp-homecare{grid-template-columns:1fr;gap:22px}
 #view-team .sp-homecare>img{max-height:220px}
}
#view-team .sp-reading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--sp-border);margin-top:30px;padding-top:24px}
#view-team .sp-reading p{font-size:16px;color:var(--ink-2);line-height:1.9}
#view-team .sp-final{background:var(--night);color:var(--on-night);padding-block:clamp(38px,5vw,64px)}
#view-team .sp-final .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
#view-team .sp-final h2{font-size:clamp(25px,3vw,33px);line-height:1.6;color:#fff}
#view-team .sp-final p{font-size:16px;line-height:1.9;color:var(--on-night-2);margin-top:16px;max-width:38em}
#view-team .sp-final .sp-actions{flex-direction:column;align-items:stretch;margin:0}
#view-team .sp-final .btn{font-size:14px}
#view-team .sp-final .sp-note{font-size:13px;margin-top:10px}
#view-team :is(h1,h2,h3,p,dd,summary){overflow-wrap:anywhere}
@media(max-width:1000px){
  #view-team .sp-devices{grid-template-columns:1fr}
  #view-team .sp-device{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 22px;align-items:center}
  #view-team .sp-device-head{margin-bottom:0}
  #view-team .sp-device .sp-disclosure{grid-column:1/-1}
  #view-team .sp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-team .sp-doctor{grid-template-columns:90px minmax(0,1fr)}
  #view-team .sp-doctor>img{width:90px;height:100px}
  #view-team .sp-doctor>.sp-source{grid-column:2}
}
@media(max-width:760px){
  #view-team .sp-hero-grid{grid-template-columns:1fr;gap:24px}
  #view-team .sp-hero h1{font-size:32px}
  #view-team .sp-hero h1 small{font-size:14px;margin-bottom:12px}
  #view-team .sp-hero-lead{margin-top:17px}
  #view-team .sp-hero-photo img{aspect-ratio:16/9}
  #view-team .sp-hero-photo figcaption{font-size:12px}
  #view-team .sp-nav .wrap{gap:0 20px;padding-block:8px}
  #view-team .sp-types,#view-team .sp-cases,#view-team .sp-approach,#view-team .sp-prices{grid-template-columns:1fr}
  #view-team .sp-type{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-team .sp-type-art{border-bottom:0;border-right:1px solid var(--sp-border);display:flex;flex-direction:column;justify-content:center}
  #view-team .sp-type-body{padding:19px 20px}
  #view-team .sp-type h3{font-size:20px}
  #view-team .sp-case-photos{grid-template-columns:repeat(2,minmax(0,clamp(120px,30.4vw,200px)))}
  #view-team .sp-case-photos img{height:clamp(150px,38vw,250px)}
  #view-team .sp-approach{gap:24px}
  #view-team .sp-approach-image img{max-height:260px}
  #view-team .sp-recovery{grid-template-columns:1fr}
  #view-team .sp-recovery>div{border-right:0;border-bottom:1px solid var(--sp-border);padding:20px 22px}
  #view-team .sp-recovery>div:last-child{border-bottom:0}
  #view-team .sp-final .wrap{grid-template-columns:1fr;gap:26px}
  #view-team .sp-final .sp-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
  #view-team .sp-hero .crumbs{font-size:12px;margin-bottom:22px}
  #view-team .sp-hero h1{font-size:29px}
  #view-team .sp-actions{align-items:stretch}
  #view-team .sp-hero .sp-actions .btn{flex:1 1 100%}
  #view-team .sp-type{grid-template-columns:1fr}
  #view-team .sp-type-art{border-right:0;border-bottom:1px solid var(--sp-border);padding-top:4px}
  #view-team .sp-type-art img{max-height:130px}
  #view-team .sp-layer-labels{justify-content:center;gap:26px}
  #view-team .sp-type-body{padding:19px 20px}
  #view-team .sp-case-head,#view-team .sp-case-body{padding-inline:18px}
  #view-team .sp-case-facts{grid-template-columns:5em minmax(0,1fr);gap:8px 10px}
  #view-team .sp-case-photos{padding-inline:10px;gap:4px}
  #view-team .sp-device{display:block;padding:20px}
  #view-team .sp-device-head{margin-bottom:14px}
  #view-team .sp-flow{grid-template-columns:1fr;gap:12px}
  #view-team .sp-flow>li{padding:18px 20px}
  #view-team .sp-flow-head{margin-bottom:10px}
  #view-team .sp-price{padding:22px}
  #view-team .sp-price-intro{padding:20px}
  #view-team .sp-price-list>div{flex-wrap:wrap;gap:4px}
  #view-team .sp-price-list dd{flex-basis:100%}
  #view-team .sp-doctor{gap:14px}
  #view-team .sp-final .sp-actions .btn{flex:1 1 100%}
}

/* A clear path from concern to consultation, within the established clinic palette. */
#view-team :is(section,#s-doctor,[id^="s-case-"]){scroll-margin-top:88px}
#view-team .sp-reassurance{font-size:14px;line-height:1.8;color:var(--ink-2);margin-top:10px}
#view-team .sp-entry{padding-block:26px 34px;background:#fff;border-bottom:1px solid var(--sp-border)}
#view-team .sp-entry-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--sp-border)}
#view-team .sp-entry-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-right:1px solid var(--sp-border);color:var(--ink)}
#view-team .sp-entry-link:first-child{padding-left:0}
#view-team .sp-entry-link:last-child{border-right:0}
#view-team .sp-entry-link strong{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.65;display:block}
#view-team .sp-entry-link span span{display:block;font-size:14px;color:var(--ink-2);margin-top:7px;line-height:1.7}
#view-team .sp-entry-link>span:last-child{color:var(--gold-ink);font-size:20px}
#view-team .sp-entry-link:hover{background:var(--sp-soft)}
#view-team .sp-consult{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:32px;padding:30px;background:#fff;border-top:2px solid var(--gold)}
#view-team .sp-consult h3{font-size:24px;line-height:1.65}
#view-team .sp-consult ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;list-style:none;padding:0}
#view-team .sp-consult li{font-size:14px;color:var(--ink-2);line-height:1.8}
#view-team .sp-consult li::before{content:'・';color:var(--gold-ink)}
#view-team .sp-consult .sp-note{margin-top:7px}
#view-team #s-doctor-section{padding-top:58px}
#view-team #s-doctor-section .sp-doctor{border-top:0;margin-top:0;padding-top:0}
#view-team .sp-expertise-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px}
#view-team .sp-expertise-grid figure{align-self:center}
#view-team .sp-expertise-facts dt{font-size:16px}
#view-team .sp-expertise-facts dd{font-size:14px}
#view-team .sp-price-action{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--sp-border);padding-top:24px}
#view-team .sp-price-action p{font-size:16px;line-height:1.85;max-width:36em;color:var(--ink-2)}
#view-team .sp-flow-divider{margin-block:32px 20px;padding-top:25px;border-top:1px solid var(--sp-border)}
#view-team .sp-flow-divider>p:last-child{font-size:15px;line-height:1.85;color:var(--ink-2)}
#view-team .sp-flow{list-style:none;padding:0}
#view-team .sp-flow>li{background:transparent;border:0;padding:0 0 18px}
#view-team .sp-flow-head img,#view-team .sp-video video{border:1px solid var(--sp-border)}
#view-team .sp-recovery{border:0}
#view-team .sp-recovery>div{border-right:0;border-top:2px solid var(--sp-border);position:relative;padding:24px 26px 8px 0}
#view-team .sp-recovery>div::before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold)}
#view-team .sp-visit-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:24px;margin-top:32px}
#view-team .sp-visit-info p{font-size:14px;margin:0;line-height:1.8}
#view-team .sp-visit-info a{color:var(--on-night)}
#view-team a:focus-visible,#view-team summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:5px}
@media(max-width:760px){
 #view-team .sp-entry-links{grid-template-columns:1fr}
 #view-team .sp-entry-link,#view-team .sp-entry-link:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--sp-border)}
 #view-team .sp-entry-link:last-child{border-bottom:0}
 #view-team .sp-entry-link strong{font-size:18px}
 #view-team .sp-entry-link span span{margin-top:3px}
 #view-team .sp-consult{grid-template-columns:1fr;padding:24px 20px;gap:22px}
 #view-team .sp-consult h3{font-size:22px}
 #view-team .sp-consult ul{display:block}
 #view-team .sp-consult li{margin-top:6px}
 #view-team .sp-consult .btn{width:100%}
 #view-team .sp-expertise-grid{grid-template-columns:1fr;gap:20px}
 #view-team .sp-recovery>div{border-top:0;border-bottom:0;border-left:2px solid var(--sp-border);padding:0 0 28px 22px;margin-left:5px}
 #view-team .sp-recovery>div::before{top:4px;left:-5px}
 #view-team .sp-recovery>div:last-child{padding-bottom:0}
 #view-team .sp-final>.wrap:last-child{display:block}
}
@media(prefers-reduced-motion:reduce){#view-team *{scroll-behavior:auto;transition:none}}

#view-team .sp-type-art img{max-height:145px}
#view-team .sp-type-body{padding:20px}
#view-team .sp-type .sp-type-hint{font-size:13px;line-height:1.8}

/* Secondary details below the treatment price. */
#view-team .sp-price>p.sp-price-unit,#view-team .sp-price>p.sp-note{font-size:13px;line-height:1.75;color:var(--ink-3)}

@media(max-width:760px){
 #view-team .sp-price+.sp-price{border-left:0;border-top:1px solid var(--sp-border)}
 #view-team .sp-price{padding:26px 0}
 #view-team .sp-price-description{margin-bottom:20px}
 #view-team .sp-price>.sp-note{min-height:0}
 #view-team .sp-price h3{font-size:23px}
 #view-team .sp-price .sp-yen{font-size:20px}
 #view-team .sp-price-intro{padding:22px;gap:16px}
 #view-team .sp-price-intro>div{flex-basis:100%}
}

#view-team .sp-consult-fees{flex:1 1 350px;margin:0;min-width:0}
#view-team .sp-consult-fees>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sp-border)}
#view-team .sp-consult-fees>div:last-child{border-bottom:0}
#view-team .sp-consult-fees dt{font-size:14px;line-height:1.8;color:var(--ink-2)}
#view-team .sp-consult-fees dd{margin:0;font-size:24px;white-space:nowrap;font-family:var(--fig);font-variant-numeric:tabular-nums}
#view-team .sp-consult-fees small{font-size:12px;margin-left:6px}
@media(max-width:520px){#view-team .sp-consult-fees{flex-basis:100%}#view-team .sp-consult-fees dd{font-size:21px}#view-team .sp-consult-fees dt{font-size:13px}}

/* Keep visit intervals intact; mobile prices lead with the amount, then context. */
#view-team .sp-fee-period{white-space:nowrap}
html[lang="en"] #view-team .sp-fee-period::before{content:" "}
@media(max-width:760px){
 #view-team .sp-price-intro{padding:20px 18px;gap:18px}
 #view-team .sp-consult-fees{flex-basis:100%;width:100%}
 #view-team .sp-consult-fees>div{align-items:center;gap:12px;padding:15px 0}
 #view-team .sp-consult-fees dt{font-size:14px;line-height:1.65;min-width:0}
 #view-team .sp-fee-since{display:block;font-size:12px;color:var(--ink-3)}
 #view-team .sp-fee-period{display:block;font-size:15px;font-weight:500}
 html[lang="en"] #view-team .sp-fee-period::before{content:none}
 html[lang="en"] #view-team .sp-fee-period{white-space:normal;font-size:14px}
 #view-team .sp-consult-fees dd{flex:none;font-size:24px;line-height:1.35;text-align:right}
 #view-team .sp-consult-fees small{display:block;font-size:11px;margin:3px 0 0;color:var(--ink-3)}
 #view-team .sp-prices{gap:16px;border:0}
 #view-team .sp-price,#view-team .sp-price+.sp-price{padding:22px 20px;border:1px solid var(--sp-border);border-top:2px solid var(--gold)}
 #view-team .sp-price-heading{order:0;margin-bottom:14px}
 #view-team .sp-price-category{font-size:12px;margin-bottom:5px}
 #view-team .sp-price h3{font-size:22px;letter-spacing:0}
 #view-team .sp-price-amount{order:1;flex-direction:row-reverse;flex-wrap:nowrap;gap:10px;padding:0 0 15px;border-top:0;border-bottom:1px solid var(--sp-border)}
 #view-team .sp-price .sp-yen{font-size:20px;white-space:nowrap}
 #view-team .sp-price .sp-price-unit{font-size:12px}
 #view-team .sp-price-description{order:2;flex:none;font-size:14px;line-height:1.85;margin:15px 0 0}
 #view-team .sp-price>.sp-note{order:3;margin-top:10px}
 #view-team .sp-price-list dd{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 #view-team .sp-price,#view-team .sp-price+.sp-price{padding:20px 16px}
 #view-team .sp-price h3{font-size:20px}
 #view-team .sp-price .sp-yen{font-size:20px}
 #view-team .sp-consult-fees dd{font-size:22px}
}

/* Secondary publication metadata and returning-patient fees. */
#view-team .sp-tech p.sp-journal-meta{font-size:12px;line-height:1.7}
#view-team .sp-consult-fees>div:nth-child(n+2) dt{font-size:12px}
#view-team .sp-consult-fees>div:nth-child(n+2) dd{font-size:19px}
#view-team .sp-consult-fees>div:nth-child(n+2) small{font-size:11px}
@media(max-width:760px){
 #view-team .sp-consult-fees>div:nth-child(n+2) .sp-fee-period{font-size:13px}
 #view-team .sp-consult-fees>div:nth-child(n+2) .sp-fee-since{font-size:11px}
}

/* All page-menu destinations remain visible at tablet and phone widths. */
#view-team .sp-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
 #view-team .sp-nav .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding-block:12px}
 #view-team .sp-nav a{min-width:0;min-height:48px;justify-content:space-between;line-height:1.6;padding:10px 0;border-bottom:1px solid var(--sp-border);overflow-wrap:anywhere}
 #view-team .sp-nav a::after{flex:none}
}
@media(max-width:520px){
 #view-team .sp-nav .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 #view-team .sp-nav a{font-size:13px;min-height:48px}
}

/* Personal-situation entry: text and navigation arrow. */
#view-team .sp-entry-hint{font-size:13px;line-height:1.8;color:var(--ink-2);margin:6px 0 16px}
#view-team .sp-entry-link{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:12px}
#view-team .sp-entry-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:520px){
 #view-team .sp-entry-link{grid-template-columns:minmax(0,1fr) 14px;gap:10px}
 #view-team .sp-entry-link strong{font-size:17px}
}

/* A clearly bounded choice area for the visitor's current situation. */
#view-team .sp-entry{background:var(--sp-soft);padding-block:32px 38px}
#view-team .sp-entry-question{font-family:var(--mincho);font-size:25px;font-weight:500;line-height:1.65;margin:8px 0}
#view-team .sp-entry-hint{margin:8px 0 22px}
#view-team .sp-entry-links{gap:14px;border:0}
#view-team .sp-entry-link,#view-team .sp-entry-link:first-child,#view-team .sp-entry-link:last-child{padding:22px 18px;background:#fff;border:1px solid var(--sp-border);border-radius:6px;grid-template-columns:minmax(0,1fr) 28px;gap:12px;transition:border-color .18s,background-color .18s,box-shadow .18s}
#view-team .sp-entry-link>span:last-child{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--sp-border);border-radius:50%;font-size:17px;background:var(--sp-soft)}
#view-team .sp-entry-link:hover,#view-team .sp-entry-link:focus-visible{border-color:var(--gold);background:#fffdf8;box-shadow:0 3px 12px rgba(126,98,40,.09)}
#view-team .sp-entry-link:hover>span:last-child{background:var(--gold);color:#fff;border-color:var(--gold)}
#view-team .sp-entry-copy{min-width:0}
#view-team .sp-entry-copy>span{font-size:12px;color:var(--gold-ink)}
@media(max-width:760px){
 #view-team .sp-entry-links{grid-template-columns:1fr;gap:12px}
 #view-team .sp-entry-question{font-size:22px}
 #view-team .sp-entry-link,#view-team .sp-entry-link:first-child,#view-team .sp-entry-link:last-child{padding:18px 16px;grid-template-columns:minmax(0,1fr) 28px;gap:10px}
 #view-team .sp-entry-link strong{font-size:17px}
}
/* Compact consultation-fee note, placed under the price cards. */
#view-team .sp-consult-note{margin-top:14px;padding:14px 18px;background:#fff;border:1px solid var(--sp-border)}
#view-team .sp-consult-note b{display:block;font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin-bottom:4px;font-weight:500}
#view-team .sp-consult-note p{font-size:14px;line-height:1.85;color:var(--ink-2)}
#view-team .sp-anes{margin-top:10px}
#view-team .sp-anes-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#view-team .sp-anes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--sp-border);font-size:14px;line-height:1.6;color:var(--ink-2);min-width:0}
#view-team .sp-anes-list li span{word-break:keep-all;overflow-wrap:anywhere}
#view-team .sp-consult-note .sp-anes-list b{display:inline;margin:0;font:500 14px/1.6 var(--fig);letter-spacing:0;color:var(--ink);white-space:nowrap}
#view-team .sp-anes-list b small{font-size:11px;margin-left:1px}
@media(max-width:760px){#view-team .sp-anes-list{grid-template-columns:1fr}}

/* 2026-10-01 the HFP menu image (six devices): a wide crop that keeps every device, at the top of each HFP programme */
#view-team .hfp-eyecatch{margin:0 0 26px;max-width:760px}
#view-team .hfp-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:50% 48%;background:#ecebe8;border:1px solid var(--sp-border)}
@media(max-width:760px){#view-team .hfp-eyecatch{margin-bottom:20px}}
/* 2026-10-01 Hills Facial® picture (two devices) in the programme card */
#view-team .prog-eyecatch{margin:0 0 24px;max-width:640px}
#view-team .prog-eyecatch img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#ecebe8;border:1px solid var(--sp-border)}
#view-team .prog-eyecatch figcaption{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:12.5px;line-height:1.7;color:var(--ink-3)}
/* 2026-10-01 a menu picture beside a fee card heading */
#view-team .hg-head{display:flex;align-items:flex-start;gap:16px}
#view-team .hg-head>div{min-width:0}
#view-team .hg-head-thumb{flex:none;width:clamp(112px,30%,160px);margin:0}
#view-team .hg-head-thumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
/* 2026-10-01 combined menus (Hills Shape HS / HSP): picture left, text right */
#view-team .hg-menus{margin:36px 0 10px;border-top:1px solid var(--sp-border)}
#view-team .hg-menus-label{margin:22px 0 0;color:var(--gold-ink)}
#view-team .hg-menu{padding:clamp(22px,2.8vw,32px) 0;border-bottom:1px solid var(--sp-border)}
#view-team .hg-menu-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3.4vw,44px);align-items:start}
#view-team .hg-menu-photo{margin:0}
#view-team .hg-menu-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ecebe8;border:1px solid var(--sp-border)}
#view-team .hg-menu-body{min-width:0;display:flex;flex-direction:column}
#view-team .hg-menu-tag{margin:0 0 6px;font-size:13px;line-height:1.7;letter-spacing:.06em;color:var(--gold-ink)}
#view-team .hg-menu h3{margin:0 0 4px;font-size:clamp(22px,2.3vw,27px);line-height:1.5;text-wrap:balance}
#view-team .hg-menu-code{display:inline-block;vertical-align:.25em;margin-left:6px;padding:2px 11px;border:1px solid var(--gold-ink);border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.08em;line-height:1.7;color:var(--gold-ink)}
#view-team .hg-menu-devices{margin:0 0 10px;font-size:14.5px;line-height:1.7;font-weight:500;color:var(--ink)}
#view-team .hg-menu-desc{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
#view-team .hg-menu-area{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;color:var(--ink)}
#view-team .hg-menu-area-label{padding:1px 10px;font-size:12.5px;letter-spacing:.06em;color:var(--gold-ink);background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-team .hg-menu-fees{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-team .hg-fee{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-team .hg-fee dt{font-size:13px;line-height:1.6;letter-spacing:.04em;color:var(--ink-2)}
#view-team .hg-fee dd{margin:0;display:flex;flex-direction:column;gap:2px}
#view-team .hg-fee .sp-yen{display:block;margin:0;font-size:clamp(24px,2.4vw,28px)}
#view-team .hg-fee-inj{background:#fff;border-color:var(--gold-ink)}
#view-team .hg-fee-off{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-team .hg-menu-note{margin:14px 0 0}
#view-team .hg-menu-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#view-team .hg-menu-links-label{margin-right:4px}
#view-team .hg-menu-links a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){#view-team .hg-menu-row{grid-template-columns:1fr;gap:16px}#view-team .hg-menu-fees{gap:8px}#view-team .hg-fee{padding:14px 14px 12px}#view-team .hg-head-thumb{width:clamp(96px,32%,132px)}}
/* 2026-10-01 menu cards: fee tile sub-lines, the facts list, range diagram and the detail block underneath */
#view-team .hg-menus{margin:30px 0 10px;border-top:1px solid var(--sp-border)}
#view-team .hg-fee-sub{font-size:12.5px;line-height:1.6;color:var(--ink-3)}
#view-team .hg-menu-range{margin:14px 0 0}
#view-team .hg-menu-facts{margin:16px 0 0;font-size:13.5px;line-height:1.75}
#view-team .hg-menu-facts>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--sp-border)}
#view-team .hg-menu-facts>div:last-child{border-bottom:1px solid var(--sp-border)}
#view-team .hg-menu-facts dt{font-weight:500;letter-spacing:.04em;color:var(--gold-ink)}
#view-team .hg-menu-facts dd{margin:0;color:var(--ink-2)}
#view-team .hg-menu-extra{margin-top:clamp(22px,2.8vw,30px);min-width:0}
#view-team .hg-menu-extra>.po-fee-block{margin:0;padding:0;border:0;background:none}
/* 2026-10-01 clinic: the menu photo no longer follows the scroll (the sticky rule was removed) */
/* 2026-10-01 the clinic's range diagram inside a menu card (every page that shows HFP | Pigmentation or HFP | Redness) */
#view-team .hg-menu-range{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:center}
#view-team .hg-menu-range img{display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--sp-border);background:#fbf7f4}
#view-team .hg-menu-range figcaption{font-size:12px;line-height:1.7;color:var(--ink-3)}
#view-team .hg-menu-range figcaption strong{display:block;font-weight:500;font-size:12.5px;color:var(--ink);margin-bottom:2px}
/* 2026-10-01 shared case gallery (case_gallery.py): the unboxed, paired photograph cards of the concern pages */
#view-team .cg-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.6vw,50px) clamp(24px,2.4vw,34px);align-items:start;margin-top:34px}
#view-team .cg-card{padding:0;background:transparent;border:0}
#view-team .cg-card h3{padding:0 0 13px;margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;letter-spacing:.07em;border-bottom:1px solid var(--line-2)}
#view-team .cg-card .case-photo{aspect-ratio:8/5;margin:14px 0 0}
#view-team .cg-card .case-image{margin:0}
#view-team .cg-card .case-image img{width:100%;height:100%;object-fit:contain}
#view-team .cg-card .case-image-label{font-family:var(--latin);font-size:10.5px;line-height:1.5;letter-spacing:.24em}
#view-team .cg-details summary{padding:15px 0 0;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--ink-4)}
#view-team .cg-details summary::after{content:"";width:22px;height:1px;background:var(--line-2);transition:width .3s,background .3s}
#view-team .cg-details summary:hover{color:var(--gold-ink)}
#view-team .cg-details summary:hover::after{width:34px;background:var(--gold)}
#view-team .cg-details summary:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
#view-team .cg-details dl{gap:0;font-size:14px;margin-top:14px;padding:0;border-top:1px solid var(--line)}
#view-team .cg-details dt{padding-top:13px}
#view-team .cg-details dd{font-size:13.5px;line-height:1.85;margin-top:4px;color:var(--ink)}
@media(max-width:1400px){#view-team .cg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#view-team .cg-gallery{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-01 clinic: the EEAT (expertise) photos stay in two columns on every iPad, including iPad mini (744 px); one column on phones */
@media(min-width:641px) and (max-width:760px){#view-team .sp-expertise-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}#view-team .sp-expertise-grid figure{max-width:none}}
/* 2026-10-01 clinic: every page's EEAT photo groups stay in two columns on iPad mini (744 px) as on other iPads; one column on phones */
@media(min-width:641px) and (max-width:760px){#view-team .sp-section .dn-gallery,#view-team .sp-section .sw-gallery,#view-team .sp-section .pc-lecture-figs,#view-team .sp-section .tp-expertise-photos{grid-template-columns:repeat(2,minmax(0,1fr))}#view-team .sp-section .sw-interview,#view-team .sp-section .ul-doctor-grid,#view-team .sp-section .sv-doctor-hero,#view-team .sp-section .wrx-evidence,#view-team .sp-section .uex-evidence,#view-team .sp-section .ml-doctor-grid,#view-team .sp-section .sp-doctor.nvx-doctor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}}
/* 2026-10-02 owner: 「レーザー照射｜3つの照射モード」 stays on one line in the three planning cards (293px wide on PC and phones) */
#view-team .sx-axes .sx-axis h3{font-size:clamp(17px,1.3vw,20px)}

/* 2026-10-05 shape_depth.py: HS / HSP device lineup and the layer figure inside the menu cards */
#view-team .hg-lineup-h{margin:0 0 12px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.06em;line-height:1.7;color:var(--gold-ink)}
#view-team .hg-lineup{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-team .hg-lineup-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
#view-team .hg-lineup figure{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--sp-border)}
#view-team .hg-lineup img{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 58%;background:#efedea}
#view-team .hg-lineup figcaption{padding:10px 14px;min-width:0}
#view-team .hg-lineup strong{display:block;font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:2px;color:var(--ink)}
#view-team .hg-lineup figcaption span{display:block;font-size:12px;line-height:1.6;color:var(--ink-2)}
#view-team .hg-lineup figcaption small{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.06em;color:var(--gold-ink)}
#view-team .hg-depth{margin-top:clamp(22px,2.8vw,30px)}
#view-team .hg-depth-h{margin:0 0 8px;font-size:clamp(17px,1.7vw,20px);font-weight:500;line-height:1.6;text-wrap:balance}
#view-team .hg-depth-p{margin:0 0 14px;max-width:46em;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-team .hg-depth-figure{margin:0;background:#fff;border:1px solid var(--sp-border)}
#view-team .hgd-svg{display:block;width:100%;height:auto}
#view-team .hgd-sp{display:none}
#view-team .hgd-svg text{font-family:var(--sans);fill:#3D3D3F}
#view-team .hgd-layer{font-size:30px}
#view-team .hgd-sub{font-size:23px;fill:var(--ink-3)}
#view-team .hgd-name{font-size:36px;font-weight:500;fill:var(--ink)}
#view-team .hgd-kind{font-size:26px;fill:var(--ink-3)}
#view-team .hgd-br{font-size:30px;font-weight:500;fill:var(--gold-ink)}
#view-team .hgd-bracket{fill:none;stroke:var(--gold-ink);stroke-width:2.5}
#view-team .hgd-tick{stroke:#3D3D3F;stroke-width:1.6}
#view-team .hgd-lead{stroke:#3D3D3F;stroke-width:2;stroke-dasharray:5 9;opacity:.75}
#view-team .hgd-bar{fill:#3D3D3F;stroke:#fff;stroke-width:2.5;paint-order:stroke}
#view-team .hgd-art{opacity:.92}
#view-team .hgd-guide{stroke:#2f2a26;stroke-width:2;stroke-dasharray:3 7;opacity:.8}
#view-team .hgd-mark{fill:#2f2a26;stroke:#fff;stroke-width:2.8;paint-order:stroke}
#view-team .hgd-badge{fill:#fff;stroke:#2f2a26;stroke-width:2}
#view-team .hgd-svg .hgd-badge-t{font-size:27px;font-weight:500;fill:#2f2a26}
#view-team .hgd-mm{font-family:var(--fig);font-size:34px;fill:var(--ink)}
#view-team .hgd-note{font-size:25px;fill:var(--ink-2)}
html[lang^="en"] #view-team .hgd-layer{font-size:25px}
html[lang^="en"] #view-team .hgd-sub{font-size:19px}
html[lang^="en"] #view-team .hgd-br{font-size:27px}
#view-team .hg-depth-figure figcaption{padding:12px 18px 14px;font-size:12px;line-height:1.75;color:var(--ink-3);border-top:1px solid var(--sp-border)}
@media(max-width:1000px){
 #view-team .hgd-pc .hgd-layer{font-size:38px}
 #view-team .hgd-pc .hgd-sub{font-size:30px}
 #view-team .hgd-pc .hgd-name{font-size:42px}
 #view-team .hgd-pc .hgd-kind{font-size:31px}
 #view-team .hgd-pc .hgd-br{font-size:36px}
 #view-team .hgd-pc .hgd-mm{font-size:40px}
 #view-team .hgd-pc .hgd-note{font-size:26px}
 #view-team .hg-lineup figure{grid-template-columns:72px minmax(0,1fr)}
 #view-team .hg-lineup img{width:72px;height:72px}
 #view-team .hg-lineup figcaption{padding:8px 10px}
}
@media(max-width:860px){#view-team .hg-lineup-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #view-team .hg-lineup,#view-team .hg-lineup-4{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-team .hg-lineup figure{grid-template-columns:56px minmax(0,1fr)}
 #view-team .hg-lineup img{width:56px;height:56px}
 #view-team .hg-lineup figcaption{padding:7px 8px}
 #view-team .hg-lineup strong{font-size:13px;word-break:keep-all}
 #view-team .hg-lineup figcaption span{font-size:11px;line-height:1.55}
 #view-team .hg-lineup figcaption small{font-size:10.5px}
 #view-team .hgd-pc{display:none}
 #view-team .hgd-sp{display:block}
 #view-team .hgd-layer,#view-team .hgd-name,#view-team .hgd-br,#view-team .hgd-mm{font-size:34px}
 #view-team .hgd-sp .hgd-mm-rf{font-size:34px}
 html[lang^="en"] #view-team .hgd-sp .hgd-mm-rf{font-size:30px}
 #view-team .hgd-svg.hgd-sp .hgd-badge-t{font-size:31px}
 html[lang^="en"] #view-team .hgd-layer{font-size:30px}
 #view-team .hg-depth-figure figcaption{padding:10px 12px 12px}
}
#view-team .hg-depth-link{margin:clamp(18px,2.2vw,24px) 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
#view-team .hg-depth-link a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}

/* Doctors and staff page (2026-09-28). The spots-page rules are re-scoped to #view-team first (see build.py). */
#view-team .tmx-hero-photo img{aspect-ratio:4/3;object-position:50% 45%}
#view-team .sp-hero h1{font-size:clamp(28px,3.2vw,42px)}

/* Doctors */
#view-team .tmx-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
#view-team .tmx-doctor{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start;background:#fff;border:1px solid var(--sp-border);padding:24px}
#view-team .tmx-doctor figure{margin:0;background:var(--sp-soft)}
#view-team .tmx-doctor img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:50% 0}
#view-team .tmx-doctor h3{font-family:var(--mincho);font-size:21px;font-weight:500;line-height:1.5;color:var(--ink)}
#view-team .tmx-doctor-field{font-size:12.5px;letter-spacing:.04em;color:var(--gold-ink);margin:4px 0 12px}
#view-team .tmx-doctor p:not(.tmx-doctor-field){font-size:14px;line-height:1.95;color:var(--ink-2);margin-bottom:12px}


/* The doctors, seen by staff */
#view-team .tmx-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
#view-team .tmx-view-col{background:#fff;border:1px solid var(--sp-border);border-top:2px solid var(--gold);padding:26px 28px 22px}
#view-team .tmx-view-col header{display:flex;align-items:center;gap:16px;margin-bottom:14px}
#view-team .tmx-view-ph{flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--sp-soft);border:1px solid var(--sp-border)}
#view-team .tmx-view-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
#view-team .tmx-view-col h3{font-family:var(--mincho);font-size:20px;font-weight:500;color:var(--ink)}
#view-team .tmx-view-col ul{list-style:none;margin:0;padding:0}
#view-team .tmx-view-col li{padding:14px 0;border-top:1px solid var(--sp-border)}
#view-team .tmx-view-col blockquote{margin:0}
#view-team .tmx-view-col blockquote p{font-family:var(--mincho);font-size:15.5px;line-height:1.9;color:var(--ink)}
#view-team .tmx-view-col cite{display:block;margin-top:6px;font-style:normal;font-size:12px;color:var(--ink-3);letter-spacing:.03em}


/* What we value */
#view-team .tmx-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0 18px}
#view-team .tmx-value{background:#fff;border:1px solid var(--sp-border);padding:0 0 20px;overflow:hidden}
#view-team .tmx-value-art{margin:0 0 18px;background:var(--sp-soft)}
#view-team .tmx-value-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#view-team .tmx-value h3,#view-team .tmx-value p{padding:0 22px}
#view-team .tmx-value h3{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.6;color:var(--ink);margin-bottom:10px}
#view-team .tmx-value p{font-size:14px;line-height:1.9;color:var(--ink-2)}

@media(max-width:1100px){
  #view-team .tmx-values{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  #view-team .tmx-doctors,#view-team .tmx-view{grid-template-columns:1fr}
}
@media(max-width:560px){
  #view-team .tmx-doctor{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px}
  #view-team .tmx-view-col{padding:20px 18px 16px}
  #view-team .tmx-values{grid-template-columns:1fr}
}

/* Staff cards (2026-09-28): one card per person, linking to her GRACE JOURNAL story where there is one */
#view-team .tmx-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px;margin:36px 0 26px}
#view-team .tmx-card{display:flex;flex-direction:column;min-width:0;color:var(--ink);text-decoration:none}
#view-team .tmx-card-ph{display:block;overflow:hidden;background:#f6f2ec}
#view-team .tmx-card-ph img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#view-team .tmx-card-ph.is-empty{display:grid;place-items:center;aspect-ratio:1;background:linear-gradient(160deg,#fff 0%,#f4efe7 70%,#eee4d6 100%)}
#view-team .tmx-card-ph.is-empty b{font-family:var(--latin);font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a8977a}
#view-team a.tmx-card:hover .tmx-card-ph img{transform:scale(1.04)}
#view-team .tmx-card-body{display:flex;flex-direction:column;flex:1;padding-top:12px;border-top:0}
#view-team .tmx-card-name{font-family:var(--mincho);font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.06em}
#view-team .tmx-card-romaji{font-family:var(--latin);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);margin-top:1px}
#view-team .tmx-card-role{font-size:12px;line-height:1.6;color:var(--ink-2);margin-top:6px;padding-top:6px;border-top:1px solid var(--sp-border)}
#view-team .tmx-card-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:11.5px;letter-spacing:.12em;color:var(--gold-ink)}
#view-team .tmx-card-go::before{content:"";width:18px;height:1px;background:var(--gold);transition:width .3s}
#view-team a.tmx-card:hover .tmx-card-go::before{width:30px}
html[lang^="en"] #view-team .tmx-card-romaji{display:none}
@media(max-width:1000px){#view-team .tmx-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}}
@media(max-width:560px){#view-team .tmx-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}#view-team .tmx-card-name{font-size:15px}}
/* 2026-09-30 staff shown as teams */
#view-team .tmx-team{margin-top:40px}
#view-team .tmx-team+.tmx-team{padding-top:34px;border-top:1px solid var(--sp-border)}
#view-team .tmx-team-h{font-family:var(--mincho);font-size:20px;font-weight:500;line-height:1.5;letter-spacing:.06em;margin:0}
#view-team .tmx-team .tmx-cards{margin:18px 0 0}
/* 2026-09-30 doctor profiles: the home page's areas of practice and research, under the text */
#view-team .tmx-doctor-facts{margin:4px 0 14px;border-top:1px solid var(--sp-border)}
#view-team .tmx-doctor-facts>div{padding:10px 0;border-bottom:1px solid var(--sp-border)}
#view-team .tmx-doctor-facts dt{font-size:12px;letter-spacing:.06em;color:var(--gold-ink);margin:0 0 3px}
#view-team .tmx-doctor-facts dd{font-size:13.5px;line-height:1.85;color:var(--ink-2);margin:0}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-pricelist{--pl-side:208px}
/* 2026-10-01 clinic: on PC the index follows the page as a side menu (left; the booking rail sits on the right). */
#view-pricelist .pl-body{max-width:1040px;margin:0 auto}
@media (min-width:1025px){
  #view-pricelist .pl-body{display:grid;grid-template-columns:var(--pl-side) minmax(0,1fr);gap:0 56px;max-width:1120px;align-items:start}
  #view-pricelist .pl-index{position:sticky;top:92px;display:block;max-width:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;border:0;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain}
  #view-pricelist .pl-index a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 0 10px 16px;border-left:1px solid var(--line);font-size:12.5px;line-height:1.55;letter-spacing:.04em;color:var(--ink-3);transition:color .3s,border-color .3s}
  #view-pricelist .pl-index a:hover{color:var(--ink);border-left-color:var(--ink-4)}
  #view-pricelist .pl-index a.is-current{color:var(--ink);border-left-color:var(--gold)}
  #view-pricelist .pl-index a.is-current .fee-k{color:var(--gold-ink)}
  #view-pricelist .pl-groups{max-width:none;margin:0}
}
/* 2026-10-02 six-region diagram of the acne / pores group (same drawing and colours as pores-page.css) */
#view-pricelist .pl-figure-areas .po-face-map{display:block;width:100%;height:auto;max-width:560px}
#view-pricelist .pl-figure-areas .po-map-numbers circle{fill:#fff;stroke:#a89989;stroke-width:1}
#view-pricelist .pl-figure-areas .po-map-numbers text{fill:#514a43;font:500 22px var(--sans)}
#view-pricelist .pl-figure-areas .po-temple-number text{font-size:14px}
#view-pricelist .pl-figure-areas .po-map-view-label{font:17px var(--sans);fill:#635c52}
#view-pricelist .pl-figure-areas .po-region-1{fill:#e4d6ad}
#view-pricelist .pl-figure-areas .po-region-2{fill:#dfbaa2}
#view-pricelist .pl-figure-areas .po-region-3{fill:#c5c0d6}
#view-pricelist .pl-figure-areas .po-region-4{fill:#b6d1df}
#view-pricelist .pl-figure-areas .po-region-5{fill:#e3bdc4}
#view-pricelist .pl-figure-areas .po-region-6{fill:#becbb8}

/* Patient-facing pigmentation page; keep all rules within this view. */
#view-faqs{--pl-side:208px}
/* 2026-10-01 clinic: on PC the index follows the page as a side menu (left; the booking rail sits on the right). */
#view-faqs .pl-body{max-width:1040px;margin:0 auto}
@media (min-width:1025px){
  #view-faqs .pl-body{display:grid;grid-template-columns:var(--pl-side) minmax(0,1fr);gap:0 56px;max-width:1120px;align-items:start}
  #view-faqs .pl-index{position:sticky;top:92px;display:block;max-width:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;border:0;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain}
  #view-faqs .pl-index a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 0 10px 16px;border-left:1px solid var(--line);font-size:12.5px;line-height:1.55;letter-spacing:.04em;color:var(--ink-3);transition:color .3s,border-color .3s}
  #view-faqs .pl-index a:hover{color:var(--ink);border-left-color:var(--ink-4)}
  #view-faqs .pl-index a.is-current{color:var(--ink);border-left-color:var(--gold)}
  #view-faqs .pl-index a.is-current .fee-k{color:var(--gold-ink)}
  #view-faqs .pl-groups{max-width:none;margin:0}
}
/* 2026-10-02 six-region diagram of the acne / pores group (same drawing and colours as pores-page.css) */
#view-faqs .pl-figure-areas .po-face-map{display:block;width:100%;height:auto;max-width:560px}
#view-faqs .pl-figure-areas .po-map-numbers circle{fill:#fff;stroke:#a89989;stroke-width:1}
#view-faqs .pl-figure-areas .po-map-numbers text{fill:#514a43;font:500 22px var(--sans)}
#view-faqs .pl-figure-areas .po-temple-number text{font-size:14px}
#view-faqs .pl-figure-areas .po-map-view-label{font:17px var(--sans);fill:#635c52}
#view-faqs .pl-figure-areas .po-region-1{fill:#e4d6ad}
#view-faqs .pl-figure-areas .po-region-2{fill:#dfbaa2}
#view-faqs .pl-figure-areas .po-region-3{fill:#c5c0d6}
#view-faqs .pl-figure-areas .po-region-4{fill:#b6d1df}
#view-faqs .pl-figure-areas .po-region-5{fill:#e3bdc4}
#view-faqs .pl-figure-areas .po-region-6{fill:#becbb8}
/* 2026-10-02: the FAQ page (faq_page.py) — keyword search, category index, one block per treatment. */
#view-faqs .fq-search{max-width:52em;margin:28px auto 0;text-align:left}
#view-faqs .fq-search label{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--gold-ink);margin-bottom:8px}
#view-faqs .fq-search input{width:100%;min-height:54px;padding:0 16px;border:1px solid var(--line-2);border-radius:2px;background:#fff;font:inherit;font-size:15px;color:var(--ink);-webkit-appearance:none}
#view-faqs .fq-search input:focus{outline:none;border-color:var(--gold)}
#view-faqs .fq-count{margin:8px 0 0;font-size:12px;letter-spacing:.06em;color:var(--ink-4);text-align:right}
#view-faqs .fq-count .num{font-family:var(--latin);font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums;margin-right:2px}
#view-faqs .fq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
#view-faqs .fq-chips a{display:inline-block;padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;font-size:12px;letter-spacing:.04em;line-height:1.5;color:var(--ink-2);text-decoration:none;transition:color .3s,border-color .3s}
#view-faqs .fq-chips a:hover{border-color:var(--gold);color:var(--gold-ink)}
#view-faqs .fq-group{padding-top:clamp(30px,3.6vw,46px);scroll-margin-top:90px}
#view-faqs .fq-group h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 4px;font-family:var(--mincho);font-size:clamp(18px,1.9vw,22px);font-weight:500;line-height:1.6;letter-spacing:.04em;color:var(--ink)}
#view-faqs .fq-group h3 .fee-k{font-family:var(--latin);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
#view-faqs .faq{max-width:none;margin-inline:0}
html[lang^="en"] #view-faqs .fq-group h3 .fee-k{display:none}
#view-faqs .fq-cat>.fq-items{margin-top:8px}
#view-faqs .fq-more{margin:14px 0 0;text-align:right}
#view-faqs .fq-more .lnk{font-size:13px}
#view-faqs .fq-none{display:none;max-width:52em;margin:48px auto 0;font-size:14.5px;line-height:1.9;color:var(--ink-2)}
#view-faqs.fq-empty .fq-none{display:block}
#view-faqs [hidden]{display:none!important}
@media (max-width:1024px){#view-faqs .pl-index{gap:8px 22px}}