/* Services page: composed exclusively from the shared SPS token system. */
.services-hero{border-bottom:var(--rule)}
.services-hero-grid,.service-heading-grid,.service-detail,.service-choice-grid,.service-refusals-grid{display:grid;grid-template-columns:var(--grid-columns);column-gap:var(--grid-gap)}
.services-hero-grid{padding-block:var(--space-32)}
.services-hero h1{grid-column:1 / span 7;grid-row:1;max-width:var(--hero-title-width);font:var(--type-display-lg);letter-spacing:var(--tracking-display)}
.services-hero-copy{grid-column:1 / span 7;grid-row:2;max-width:var(--reading-width);margin-top:var(--space-8)}
.services-hero-copy .lead{max-width:var(--reading-width)}
.services-hero-copy p+p{margin-top:var(--space-6);color:var(--graphite)}

.service-capability{padding-top:var(--space-24);border-bottom:var(--rule)}
.service-heading-grid{padding-bottom:var(--space-12)}
.service-heading-grid>.section-number{grid-column:1}
.service-heading-grid h2{grid-column:2 / span 5;max-width:var(--section-title-width);font:var(--type-heading-xl);letter-spacing:var(--tracking-heading-xl)}
.service-heading-grid>p{grid-column:8 / -1;max-width:var(--narrow-width);font:var(--type-body-lg);letter-spacing:var(--tracking-body)}
.service-detail-list{border-top:var(--rule)}
.service-detail{padding-block:var(--space-6);border-bottom:var(--rule-soft)}
.service-detail h3{grid-column:1 / span 2;font:var(--type-heading-md);letter-spacing:var(--tracking-heading-md)}
.service-detail>p{grid-column:4 / span 7;max-width:var(--reading-width)}
.service-detail.service-practice{padding-bottom:0;border-bottom:0}
.service-practice>.practice-grid{grid-column:4 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0}
.practice-grid article{min-width:0;padding:0 var(--space-6) var(--space-8);border-left:var(--rule-soft)}
.practice-grid article:first-child{padding-left:0;border-left:0}
.practice-grid article>span{display:block;color:var(--red);font:var(--type-mono);letter-spacing:var(--tracking-mono)}
.practice-grid h4{min-height:var(--practice-heading-slot);margin-top:var(--space-6);font:var(--type-heading-md);letter-spacing:var(--tracking-heading-md)}
.practice-grid p{margin-top:var(--space-3);color:var(--graphite);font:var(--type-body-sm)}

.service-choice{padding-block:var(--space-24);border-bottom:var(--rule);background:var(--mist)}
.service-choice h2,.service-refusals h2{grid-column:1 / span 5;max-width:var(--section-title-width);font:var(--type-heading-xl);letter-spacing:var(--tracking-heading-xl)}
.service-choice-grid>div{grid-column:7 / -1;max-width:var(--reading-width)}
.service-choice-grid>div>p+p{margin-top:var(--space-6)}
.service-choice .stack-line{margin-top:var(--space-12)!important}

.service-refusals{padding-block:var(--space-24);border-bottom:var(--rule)}
.service-refusals ol{grid-column:7 / -1;counter-reset:refusal;max-width:var(--reading-width);margin:0;padding:0;list-style:none;border-top:var(--rule)}
.service-refusals li{display:grid;grid-template-columns:var(--space-12) 1fr;gap:var(--space-3);padding-block:var(--space-5);border-bottom:var(--rule-soft);font:var(--type-body-lg);letter-spacing:var(--tracking-body)}
.service-refusals li::before{counter-increment:refusal;content:"0" counter(refusal);color:var(--red);font:var(--type-mono);letter-spacing:var(--tracking-mono)}

.services-closing .container{display:flex;flex-direction:column;align-items:flex-start}
.services-secondary-link{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);border-bottom:var(--rule-muted);padding-bottom:var(--space-1);font:var(--type-body-md)}
.services-secondary-link:hover{color:var(--red);border-color:var(--red)}

@media (min-width:601px) and (max-width:1100px){
  .services-hero-grid{padding-block:var(--space-16)}
  .services-hero h1{grid-column:1 / -1;max-width:var(--hero-title-width)}
  .services-hero-copy{grid-column:1 / span 6;margin-top:var(--space-8)}
  .service-capability{padding-top:var(--space-16)}
  .service-heading-grid>.section-number,.service-heading-grid h2{grid-column:1 / span 4}
  .service-heading-grid>.section-number{grid-row:1}.service-heading-grid h2{grid-row:2;margin-top:var(--section-index-title-gap)}
  .service-heading-grid>p{grid-column:5 / -1;grid-row:2}
  .service-detail h3{grid-column:1 / span 2}.service-detail>p{grid-column:3 / -1}
  .service-practice>.practice-grid{grid-column:3 / -1;grid-template-columns:1fr}
  .practice-grid h4{min-height:0}
  .practice-grid article,.practice-grid article:first-child{padding:var(--space-6) 0;border-left:0;border-top:var(--rule-soft)}
  .practice-grid article:first-child{padding-top:0;border-top:0}
  .service-choice h2,.service-refusals h2{grid-column:1 / span 3}.service-choice-grid>div,.service-refusals ol{grid-column:5 / -1}
}

@media (max-width:600px){
  .services-hero-grid{padding-block:var(--space-16)}
  .services-hero h1,.services-hero-copy,.service-heading-grid>.section-number,.service-heading-grid h2,.service-heading-grid>p,.service-detail h3,.service-detail>p,.service-practice>.practice-grid,.service-choice h2,.service-choice-grid>div,.service-refusals h2,.service-refusals ol{grid-column:1 / -1}
  .services-hero-copy{margin-top:var(--space-6)}
  .service-capability{padding-top:var(--space-16)}
  .service-heading-grid>.section-number{grid-row:1}.service-heading-grid h2{grid-row:2;margin-top:var(--section-index-title-gap)}.service-heading-grid>p{grid-row:3;margin-top:var(--space-4)}
  .service-detail{row-gap:var(--space-3)}.service-detail h3{grid-row:1}.service-detail>p{grid-row:2}
  .service-practice>.practice-grid{grid-row:2;grid-template-columns:1fr}
  .practice-grid h4{min-height:0}
  .practice-grid article,.practice-grid article:first-child{padding:var(--space-6) 0;border-left:0;border-top:var(--rule-soft)}
  .practice-grid article:first-child{padding-top:0;border-top:0}
  .service-choice,.service-refusals{padding-block:var(--space-16)}
  .service-choice-grid>div,.service-refusals ol{margin-top:var(--space-8)}
  .service-refusals li{grid-template-columns:var(--space-12) 1fr;font:var(--type-body-md)}
}
