/* Rod Inspects: Wave A component styles (Howard, 2026-10-07).
   Loaded AFTER site.css on: about-us, meet-our-team, team/*, frequently-asked-questions, contact, schedule.
   Kept separate because site.css was being edited concurrently; fold into site.css (new section 26) at the
   end of Week 1 and drop this file + its <link> from those pages. Uses site.css tokens only. */

/* Links inside navy bands (final CTA copy, hero sub): site.css only recolours links in .sec-navy */
.final-cta a:not(.btn),.hero-sub a{color:var(--link-on-navy);font-weight:700}
.final-cta a:not(.btn):hover,.hero-sub a:hover{color:#fff}
.cta-back{margin:22px auto 0!important;font-size:16px!important}
.link-back::before{content:"\2190  "}

/* Schedule: compact hero (the scheduler is the hero of the page) */
.hero-compact{padding-bottom:calc(36px + var(--wave-h))}
.hero-compact .hero-sub{margin-bottom:20px}

/* Bio pages: headshot placeholder in the hero (4:5 portrait) */
.bio-hero{align-items:center}
.bio-photo{width:100%;max-width:340px;aspect-ratio:4/5;min-height:0;justify-self:end;border-radius:18px}
@media (max-width:900px){ .bio-photo{max-width:240px;justify-self:start} }

/* About: story photo + two-column check list */
.story-photo{min-height:320px;border-radius:18px}
.checks-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
@media (max-width:640px){ .checks-2{grid-template-columns:minmax(0,1fr)} .story-photo{min-height:220px} }

/* About: question H2s inside cards (veteran-owned / guarantee) */
.qa-cards .card:hover{transform:none;box-shadow:var(--shadow)}
.qa-cards .q-h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 12px}
.qa-cards .eyebrow{margin-bottom:12px}

/* Meet Our Team: bio blurb in team cards */
.team-bios .team-body p:not(.team-role){font-size:16px;margin:0 0 16px}

/* Contact: details list (no address, no map, no form) */
.contact-list{margin:0;background:#fff;border:1px solid var(--line);border-left:6px solid var(--river);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 26px}
.contact-list>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-list>div:last-child{border-bottom:0}
.contact-list dt{font:700 13px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--amber-ink)}
.contact-list dd{margin:0;font:700 18px/1.4 var(--display);color:var(--navy);overflow-wrap:anywhere}
.contact-list dd a{text-decoration:none}
.contact-list dd a:hover{text-decoration:underline}
@media (max-width:640px){ .contact-list{padding:4px 18px} .contact-list>div{grid-template-columns:minmax(0,1fr);gap:2px} }

/* Numbered steps (contact "how to schedule", schedule "what happens next") */
.prose ol.steps,.steps{list-style:none;counter-reset:step;padding-left:0;display:grid;gap:16px;margin:0 0 1.4em}
.steps>li{counter-increment:step;position:relative;padding:2px 0 0 52px;margin:0;min-height:36px}
.steps>li::before{content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 16px/1 var(--display)}

/* Schedule: scheduler + reviews sidebar (Beth, 2026-10-09 evening).
   Phones/tablets (<1080px): one column, scheduler first, then the 3-recent-reviews widget.
   Desktop (>=1080px): scheduler main column + 320px right sidebar; the sidebar sticks under the sticky header
   when the viewport is tall enough to show all of it. */
.sched-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.sched-main{min-width:0}
.sched-aside{min-width:0}
.sched-aside-inner{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px}
.sched-aside .eyebrow{margin-bottom:6px}
.sched-aside-h{font-size:clamp(20px,2vw,22px);line-height:1.3;margin:0 0 14px}
.reviews-more{margin:16px 0 0}
@media (min-width:1080px){
  .sched-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}
}
@media (min-width:1080px) and (min-height:760px){
  .sched-aside{position:sticky;top:96px}
}
@media (min-width:641px) and (max-width:1079px){
  .sched-aside-inner{max-width:640px;margin:0 auto}
}

/* Schedule: the ONE "How do I book" box (Beth/Rod 2026-11-04) spans the full width of the two-column scheduler
   layout below it (left edge of .sched-main to right edge of .sched-aside). Both sit in the same .wrap, so the box
   only has to drop the sitewide 920px .aeo-box cap. Phones/tablets: normal full width (same rule). */
