/* ===== service-page.css — individual service page ===== */
.sv-nav { position: sticky; top: var(--header-h); z-index: 20; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 4px 14px rgba(16, 42, 67, .05); }
.sv-nav nav { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: thin; padding: 6px 0; }
.sv-nav a { flex: none; padding: 7px 13px; border-radius: 99px; font-size: .84rem; font-weight: 600; color: var(--muted); } .sv-nav a:hover, .sv-nav a.on { background: var(--accent-soft); color: var(--accent); }
.sv-sec { scroll-margin-top: calc(var(--header-h) + 56px); }
.lead-p { font-size: 1.1rem; color: #33475b; }
.glance { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; } .glance li { display: flex; justify-content: space-between; gap: 10px; font-size: .9rem; border-bottom: 1px dashed var(--line); padding-bottom: 8px; } .glance span { color: var(--muted); } .glance b { text-align: right; color: var(--navy); }
.ben-grid, .doc-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.ben { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; } .ben > i { color: var(--accent); font-size: 1.3rem; } .ben h3 { margin: 8px 0 4px; font-size: 1rem; } .ben p { margin: 0; color: var(--muted); font-size: .9rem; }
.doc-card h3 { font-size: 1rem; } 
.tat-card { display: flex; gap: 18px; align-items: center; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--accent); border-radius: var(--radius); padding: 22px; } .tat-card > i { font-size: 2.2rem; color: var(--accent); } .tat-card b { display: block; font: 700 1.2rem var(--font-head); color: var(--navy); } .tat-card span { color: var(--muted); font-size: .9rem; }
.quote-grid { display: grid; gap: 32px; grid-template-columns: 1fr 1fr; align-items: start; } .quote-side h2 { margin-bottom: 10px; } .quote-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.sv-more { margin-top: 18px; text-align: center; }
@media (max-width: 900px) { .quote-grid { grid-template-columns: 1fr; } }