/* Public Clarity sample: the same governed presenter clients receive, constrained only for an embedded site section. */
#evaluate-brief.has-clarity-sample .sva-site-section__media{margin-top:clamp(22px,4vw,42px)}
.svcs-sample{width:min(100%,900px);margin:0 auto}
.svcs-sample__viewer{width:100%}
.svcs-sample .scv-stage{min-height:0}
.svcs-sample__actions{display:flex;justify-content:flex-end;margin-top:clamp(14px,2.5vw,22px)}
.svcs-sample__download{min-width:0;justify-content:center;text-align:center}
/* Sample-intake statements are evidence fields, not quotations from the company. Keep the client's Why grid but render them as plain evidence prose. */
.svcs-sample .svcs-sample-intake-evidence{margin:0 0 9px;color:#dbe9ee;font-size:.9rem;line-height:1.5;font-style:normal}
@media (max-width:700px){
 .svcs-sample__actions{display:flex;justify-content:flex-end}
 .svcs-sample__download{display:inline-flex;width:auto;max-width:100%}
 .svcs-sample .scv-stage{min-height:0}
}
/* SVCS_MOBILE_POLISH_V1_20260920
 * Public sample-only mobile treatment. Keep the shared SCViewer engine stable;
 * these overrides apply only when it is mounted in the How We Work sample.
 */
@media (max-width:700px){
  #evaluate-brief.has-clarity-sample .sva-site-section__media,
  #evaluate-brief.has-clarity-sample .sva-site-split__media{margin-top:22px}

  .svcs-sample{width:100%;max-width:100%}
  .svcs-sample .scv-hud{
    gap:8px;
    padding:10px;
    border-radius:16px 16px 0 0;
  }
  .svcs-sample .scv-chip{
    min-width:0;
    max-width:100%;
    padding:6px 10px;
    font-size:.68rem;
    line-height:1.18;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .svcs-sample .scv-research-badge{
    padding:6px 9px;
    font-size:.65rem;
    line-height:1.15;
  }

  /* Keep the Method trail compact, but never leave the active reading clipped. */
  .svcs-sample .scv-trail{
    gap:0;
    width:100%;
    scroll-snap-type:x proximity;
    scroll-padding-inline:22%;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    border-radius:12px;
  }
  .svcs-sample .scv-trail__item{
    flex:0 0 auto;
    max-width:88%;
    padding:7px 11px;
    font-size:.64rem;
    line-height:1.2;
    white-space:normal;
    text-align:center;
    scroll-snap-align:center;
  }

  /* The desktop 320px minimum makes the 16:9 stage excessively tall on phones. */
  .svcs-sample .scv-stage{
    min-height:270px;
    border-radius:0 0 16px 16px;
  }
  .svcs-sample .scv-cover{padding:7%}
  .svcs-sample .scv-cover__title{font-size:1.55rem;line-height:1.12;margin-bottom:10px}
  .svcs-sample .scv-play-big{width:62px;height:62px}
  .svcs-sample .scv-play-big span{border-width:11px 0 11px 19px;margin-left:4px}
  .svcs-sample .scv-def{
    left:10px;
    right:10px;
    bottom:10px;
    padding:18px 12px 10px;
    font-size:.85rem;
    line-height:1.42;
  }

  .svcs-sample .scv-revelation{
    align-items:flex-start;
    padding:22px 14px;
  }
  .svcs-sample .scv-revelation__inner{margin:0 auto}
  .svcs-sample .scv-revelation__eyebrow{margin-bottom:12px;font-size:.68rem}
  .svcs-sample .scv-revelation__evidence{gap:10px;margin-bottom:16px}
  .svcs-sample .scv-evidence{min-height:0;padding:14px}
  .svcs-sample .scv-evidence__text{font-size:.86rem;line-height:1.4}
  .svcs-sample .scv-revelation__label{font-size:1.28rem;line-height:1.12}

  /* Narration remains comfortably readable without consuming half the screen. */
  .svcs-sample .scv-caption{
    min-height:0;
    max-width:none;
    margin:0;
    padding:14px 8px 0;
    font-size:.94rem;
    line-height:1.52;
  }

  /* One deliberate control row, followed by one full-width evidence action. */
  .svcs-sample .scv-bar{
    display:grid;
    grid-template-columns:minmax(102px,auto) 40px minmax(52px,1fr) 40px;
    align-items:center;
    gap:9px;
    width:100%;
    padding:12px 0 0;
  }
  .svcs-sample .scv-bar>.scv-btn:not(.scv-btn--ghost){
    grid-column:1;
    min-height:48px;
    justify-content:center;
    padding:10px 14px;
    font-size:.86rem;
    white-space:nowrap;
  }
  .svcs-sample .scv-bar>.scv-btn:not(.scv-btn--ghost)+.scv-nav{grid-column:2}
  .svcs-sample .scv-dots{grid-column:3;gap:7px;min-width:0}
  .svcs-sample .scv-dots+.scv-nav{grid-column:4}
  .svcs-sample .scv-nav{width:40px;height:40px;font-size:1.32rem}
  .svcs-sample .scv-dot{width:10px;height:10px}

  /* Public samples keep Why this reading and hide the private deck affordance. */
  .svcs-sample .scv-bar .svcs-sample__why{
    display:inline-flex!important;
    grid-column:1/-1;
    width:100%;
    min-height:50px;
    margin-top:2px;
    justify-content:center;
    text-align:center;
    font-size:.92rem;
  }
  .svcs-sample .scv-bar .svcs-sample__deck{display:none!important}

  .svcs-sample__actions{display:block;margin-top:12px}
  .svcs-sample__download{
    display:flex;
    width:100%;
    max-width:none;
    min-height:54px;
    justify-content:center;
    text-align:center;
    font-size:1rem;
    line-height:1.2;
  }

  /* Evidence panel becomes a compact reading stack instead of desktop cards squeezed narrow. */
  .svcs-sample .scv-why{
    margin-top:14px;
    padding:18px 14px;
    border-radius:16px;
    scroll-margin-top:84px;
  }
  .svcs-sample .scv-why__head{margin-bottom:14px}
  .svcs-sample .scv-why__eyebrow{font-size:.68rem}
  .svcs-sample .scv-why__title{font-size:1.2rem;line-height:1.18}
  .svcs-sample .scv-why__grid{gap:10px}
  .svcs-sample .scv-why__block{padding:15px;border-radius:12px}
  .svcs-sample .scv-why__block h4{margin-bottom:8px;font-size:.7rem;line-height:1.28}
  .svcs-sample .scv-why__block p,
  .svcs-sample .scv-why__block blockquote{font-size:.88rem;line-height:1.48}
  .svcs-sample .scv-why__connection-label{font-size:1rem!important}
  .svcs-sample .scv-sources{margin-top:14px}
  .svcs-sample .scv-sources ol{padding-left:20px}

  .svcs-sample .scv-stage.is-complete{min-height:400px}
  .svcs-sample .scv-end{gap:12px;padding:22px 6%}
  .svcs-sample .scv-end__row{grid-template-columns:1fr;gap:8px;width:100%}
  .svcs-sample .scv-end__row .scv-btn{width:100%;min-height:48px;justify-content:center}

  /* Keep the global utility available without letting it sit on top of the CTA. */
  body:has(#evaluate-brief.has-clarity-sample) .sva-back-to-top{
    width:44px;
    height:44px;
    right:max(10px,env(safe-area-inset-right,0px));
    bottom:max(10px,env(safe-area-inset-bottom,0px));
  }
}

@media (max-width:380px){
  .svcs-sample .scv-hud{padding:9px}
  .svcs-sample .scv-research-badge{padding-inline:8px;font-size:.62rem}
  .svcs-sample .scv-stage{min-height:255px}
  .svcs-sample .scv-caption{font-size:.91rem;padding-inline:6px}
  .svcs-sample .scv-bar{
    grid-template-columns:minmax(92px,auto) 38px minmax(44px,1fr) 38px;
    gap:7px;
  }
  .svcs-sample .scv-bar>.scv-btn:not(.scv-btn--ghost){padding-inline:11px;font-size:.82rem}
  .svcs-sample .scv-nav{width:38px;height:38px}
  .svcs-sample .scv-dots{gap:6px}
  .svcs-sample .scv-dot{width:9px;height:9px}
}