:root{--hs-forest:#0b3525;--hs-green:#155c35;--hs-mint:#e2f1e7;--hs-paper:#fbf7ee;--hs-amber:#efb24a;--hs-ink:#17261f}
body:not(.manga-lp){color:var(--hs-ink);background:var(--hs-paper)}
body:not(.manga-lp) .availability-bar{background:var(--hs-amber)!important;color:#17261f!important;font-weight:900;letter-spacing:.04em}
body:not(.manga-lp) header{background:var(--hs-forest)}
body:not(.manga-lp) header a{transition:opacity .2s,transform .2s}
body:not(.manga-lp) header a:hover{opacity:.88}
body:not(.manga-lp) .brand,
body:not(.manga-lp) .logo a{letter-spacing:.04em;font-weight:900}
body:not(.manga-lp) .brand small,
body:not(.manga-lp) .logo small{letter-spacing:.12em}
body:not(.manga-lp) h1,
body:not(.manga-lp) h2,
body:not(.manga-lp) h3{color:var(--hs-forest)}
body:not(.manga-lp) .hero h1,
body:not(.manga-lp) .hero h2,
body:not(.manga-lp) .hero h3,
body:not(.manga-lp) .final-cta h2,
body:not(.manga-lp) .cta-section h2,
body:not(.manga-lp) .cta-section h3,
body:not(.manga-lp) .cta-band h2{color:#fff}
body:not(.manga-lp) .card,
body:not(.manga-lp) .risk-item,
body:not(.manga-lp) .step,
body:not(.manga-lp) .faq-item,
body:not(.manga-lp) details{border-radius:5px}
body:not(.manga-lp) .btn,
body:not(.manga-lp) .btn-line,
body:not(.manga-lp) .btn-tel,
body:not(.manga-lp) .cta-line,
body:not(.manga-lp) .cta-tel{border-radius:4px;transition:transform .2s,box-shadow .2s}
body:not(.manga-lp) .btn:hover,
body:not(.manga-lp) .btn-line:hover,
body:not(.manga-lp) .btn-tel:hover,
body:not(.manga-lp) .cta-line:hover,
body:not(.manga-lp) .cta-tel:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(7,31,23,.18)}
body:not(.manga-lp) footer{background:#071812;color:#cfddd4}
body:not(.manga-lp) footer a{color:#a9dfbf}

/* Shared LINE CTA icon */
a[href="https://lin.ee/7qKjwua"] .line-cta-icon{
  display:inline-block;
  width:1.35em;
  height:1.35em;
  margin-right:.35em;
  object-fit:contain;
  vertical-align:-.25em;
  flex:0 0 auto;
}
.logo-service,.logo-name{display:block}
.logo-service{font-size:12px;line-height:1.35;letter-spacing:.04em;opacity:.82}
.logo-name{font-size:20px;line-height:1.25;letter-spacing:.03em}
.hero-brand span,.hero-brand strong{display:inline-block}
.hero-brand strong{margin-left:.35em}
.no-break{white-space:nowrap}
.info-page .hero h1{color:var(--hs-forest)!important}
@media(max-width:640px){
  body:not(.manga-lp) h1{overflow-wrap:break-word;word-break:normal;text-wrap:wrap}
  body:not(.manga-lp) h2,
  body:not(.manga-lp) h3,
  body:not(.manga-lp) p,
  body:not(.manga-lp) li,
  body:not(.manga-lp) .hero p,
  body:not(.manga-lp) .hero-note,
  body:not(.manga-lp) .section-title,
  body:not(.manga-lp) .faq-q,
  body:not(.manga-lp) summary{word-break:normal;overflow-wrap:break-word;text-wrap:wrap}
  body:not(.manga-lp) .brand,
  body:not(.manga-lp) .logo a{font-size:17px;line-height:1.25}
  body:not(.manga-lp) .intro-box,
  body:not(.manga-lp) .cta-section,
  body:not(.manga-lp) .related-box,
  body:not(.manga-lp) .review{padding-left:16px;padding-right:16px}
  body:not(.manga-lp) .address-line{white-space:normal}
  body:not(.manga-lp) img,
  body:not(.manga-lp) video{max-width:100%;height:auto}
  body:not(.manga-lp) .mobile-cta{width:100%;padding-bottom:env(safe-area-inset-bottom)}
  body:not(.manga-lp) .mobile-cta a{min-width:0;white-space:normal;line-height:1.3;text-align:center}
  .logo-service{font-size:11px;line-height:1.35}
  .logo-name{font-size:20px;line-height:1.25}
  .hero-brand strong{margin-left:0}
  body:not(.manga-lp) .header-actions .tel,
  body:not(.manga-lp) .header-ctas .btn-tel{display:none}
}
