/* pages.css — inner-page template for neuronetchiro.com (phase 2, Aug 25 2026).
   Loads AFTER site.css and BEFORE mobile-center.css. Only new selectors live here, so the
   home page's computed styles are untouched by this file. Grammar reuses site.css blocks:
   .step / .step-dark / .quote / .evid / .book / footer. */

/* ── compact page hero: the home hero's photo grammar at ~40vh ── */
.phero{position:relative;overflow:clip;min-height:max(340px,40vh);background:#2B3330 50% 0%/cover no-repeat;
       display:flex;align-items:center;justify-content:center;text-align:center}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.30) 32%,rgba(0,0,0,.34) 100%)}
/* one hero band per page; each image is used on that page only */
.phero.h-bio{background-image:url(/assets/pages/dr-helen-bae-hero.jpg)}
.phero.h-net{background-image:url(/assets/pages/neuro-emotional-technique-hero.jpg);background-position:50% 10%}
.phero.h-test{background-image:url(/assets/pages/testimonials-hero.jpg);background-position:50% 65%}
.phero.h-chiro{background-image:url(/assets/pages/chiropractor-sunnyvale-hero.jpg);background-position:50% 45%}
.phero.h-forms{background-image:url(/assets/pages/new-patient-forms-hero.jpg);background-position:50% 80%}
@media (max-width:768px){.phero.h-bio{background-position:100% 0}}
.pheroin{position:relative;z-index:2;padding:108px 34px 52px;max-width:960px}
/* same feathered BAND scrim as the home hero (never an ellipse) */
.pheroin::before{content:"";position:absolute;inset:-120px -50vw;z-index:-1;
       background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.52) 30%,rgba(0,0,0,.52) 70%,rgba(0,0,0,0) 100%)}
