.praxis-tools-page .pt-hero{background:var(--gds-navy);color:#fff;padding:clamp(4rem,8vw,7rem) 1.5rem}.praxis-tools-page .pt-wrap{max-width:1120px;margin:auto}.praxis-tools-page .pt-hero h1{color:#fff;max-width:850px}.praxis-tools-page .pt-hero p{max-width:760px;color:rgba(255,255,255,.82);font-size:1.15rem}.praxis-tools-page .pt-section{padding:clamp(3rem,6vw,5rem) 1.5rem}.praxis-tools-page .pt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.praxis-tools-page .pt-card,.praxis-tools-page .pt-form{border:1px solid var(--gds-line);padding:2rem;background:#fff}.praxis-tools-page .pt-card h2,.praxis-tools-page .pt-card h3{margin-top:0}.praxis-tools-page .pt-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.praxis-tools-page .pt-form{max-width:720px}.praxis-tools-page .pt-form label{display:block;font-weight:600;margin:.9rem 0 .35rem}.praxis-tools-page .pt-form input[type=text],.praxis-tools-page .pt-form input[type=email]{width:100%;padding:.8rem;border:1px solid var(--gds-line);font:inherit}.praxis-tools-page .pt-btn{display:inline-block;border:0;background:var(--gds-petrol);color:#fff;padding:.9rem 1.2rem;text-decoration:none;font-weight:700;cursor:pointer}.praxis-tools-page .pt-note{font-size:.92rem;color:var(--gds-slate)}.praxis-tools-page .pt-status{padding:1rem;margin-bottom:1rem;border-left:4px solid var(--gds-petrol);background:var(--gds-mist)}.praxis-tools-page .hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}@media(max-width:760px){.praxis-tools-page .pt-grid{grid-template-columns:1fr}}

/* AP-PT01 V1.2: override the rollout section rule, whose :not(#hero)
   selector otherwise wins on specificity and turns the custom hero light. */
body.praxis-tools-page #main-content > section.pt-hero {
  background: var(--gds-navy);
  color: var(--gds-white);
  padding: clamp(4rem,8vw,7rem) 1.5rem;
}
body.praxis-tools-page #main-content > section.pt-hero .pt-kicker,
body.praxis-tools-page #main-content > section.pt-hero h1 {
  color: var(--gds-white);
}
body.praxis-tools-page #main-content > section.pt-hero p {
  color: rgba(255,255,255,.82);
}
