/* Expanded service summaries; existing browsing and motion controllers are unchanged. */
body[data-page="services"] .services-intro{max-width:960px;margin-bottom:38px}
body[data-page="services"] .services-intro h2{margin-bottom:24px}
body[data-page="services"] .services-intro p,body[data-page="services"] .services-next-card p,body[data-page="services"] .services-next-card li,body[data-page="services"] .services-urgent-note p{font-size:1.125rem;line-height:1.85;color:var(--muted)}
body[data-page="services"] .services-intro strong,body[data-page="services"] .services-card-copy strong,body[data-page="services"] .services-next-card strong,body[data-page="services"] .find-help strong{color:var(--ink)}
body[data-page="services"] .service-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px}
body[data-page="services"] .services-card-copy{min-width:0;margin-bottom:24px}
body[data-page="services"] .service-card .services-card-copy p{font-size:1rem;line-height:1.75;margin:0}
body[data-page="services"] .service-card .services-card-copy p+p{margin-top:16px}
body[data-page="services"] .service-grid.is-list .service-card{grid-template-columns:180px minmax(0,1fr);row-gap:12px}
body[data-page="services"] .service-grid.is-list .card-visual{grid-column:1;grid-row:1/4}
body[data-page="services"] .service-grid.is-list .service-card h3{grid-column:2;grid-row:1}
body[data-page="services"] .service-grid.is-list .services-card-copy{grid-column:2;grid-row:2;max-width:820px;margin-bottom:6px}
body[data-page="services"] .service-grid.is-list .card-link{grid-column:2;grid-row:3}
body[data-page="services"] .find-help{align-items:flex-start}
body[data-page="services"] .find-help>div{min-width:0;max-width:800px}
body[data-page="services"] .find-help p{line-height:1.8}
body[data-page="services"] .services-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}
body[data-page="services"] .services-next-card{min-width:0;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
body[data-page="services"] .services-next-card h3,body[data-page="services"] .services-urgent-note h3{margin:0 0 18px}
body[data-page="services"] .services-next-card ul,body[data-page="services"] .services-next-card ol{padding-left:24px;margin:20px 0}
body[data-page="services"] .services-next-card li{margin:12px 0;padding-left:4px}
body[data-page="services"] .services-next-card a{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
body[data-page="services"] .services-next-card>p:last-child,body[data-page="services"] .services-urgent-note>p:last-child{margin-bottom:0}
body[data-page="services"] .services-urgent-note{margin-top:28px;padding:26px 28px;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:var(--cream)}
body[data-page="services"] .services-contact-note{padding-top:18px;border-top:1px solid var(--line)}
body[data-page="services"] .services-vcard-note{margin-top:16px}
@media(max-width:900px){
body[data-page="services"] .services-next-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){
body[data-page="services"] .service-grid:not(.is-list){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:650px){
body[data-page="services"] .services-next-card,body[data-page="services"] .services-urgent-note{padding:22px 20px}
body[data-page="services"] .service-grid.is-list .service-card{grid-template-columns:105px minmax(0,1fr);gap:18px}
body[data-page="services"] .service-grid.is-list .card-visual{grid-row:1}
body[data-page="services"] .service-grid.is-list .services-card-copy,body[data-page="services"] .service-grid.is-list .card-link{grid-column:1/-1}
body[data-page="services"] .service-browser-head{align-items:stretch;flex-direction:column;gap:16px}
body[data-page="services"] .service-search{max-width:none;flex:auto}
body[data-page="services"] .service-view{align-self:flex-start}
}
@media(max-width:380px){
body[data-page="services"] .service-grid.is-list .service-card{grid-template-columns:85px minmax(0,1fr);column-gap:14px}
}

/* Version 113: visible page routes and practical inquiry examples. */
body[data-page="services"] .services-page-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:22px;max-width:800px}
body[data-page="services"] .services-page-links a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;line-height:1.6;font-weight:600;color:var(--purple);text-decoration:underline;text-underline-offset:5px}
body[data-page="services"] .services-page-links a:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:2px}
body[data-page="services"] #services-preparation,body[data-page="services"] #services-planner,body[data-page="services"] #services-use-cases{scroll-margin-top:calc(var(--header) + 24px)}
body[data-page="services"] .services-case-inquiry{margin:20px 0 0;padding:18px 20px;border-left:3px solid var(--gold);background:var(--cream);border-radius:0 10px 10px 0;font-size:1.125rem;line-height:1.8;color:var(--ink)}
body[data-page="services"] .services-case-inquiry strong{color:var(--ink)}
@media(max-width:650px){body[data-page="services"] .services-page-links{gap:6px 18px}body[data-page="services"] .services-case-inquiry{padding:16px}}
@media print{body[data-page="services"] .services-page-links{display:none}}