/* services section styles (owned by the services workstream) */
.svc-hero .breadcrumbs { margin-bottom: .75rem; }
.svc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 3rem; }
@media (max-width: 860px) { .svc-cols { grid-template-columns: 1fr; } }
.svc-block h2 { margin-top: 0; }
.svc-list, .svc-notes { padding-left: 1.2rem; display: grid; gap: .45rem; }
.svc-list li::marker { color: var(--accent); }
.svc-notes li::marker { color: var(--navy-2); }
.svc-areas { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.svc-areas li { background: var(--paper); border: 1px solid var(--line); border-radius: 999px; padding: .35rem .9rem; }
.svc-areas a { font-weight: 600; text-decoration: none; }
.svc-areas .optional { font-size: .85rem; }
.svc-hub .card { display: flex; flex-direction: column; }
.svc-hub .card p { flex: 1; color: var(--muted); }
.svc-hub__more { font-weight: 600; font-size: .95rem; }
.svc-hub__more::after { content: " \2192"; }