/* Phase 13 — responsive UI QA for the three completed service pages only.
   Scope: VA, Local SEO and WordPress. No generic content selectors. */
.qa13-reviewed{
  --service-h1-size:clamp(38px,3.7vw,54px);
  --service-h1-line:1.06;
  --service-h1-size-tablet:clamp(35px,4.5vw,46px);
  --service-h1-size-mobile:clamp(30px,8.2vw,38px);
}
.qa13-reviewed .service-hero-copy h1{max-width:700px;letter-spacing:-.03em}

/* Comfortable section rhythm without oversized display headings. */
.va3-command-copy h2,.va3-heading h2,.va3-paths-title h2,.va3-scale h2,.va3-handoff-title h2,.va3-faq h2,.va3-final h2,
.lseo2-split h2,.lseo2-heading h2,.lseo2-context h2,.lseo2-fit h2,.lseo2-faq h2,.lseo2-final h2,
.wp12-heading h2,.wp12-intro h2,.wp12-system-copy h2,.wp12-responsive h2,.wp12-fit h2,.wp12-faq h2,.wp12-final h2{
  font-size:clamp(32px,3.2vw,46px);line-height:1.1;letter-spacing:-.032em;overflow-wrap:anywhere
}
.va3-task h3,.va3-path-list h3,.va3-rhythm-track h3,.va3-handoff-panels h3,
.lseo2-grid h3,.lseo2-steps h3,.lseo2-fit-card h3,
.wp12-build-grid h3,.wp12-system-stack h3,.wp12-process-track h3,.wp12-fit-list h3{font-size:clamp(17px,1.55vw,20px);line-height:1.3}

/* Tablet: reduce whitespace, remove sticky side headings, protect grids from overflow. */
@media(max-width:980px){
 .qa13-reviewed{padding:62px 0}
 .va3-command,.va3-offload,.va3-paths,.va3-rhythm,.va3-handoff,.va3-faq,.lseo2-foundation,.lseo2-services,.lseo2-process,.lseo2-fit,.lseo2-faq{padding:64px 0}
 .va3-scale .va3-scale-panel,.lseo2-context,.wp12-system{padding:64px 0}
 .va3-command-grid,.va3-paths-layout,.va3-scale-grid,.va3-handoff-grid,.va3-faq-grid,.lseo2-split,.lseo2-context-grid,.lseo2-faq-grid,.wp12-intro-grid,.wp12-system-grid,.wp12-responsive-grid,.wp12-fit-grid,.wp12-faq-grid{gap:38px}
 .va3-paths-title,.va3-faq-grid>div:first-child{position:static}
 .wp12-device-stage{max-width:720px;width:100%;margin-inline:auto}
}

/* Phone: compact typography, consistent gutters and safe wrapping. */
@media(max-width:650px){
 .qa13-reviewed{padding:46px 0}
 .qa13-reviewed .service-hero-grid{gap:30px}
 .qa13-reviewed .service-hero-copy h1{max-width:18ch}
 .va3-command,.va3-offload,.va3-paths,.va3-rhythm,.va3-handoff,.va3-faq,.lseo2-foundation,.lseo2-services,.lseo2-process,.lseo2-fit,.lseo2-faq{padding:48px 0}
 .va3-scale .va3-scale-panel,.lseo2-context,.wp12-system{padding:50px 0}
 .va3-command-copy h2,.va3-heading h2,.va3-paths-title h2,.va3-scale h2,.va3-handoff-title h2,.va3-faq h2,.va3-final h2,
 .lseo2-split h2,.lseo2-heading h2,.lseo2-context h2,.lseo2-fit h2,.lseo2-faq h2,.lseo2-final h2,
 .wp12-heading h2,.wp12-intro h2,.wp12-system-copy h2,.wp12-responsive h2,.wp12-fit h2,.wp12-faq h2,.wp12-final h2{font-size:clamp(28px,7.7vw,32px);line-height:1.12;letter-spacing:-.025em}
 .va3-command-copy>p,.va3-heading>p,.va3-paths-title>p,.va3-scale p,.va3-handoff-title>p,.va3-faq>div:first-child>p,
 .wp12-heading p,.wp12-intro-copy>p,.wp12-system-copy p,.wp12-responsive-copy>p,.wp12-fit-grid>div>p,.wp12-faq-grid>div>p{font-size:16px;line-height:1.68}
 .va3-final-wrap,.lseo2-final-wrap,.wp12-final-wrap{padding:30px 20px;border-radius:22px}
 .va3-orbit{width:100%;max-width:100%;overflow:hidden}
 .lseo2-signal-board,.wp12-browser{width:100%;max-width:100%}
 .wp12-monitor{width:88%}.wp12-phone{right:0}
 .wp12-fit-list article,.lseo2-signal{min-width:0}
 .wp12-fit-list h3,.wp12-fit-list p,.lseo2-signal div{min-width:0;overflow-wrap:anywhere}
}

@media(max-width:420px){
 .qa13-reviewed .service-hero-copy h1{font-size:30px!important;line-height:1.1!important}
 .va3-orbit:before{width:238px;height:238px}.va3-orbit:after{width:170px;height:170px}
 .va3-orbit-core{width:118px;height:118px}
 .va3-scale .va3-orbit-items span{font-size:9px;min-width:58px;padding-inline:8px}
 .wp12-device-stage{min-height:315px}.wp12-phone{width:122px}.wp12-monitor>div{padding:30px 18px}
}
