/* Home-only layout. Brand Swei remains Chinese; Arial is the GuideBook's
   documented English fallback, used consistently until Atyp web fonts exist. */
body.customer-home{--guide-cn:Arial,"Swei SC","PingFang SC","Microsoft YaHei",sans-serif;--guide-en:Arial,"Helvetica Neue",sans-serif}
body.customer-home.english-site{--guide-cn:Arial,"Helvetica Neue",sans-serif}
body.customer-home main h2{font-size:clamp(28px,2.6vw,38px);line-height:1.4;font-weight:700;letter-spacing:0;text-wrap:balance;margin:0 0 28px}
body.customer-home main h3{font-size:24px;line-height:1.4;font-weight:700;letter-spacing:0;text-wrap:balance}
body.customer-home main p{font-size:17px;line-height:1.8}
body.customer-home main .text-link{font-size:15px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;gap:8px;width:fit-content}
body.customer-home main>.section,body.customer-home main>.customer-section{padding-block:64px}
body.customer-home .system-section-heading,body.customer-home .home-notes .section-heading{border-top:0;padding-top:0;margin-bottom:32px}
body.customer-home .customer-action-rail{gap:28px;margin:32px 0 24px;align-items:stretch}
body.customer-home .customer-action-rail>article{flex:0 0 calc((100% - 84px)/4);min-width:0}
body.customer-home .customer-action-rail figure{margin:0}
body.customer-home .customer-action-rail img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
body.customer-home .customer-action-rail figcaption{font-size:13px;line-height:1.6;color:var(--guide-muted);margin-top:10px}
body.customer-home .customer-action-rail h3{margin:22px 0 12px}
body.customer-home .customer-action-rail p{margin:0;font-size:16px}
body.customer-home .system-card-heading{grid-template-columns:minmax(0,1fr) 56px;gap:16px;min-height:104px;margin-bottom:20px}
body.customer-home .system-card{min-height:0}
body.customer-home .system-brand-art{width:56px;height:84px}
body.customer-home .system-card-heading .system-english{font-size:13px;line-height:1.5;margin:0 0 8px}
body.customer-home .system-card-heading h3{font-size:26px;line-height:1.35;font-weight:700;margin:0 0 12px}
body.customer-home.english-site .system-card-heading h3{font-size:24px;font-weight:700;min-height:65px;text-wrap:initial}
body.customer-home .system-card-heading .system-action{font-size:13px;line-height:1.6;margin:0;letter-spacing:0}
body.customer-home .system-description{font-size:16px;line-height:1.8;margin:0 0 24px;color:var(--guide-muted)}
body.customer-home .guide-status{font-size:13px;line-height:1.6;border:0;padding:0;margin:0 0 12px;color:var(--guide-muted)}
body.customer-home .system-card>.text-link{margin-top:auto}
body.customer-home #growth-pathway>h2 span{white-space:nowrap}
body.customer-home #growth-pathway>p{max-width:70ch}
body.customer-home .guide-pathway-list{position:relative;gap:0;margin:48px 0 36px}
body.customer-home .guide-pathway-list:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:var(--guide-line)}
body.customer-home .guide-pathway-list li{position:relative;display:block;border:0;padding:32px 32px 0 0}
body.customer-home .guide-pathway-list li:before{content:"";position:absolute;left:0;top:2px;width:11px;height:11px;border-radius:50%;background:var(--guide-navy);outline:6px solid #fff}
body.customer-home .guide-pathway-list .guide-stage{font-family:var(--guide-en);font-size:12px;letter-spacing:.05em;color:var(--guide-muted)}
body.customer-home .guide-pathway-list h3{font-size:21px;margin:12px 0 16px}
body.customer-home .guide-pathway-list p{font-size:16px;line-height:1.8;max-width:15em;margin:0;color:var(--guide-muted)}
body.customer-home #growth-pathway .pathway-entry-note{font-size:15px;color:var(--guide-muted);margin:24px 0 12px}
body.customer-home #student-story .review-story-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;margin:32px 0 0}
body.customer-home #student-story .review-photo img{aspect-ratio:3/2;object-position:center 36%}
body.customer-home #student-story .review-story-layout h3{font-size:28px;max-width:24ch;margin:0 0 20px}
body.customer-home #student-story .review-story-layout p{max-width:52ch;margin:0 0 24px}
body.customer-home .home-notes .section-heading>p{max-width:70ch;margin:0 0 12px}
body.customer-home .home-notes .customer-journal-grid{gap:28px}
body.customer-home .home-notes article{display:flex;flex-direction:column;align-items:flex-start;padding-top:22px}
body.customer-home .home-notes article h3{font-size:23px;margin:16px 0;min-height:3em}
body.customer-home .home-notes article p{font-size:16px;margin:0 0 20px}
body.customer-home .home-notes article>.text-link{margin-top:auto}
body.customer-home .home-next-layout{gap:56px}
body.customer-home .home-next-layout h2{font-size:32px;margin:0;max-width:21em}
body.customer-home :is(a,button):focus-visible{outline:3px solid var(--guide-red);outline-offset:5px}
body.customer-home .keep-together{white-space:nowrap}
@media(max-width:1100px) and (min-width:851px){
 body.customer-home .system-card-heading{grid-template-columns:minmax(0,1fr) 40px;gap:12px}
 body.customer-home .system-brand-art{width:40px;height:60px}
 body.customer-home.english-site .system-card-heading h3{font-size:21px;min-height:86px}
 body.customer-home .guide-pathway-list h3{font-size:19px}
}
@media(max-width:850px){
 body.customer-home main>.section,body.customer-home main>.customer-section{padding-block:40px}
 body.customer-home main h2{font-size:28px;line-height:1.45;margin-bottom:24px}
 body.customer-home main h3{font-size:23px}
 body.customer-home .customer-action-rail{gap:20px;margin:24px 0 12px}
 body.customer-home .customer-action-rail>article{flex-basis:100%}
 body.customer-home .system-card-heading{grid-template-columns:minmax(0,1fr) 56px;min-height:0;margin-bottom:22px}
 body.customer-home.english-site .system-card-heading h3{min-height:0}
 body.customer-home .system-description{margin-bottom:20px}
 body.customer-home .system-cards{gap:20px}
 body.customer-home .guide-pathway-list{margin:28px 0;gap:0}
 body.customer-home .guide-pathway-list:before{left:5px;top:10px;bottom:36px;right:auto;width:1px;height:auto}
 body.customer-home .guide-pathway-list li{display:block;padding:0 0 36px 32px}
 body.customer-home .guide-pathway-list li:last-child{padding-bottom:0}
 body.customer-home .guide-pathway-list li:before{top:7px;left:0}
 body.customer-home .guide-pathway-list h3{font-size:22px;margin:8px 0 12px}
 body.customer-home .guide-pathway-list span{min-width:0}
 body.customer-home #student-story .review-story-layout{grid-template-columns:1fr;gap:24px;margin-top:24px}
 body.customer-home #student-story .review-story-layout h3{font-size:25px;max-width:none;margin-bottom:16px}
 body.customer-home .home-notes article h3{min-height:0}
 body.customer-home .home-notes .customer-journal-grid{gap:28px}
 body.customer-home .home-next-layout{gap:24px}
 body.customer-home .home-next-layout h2{font-size:28px}
}
/* Brand manual p5 palette; semantic geometric illustrations scoped to H04. */
.customer-home #growth-pathway{--pathway-brand-navy:#071e3a;--pathway-brand-red:#e8003d}
.customer-home .pathway-diagram{display:block;width:88px;height:88px;margin:0 0 24px}
.customer-home .pathway-pattern-base{fill:var(--pathway-brand-navy)}
.customer-home .pathway-pattern-accent{fill:var(--pathway-brand-red)}
.customer-home #growth-pathway .guide-pathway-list li:before{background:var(--pathway-brand-navy)}
@media(max-width:850px){.customer-home .pathway-diagram{float:right;width:60px;height:60px;margin:0 0 12px 18px}.customer-home .guide-pathway-list li{display:flow-root}}

body.customer-home .customer-action-rail .action-work img{object-fit:contain;background:#fff}