/* 2026-10-18: page content; shared header/footer are managed separately. */
:root{--ink:#24364d;--muted:#627389;--navy:#203855;--blue:#3f82c5;--aqua:#7fd9ee;--ice:#eef9fc;--ice2:#f7fcfe;--rose:#b97894;--line:rgba(70,125,160,.16);--shadow:0 18px 46px rgba(52,100,141,.11);--shadow-soft:0 9px 24px rgba(52,100,141,.08);--content:1120px}
body.dbs-page{background:rgba(255,255,255,.78);color:var(--ink);font-size:16px;line-height:1.8}
.page-glow{display:block}.window-bar{display:flex}
main .shell{width:min(1120px,calc(100% - 48px))}
main h1,main h2,main h3{letter-spacing:-.025em}
main h2,.section-head h2,.salon-copy h2,.review-evidence__copy h2,.shade-evidence__copy h2{font-size:clamp(25px,2.3vw,31px);line-height:1.5}
main h3{line-height:1.55}
.section,.review-evidence,.shade-evidence{padding:52px 0}
.section--ice,.section--aqua,.long-irradiation,.expert-guide-section{background:#eef6f9}
.section-head{margin-bottom:24px}
.section-head--split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px}
.section-head p,.hero-lead,.visual-card p,.cause-card p,.compare-intro p,.salon-copy>p,.flow-panel p,.machine-facts p,.material-panel p,.expert-guide-card>p:not(.expert-guide-kicker),.review-evidence__copy>p:not(.kicker),.shade-evidence__copy>p:not(.kicker):not(.shade-evidence__sources),.faq-grid details p,.final-card p{font-size:16px;line-height:1.85;font-weight:400}
.kicker,.eyebrow{color:#347eae;letter-spacing:.12em;font-size:11px}
.hero{padding:32px 0;background:linear-gradient(135deg,rgba(242,251,255,.92),rgba(255,247,251,.78))}
.hero-window{border:1px solid rgba(137,185,210,.28);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-soft)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);min-height:440px}
.hero-copy{padding:32px;justify-content:center}
.hero h1{margin:12px 0 0;line-height:1.45;letter-spacing:-.035em}
.hero h1 small{display:block;font-size:10px;letter-spacing:.15em;color:#6f8da5;margin-bottom:12px}
.hero h1 span{font-size:clamp(31px,3vw,39px);line-height:1.45;white-space:normal}
.hero-lead{margin-top:16px}
.store-booking-note{margin:14px 0 0;color:#586d76;font-size:13px;line-height:1.8}
.store-booking-note a{color:#347eae;text-decoration:underline;text-underline-offset:4px}
.hero-copy .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero-copy .hero-actions .aqua-button{width:auto;font-size:13px;min-height:46px}
.hero-visual{min-height:440px;display:flex}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:45% center}
.hero-visual::after{display:block;background:linear-gradient(90deg,rgba(247,252,255,.2),transparent 40%)}
.hero-visual figcaption{border-radius:10px;box-shadow:var(--shadow-soft)}
.hero-facts{background:#eef6f9}
.hero-facts span{font-size:13px;line-height:1.6;padding:14px 18px}
.hero-facts b{font-size:15px}
.anchor-nav{position:relative;top:auto;background:rgba(255,255,255,.78)}
.anchor-grid{display:flex;overflow-x:auto;scrollbar-width:thin}
.anchor-grid a{flex:1 0 auto;min-height:48px;padding:8px 15px;font-size:13px}
.visual-card,.glass-card,.cause-card,.compare-panel,.material-panel,.flow-panel,.expert-guide-card{border:1px solid rgba(137,185,210,.28);border-radius:14px;box-shadow:var(--shadow-soft)}
.visual-card{grid-template-rows:190px 1fr}
.visual-card img{height:190px}
.visual-card div{padding:20px}
.visual-card h3,.cause-card h3,.expert-guide-card h3{font-size:20px}
.visual-card small,.material-panel small,.flow-panel small,.compare-intro small{font-size:10px;color:#347eae}
.irradiation-audit__stats article{border-radius:12px;padding:18px;box-shadow:var(--shadow-soft)}
.irradiation-audit__stats small{font-size:12px}
.irradiation-audit__stats article.is-accent,.irradiation-audit__result,.irradiation-audit__choice{background:rgba(255,255,255,.78);border-color:#d8e3e8;box-shadow:var(--shadow-soft);border-radius:14px}
.irradiation-audit__stats strong{font-size:42px;font-family:inherit;color:#347eae}
.irradiation-audit__stats .is-accent strong,.irradiation-audit__result h3 span,.irradiation-audit__choice strong{color:#347eae}
.irradiation-audit__result h3{font-size:30px;line-height:1.45}
.irradiation-audit__result p,.irradiation-audit__choice p,.irradiation-audit__conclusion{font-size:15px;line-height:1.85}
.irradiation-audit__brands small{font-size:10px;line-height:1.5;min-height:3em}
.irradiation-audit__brands p{font-size:13px;line-height:1.65}
.irradiation-audit__brands strong{font-size:21px}
.architecture-bridge{grid-template-columns:220px minmax(0,1fr);gap:24px;background:rgba(255,255,255,.78);border:1px solid rgba(137,185,210,.28);border-radius:14px;padding:20px;box-shadow:var(--shadow-soft)}
.architecture-bridge__photo{grid-row:1/3;margin:0;align-self:stretch}
.architecture-bridge__photo img{width:100%;height:100%;max-height:250px;object-fit:cover;border-radius:8px}
.architecture-bridge__photo figcaption{font-size:12px;color:#586d76;line-height:1.6;margin-top:8px}
.architecture-bridge__copy h3{font-size:21px}
.architecture-bridge__copy p{font-size:15px;line-height:1.85}
.architecture-bridge__actions{grid-column:2;display:flex;flex-wrap:wrap;gap:12px}
.architecture-bridge__actions .aqua-button{width:auto;font-size:13px}
.long-irradiation__evidence{padding:20px;border-radius:12px;box-shadow:var(--shadow-soft)}
.long-irradiation__evidence p{font-size:13px;line-height:1.85}
.long-irradiation__note{font-size:12px!important}
.cause-card--rose,.cause-card--blue{background:rgba(255,255,255,.78)}
.tab-btn{min-height:48px;font-size:14px;border-radius:10px}
.tab-btn.is-active{color:#fff;background:#347eae;border-color:#347eae;box-shadow:var(--shadow-soft)}
.salon-image img{object-fit:cover;object-position:center;height:100%;min-height:360px}
.feature-grid article{box-shadow:var(--shadow-soft);border-radius:10px}
.feature-grid b{font-size:15px}.feature-grid span{font-size:13px;line-height:1.65}
.flow-panel img{height:340px}
.material-panel ul{gap:8px}.material-panel li{font-size:14px;line-height:1.7;padding:10px 12px}
.market-price-note,.result-copy p{font-size:13px;line-height:1.8}
.review-evidence__panel,.shade-evidence__panel{background:linear-gradient(135deg,rgba(242,251,255,.92),rgba(255,247,251,.78));border-radius:14px;box-shadow:var(--shadow-soft)}
.review-evidence__stat b,.shade-evidence__stat b{color:#347eae;font-family:inherit;font-size:32px}
.review-evidence__stat span,.shade-evidence__stat span{font-size:12px;line-height:1.6}
.shade-evidence__note{font-size:13px;line-height:1.8}
.faq-grid summary{font-size:15px;padding:18px}
.faq-grid details p{padding:0 18px 20px}
.final-card{background:#eef6f9;border:1px solid rgba(137,185,210,.28);border-radius:14px;box-shadow:var(--shadow-soft)}
@media(max-width:760px){
 main .shell{width:calc(100% - 32px)}
 .section,.review-evidence,.shade-evidence{padding:38px 0}
 .hero{padding:20px 0}
 .hero-grid{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:24px 20px}
 .hero h1 span{font-size:30px;line-height:1.5;white-space:normal}
 .hero-lead,.section-head p,.visual-card p,.cause-card p,.compare-intro p,.salon-copy>p,.flow-panel p,.material-panel p,.expert-guide-card>p:not(.expert-guide-kicker),.review-evidence__copy>p:not(.kicker),.shade-evidence__copy>p:not(.kicker):not(.shade-evidence__sources),.faq-grid details p,.final-card p{font-size:15.5px;line-height:1.85}
 .hero-visual{min-height:0;height:260px}
 .hero-visual img{height:260px;object-position:center 48%}
 .hero-visual figcaption{display:block;padding:9px 12px;right:12px;bottom:12px}
 .hero-visual figcaption b{font-size:15px}.hero-visual figcaption span{font-size:12px}
 .hero-facts{grid-template-columns:1fr}.hero-facts>span{border-right:0;border-bottom:1px solid #d8e3e8;padding:10px 16px}.hero-facts b{display:inline;margin-right:9px;font-size:14px}.hero-facts span span{display:inline;padding:0;border:0}
 main h2,.section-head h2,.salon-copy h2,.review-evidence__copy h2,.shade-evidence__copy h2{font-size:24px;line-height:1.55}
 .section-head--split{grid-template-columns:1fr;gap:12px}
 .visual-cards{grid-template-columns:1fr;gap:16px}.visual-card{grid-template-rows:auto 1fr}.visual-card img{height:200px}.visual-card div{padding:18px}
 .irradiation-audit__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.irradiation-audit__stats strong{font-size:34px}.irradiation-audit__result h3{font-size:25px}
 .irradiation-audit__result p,.irradiation-audit__conclusion,.irradiation-audit__choice p{font-size:15px}
 .irradiation-audit__brands{grid-template-columns:repeat(2,minmax(0,1fr))}.irradiation-audit__brands strong{font-size:19px}
 .architecture-bridge{grid-template-columns:1fr;padding:18px;gap:18px}
 .architecture-bridge__photo{grid-row:auto}.architecture-bridge__photo img{height:190px;object-position:center}
 .architecture-bridge__actions{grid-column:auto;display:grid}.architecture-bridge__actions .aqua-button{width:100%;font-size:13px}
 .cause-grid{grid-template-columns:1fr}.salon-image img{min-height:0;height:230px}
 .flow-panel img{height:230px}.feature-grid span{font-size:12px}
 .material-panel li{font-size:13px;line-height:1.7}
 .review-evidence__panel,.shade-evidence__panel{padding:20px}
 .review-evidence__stat b,.shade-evidence__stat b{font-size:28px}
 .review-evidence__stat span,.shade-evidence__stat span{font-size:12px}
}
/* Long Japanese headings wrap without shrinking the text. */
.sp-heading-line{white-space:normal}
/* 2026-10-18: restore the original feminine Aqua / Liquid Glass identity. */
.hero{background:radial-gradient(ellipse at 92% 20%,rgba(235,187,209,.24),transparent 46%),linear-gradient(135deg,#f4fbff,#fff 62%,#fff5f9)}
.hero-window{border:1px solid rgba(255,255,255,.96);border-radius:28px;background:rgba(255,255,255,.64);box-shadow:inset 0 1px 0 #fff,0 18px 46px rgba(46,99,141,.13);backdrop-filter:blur(20px) saturate(125%)}
.window-bar{height:32px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(230,245,252,.82))}
.window-bar span{box-shadow:inset 0 1px 1px rgba(255,255,255,.8)}
.hero-copy>.eyebrow{color:#9a4b6d}
.hero h1 span:last-child{color:#347eae}
.hero-visual picture{display:block;width:100%;min-height:440px;height:100%}
.hero-visual img{object-position:75% center}
.hero-visual figcaption{border-radius:17px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.96);box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(55,99,132,.12);backdrop-filter:blur(18px)}
.hero-facts{background:linear-gradient(110deg,rgba(227,247,253,.75),rgba(255,246,250,.72))}
.section--aqua,.expert-guide-section{background:linear-gradient(120deg,rgba(234,248,253,.85),#fff 60%,rgba(253,239,246,.65))}
.visual-card,.glass-card,.cause-card,.compare-panel,.material-panel,.flow-panel,.expert-guide-card{border-color:rgba(255,255,255,.96);border-radius:22px;background-color:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(45,94,134,.085);backdrop-filter:blur(16px)}
.visual-card{transition:transform .2s ease,box-shadow .2s ease}.visual-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 16px 34px rgba(45,94,134,.12)}
.visual-card h3,.expert-guide-card h3{color:#294562}
.irradiation-audit__stats article.is-accent,.irradiation-audit__choice{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(254,238,246,.78));border-color:rgba(185,120,148,.22)}
.irradiation-audit__stats .is-accent strong,.irradiation-audit__result h3 span,.irradiation-audit__choice strong,.review-evidence__stat b,.shade-evidence__stat b{color:#9a4b6d}
.irradiation-audit__result,.architecture-bridge,.review-evidence__panel,.shade-evidence__panel,.final-card{border-radius:22px;background:linear-gradient(125deg,rgba(238,250,254,.78),rgba(255,255,255,.88) 65%,rgba(255,239,247,.7));border-color:rgba(141,193,219,.25);box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(45,94,134,.08)}
.architecture-bridge__photo img{border-radius:16px;object-position:center}
.architecture-bridge__photo small{font-size:11px;color:#748391}
.cause-card--rose{background:linear-gradient(145deg,#fff,rgba(253,235,244,.8))}
.feature-grid article{border-radius:14px;background:rgba(255,255,255,.74);box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(45,94,134,.07)}
.tab-btn.is-active{background:linear-gradient(180deg,#fff 0%,#e0f4fc 20%,#94cfe9 54%,#c8ecfa 100%);border-color:rgba(76,143,184,.45);color:#20466c;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(38,108,152,.14),0 6px 14px rgba(45,94,134,.13)}
@media(max-width:760px){
 .hero-grid{display:grid;grid-template-columns:1fr}
 .hero-visual{grid-row:1;min-height:0;height:240px}
 .hero-visual picture{min-height:0;height:240px}
 .hero-visual img{height:240px;object-position:center 40%}
 .hero-copy{padding:23px 21px 25px}
 .hero h1 small{font-size:9px;margin-bottom:9px}
 .hero h1 span{font-size:29px}
 .hero-window{border-radius:24px}.hero-visual figcaption{right:13px;bottom:13px;padding:10px 13px}
 .visual-card{border-radius:20px}.architecture-bridge__photo img{height:210px}
}

/* 2026-10-19 rev4: a portrait and short introduction before the full comparison. */
.irradiation-balance-heading em{font-style:normal;color:#a94e79}
.irradiation-balance-term{white-space:nowrap}
.irradiation-balance-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;margin:22px 0}
.irradiation-balance-photo{margin:0;position:relative;overflow:hidden;border-radius:22px;min-width:0}
.irradiation-balance-photo img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center 42%}
.irradiation-balance-photo figcaption{position:absolute;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:9px 13px;border:1px solid rgba(255,255,255,.96);border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);color:#506b83;font-size:12px;line-height:1.6}
.irradiation-balance-photo figcaption small{font-size:11px}
.irradiation-balance-intro .irradiation-audit__result{display:flex;flex-direction:column;justify-content:center;gap:18px;margin:0;padding:26px}
.irradiation-comparison{border:1px solid rgba(137,185,210,.32);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,249,255,.78));box-shadow:inset 0 1px 0 #fff,0 7px 22px rgba(45,94,134,.05);overflow:hidden}
.irradiation-comparison>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:20px 22px;color:#294562;min-height:84px;box-sizing:border-box}
.irradiation-comparison>summary::-webkit-details-marker{display:none}
.irradiation-comparison>summary b{display:block;font-size:16px;line-height:1.6}
.irradiation-comparison>summary small{display:block;font-size:13px;font-weight:400;color:#6c8298;line-height:1.7;margin-top:3px}
.irradiation-comparison>summary i{flex:none;position:relative;width:26px;height:26px;border:1px solid #c7e3f2;border-radius:50%;background:#f2fbff}
.irradiation-comparison>summary i:before,.irradiation-comparison>summary i:after{content:"";position:absolute;width:11px;height:1px;left:7px;top:12px;background:#347eae}
.irradiation-comparison>summary i:after{transform:rotate(90deg)}
.irradiation-comparison[open]>summary i:after{transform:none}
.irradiation-comparison>summary:focus-visible{outline:3px solid #347eae;outline-offset:-4px;border-radius:20px}
.irradiation-comparison-body{padding:8px 22px 22px}
.irradiation-comparison-body .section-head{display:block;margin-bottom:20px}
.irradiation-comparison-body .section-head h3{font-size:23px;line-height:1.6;color:#294562;margin:8px 0 12px}
.irradiation-comparison-body .section-head>p{font-size:14px;line-height:1.85}
.irradiation-comparison-body .long-irradiation__evidence{margin-top:20px}
.irradiation-balance-caveat{padding:16px 2px 0;color:#586f85}
.irradiation-balance-date{font-size:13px;font-weight:700;margin:0 0 6px;line-height:1.8}
.irradiation-balance-caveat .long-irradiation__note{font-size:12.5px!important;line-height:1.85;margin:0}
.long-irradiation .architecture-bridge{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px}
.long-irradiation .architecture-bridge__actions{grid-column:auto}
@media(max-width:760px){
 .irradiation-balance-heading h2{font-size:24px;line-height:1.6}
 .irradiation-balance-intro{grid-template-columns:1fr;gap:14px;margin:18px 0}
 .irradiation-balance-photo img{height:210px;min-height:0;object-position:center 42%}
 .irradiation-balance-photo figcaption{font-size:11px;padding:7px 10px;right:10px;bottom:10px}
 .irradiation-balance-photo figcaption small{font-size:10px}
 .irradiation-balance-intro .irradiation-audit__result{padding:20px;gap:16px}
 .irradiation-comparison>summary{padding:17px 16px;gap:12px}
 .irradiation-comparison>summary b{font-size:15px}
 .irradiation-comparison>summary small{font-size:12px}
 .irradiation-comparison-body{padding:5px 14px 16px}
 .irradiation-comparison-body .section-head h3{font-size:20px}
 .irradiation-comparison-body .section-head>p{font-size:14px}
 .irradiation-comparison-body .irradiation-audit__brands strong{font-size:17px}
 .irradiation-comparison-body .long-irradiation__evidence{padding:15px}
 .irradiation-balance-caveat .long-irradiation__note{font-size:12.5px!important;line-height:1.85}
}