/* =========================================================
   Service pages - layered on ../styles.css and ../guides/guide.css
   ========================================================= */
.s-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.s-hero-figure{margin:0}
.s-hero-figure img{width:100%;height:auto;border-radius:var(--radius);box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.s-hero-figure figcaption{font-size:.75rem;color:var(--muted-light);margin-top:10px;line-height:1.5}
.s-doc-line{font-size:.85rem;color:var(--muted-light);border-top:1px solid rgba(255,255,255,.14);padding-top:16px;line-height:1.55}
.s-doc-line strong{display:block;color:#fff;font-family:var(--serif);font-size:1rem}
.s-glance{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--teal-600);border-radius:var(--radius-sm);padding:20px 22px;margin:0 0 1.6em;box-shadow:var(--shadow-sm)}
.g-article .s-glance h2{font-size:1.1rem;margin:0 0 12px}
.s-glance dl{display:grid;grid-template-columns:150px 1fr;gap:9px 18px;margin:0}
.s-glance dt{font-weight:600;color:var(--teal-800);font-size:.88rem}
.s-glance dd{margin:0;font-size:.93rem;color:var(--ink)}
.g-article .s-sources{font-size:.78rem;color:var(--muted);margin:2.2em 0 0}
.g-article .s-sources a{color:inherit;font-weight:400;border-bottom:1px dotted rgba(92,107,105,.45)}
.g-article .s-sources a:hover{color:var(--teal-700);border-bottom-color:var(--teal-700)}
@media(max-width:900px){.s-hero-grid{grid-template-columns:1fr;gap:28px}.s-hero-figure{max-width:560px}}
@media(max-width:600px){.s-glance dl{grid-template-columns:1fr;gap:2px}.s-glance dt{margin-top:8px}}
.s-svc-list ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.9rem}
.s-svc-list a{color:var(--teal-800)}
.s-svc-list a:hover{color:var(--teal-600)}
.s-svc-list [aria-current]{color:var(--muted);font-weight:600}