/* 10-service.css */
/* wave-2 service / depth page blocks. Mobile first. Ink on white/tint, white on ink; gold only as fill or rule. */
.depth-chips{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.depth-chips+.depth-chips{margin-top:8px}
.depth-lead{margin-bottom:24px}
.depth-lead+.bullets,.bullets+.prose{margin-top:20px}
.depth-tiles{display:grid;grid-template-columns:1fr;gap:24px}
.depth-tiles .value{padding:28px;background:var(--kb-paper);border:1px solid var(--kb-border);border-top:4px solid var(--kb-gold)}
.depth-tiles .value h3{font-size:24px;margin-bottom:12px}
.depth-marks{display:grid;grid-template-columns:1fr;gap:20px;margin-top:8px}
.depth-mark{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:var(--kb-paper);border:1px solid var(--kb-border);min-width:0}
.depth-mark-logo{display:flex;align-items:center;justify-content:flex-start;width:160px;height:64px}
.depth-mark-logo img{width:100%;height:100%;object-fit:contain}
.depth-mark-name{font-size:19px;line-height:1.3;font-weight:500;color:var(--kb-ink)}
.depth-mark .text-link{margin-top:auto;font-size:16px;gap:12px;overflow-wrap:anywhere}
.depth-videos .depth-video-list{display:grid;gap:12px;margin-top:24px}
.depth-videos .prose+.depth-video-list{margin-top:24px}
.depth-video-list .button{width:100%;text-align:left}
.depth-video-list a:hover{text-decoration:none}
.depth-quote{max-width:820px}
.depth-quote figcaption{margin-top:20px;font-size:16px;line-height:1.5;color:var(--kb-body);font-weight:600}
.depth-note .prose{max-width:720px}
.depth-related{display:grid;grid-template-columns:1fr;gap:20px}
.depth-related-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-content:start;padding:24px;background:var(--kb-paper);border:1px solid var(--kb-border);border-top:4px solid var(--kb-gold);color:var(--kb-ink);min-width:0}
.depth-related-card:hover{text-decoration:none;border-color:var(--kb-ink)}
.depth-related-label{grid-column:1;font-size:22px;line-height:1.2;font-weight:500;color:var(--kb-ink)}
.depth-related-text{grid-column:1;font-size:16px;line-height:1.55;color:var(--kb-body)}
.depth-related-card .arrow{grid-column:2;grid-row:1;color:var(--kb-ink)}
.depth-photo{margin:0}
.depth-photo .photo{aspect-ratio:auto;max-height:640px;width:100%;object-fit:cover}
.depth-photo figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--kb-body)}
/* Recent projects beyond the four cards: compact list, one column on mobile, two from 721px (driver ruling 21 Oct). */
.project-more-title{font-size:22px;line-height:1.2;margin-top:48px;padding-top:32px;border-top:1px solid var(--kb-border)}
.project-more{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}
.project-more li{min-width:0}
.project-more h4{margin:0 0 4px;font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.01em;color:var(--kb-ink)}
.project-more p{font-size:16px;line-height:1.6;color:var(--kb-body)}
/* Accreditation marks (fix round 21 Oct, L19): equal-height cards, 3 + a centred 2 from 721px, 5-up from 1051px. */
@media(min-width:721px){
  .depth-tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
  .depth-marks{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
  .depth-mark{grid-column:span 2}
  .depth-mark:nth-child(3n+1):nth-last-child(2){grid-column:2/span 2}
  .depth-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .project-more{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}
}
@media(min-width:1051px){
  .depth-marks{grid-template-columns:repeat(5,minmax(0,1fr))}
  .depth-mark,.depth-mark:nth-child(3n+1):nth-last-child(2){grid-column:auto}
  .depth-related{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}

/* 20-post.css */
/* wave-2 insight articles. Column ~68ch, body >= 17px / 1.6, site heading style. */
.depth-article article{max-width:68ch}
.depth-article time{display:block;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--kb-ink);margin-bottom:28px}
.depth-article article p{font-size:1.125rem;line-height:1.7;color:var(--kb-body);max-width:68ch}
.depth-article article p+p{margin-top:20px}
.depth-article article h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin-top:48px;margin-bottom:16px}
.depth-article article h3{font-size:clamp(22px,2.1vw,26px);line-height:1.2;margin-top:36px;margin-bottom:12px}
.depth-article article :is(h2,h3)+p{margin-top:0}
.depth-article article :is(p,ul,ol)+:is(p,ul,ol){margin-top:20px}
.depth-article article :is(ul,ol){font-size:1.125rem;line-height:1.7;color:var(--kb-body)}
.depth-article article ul.bullets li{line-height:1.7}
.depth-ol{list-style:decimal;padding-left:1.5em}
.depth-ol li+li{margin-top:12px}
.depth-ol li::marker{color:var(--kb-ink);font-weight:600}
.depth-related-links{margin-top:56px;padding-top:32px;border-top:1px solid var(--kb-border);max-width:68ch}
.depth-related-links h2{font-size:clamp(22px,2.1vw,26px);margin-bottom:12px}
.depth-related-links li+li{margin-top:4px}
.depth-related-links .text-link{margin-top:12px;font-size:1.0625rem}
.depth-article>.text-link{margin-top:40px}
@media(max-width:720px){
  .depth-article article h2{margin-top:40px}
  .depth-related-links{margin-top:40px}
}