/* Dienstpagina's, 28 oktober 2026 (Website-v3, herschrijfronde na Hugo's doorloop).
   Alleen voor sprint.html en fractional.html; style.css blijft onaangeroerd.

   Sprint: "How the sprint runs" stond als smalle ledger op een lichte plaat
   links op de pagina, met fasen als rijlabels. Dat is nu lopende tekst in twee
   kolommen, één per document, met alleen een petrol lijn erboven.
   Fractional: de ledger op een plaat is een gewone tabel over de volle
   kolombreedte, met alleen horizontale lijnen (stijlgids, vormgeving 28 okt). */

/* Een link in de petrol kop: de accentkleur valt daar weg tegen de ondergrond. */
body.svc .pagehead .stand a{color:inherit;text-underline-offset:3px}

/* ---------- sprint: de twee documenten ---------- */
.v3s-docs{padding:clamp(8px,1.5vw,16px) 0 clamp(36px,4.5vw,56px)}
.v3s-docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,80px);align-items:start}
.v3s-doc{border-top:2px solid var(--rule-strong);padding-top:clamp(20px,2.4vw,28px)}
.v3s-doc h2{font-size:clamp(25px,2.8vw,32px);line-height:1.2;color:var(--brand);margin:0 0 16px}
.v3s-doc p{font-size:16.5px;line-height:1.7;color:var(--soft);margin:0 0 16px;max-width:56ch}
.v3s-doc p:last-child{margin-bottom:0}
.v3s-doc a,.v3s-terms .fold-in a{color:var(--accent);text-underline-offset:3px}
@media(max-width:760px){.v3s-docs-grid{grid-template-columns:1fr;gap:36px}}

/* ---------- fractional: een gewone tabel ---------- */
.v3s-month{padding:clamp(8px,1.5vw,16px) 0 clamp(36px,4.5vw,56px)}
.v3s-month h2{font-size:clamp(27px,3vw,35px);line-height:1.2;color:var(--brand);margin:0 0 clamp(18px,2.4vw,26px)}
.v3s-list{border-top:2px solid var(--rule-strong);margin:0}
.v3s-list>div{display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);gap:clamp(16px,3vw,40px);
  padding:clamp(16px,2vw,22px) 0;border-bottom:1px dotted var(--dot)}
.v3s-list>div:last-child{border-bottom:none}
.v3s-list dt{font-size:17px;font-weight:600;line-height:1.45;color:var(--ink)}
.v3s-list dd{margin:0;font-size:16px;line-height:1.7;color:var(--soft);max-width:62ch}
@media(max-width:640px){.v3s-list>div{grid-template-columns:1fr;gap:6px}}

/* ---------- de ene uitklapper Terms ---------- */
.v3s-terms{padding:0 0 clamp(40px,5vw,60px)}
.v3s-terms .folds{margin-top:0}

@media print{.v3s-docs-grid{display:block}.v3s-doc{margin-bottom:24px}.v3s-list>div{break-inside:avoid}}