.hpsc-page {--warm:#f7f5f1;--deep:#173b4e;color:#172e3e}
.hpsc-opening {padding-top:36px;background:linear-gradient(#fff 55%,#f7f5f1)}
.hpsc-opening .detail-breadcrumb {margin-bottom:48px;font-size:.8rem}
.hpsc-page .kicker {color:#396579;font-size:.75rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase}
.hpsc-page h1 {font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0 28px;font-weight:650}
.hpsc-intro {display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start;margin-bottom:32px}
.hpsc-intro p {margin:0;max-width:51ch;color:#536474;line-height:1.8;font-size:1rem}
.hpsc-intro .hpsc-deck {font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.4;color:#284c5d;letter-spacing:-.025em}
.hpsc-hero {max-width:1440px;margin:0 auto;padding:0 24px}
.hpsc-hero img {width:100%;mix-blend-mode:multiply}
.hpsc-hero figcaption {display:flex;justify-content:space-between;gap:24px;padding:14px 0 20px;color:#5d6978;font-size:.72rem;border-top:1px solid #dedbd5}
.hpsc-hero figcaption span {text-align:right;max-width:65ch}
.hpsc-facts {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:30px 0;margin:0;border-bottom:1px solid var(--line)}
.hpsc-facts dt {font-size:.75rem;color:#5d6978;margin-bottom:8px}.hpsc-facts dd {margin:0;font-size:.95rem;font-weight:600}
.hpsc-page h2 {font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:16px 0 24px}
.hpsc-challenge {display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:88px 0 72px}.hpsc-challenge p:not(.kicker) {line-height:1.85;color:#536474;margin-top:0}
.hpsc-text-link {display:inline-block;color:#1760a3;font-weight:600;font-size:.9rem;text-decoration:underline;text-underline-offset:5px;margin-top:12px}
.hpsc-contribution {padding:20px 0 80px}.hpsc-columns {display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:36px}.hpsc-columns article {border-top:1px solid #aebfc7;padding-top:22px}.hpsc-number {font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#527080}.hpsc-page h3 {font-size:1.15rem;line-height:1.4;letter-spacing:-.02em;font-weight:650}.hpsc-columns p,.hpsc-journey p {color:#536474;line-height:1.8;font-size:.95rem}
.hpsc-walkthrough {background:#f2f5f6;padding:72px 0 48px}.hpsc-section-top {display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:32px}.hpsc-section-top>p {max-width:36ch;color:#536474;font-size:.95rem;line-height:1.8;margin-bottom:24px}
.hpsc-journey {display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.hpsc-journey figure {margin:0;min-width:0}.hpsc-screen-stage {background:#e5ecef;padding:30px 20px;display:flex;justify-content:center;border-radius:4px}.hpsc-screen-stage img {width:216px;height:auto;align-self:start;border:6px solid #283942;border-radius:24px;box-shadow:0 16px 24px #1c37471c}.hpsc-journey figcaption {padding-top:25px}.hpsc-journey h3 {margin:10px 0}.hpsc-journey p {margin:0}.hpsc-source-note {font-size:.72rem;color:#5d6978;margin-top:32px}
.hpsc-closing {padding:80px 0;text-align:center}.hpsc-closing p:not(.kicker) {color:#536474;max-width:48ch;margin:0 auto 28px;line-height:1.8}.hpsc-closing h2 {font-size:clamp(2.2rem,4vw,3.4rem)}.hpsc-related {border-top:1px solid var(--line);display:flex;justify-content:center;flex-wrap:wrap;gap:18px 30px;padding:25px 0 48px;font-size:.8rem;color:#1760a3}.hpsc-page a:focus-visible {outline:3px solid #216bb0;outline-offset:5px}
@media(min-width:1600px){.hpsc-hero{max-width:1540px}}
@media(max-width:920px){.hpsc-opening .detail-breadcrumb{margin-bottom:32px}.hpsc-intro{gap:30px}.hpsc-challenge{gap:36px}.hpsc-journey,.hpsc-columns{gap:22px}.hpsc-screen-stage{padding:24px 12px}.hpsc-screen-stage img{width:100%;max-width:216px;border-width:4px;border-radius:18px}}
@media(max-width:600px){.hpsc-opening{padding-top:24px}.hpsc-opening .detail-breadcrumb{font-size:.72rem;margin-bottom:28px}.hpsc-page h1{font-size:clamp(2.4rem,10.5vw,3.5rem)}.hpsc-intro{grid-template-columns:1fr;gap:18px}.desktop-break{display:none}.hpsc-hero{padding:0 12px}.hpsc-hero figcaption{display:block;font-size:.65rem}.hpsc-hero figcaption span{display:block;text-align:left;margin-top:6px}.hpsc-facts{grid-template-columns:1fr;gap:20px;padding:24px 0}.hpsc-facts>div{display:flex;justify-content:space-between;gap:20px}.hpsc-facts dt{margin:0}.hpsc-facts dd{font-size:.8rem;text-align:right}.hpsc-challenge{grid-template-columns:1fr;gap:16px;padding:48px 0}.hpsc-contribution{padding:0 0 48px}.hpsc-columns{grid-template-columns:1fr;gap:24px}.hpsc-columns article{padding-top:16px}.hpsc-columns h3{margin:10px 0}.hpsc-columns p{margin:0}.hpsc-walkthrough{padding:40px 0 30px}.hpsc-section-top{display:block;margin-bottom:24px}.hpsc-section-top>p{max-width:none}.hpsc-journey{grid-template-columns:1fr;gap:36px}.hpsc-screen-stage{padding:28px}.hpsc-screen-stage img{max-width:240px;border-width:6px;border-radius:24px}.hpsc-journey figcaption{padding-top:18px}.hpsc-closing{padding:48px 0}.hpsc-closing .button{font-size:.8rem}.hpsc-related{justify-content:start;gap:16px 24px}}
.hpsc-page .section-inner {width:calc(100% - 48px);max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.hpsc-page .section-inner{width:calc(100% - 40px)}}