/* rd3 new pages (W4): service pages, Canberra, case studies and the post-acquisition checklist.
   Built on rd3.css tokens and components; only what those pages add. Loaded by rd3-svc.php for those keys. */

.rd3 .svc .h2{max-width:24ch}
.rd3 .svc .split .h2{font-size:clamp(1.75rem, 1.3rem + 1.6vw, 2.6rem)}
.rd3 .svc-first{padding-bottom:clamp(2.5rem, 2rem + 2vw, 3.5rem)}
.rd3 .svc-short{max-width:52rem;margin-bottom:0}
.rd3 .svc-case-page .svc-short{margin-bottom:clamp(2.5rem, 2rem + 2vw, 3.5rem)}
.rd3 .svc-after{margin-top:2rem}
.rd3 .svc-sec .split .sub{margin-top:1rem;font-size:1rem}

/* Cards with a link at the foot */
.rd3 .svc-units li{display:flex;flex-direction:column}
.rd3 .svc-units .more{margin-top:auto;padding-top:0;align-self:flex-start}
.rd3 .svc-units li p{margin-bottom:1.25rem}

/* Figures: shorter than the home stats, so four fit a row */
.rd3 .svc-stats .fig{font-size:clamp(2.25rem, 1.6rem + 2.2vw, 3.5rem)}
.rd3 .svc-stats span:last-child{max-width:18rem}
.rd3 .svc-stats .svc-case{display:block;width:fit-content;max-width:100%;margin-top:.75rem;font-size:.9rem}
.rd3 .svc-stats li{min-width:0}
/* The arrow inside a case-study link is not the stat's caption (rd3.css styles .stats span:last-child as a block) */
.rd3 .svc-stats .svc-case span{display:inline;margin-top:0;max-width:none;font-size:inherit;line-height:inherit;color:inherit}
@media (min-width:30.01rem){ .rd3 .svc-stats.two{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* Phones: two figures a row (rd3-viz.css forces three, which the wider figures here can't fit), one on the narrowest screens */
@media (max-width:47.99rem){ .rd3 .stats.svc-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.25rem!important} }
@media (max-width:19.99rem){ .rd3 .stats.svc-stats{grid-template-columns:minmax(0,1fr)!important} }

/* Case study: the situation / what I did / result rows */
.rd3 .svc-kv{margin-top:clamp(2.5rem, 2rem + 2vw, 3.5rem);max-width:56rem}
.rd3 .svc-kv b{color:var(--ink)}

/* Case-study cards: a figure above the title */
.rd3 .svc-fig{display:block;margin:.1rem 0 .6rem;font-size:clamp(2rem, 1.6rem + 1.2vw, 2.6rem);line-height:1;font-weight:600;letter-spacing:-.04em;color:var(--ink)}
@media (min-width:40rem){ .rd3 .svc-cases{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:56rem){ .rd3 .svc-cases{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* Next step: a quiet card with the matching engagements */
.rd3 .svc-nx{padding-block:clamp(2.5rem, 2rem + 2vw, 3.5rem)}
.rd3 .svc-next{max-width:52rem;padding:1.4rem 1.5rem;border-radius:18px;border:1px solid var(--line);background:var(--card);color:var(--ink-2)}
.rd3 .svc-next b{color:var(--ink)}
.rd3 .svc-next p+p{margin-top:.6rem}
.rd3 .svc-next .prose a,.rd3 .svc-next p a:not(.more){color:var(--ink);text-decoration:underline;text-decoration-color:var(--teal-text);text-underline-offset:.2em}
.rd3 .svc-next .next-links{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}
.rd3 .svc-next .next-links .more{margin-top:.25rem}

/* The checklist: real checkboxes, tickable on screen and in print */
.rd3 .chk{display:grid;gap:0;border-top:1px solid var(--line)}
.rd3 .chk li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.85rem;align-items:start;padding:.9rem 0;border-bottom:1px solid var(--line)}
.rd3 .chk input{appearance:none;-webkit-appearance:none;width:1.3rem;height:1.3rem;margin:.15rem 0 0;border:2px solid var(--teal-text);border-radius:5px;background:var(--card);cursor:pointer;display:grid;place-content:center}
.rd3 .chk input::before{content:"";width:.7rem;height:.7rem;transform:scale(0);transition:transform var(--dur-1) var(--ease-out);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:var(--teal-ink)}
.rd3 .chk input:checked{background:var(--teal);border-color:var(--teal)}
.rd3 .chk input:checked::before{transform:scale(1)}
.rd3 .chk label{color:var(--ink-2);cursor:pointer;line-height:1.55}
.rd3 .chk input:checked+label{color:var(--muted)}
@media (prefers-reduced-motion:reduce){ .rd3 .chk input::before{transition:none} }

/* Web review (24 Oct 2026): the mid-page call to action after the track record. */
.rd3 .svc-mid{padding-top:0}
.rd3 .svc-mid .wide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;border-top:1px solid var(--line);padding-top:clamp(1.5rem,3vw,2.25rem)}
.rd3 .svc-mid p{margin:0;max-width:44rem;font-size:1.05rem}
@media print{
  .rd3 .svc .band{background:none;color:var(--ink)}
  .rd3 .svc .page-head .standfirst,.rd3 .svc .page-head .crumb,.rd3 .svc .page-head .crumb a{color:var(--ink-2)}
  .rd3 .svc .sec{padding-block:1.25rem}
  .rd3 .svc .contact,.rd3 .svc .posts,.rd3 .svc #faq,.rd3 .svc .svc-nx,.rd3 .svc .svc-mid,.rd3 .svc section[aria-labelledby="rel"]{display:none}
  .rd3 .chk li{break-inside:avoid}
  .rd3 .chk input{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Sample Diagnostic (owner, 31 Oct 2026): the "fictional sample business" label in the page head. */
.rd3 .svc-sample{display:inline-block;margin:0 0 1rem;padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:.9rem;line-height:1.3}
.rd3 .svc-sample b{font-weight:600}