/* Final shared reading surfaces. Existing layout, copy and sticky boundaries remain authoritative. */
body[data-design="v3"]{
  --launch-ice:#e5edf4;
  --launch-navy:#102b4c;
  --launch-ink:#153453;
}

/* An ice-blue reading chapter breaks up long white sections without another dark slab. */
body[data-design="v3"] :is(.sec-faq,.service-faq){
  background:radial-gradient(ellipse at 0 0,#ccdfea70,transparent 55%),linear-gradient(180deg,#e7eef5 0%,#e0e9f2 65%,#eaf0f6 100%);
  border-block:1px solid #c9d8e6;
  margin-block-start:26px;
  padding-block:0;
}
body[data-design="v3"] :is(.sec-faq,.service-faq)>.sec__inner{padding-block-start:54px;padding-block-end:60px}
body[data-design="v3"] :is(.faq,.service-faq-list) details{
  border-color:#829eb8;
  background:#f5f8fc;
  box-shadow:0 12px 25px -22px #183d626b;
}
body[data-design="v3"] :is(.faq,.service-faq-list) details[open]{background:#f5f8fc;border-color:#829eb8}
body[data-design="v3"] :is(.faq,.service-faq-list) summary{
  background:linear-gradient(105deg,#12375b,#142d4f 75%,#243758);
  color:#f7faff;
  border-radius:16px;
  box-shadow:inset 0 1px #b1d1ed30;
}
body[data-design="v3"] :is(.faq,.service-faq-list) details[open]>summary{border-end-start-radius:0;border-end-end-radius:0}
body[data-design="v3"] :is(.faq,.service-faq-list) summary::after{
  border-color:#a8c8e36b;
  background:linear-gradient(#f9e900,#f9e900) center/12px 1.5px no-repeat,linear-gradient(#f9e900,#f9e900) center/1.5px 12px no-repeat,#12304c;
  box-shadow:inset 0 1px #d7eafa26;
}
body[data-design="v3"] :is(.faq,.service-faq-list) details[open]>summary::after{
  background:linear-gradient(#f9e900,#f9e900) center/12px 1.5px no-repeat,#12304c;
}
body[data-design="v3"] :is(.faq,.service-faq-list) summary:focus-visible{outline:3px solid #f9e900;outline-offset:-5px;border-radius:16px}
body[data-design="v3"] :is(.faq .answer,.faq .ex-answer,.service-faq-list details>p){padding-block-start:22px;color:#263f5b}
body[data-design="v3"] :is(.faq,.service-faq-list) details::before{top:100px;bottom:22px;background:#447c9d;z-index:1;pointer-events:none}
body[data-design="v3"] .sec-faq .final{border-color:#adc2d6;padding-top:38px}
body[data-design="v3"] .final>.disclosure{color:#3e5671}

/* Mineral blue makes the review chapter distinct while keeping it light and legible. */
body[data-design="v3"] .why-box{
  background:radial-gradient(ellipse at 0 0,#b3cddfa8,transparent 65%),linear-gradient(130deg,#d8e6f0,#e5ecf3 48%,#c8d7e6);
  border-color:#a8bed1;
  box-shadow:inset 0 1px #f6fbff,0 23px 45px -36px #153d6870;
}
body[data-design="v3"] .why-box :is(.h2,h3){color:#122f50}
body[data-design="v3"] .why-box .eyebrow-light{color:#20567b}
body[data-design="v3"] .why-box .why{border-inline-start-color:#9db5cb}
body[data-design="v3"] .why-box .why p{color:#2e4863}

/* These are topics, not ordered steps. Real process-step numbering is untouched. */
body[data-design="v3"] .service-signs .service-card{border-block-start:2px solid #acb46e;background:linear-gradient(145deg,#edf5fb,#e1ebf4)}
body[data-design="v3"] .service-signs .service-card::before,
body[data-design="v3"] .service-signs .service-card::after{content:none;display:none}

@media(hover:hover) and (pointer:fine){
  body[data-design="v3"] :is(.faq,.service-faq-list) details:hover{border-color:#3f6b93}
  body[data-design="v3"] :is(.faq,.service-faq-list) summary:hover{background:linear-gradient(105deg,#17466e,#173657 75%,#2b3e5f)}
}
@media(max-width:767px){
  body[data-design="v3"] :is(.sec-faq,.service-faq){margin-block-start:18px}
  body[data-design="v3"] :is(.sec-faq,.service-faq)>.sec__inner{padding-block-start:30px;padding-block-end:42px}
  body[data-design="v3"] :is(.faq .answer,.faq .ex-answer,.service-faq-list details>p){padding-block-start:19px}
  body[data-design="v3"] .why-box{background:linear-gradient(140deg,#d2e2ee,#e2ebf3 62%,#ccdae8)}
}
@media(prefers-reduced-motion:reduce){
  body[data-design="v3"] :is(.faq,.service-faq-list) :is(details,summary,summary::after){transition:none}
}
@media(prefers-reduced-transparency:reduce){
  body[data-design="v3"] :is(.sec-faq,.service-faq){background:#e5edf4}
  body[data-design="v3"] .why-box{background:#dce7f0!important}
  body[data-design="v3"] :is(.faq,.service-faq-list) summary{background:#102b4c}
  body[data-design="v3"] :is(.faq,.service-faq-list) details{background:#f5f8fc!important}
}
@media(forced-colors:active){
  body[data-design="v3"] :is(.sec-faq,.service-faq,.why-box,.service-signs .service-card),
  body[data-design="v3"] :is(.faq,.service-faq-list) :is(details,summary){background:Canvas!important;color:CanvasText!important;border-color:CanvasText;box-shadow:none}
  body[data-design="v3"] :is(.faq,.service-faq-list) details::before{display:none}
  body[data-design="v3"] :is(.faq,.service-faq-list) summary:focus-visible{outline-color:Highlight}
  body[data-design="v3"] :is(.faq,.service-faq-list) summary::after{
    forced-color-adjust:none;border-color:ButtonText;background:linear-gradient(ButtonText,ButtonText) center/12px 2px no-repeat,linear-gradient(ButtonText,ButtonText) center/2px 12px no-repeat,ButtonFace;
  }
  body[data-design="v3"] :is(.faq,.service-faq-list) details[open]>summary::after{background:linear-gradient(ButtonText,ButtonText) center/12px 2px no-repeat,ButtonFace}
}