/* Source: inoceaclinic.com CSSOM, checked 2026-10-06. */
body.main-article-page{--clinic-serif:"Shippori Mincho","Yu Mincho",serif;--clinic-sans:"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,sans-serif;--r8-paper:#F6F1EA;--r8-ink:#2A2620;--r8-green:#2A2620;--r8-pale:#EDE5D8;--r8-line:#D9CFBF;background:#F6F1EA;color:#2A2620;font-family:var(--clinic-sans);font-size:16px;font-weight:400;line-height:1.75;letter-spacing:.02em}
body.main-article-page :is(h1,h2,h3){font-family:var(--clinic-serif)!important;font-weight:400!important;color:#2A2620;letter-spacing:.04em}
body.main-article-page #hero.b-hero h1{font-family:var(--clinic-serif)!important;font-size:clamp(44px,6.4vw,96px);font-weight:400!important;line-height:1.18;letter-spacing:.04em;margin:0 0 28px;color:#2A2620!important;text-wrap:pretty}
body.main-article-page .b-hero-inner{grid-template-columns:minmax(0,1fr) 220px;gap:40px}
body.main-article-page .b-portrait{width:220px;height:220px}
body.main-article-page #hero.b-hero{background:#F6F1EA;padding:48px 0 40px}
body.main-article-page .b-hero .audience{margin-bottom:24px;font-weight:500;color:#5B534A}
body.main-article-page :is(.r8-heading h2,.section-heading h2,.form-heading h2,.r8-media h2,.video-feature-copy h2){font-family:var(--clinic-serif)!important;font-size:clamp(32px,3.8vw,56px);font-weight:400!important;line-height:1.3;letter-spacing:.04em}
body.main-article-page .b-map h2{font-size:clamp(32px,4vw,56px);line-height:1.3;margin-bottom:32px}
body.main-article-page .r8-experts h3,body.main-article-page .r8-extra-benefits h3,body.main-article-page .r8-clinic h3,body.main-article-page .b-circuit h3{font-size:22px;line-height:1.5}
body.main-article-page .b-salon h3{color:#FBF8F3}
body.main-article-page .site-header,body.main-article-page #target{background:#F6F1EA}
body.main-article-page .contact-form,body.main-article-page .b-phone,body.main-article-page .b-speech,body.main-article-page .r8-article-open{background:#FBF8F3}
body.main-article-page .r8-media,body.main-article-page #use-scenes.b-map,body.main-article-page #contact{background:#EDE5D8}
body.main-article-page :is(.button.primary,.cta){background:#2A2620;border-color:#2A2620;color:#FBF8F3;border-radius:100px;font-family:var(--clinic-sans);font-weight:500;letter-spacing:.08em}
body.main-article-page :is(.button.primary,.cta):hover{background:#5A5A3A;border-color:#5A5A3A}
body.main-article-page .b-salon{background:#2A2620;color:#FBF8F3}
body.main-article-page .b-answer{background:#E7DECD}
body.main-article-page .b-person,body.main-article-page .b-person:after{background:#D9CFBF}
body.main-article-page .support-label{background:#EDE5D8;color:#5A5A3A;font-family:var(--clinic-sans)}
body.main-article-page .r8-expert-type,body.main-article-page .r8-heading>p:first-child{color:#5A5A3A}
body.main-article-page .compact-flow-number{color:#5A5A3A;font-family:var(--clinic-sans)}
body.main-article-page .r8-prices strong{font-family:var(--clinic-sans)}
body.main-article-page .r8-prices li>span,body.main-article-page .r8-cta-note,body.main-article-page .r8-detail-note{color:#5B534A}
body.main-article-page .footer{background:#2A2620;color:#FBF8F3}
body.main-article-page :is(input,select,textarea,button){font-family:var(--clinic-sans)}
@media(max-width:900px){body.main-article-page{letter-spacing:.01em}body.main-article-page .b-map h2{font-size:28px}body.main-article-page .b-hero-inner{grid-template-columns:minmax(0,1fr) 145px;gap:24px}body.main-article-page .b-portrait{width:145px;height:145px}}
@media(max-width:600px){body.main-article-page .b-hero-inner{display:block}body.main-article-page #hero.b-hero{padding:32px 0}body.main-article-page #hero.b-hero h1{font-size:clamp(44px,6.4vw,96px);line-height:1.18;letter-spacing:.04em}body.main-article-page .b-portrait{width:110px;height:110px}body.main-article-page .r8-heading h2,body.main-article-page .section-heading h2,body.main-article-page .form-heading h2,body.main-article-page .r8-media h2,body.main-article-page .video-feature-copy h2{font-size:clamp(32px,3.8vw,56px);line-height:1.3}body.main-article-page .b-map h2{font-size:28px}body.main-article-page .r8-experts h3,body.main-article-page .r8-extra-benefits h3,body.main-article-page .r8-clinic h3{font-size:22px}body.main-article-page .b-customer h3{font-family:var(--clinic-sans)!important;font-size:15px}body.main-article-page .r8-experts .support-card{grid-template-columns:44px minmax(0,1fr)}}
/* Large clinic heading scale needs the full width, rather than a narrow text column. */
body.main-article-page .b-hero-inner{display:block;position:relative;width:min(1280px,calc(100% - 64px))}
body.main-article-page .b-hero-inner>div{min-width:0}
body.main-article-page .b-hero .b-portrait{position:absolute;right:0;bottom:30px;width:180px;height:180px}
body.main-article-page .r8-media-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.main-article-page .r8-media-grid>div{min-width:0}
body.main-article-page .r8-media h2{overflow-wrap:anywhere}
@media(max-width:820px){body.main-article-page .r8-media-grid{grid-template-columns:minmax(0,1fr)}body.main-article-page .b-hero .b-portrait{position:static;margin:22px 0 0 auto;width:110px;height:110px}}
@media(max-width:600px){body.main-article-page .b-hero-inner{width:calc(100% - 40px)}}

body.main-article-page .b-hero-inner{display:block;position:relative;width:min(1280px,calc(100% - 64px))}body.main-article-page .b-hero .b-portrait{position:absolute;right:0;bottom:30px;width:180px;height:180px}@media(max-width:820px){body.main-article-page .b-hero .b-portrait{position:static;width:110px;height:110px;margin:22px 0 0 auto}}@media(max-width:600px){body.main-article-page .b-hero-inner{width:calc(100% - 40px)}}

body.main-article-page #member-support .support-heading-description{font-family:var(--clinic-sans);font-size:16px;font-weight:400;line-height:1.75;color:#5B534A;margin:18px 0 0}

/* 2026-10-07: larger hero photograph; compact heading per main review. */
body.main-article-page .b-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px 48px;align-items:center}
body.main-article-page .b-hero-inner>div{display:contents}
body.main-article-page .b-hero .audience,body.main-article-page .b-hero h1{grid-column:1/-1}
body.main-article-page .b-hero .audience{margin:0 0 12px}
body.main-article-page #hero.b-hero h1{font-size:clamp(40px,3.4vw,48px);line-height:1.4;letter-spacing:.02em;margin:0 0 20px}
body.main-article-page #hero.b-hero{padding:32px 0}
body.main-article-page .b-hero .hero-details{grid-column:1;min-width:0}
body.main-article-page .b-hero .b-portrait{position:static;grid-column:2;grid-row:3;margin:0;width:360px;height:340px;border-radius:180px 180px 20px 20px}
@media(max-width:1000px){body.main-article-page .b-hero-inner{grid-template-columns:minmax(0,1fr) 280px;gap:16px 28px}body.main-article-page .b-hero .b-portrait{width:280px;height:300px}}
@media(max-width:700px){body.main-article-page .b-hero-inner{grid-template-columns:minmax(0,1fr);gap:0}body.main-article-page #hero.b-hero{padding:24px 0}body.main-article-page #hero.b-hero h1{font-size:clamp(24px,7.18vw,28px);line-height:1.5;letter-spacing:.02em;margin-bottom:16px}body.main-article-page .b-hero .hero-details{grid-row:3}body.main-article-page .b-hero .b-portrait{grid-column:1;grid-row:4;width:100%;height:240px;max-width:420px;border-radius:120px 120px 16px 16px;margin:22px auto 0}}

body.main-article-page #member-support .r8-extra-benefits{margin-top:24px}body.main-article-page .prescription-benefit{margin-top:28px;padding:24px;background:#FBF8F3;border-left:3px solid #8A8A5A}body.main-article-page .prescription-benefit h3{font-size:22px;margin:0 0 12px}body.main-article-page .prescription-benefit p{margin:8px 0 0}
body.main-article-page .b-hero-inner{row-gap:0;align-items:start}body.main-article-page .b-hero .audience,body.main-article-page .b-hero h1{grid-column:1}body.main-article-page .b-hero .b-portrait{grid-row:1/4;height:440px;align-self:center}@media(max-width:700px){body.main-article-page .b-hero .b-portrait{grid-row:4;height:240px}}
@media(min-width:701px) and (max-width:900px){body.main-article-page .b-hero-inner{grid-template-columns:1fr}body.main-article-page .b-hero .hero-details{grid-row:3}body.main-article-page .b-hero .b-portrait{grid-column:1;grid-row:4;width:420px;max-width:100%;height:280px;margin:24px auto 0}}