/* Homepage-only typography and an optional, clearly labelled model calculation. */
body.pc-story-homepage .pc-hero-text { color: #17365c; background: #fff; line-height: 1.7; }
body.pc-story-homepage .pc-story-service { max-width: 550px; margin: 16px 0 0; color: #43516a; background: #fff; font-size: 16px; line-height: 1.7; }
body.pc-story-homepage .pc-story-service strong { color: #17365c; }
body.pc-story-homepage .pc-hero-assessment { color: #43516a; background: #fff; }
body.pc-story-homepage .pc-story-calculation { margin: 0 0 28px; border: 1px solid #c6cdd7; border-radius: 12px; color: #17365c; background: #f2f5fa; }
body.pc-story-homepage .pc-story-calculation > summary { min-height: 48px; padding: 22px 26px; color: #17365c; background: #f2f5fa; border-radius: 11px; cursor: pointer; font-size: 19px; font-weight: 600; line-height: 1.5; }
body.pc-story-homepage .pc-story-calculation > summary small { display: block; margin-top: 8px; color: #43516a; background: inherit; font-size: 14px; font-weight: 400; line-height: 1.65; }
body.pc-story-homepage .pc-story-calculation > summary:hover, body.pc-story-homepage .pc-story-calculation > summary:active { color: #17365c; background: #e5ebf4; }
body.pc-story-homepage .pc-story-calculation > summary:focus-visible { outline: 3px solid #843c19; outline-offset: 4px; }
body.pc-story-homepage .pc-story-calculation[open] > summary { border-radius: 11px 11px 0 0; border-bottom: 1px solid #c6cdd7; }
body.pc-story-homepage .pc-story-calculation .pc-calc { margin: 0; border: 0; border-radius: 0 0 11px 11px; }
@media (max-width: 580px) {
  body.pc-story-homepage .pc-story-service { font-size: 15px; }
  body.pc-story-homepage .pc-story-calculation > summary { padding: 18px; font-size: 17px; }
}