.aeo-sched .aeo-box{max-width:none}

/* ReputationHub sidebar widget (3 recent reviews), wired 2026-10-09.
   review-widget.js sets the iframe height; the floor reserves the box so the layout doesn't jump. No inline min-height. */
.review-widget{min-width:0;max-width:100%;overflow:hidden}
.review-widget iframe{display:block;width:100%;max-width:100%;border:0}
.review-widget-sidebar{min-height:340px}
@media (max-width:640px){ .review-widget-sidebar{min-height:460px} }

/* ═══ Team pages: GC Home Inspection structure in Rod's palette (Beth, 2026-10-09 evening) ═══
   /meet-our-team/: hero → team grid (intro + cards) → certifications bar → CTA.
   /team/<name>/:   bio hero (role, H1, sub, badges) → full bio (photo + copy) → back to team → certifications bar → CTA. */
.team-intro{max-width:860px;margin:0 auto 40px;text-align:center}
.team-intro p{font-size:18px;line-height:1.65;margin:0 0 14px}
.team-intro p:last-child{margin-bottom:0}
.team-card .team-name{font-size:21px;margin:0 0 4px}

/* Bio hero */
.bio-hero-role{font:700 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-on-dark);margin:0 0 10px}
.bio-hero-sec .hero-sub{margin-bottom:18px}
.bio-hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.bio-hero-badges li{font:700 15px/1.3 var(--sans);color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:8px 16px}
.bio-hero-badges li.lic{background:var(--amber-on-dark);border-color:var(--amber-on-dark);color:var(--primary-deep,#042A3A)}
.bio-hero-badges li.lic:has(.ph-text){background:none;border:0;padding:0}

/* Full bio: photo + copy */
.bios{padding-bottom:40px}
.bio-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
.bio-figure .bio-photo{justify-self:start;max-width:300px}
.bio-name{font-size:clamp(28px,3vw,36px);margin:0 0 6px}
.bio-role{font:700 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink);margin:0 0 6px}
.bio-lic{font:700 16px/1.4 var(--sans);color:var(--navy);margin:0 0 20px}
.bio-text{font-size:17.5px;line-height:1.7;margin:0 0 16px}
.bio-cta{margin:24px 0 0;padding:16px 20px;background:var(--amber-soft);border-left:5px solid var(--river);border-radius:0 var(--radius) var(--radius) 0;font-size:17px;line-height:1.6;color:var(--charcoal)}
.bio-back-band{padding:0 0 48px}
@media (max-width:900px){
  .bio-row{grid-template-columns:minmax(0,1fr);gap:28px}
  .bio-figure .bio-photo{max-width:240px}
}

/* Certifications bar */
.certbar{background:var(--off);padding:32px 0;border-top:1px solid var(--line)}
.cert-row{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0}
.cert-badge{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px 9px 12px;font:700 15px/1.3 var(--sans);color:var(--navy)}
.cert-ico{width:20px;height:20px;flex:none;fill:#fff;background:var(--river);border-radius:50%;padding:3px}
@media (max-width:640px){ .cert-badge{font-size:14.5px} }

/* Draft placeholders on the team pages (QA must find 0 at launch: grep ph-text / ph-bio) */
.ph-text{display:inline-block;border:2px dashed #C9A15A;background:#FFFBF2;border-radius:6px;padding:1px 8px;font:700 14px/1.5 var(--sans);color:#5A4520;letter-spacing:0;text-transform:none}
.ph-bio{border:2px dashed #C9A15A;background:#FFFBF2;border-radius:var(--radius);padding:18px 20px;color:#5A4520;font:600 15.5px/1.55 var(--sans);margin:0 0 16px}
.ph-bio::before{content:"DRAFT PLACEHOLDER";display:block;font:800 11px/1 var(--sans);letter-spacing:.14em;color:#8A4B00;margin:0 0 8px}

/* Meet Our Team with 4 cards (Kryssie, Scheduler, added Beth 2026-10-23): 4 across on wide screens, 2x2 from tablet
   to small desktop, 1 column on phones (site.css). Avoids a lone 4th card under a 3-column row. */
@media (min-width:1180px){ .team.team-bios{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .team-bios .team-body{padding:20px 20px 22px} }
@media (min-width:901px) and (max-width:1179px){ .team.team-bios{grid-template-columns:repeat(2,minmax(0,1fr))} }