.crumb{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#E9EDE7;text-shadow:0 1px 8px rgba(0,0,0,.55);margin-bottom:16px}
.crumb a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55)}
.crumb a:hover{border-bottom-color:#fff}
.ptitle1{font-family:Newsreader,serif;font-weight:600;font-size:46px;line-height:1.18;letter-spacing:-.005em;color:#fff;
       text-shadow:0 2px 16px rgba(0,0,0,.55);margin:0 auto;text-wrap:balance}
.phero .hid{margin-top:16px}

/* ── narrative blocks ── */
.pg .stext+.stext{margin-top:12px}
.stext a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.step-dark .stext a{color:#E9EDE7}
.slist{margin:14px 0 0;padding-left:22px;font-size:15.5px;line-height:1.72;color:var(--slate);text-wrap:pretty}
.slist li{margin:7px 0}
.step-dark .slist{color:#C9D2C7}
.scta{font-family:Newsreader,serif;font-size:22px;font-weight:600;line-height:1.35;color:var(--green);margin:24px 0 8px;text-wrap:balance}
.step-dark .scta{color:#fff}
.solo{max-width:780px;margin:0 auto}
/* draft-review tag: an archive-only credential waiting on Helen's yes. Stripped once she confirms. */
.vtag{display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid #C9A86A;border-radius:999px;font-size:10.5px;letter-spacing:.12em;
      text-transform:uppercase;color:#7A5A1E;background:#FBF3E0;vertical-align:middle;font-family:Inter,system-ui,sans-serif;font-style:normal;line-height:1.6;white-space:nowrap}
.step-dark .vtag{background:rgba(255,255,255,.08);color:#E8C77A;border-color:rgba(232,199,122,.5)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.trio figure{margin:0}
.trio img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 12px 30px rgba(28,35,33,.12)}
.trio figcaption{margin-top:10px;font-family:Newsreader,serif;font-size:14px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--band);text-align:center}
.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 26px;box-shadow:0 10px 26px rgba(28,35,33,.16)}
.solo.center{text-align:center}

/* ── quote block, several lines ── */
.quote .qtext+.qtext{margin-top:18px}
.quote .etitle2{margin-bottom:30px}

/* ── evidence cards on inner pages: auto-fit, so five cards do not squeeze ── */
@media (min-width:861px){.pg .egrid{grid-template-columns:repeat(3,1fr)} .ecard.tall{grid-row:span 2}}
.ecard a{overflow-wrap:anywhere}
.eintro{max-width:680px;margin:-22px auto 38px;text-align:center;color:var(--slate);font-size:16px;text-wrap:pretty}
.ephoto{max-width:820px;margin:0 auto 42px;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(28,35,33,.14)}
.ephoto img{width:100%;height:auto;display:block}
.ecard.placeholder{grid-column:1/-1;border:1.5px dashed #B9A66F;background:#FBF7EA;color:#6E5A2A;font-size:14.5px;text-align:center;padding:38px 24px;text-wrap:pretty}

/* ── contact block variants ── */
.book .scta{color:#fff;margin:6px auto 10px;max-width:720px}
.book .stext{color:var(--onband2);max-width:620px;margin:0 auto;font-size:16px}
.book .stext a,.book .scta a{color:#fff}
.scta a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.book .bmail{margin-top:26px}
.bookphoto{background:linear-gradient(rgba(24,26,23,.64),rgba(24,26,23,.74)),url(/assets/journey/light.jpg) center 28%/cover no-repeat}
.bookphoto .btitle,.bookphoto .scta,.bookphoto .bsub,.bookphoto .stext{text-shadow:0 1px 10px rgba(0,0,0,.45)}

/* ── forms list ── */
.forms{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.forms li a{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid #E7E4DF;border-radius:10px;
      text-decoration:none;color:var(--ink);font-family:Newsreader,serif;font-size:19px;font-weight:600;transition:transform .2s,box-shadow .2s;text-align:left}
.forms li a:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(28,35,33,.10)}
.forms svg{flex:none}
.forms small{margin-left:auto;font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--band);font-weight:400}

@media (max-width:860px){
  .ptitle1{font-size:31px}
  .phero{min-height:max(320px,40vh)} .pheroin{padding:100px 20px 44px}
  .trio{grid-template-columns:1fr;gap:16px;margin-top:30px}
  .scta{font-size:20px}
  .forms li a{font-size:16.5px;padding:15px 16px;gap:12px}
  .eintro{margin-top:-10px}
}
@media (max-width:600px){ .pg .egrid{grid-template-columns:1fr;gap:14px} }

/* ── inner pages: centre every text block at phone width (mobile-center.css only knows the home page) ── .pg-mobile-center */
@media (max-width:768px){
  .pg .crumb,.pg .hid,.pg .snum,.pg .stitle,.pg .stext,.pg .solo,.pg .etitle2,.pg .qtext,.pg .qwho,.pg .btitle,.pg .scta,.pg .more{text-align:center}
  .pg .slist{text-align:left;display:inline-block;margin-left:auto;margin-right:auto}
  .pg .sgrid2>div{text-align:center}
  .pg .lbody{text-align:center} .pg .lacts{justify-content:center}
}

/* ── methods row on the services overview (chiropractic first, methods under it) ── */
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;text-align:left}
.mcard{display:block;background:#fff;border:1px solid var(--pale);border-radius:14px;padding:20px 22px;text-decoration:none;color:var(--ink);box-shadow:0 6px 22px rgba(28,35,33,.06);transition:transform .2s,box-shadow .2s}
.mcard:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,35,33,.10)}
.mname{display:block;font-family:Newsreader,serif;font-weight:600;font-size:21px;line-height:1.25;color:var(--green);margin-bottom:6px}
.mline{display:block;font-size:15px;line-height:1.55;color:var(--slate)}
@media (max-width:768px){.mgrid{grid-template-columns:1fr;text-align:center}}

/* ── catalog page: one section ~two tall, image in the top-left quadrant, headline beside it, body across the lower half (Bashō, Sep 4: layout A) ── */
.cat{padding:88px 0 96px}
.catg{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px;align-items:center}
.catimg img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 18px 44px rgba(28,35,33,.14);display:block}
.cathead .snum{margin-bottom:12px}
.cathead .stitle{font-size:44px;line-height:1.12}
.catphrase{font-family:Newsreader,serif;font-style:italic;font-size:24px;line-height:1.35;color:var(--green);margin-top:18px;text-wrap:balance}
.catbody{grid-column:1/-1;columns:2;column-gap:56px;margin-top:8px}
.catbody p{break-inside:avoid;margin:0 0 16px}
@media (max-width:768px){.catg{grid-template-columns:1fr;gap:26px}.cathead .stitle{font-size:32px}.catbody{columns:1}.cat{padding:56px 0 64px}}

.step-dark.cat .stitle,.step-dark.cat .stext{color:#E9EDE7}.step-dark.cat .catphrase{color:#C7D2C6}.step-dark.cat .snum{color:#C7D2C6}