/* Shared readability and customer-first content layout, September 2026. */
body.site-shell { --coral:#a53c1b; }
.jp-phrase { display:inline-block; white-space:nowrap; }
body.site-shell .visually-hidden { white-space:normal !important; }
.js body.site-shell .reveal { opacity:1; transform:none; transition:none; }
body.site-shell .global-header,body.site-shell .global-header::before { background:#091421; backdrop-filter:none; -webkit-backdrop-filter:none; }
body.site-shell .global-nav > a { font-size:14px; font-weight:500; letter-spacing:.035em; }
body.site-shell .global-nav { gap:clamp(16px,1.55vw,24px); }
body.site-shell .header-cta { font-size:14px; color:#fffdf8; }
body.site-shell .section-kicker,body.site-shell .eyebrow { font-size:13px; letter-spacing:.1em; }
body.site-shell h1,body.site-shell h2,body.site-shell h3 { word-break:normal; overflow-wrap:normal; line-break:strict; text-wrap:balance; }
body.site-shell main h2 { font-size:clamp(25px,2.6vw,36px); line-height:1.6; }
body.site-shell .subpage-hero__copy h1 { font-size:clamp(30px,3.1vw,46px); line-height:1.55; }
body.site-shell .lp-hero__copy h1 { font-size:clamp(30px,3.2vw,48px); line-height:1.55; }
body.site-shell .community-hero h1 { font-size:clamp(30px,3.4vw,48px); line-height:1.6; }
body.site-shell .hub-hero__note { max-width:600px; font-size:14px; }
body.site-shell .hub-hero__lead,body.site-shell .lp-hero__lead,body.site-shell .community-hero__lead { font-size:17px; line-height:1.9; }
.customer-br { display:block; margin-bottom:12px; }
.customer-empathy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); align-items:center; gap:48px; padding:80px 0; }
.customer-empathy h2 { margin:12px 0 24px; font-family:var(--serif); }
.customer-empathy__copy p { font-size:17px; line-height:1.95; }
.customer-concerns { padding:0; margin:24px 0; list-style:none; }
.customer-concerns li { padding:16px 0 16px 24px; position:relative; border-bottom:1px solid #cec7ba; font-size:17px; line-height:1.9; }
.customer-concerns li::before { position:absolute; left:0; content:'・'; color:#774028; }
.customer-key { border-left:3px solid #a53c1b; padding-left:20px; font-weight:700; }
.customer-diagram { margin:32px auto; width:100%; max-width:1040px; }
.customer-diagram picture { overflow:hidden; border:1px solid #ded7c9; background:#f7f2e8; }
.customer-diagram img { width:100%; height:auto; }
.customer-diagram figcaption { margin-top:12px; font-size:14px; color:#475263; line-height:1.9; }
.customer-empathy .customer-diagram { margin:0; }
.customer-intro { max-width:780px; font-size:17px; margin:0 0 24px; }
.customer-start { padding:32px; border:1px solid #69737d; background:#132238; }
.customer-start > span { color:#edc99f; font-size:15px; }
.customer-start ul { padding-left:20px; margin:20px 0 28px; font-size:17px; line-height:2; color:#fffdf8; }
body.site-shell .strategy-editorial blockquote { font-size:clamp(22px,2vw,28px); line-height:1.8; }
body.site-shell .hub-cases,body.site-shell .hub-members,body.site-shell .about-roles,body.site-shell .site-next,body.site-shell .members-list { padding-block:80px; }
body.site-shell .site-next__links a:hover span,body.site-shell .site-next__links a:hover i,
body.site-shell .site-next__links a:focus-visible span,body.site-shell .site-next__links a:focus-visible i { color:#f3ceaa; }
body.site-shell .footer-bottom,body.site-shell .footer-bottom a,body.site-shell .footer-brand small,body.site-shell .footer-profile p,body.site-shell .footer-profile span { color:#d5dae1; }
body.site-shell .global-footer .footer-inner nav a { font-size:14px; color:#e6e8eb; }
body.site-shell .hub-proof dd,body.site-shell .lp-trust-strip dd { font-size:13px; color:#d5dae1; }
body.site-shell .subpage-hero,body.site-shell .site-final-cta,body.site-shell .community-hero,body.site-shell .lp-hero,body.site-shell .lp-system,body.site-shell .lp-final { background-color:#091421; }
body.site-shell .subpage-hero .section-kicker { color:#edc99f; }
body.site-shell .generated-explainer figcaption { color:#475263; font-size:14px; }
body.site-shell .generated-explainer--dark figcaption { color:#d5dae1; }
body.site-shell :is(.site-button,.lp-button):focus-visible { outline:3px solid #d59660; outline-offset:4px; }
@media(min-width:1181px){body.site-shell .global-nav > a { color:#e0e5eb; } body.site-shell .global-nav > a:hover { color:#fff; }}
@media(max-width:1180px){
 body.site-shell .global-nav { gap:10px; }
 body.site-shell .global-nav > a:nth-of-type(-n+4) { font-size:16px; color:#132238; }
 body.site-shell .global-nav > a:nth-of-type(n+5):nth-of-type(-n+7) { font-size:14px; color:#132238; }
 body.site-shell .global-nav > a::after,body.site-shell .global-nav__sheet-note { color:#475263; }
}
@media(max-width:900px){.customer-empathy {grid-template-columns:1fr;gap:24px;} .customer-empathy .customer-diagram{max-width:680px;} }
@media(max-width:760px){
 body.site-shell .content-wide { width:calc(100% - 40px); }
 body.site-shell .subpage-hero__copy h1,body.site-shell .lp-hero__copy h1 { font-size:28px; }
 body.site-shell .community-hero h1 { font-size:30px; }
 .customer-empathy { padding-block:56px; }
 .customer-empathy__copy p,.customer-concerns li { font-size:16px; }
 .customer-diagram { max-width:440px; margin-block:24px; }
 .customer-empathy .customer-diagram { max-width:440px; }
 .customer-start { padding:24px; }
 body.site-shell .hub-cases,body.site-shell .hub-members,body.site-shell .about-roles,body.site-shell .site-next,body.site-shell .members-list { padding-block:56px; }
 body.site-shell .site-button,body.site-shell .lp-button { font-size:15px; }
}
/* Stable foreground/background pairs for every interactive state. */
body.site-shell .site-button::before { content:none; }
body.site-shell .site-button--ink,body.site-shell .site-button--ink:hover { color:#fffdf8;background:#132238; }
body.site-shell .site-button--accent,body.site-shell .site-button--accent:hover { color:#fffdf8;background:#a53c1b; }
body.site-shell .site-button--paper,body.site-shell .site-button--paper:hover { color:#132238;background:#fffdf8; }
body.site-shell .site-button :is(span,i) {color:inherit;}
body.site-shell .lp-final {background:#f7f2e8;color:#132238;}
body.site-shell .lp-final::before {content:none;}
body.site-shell .lp-final__action {padding:32px;background:#132238;color:#fffdf8;}
body.site-shell .lp-final__action p {color:#d5dae1;}
body.site-shell .lp-final__action .lp-button {background:#fffdf8;color:#132238;}
body.site-shell .roadmap-manga .section-kicker,body.site-shell .profile-section--collaboration .section-kicker {color:#edc99f;}
body.site-shell .profile-section--collaboration .generated-explainer figcaption {color:#d5dae1;}
body.site-shell .voice-evidence__quote--strong cite {color:#475263;}
body.site-shell .voice-evidence__quote--strong > span {color:#8a5721;}
body.site-shell .profile-intro__photo figcaption {background:#091421;color:#fffdf8;}
body.site-shell .site-button > span {font-size:inherit;letter-spacing:inherit;line-height:1.6;}
body.site-shell .global-footer .footer-inner nav {display:flex;flex-wrap:wrap;gap:16px 24px;}
body.site-shell .global-footer .footer-inner nav a {white-space:nowrap;}
body.site-shell .case-story header h2 {font-size:26px;}
@media(max-width:760px){body.site-shell .site-button{min-width:0;max-width:100%;gap:16px;padding-inline:20px;}body.site-shell .global-footer .footer-inner nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}}
body.site-shell .header-cta:hover {color:#132238;background:#fffdf8;}
body.site-shell .header-cta:hover span {color:inherit;}
body.site-shell .site-next__links a:focus-visible {background:#132238;color:#fffdf8;}
body.site-shell .site-next__links a:focus-visible strong {color:#fffdf8;}
body.site-shell .voice-evidence__principles > p > span,body.site-shell .community-team__benefits > article > span {color:#edc99f;}
body.site-shell .community-fit__copy li::before {background:#f7f2e8;color:#a53c1b;}
body.site-shell .visually-hidden {background:#fffdf8;color:#132238;}
body.site-shell .hub-hero,body.site-shell .community-hero,body.site-shell .lp-hero,body.site-shell .manga-page-hero,body.site-shell .members-hub-hero,body.site-shell .members-page-pair,body.site-shell .member-profile-hero,body.site-shell .member-profile-cta,body.site-shell .member-lp-final,body.site-shell .manga-finish {background-color:#091421;}
body.site-shell .members-page-pair .section-kicker,body.site-shell .member-lp-problems .section-kicker,body.site-shell .members-hub-hero .section-kicker,body.site-shell .member-lp-fit small {color:#edc99f;}
body.site-shell .demo-notice {background:#923819;}
body.site-shell .demo-notice p {color:#fffdf8;}
body.site-shell .members-hub-hero__collage figcaption,body.site-shell .hub-hero__visual > figure > figcaption {background:#091421;color:#fffdf8;}
body.site-shell .member-offer-list > li > span {background:#425f56;color:#fffdf8;}
body.site-shell .lp-trust-strip dd {color:#475263;}
body.site-shell .nav-toggle::after,body.site-shell .profile-fit > li::before {content:none;}
body.site-shell .nav-toggle-label {font-size:12px;font-weight:500;letter-spacing:0;line-height:1;}

body.site-shell .lp-sticky-cta {display:none;}

.customer-people{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-self:center;}
.customer-people a{display:block;color:#fffdf8;}
.customer-people img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:16px;}
.customer-people span{display:block;font-size:13px;color:#edc99f;}
.customer-people b{display:block;font-size:20px;margin-top:8px;}

/* Solid reading surfaces keep text clear over the decorative hero layers. */
body.site-shell :is(.hub-hero,.community-hero,.lp-hero,.members-hub-hero,.members-page-pair,.member-profile-hero,.member-profile-cta,.demo-application,.manga-finish) {background:#091421;}
body.site-shell :is(.hub-hero,.lp-hero,.members-hub-hero)::before,
body.site-shell .member-profile-hero::after {content:none;}
body.site-shell :is(.hub-hero,.members-hub-hero) .eyebrow {color:#edc99f;}
body.site-shell .community-fit__copy li {background:none;border-left:2px solid #a53c1b;padding-left:20px;margin-top:12px;}
body.site-shell .member-lp-fit small {color:#8a5721;font-size:13px;}
body.site-shell .generated-explainer--dark .visually-hidden {color:#fffdf8;background:#091421;}

body.site-shell .generated-explainer {position:relative;}
body.site-shell .generated-explainer .visually-hidden {top:0;left:0;clip-path:inset(50%);background:#fffdf8;color:#132238;}
body.site-shell .case-story header {padding-right:12px;}
body.site-shell .case-story header h2 {font-size:22px;}
body.site-shell .member-profile-cta h3 {font-size:clamp(26px,2.8vw,36px);}
body.site-shell .member-profile-cta__inner {grid-template-columns:minmax(0,1fr) auto;}
body.site-shell .profile-cta .site-button {white-space:nowrap;}
@media(max-width:1100px){body.site-shell .member-profile-cta__inner {grid-template-columns:minmax(0,1fr);}}
@media(min-width:761px) and (max-width:900px){body.site-shell #manga-title{font-size:36px;}}
body.site-shell .member-lp-hero h1 {font-size:clamp(30px,3.5vw,48px);}

body.site-shell .hub-hero .eyebrow .jp-phrase {color:#edc99f;}
body.site-shell .member-lp-fit > article:nth-child(2) > small {color:#edc99f;}

/* Keep long profile stories alongside their images while reading. */
body.page-profile main {overflow:clip;}
@media (min-width:761px) and (max-width:980px){
 body.page-profile .profile-story-grid,body.page-profile .profile-story-grid--reverse{grid-template-columns:minmax(0,1fr);gap:40px;}
 body.page-profile .profile-story-grid > .profile-visual{position:static;max-width:600px;margin-inline:auto;}
}