/* Overrides for the PT / Nursing solutions pages, which use a different
   cream tone, a centred promise block and a fixed-height device screen.
   Loaded AFTER site.css. These pages deliberately omit .has-scrollstory,
   so they do not inherit the mobile scroll-story module. */

:root{
    --paper:#ffffff;--cream:#f8f9f4;--ink:#111e29;--body:#111111;--slate:#545963;--slate-2:#8a929e;
    --blue:#0f80fb;--blue-deep:#0a63d6;--mint:#4ce0b5;--mint-soft:#def7f0;--green:#24b26b;--amber:#f5b301;
    --clin:#e9f1fd;--pat:#f1efe9;--hair:#e9e7e0;--hair-2:#eceef1;
    --r-card:18px;--r-ctrl:12px;--r-pill:999px;
    --serif:"Newsreader",Georgia,"Times New Roman",serif;
    --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    --mono:ui-monospace,"SF Mono","Menlo","JetBrains Mono",monospace;
    --shadow:0 1px 2px rgba(17,30,41,.05),0 10px 30px rgba(17,30,41,.07);
    --grad:linear-gradient(120deg,var(--blue),var(--blue-deep));
  }

/* hero */
  .hero{position:relative;text-align:center;overflow:hidden;
    background:radial-gradient(120% 120% at 80% 120%,rgba(71,163,255,.35) 0%,#edf5ff 34%,#f8f9f4 66%)}

/* dual promise */
  .promise{text-align:center}

.promise .h2{margin:14px auto 20px;max-width:30ch;line-height:1.14}

.promise p{color:var(--body);margin:0 auto;max-width:64ch}

.sec-white .bcard{background:var(--cream);border-color:var(--hair)}

/* These pages size the device screen by fixed height, not by ratio.
   aspect-ratio must be cleared explicitly or site.css's 1/2.16 still constrains the width. */
.screen{position:relative;z-index:1;background:var(--paper);border-radius:42px;overflow:hidden;height:552px;aspect-ratio:auto;display:flex;flex-direction:column}

@media (max-width:860px){
    .nav-links{display:none}
    .promise-grid{grid-template-columns:1fr;gap:32px}
    .promise-copy{text-align:center}
    .promise-copy .h2{margin:0 auto 20px}
    .promise-copy p{margin:0 auto}
    .bgrid{grid-template-columns:1fr}
    .tcard{flex:0 0 86%}
    .footer-grid{grid-template-columns:1fr;gap:24px}
    .mod-body{grid-template-columns:1fr;gap:26px}
    .media{position:static;order:-1}
    .step:hover{background:transparent}
  }