/* Grand Blade Media: page-services.css
   Page-only styling on top of site.css. Page-prefixed classes (.svc-*) only.
   Colors come from the semantic tokens (--fg, --fg-2, --line, --card-bg), never hard-coded;
   no vermilion text, no inline styles. */

/* Stamped dates, windows and the "14 days" label never break across lines */
main [data-fmt="date"],main [data-stamp^="d:"]{white-space:nowrap}

/* ---------- Head ---------- */
.svc-head{padding-block:clamp(3.5rem,8vw,7rem) 0}
.svc-head .section__head{margin-bottom:0}
.svc-head .h1{max-width:none}
.svc-head .lede{max-width:40rem;color:var(--fg)}
.svc-jump{margin-top:var(--s-5);padding-top:var(--s-2);border-top:1px solid var(--line)}
.svc-jump ul{display:flex;flex-wrap:wrap;gap:0 var(--s-4)}
.svc-jump .link{display:inline-flex;align-items:center;min-height:2.75rem}
@media (max-width:43.99em){.svc-jump ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Ways to work ---------- */
.svc-ways .rule+.section__head{margin-top:var(--s-5)}
.svc-offer{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}
.svc-offer .eyebrow{margin-bottom:.4rem}
.svc-offer .h3{font:400 clamp(2rem,3vw,2.75rem)/1.05 var(--serif);letter-spacing:-.02em}
.svc-offer dl{display:grid;margin-top:var(--s-2)}
.svc-offer dl>div{padding-block:1rem;border-top:1px solid var(--line)}
.svc-offer dt,.svc-fix__rows dt{margin-bottom:.45rem;font:500 var(--fs-eyebrow)/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-2)}
.svc-offer dd{margin:0;font-size:1rem;line-height:1.55}
.svc-offer .arrow-link{margin-top:auto;align-self:flex-start}
.svc-offer dl+.arrow-link{margin-top:var(--s-2)}

/* ---------- Who it is for ---------- */
.svc-fit{gap:var(--s-5) var(--s-5)}
.svc-fit__col .h3{margin-bottom:var(--s-3);padding-top:1.1rem;border-top:1px solid var(--fg)}
.svc-fit__col .list{max-width:36rem}
.svc-disclose{margin-top:var(--s-5);max-width:46rem}

/* ---------- How an engagement runs: 1, 2 or 4 across, never three and one ---------- */
.svc-steps{grid-template-columns:minmax(0,1fr)}
@media (min-width:44em){.svc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:72em){.svc-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- Sample teardown ---------- */
.svc-sample .section__head .h2{max-width:18em}
.svc-sample .section__head .lede{max-width:44rem}
.svc-basis{max-width:62rem;margin-top:var(--s-4)}
.svc-basis dl{margin-top:1.1rem}
.svc-basis dt{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.1em;font-weight:500;line-height:1.7}
@media (min-width:48em){.svc-basis dl{grid-template-columns:minmax(7rem,10rem) minmax(0,1fr)}}

.svc-part{margin-top:var(--s-6)}
.svc-part__h{display:flex;align-items:baseline;gap:1rem;margin-bottom:var(--s-4);padding-top:1.25rem;border-top:1px solid var(--fg)}
.svc-part__n{color:var(--fg-2)}
.svc-part__intro{max-width:40rem;margin-bottom:var(--s-3);color:var(--fg-2)}

/* part 1: the snapshot, 1, 2 or 4 across */
.svc-snapshot .statband{grid-template-columns:minmax(0,1fr)}
@media (min-width:44em){.svc-snapshot .statband{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:72em){.svc-snapshot .statband{grid-template-columns:repeat(4,minmax(0,1fr))}}
.svc-stat__title{display:block;margin-top:.35rem;font-weight:400;color:var(--fg-2)}
.svc-proves{margin-top:var(--s-4);max-width:42rem;font-size:var(--fs-lede);line-height:1.5;color:var(--fg)}

/* part 2: five fixes. Each is a title beside four labelled rows (evidence, fix, effort, measure). */
.svc-status{max-width:46rem;margin-bottom:var(--s-4)}
.svc-limits{max-width:46rem;margin-top:var(--s-5)}
.svc-fixes .principle>h4{max-width:14em}
.svc-fixes .principle__n{grid-row:1/span 2}
.svc-fixes .principle>.svc-fix__rows{margin-top:.5rem}
.svc-fix__rows{display:grid;min-width:0;max-width:46rem}
.svc-fix__rows>div{padding-block:1.1rem;border-top:1px solid var(--line)}
.svc-fix__rows>div:first-child{padding-top:0;border-top:0}
.svc-fix__rows dd{margin:0;line-height:1.6}
.svc-fix__rows dd>*+*{margin-top:.9rem}
.svc-fix__rows .chip{margin-right:.6rem;vertical-align:.08em}
/* small three-column evidence tables size to their column, not to the 40rem site default */
.svc-fix .ledger{min-width:0}
.svc-fix .ledger-wrap{margin-block:1.1rem}
@media (min-width:72em){
  .svc-fixes .principle{grid-template-columns:minmax(3.5rem,5rem) minmax(0,15rem) minmax(0,1fr);column-gap:clamp(2rem,4vw,4rem)}
  .svc-fixes .principle__n{grid-row:1}
  .svc-fixes .principle>h4{grid-column:2;grid-row:1}
  .svc-fixes .principle>.svc-fix__rows{grid-column:3;grid-row:1;margin-top:0}
}

/* ---------- Closing call to action ---------- */
.svc-cta{padding-bottom:0}
.svc-cta .lede{max-width:36rem}
.svc-cta__mail{color:var(--fg-2)}
.svc-cta__mail .link{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--fg)}

/* ---------- Terms under the offers ---------- */
.svc-terms{margin-top:var(--s-4)}

/* ---------- The cost-of-waiting line under the ways lede ---------- */
.svc-cost{margin-top:var(--s-2);max-width:40rem}