:root {
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: .5rem;
  --radius-md: .9rem;
  --radius-lg: 1.25rem;
  --shadow-sm: 0 8px 24px rgba(20, 48, 38, .08);
  --shadow-md: 0 16px 40px rgba(20, 48, 38, .12);
}

.breadcrumbs { padding: .9rem 0; font-size: .94rem; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .45rem; list-style: none; margin: 0; padding: 0; }
.breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: .45rem; opacity: .55; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs [aria-current="page"] { font-weight: 700; }

.shared-cta { margin-top: var(--space-7); }
.shared-cta .cta { box-shadow: var(--shadow-sm); }

.u-hidden { display: none !important; }
.u-center { text-align: center; }
.u-max-760 { max-width: 760px; }


/* Service-page framework */
.service-hero { background: linear-gradient(120deg, var(--navy), #17495a); color: #fff; padding: 68px 0; }
.service-hero-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 3rem; align-items: center; }
.service-hero h1 { font-size: clamp(2.55rem, 5vw, 4.5rem); line-height: 1.04; margin: .5rem 0 1rem; }
.service-hero-copy { max-width: 720px; font-size: 1.14rem; color: #e7eef2; }
.btn-light { background: #fff; color: var(--navy); }
.service-summary-card { background: #fff; color: var(--ink); padding: 1.65rem; border-radius: var(--radius); box-shadow: var(--shadow); }
.service-summary-card h2 { color: var(--navy); margin-top: 0; }
.service-highlights { display: flex; flex-wrap: wrap; gap: .7rem 1.25rem; padding: 0; margin: 1.35rem 0 0; list-style: none; font-weight: 750; }
.service-highlights li::before { content: "✓"; color: #a7f3d0; margin-right: .45rem; }
.section-nav { border-bottom: 1px solid #e4e9ec; background: #fff; position: sticky; top: 76px; z-index: 30; }
.section-nav .container { display: flex; flex-wrap: wrap; gap: .65rem 1rem; padding: .8rem 0; }
.section-nav a, .text-link { color: var(--green); font-weight: 800; text-decoration: none; }
.eyebrow.dark { color: var(--green); }
.two-column-cards { grid-template-columns: repeat(2, 1fr); }
.six-steps { grid-template-columns: repeat(3, 1fr); }
.plain-list { padding-left: 1.25rem; }
.plain-list li { margin: .6rem 0; }
.service-area-chips { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.service-area-chips span { display: inline-flex; padding: .5rem .8rem; border-radius: 999px; background: var(--cream); border: 1px solid #dde4df; font-weight: 750; }
.local-service-section .card { box-shadow: var(--shadow-sm); }
@media (max-width: 900px) { .service-hero-grid { grid-template-columns: 1fr; } .section-nav { position: static; } }
@media (max-width: 620px) { .two-column-cards, .six-steps { grid-template-columns: 1fr; } .service-hero { padding: 52px 0; } .service-highlights { display: block; } .service-highlights li { margin: .45rem 0; } }


/* Learning Center */
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.resource-card{display:flex;flex-direction:column;height:100%}.resource-card .card-link{margin-top:auto}.article-hero{padding:4.5rem 0 3rem;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff}.article-hero .eyebrow{color:#d9f1df}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;font-size:.95rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.25rem;align-items:start}.article-content{font-size:1.06rem;line-height:1.75}.article-content h2{margin-top:2.5rem;scroll-margin-top:7rem}.article-content h3{margin-top:1.75rem}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.98rem}.article-content th,.article-content td{padding:.85rem;border:1px solid var(--border);text-align:left;vertical-align:top}.article-content th{background:var(--surface-alt)}.quick-answer{padding:1.4rem;border-left:5px solid var(--green);background:var(--surface-alt);border-radius:.35rem;margin-bottom:2rem}.article-sidebar{position:sticky;top:1rem}.toc{padding:1.25rem;border:1px solid var(--border);border-radius:.7rem;background:#fff}.toc h2{font-size:1.1rem;margin:0 0 .75rem}.toc ol{margin:0;padding-left:1.25rem}.toc li{margin:.45rem 0}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.article-note{font-size:.92rem;color:var(--text-muted)}
@media(max-width:900px){.resource-grid,.related-links{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}}
@media(max-width:620px){.resource-grid,.related-links{grid-template-columns:1fr}.article-content table{font-size:.88rem}.article-content th,.article-content td{padding:.65rem}}

/* v0.9.6b: global article hero readability standard
   Applies to every current and future page using .article-hero. */
.article-hero {
  background: linear-gradient(135deg, #f4f8f5 0%, #e7f1ea 100%);
  color: #17212b;
  border-bottom: 1px solid #cfded4;
}

.article-hero .eyebrow {
  color: #24563f;
}

.article-hero h1,
.article-hero h2,
.article-hero h3 {
  color: #0d2738;
}

.article-hero p,
.article-hero .hero-copy {
  color: #35444d;
}

.article-hero .article-meta,
.article-hero .article-meta span,
.article-hero time,
.article-hero small {
  color: #44545d;
}

.article-hero a {
  color: #1f5b42;
}

.article-hero a:hover,
.article-hero a:focus-visible {
  color: #143d2c;
}
