/* v147: Services bilingual navigation, whole-paragraph reflow and office details.
   Existing typography, resource cards, motion hooks and form contracts remain intact. */
body[data-page="services"] .services-language-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body[data-page="services"] .services-language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:30px;font:500 1rem/1.4 'DM Sans',sans-serif;background:var(--white);color:var(--ink);text-decoration:none;max-width:100%;white-space:normal}
body[data-page="services"] .services-language-switch a[aria-current="page"]{background:var(--purple);color:var(--white);border-color:var(--purple)}
body[data-page="services"] .services-language-switch a:hover{border-color:var(--purple)}
body[data-page="services"] :is(.services-language-switch a,.services-office a,.services-footer-sections a):focus-visible{outline:3px solid #986916;outline-offset:5px}
body[data-page="services"] .services-language-hero{margin:0 0 24px;position:relative;z-index:2}
body[data-page="services"] .services-language-hero a:focus-visible{outline-color:#ffe1a3}
body[data-page="services"] :is(.services-language-footer,.services-language-mobile){margin-top:22px}
body[data-page="services"] .services-language-mobile{margin-bottom:24px}
body[data-page="services"] .services-language-note-wrap{padding-top:20px}
body[data-page="services"] .services-language-note{font-size:1rem;line-height:1.7;color:var(--muted)}
body[data-page="services"] .services-office-wrap{padding-bottom:44px}
body[data-page="services"] .services-office{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;padding:clamp(22px,4vw,36px);border:1px solid var(--line);border-radius:12px;background:var(--white);min-width:0}
body[data-page="services"] .services-office>*{min-width:0;overflow-wrap:anywhere}
body[data-page="services"] .services-office h2{margin-top:0;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3}
body[data-page="services"] .services-office p{line-height:1.8;margin-top:16px;margin-bottom:0}
body[data-page="services"] .services-office address{font-style:normal;line-height:1.8;margin-bottom:12px}
body[data-page="services"] .services-office-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
body[data-page="services"] .services-office-details a{display:inline-block;min-height:44px;padding-block:5px;max-width:100%;text-decoration:underline;text-underline-offset:4px}
body[data-page="services"] .services-map-note{font-size:1rem}
body[data-page="services"] .services-footer-sections{display:flex;flex-wrap:wrap;gap:8px 26px;padding:12px 0 25px}
body[data-page="services"] .services-footer-sections a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;max-width:100%;overflow-wrap:anywhere}
/* Preserve the existing balanced overview and four objective cards; wrap long translations. */
body[data-page="services"] :is(.banner-copy,.overview-copy,.overview-heading,.services-detail,.services-objective-card,.services-assessment-card,.services-preparation-note,.services-decision-note,.services-urgent-note,.contact-hub-copy,.contact-hub-form,.contact-save,.field){min-width:0;overflow-wrap:anywhere}
body[data-page="services"] :is(.contact-save,.banner-wayfinding,.services-page-links a){max-width:100%;white-space:normal;overflow-wrap:anywhere}
body[data-page="services"] :is(#chapter-2,[id^="services-"],#contact-hub){scroll-margin-top:20px}
@media(max-width:900px){body[data-page="services"] .services-office{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:650px){body[data-page="services"] .services-office{padding:22px 20px}}
@media print{
 body[data-page="services"] :is(.services-language-switch,.services-language-note-wrap,.services-footer-sections){display:none}
 body[data-page="services"] .services-office{break-inside:avoid;background:white;display:block}
 body[data-page="services"] .services-office-details{margin-top:20px}
}

/* Use the available content width, while keeping complete paragraphs and readable type. */
body[data-page="services"] .services-wide-intro{max-width:none}
body[data-page="services"] .services-intro-prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 42px}
body[data-page="services"] .services-intro-prose>p{margin:0;min-width:0;overflow-wrap:anywhere}
body[data-page="services"] .services-intro-prose>p:last-child:nth-child(odd){grid-column:1/-1}
body[data-page="services"] .service-grid.is-list .services-card-copy{max-width:none}
body[data-page="services"] :is(.service-card,.services-card-copy,.services-intro,.sp-intro,.sp-panel,.sp-map-wrap,.sp-control-panel,.sp-question-card,.sp-record-card,.sp-outline,.sp-grid,.sp-details,.sp-story,.sp-guide-links,.sp-workspace,.services-case-panel,.services-next-card,.find-help,.services-cases-intro,.services-urgent-note){min-width:0;overflow-wrap:anywhere}
body[data-page="services"] :is(.sp-layout,.sp-map-head,.sp-metrics,.sp-mode-controls,.sp-actions,.sp-form-grid,.sp-story-header,.sp-guide-links,.sp-topic-options,.sp-mode-switch,.sp-mode-options)>*{min-width:0;max-width:100%}
body[data-page="services"] :is(.sp-mode-tabs,.sp-topic-grid,.sp-mode,.sp-modes,.services-page-links,.service-view){flex-wrap:wrap;max-width:100%}
body[data-page="services"] :is(.sp-details input,.sp-details textarea,#sp-date,#sp-goal,#sp-issue,#sp-summary){box-sizing:border-box;min-width:0;max-width:100%}
body[data-page="services"] :is(.service-browser-head,.service-search,.service-search input,.service-filters,.service-view,.find-help>div,.sp-intro>div){min-width:0;max-width:100%}
body[data-page="services"] .services-case-permalink{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
body[data-page="services"] :is([id^="service-"],[id^="services-"],#chapter-2){scroll-margin-top:20px}
@media(max-width:1000px){body[data-page="services"] .services-intro-prose{grid-template-columns:minmax(0,1fr);gap:20px}}
@media(max-width:650px){body[data-page="services"] .service-search{width:100%}body[data-page="services"] .service-view button{white-space:normal}body[data-page="services"] .services-page-links{gap:8px 20px}}
@media print{body[data-page="services"] .service-card[hidden],body[data-page="services"] [data-case-panel][hidden]{display:block!important}body[data-page="services"] .service-browser-head,body[data-page="services"] .service-filters,body[data-page="services"] .services-case-permalink{display:none!important}body[data-page="services"] .services-office{break-inside:auto}}