/* Page locale : identité OLITIM, deux parcours et contenu accessible sans JS. */
.local-page { --local-ink: #253b2a; --local-muted: #566057; --local-paper: #f5f1ec; }
.local-container { width: min(1280px, calc(100% - 100px)); margin-inline: auto; }
.local-page h1, .local-page h2, .local-page h3 { text-wrap: balance; }
.local-page p { max-width: 70ch; }
.local-page :is(section, article, main)[id] { scroll-margin-top: 115px; }
.local-skip { position: fixed; top: 12px; left: 12px; z-index: 2000; padding: 12px 20px; background: white; transform: translateY(-160%); }
.local-skip:focus { transform: translateY(0); }
.local-hero { padding: 135px 0 60px; background: var(--local-paper); }
.local-breadcrumb { position: static; width: auto; padding: 0; z-index: auto; background: transparent; display: flex; justify-content: flex-start; align-items: center; gap: 14px; color: var(--local-muted); font-size: .9rem; margin-bottom: 36px; }
.local-breadcrumb a:hover { text-decoration: underline; }
.local-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 65px; align-items: center; }
.local-location { display: flex; align-items: center; gap: 10px; color: var(--local-ink); font-size: .95rem; }
.local-location span { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--terracotta); }
.local-hero h1 { font-size: clamp(2.65rem, 4.2vw, 4.1rem); line-height: 1.12; letter-spacing: -.035em; margin: 24px 0; color: var(--local-ink); }
.local-lead { font-size: 1.12rem; line-height: 1.75; color: var(--local-muted); }
.local-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 28px; }
.local-page .btn-primary { background: var(--terracotta-dark); }
.local-page .btn-primary:hover { background: var(--local-ink); }
.local-phone { font-weight: 600; color: var(--local-ink); white-space: nowrap; }
.local-phone:hover { text-decoration: underline; }
.local-reassurance { margin: 14px 0 30px; font-size: .86rem; color: var(--local-muted); }
.local-review-badge { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: -10px 0 25px; font-size: .9rem; }
.local-review-badge > span:last-child { color: var(--local-muted); }
.local-review-badge:hover { text-decoration: underline; text-underline-offset: 4px; }
.local-review-stars { color: #855d07; letter-spacing: 2px; font-size: 1.05rem; }
.local-reviews { background: #fafbf8; border-top: 1px solid #e3e8dd; }
.local-reviews-heading { display: flex; align-items: start; justify-content: space-between; gap: 35px; }
.local-reviews-heading .local-section-intro { max-width: 660px; }
.local-google-rating { display: flex; flex-direction: column; align-items: flex-start; flex-shrink: 0; gap: 5px; }
.local-google-rating > strong { font-size: 2.5rem; color: var(--local-ink); line-height: 1.2; }
.local-google-rating > strong span { font-size: 1.1rem; margin-left: 4px; }
.local-google-rating a { text-decoration: underline; text-underline-offset: 4px; }
.local-google-rating small { color: var(--local-muted); font-size: .78rem; }
.local-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 10px; }
.local-review { padding-top: 24px; border-top: 2px solid #cbd7c2; display: flex; flex-direction: column; }
.local-review-context { font-weight: 600; color: var(--local-ink); font-size: .92rem; }
.local-review blockquote { margin: 15px 0 10px; color: var(--local-muted); line-height: 1.8; }
.local-review figcaption { font-weight: 500; color: var(--local-ink); margin-top: auto; }
.local-review-company { display: block; margin-top: .25rem; font-size: .85rem; color: var(--local-muted); }
.local-trust-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; border-top: 1px solid #d7dfcf; margin-top: 38px; padding-top: 25px; }
.local-trust-points p { color: var(--local-muted); font-size: .9rem; margin: 0; }
.local-trust-points strong { display: block; color: var(--local-ink); margin-bottom: 8px; font-size: 1rem; }
.local-coverage { border-bottom: 1px solid #e4e7df; }
.local-coverage h2 { font-size: clamp(2rem, 3vw, 2.65rem); margin-bottom: 22px; }
.local-coverage p { color: var(--local-muted); line-height: 1.8; }
.local-postcodes { padding: 30px; background: var(--local-paper); border-radius: 12px; }
.local-postcodes h3 { font-family: var(--font-primary); font-size: 1.2rem; font-weight: 600; margin-bottom: 20px; }
.local-postcodes dl > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 13px 0; border-top: 1px solid #d9ded3; }
.local-postcodes dt { font-weight: 500; }
.local-postcodes dd { color: var(--local-muted); }
.local-postcodes p { font-size: .87rem; margin: 18px 0 0; }
.local-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 1px solid #cfd4c9; padding-top: 22px; }
.local-facts dt { font-weight: 600; color: var(--local-ink); }
.local-facts dd { font-size: .87rem; color: var(--local-muted); margin-top: 4px; }
.local-hero-figure img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 18px 18px 0 0; }
.local-hero-figure figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 15px 18px; color: var(--local-ink); background: white; font-size: .82rem; border-radius: 0 0 12px 12px; }
.local-hero-figure figcaption a { text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }
.local-office { background: var(--local-ink); color: white; padding: 55px; border-radius: 18px; }
.local-office h2 { color: white; margin: 24px 0; }
.local-office a { text-decoration: underline; }
.local-section { padding-block: 80px; }
.local-section-intro { max-width: 740px; margin-bottom: 35px; }
.local-section-intro h2 { font-size: clamp(2rem, 3.1vw, 2.75rem); margin-bottom: 16px; }
.local-section-intro p { color: var(--local-muted); font-size: 1.05rem; }
.local-audiences { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.local-audience { padding: 38px; border-radius: 16px; display: flex; flex-direction: column; }
.local-audience-pro { background: var(--local-ink); color: white; }
.local-audience-home { background: var(--local-paper); color: var(--local-ink); }
.local-audience-label { font-size: .92rem; font-weight: 500; margin-bottom: 20px; }
.local-audience h3 { font-size: clamp(1.75rem, 2.25vw, 2.2rem); margin-bottom: 22px; color: inherit; }
.local-audience > p:not(.local-audience-label) { line-height: 1.75; }
.local-audience-pro > p:not(.local-audience-label) { color: #e0e7dc; }
.local-list { padding-left: 20px; margin: 8px 0 6px; list-style: disc; }
.local-list li { padding-left: 4px; margin-bottom: 9px; font-size: .97rem; }
.local-audience .local-actions { margin-top: auto; padding-top: 25px; }
.local-button { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 14px 24px; border-radius: 50px; background: white; color: var(--local-ink); font-weight: 600; }
.local-button:hover { background: #e0e7dc; }
.local-inline-link { font-weight: 500; text-decoration: underline; text-underline-offset: 5px; }
.local-service-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 25px; font-size: .88rem; }
.local-service-links a { text-decoration: underline; text-underline-offset: 4px; }
.local-context { background: #eef2eb; }
.local-context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; }
.local-context h2 { font-size: clamp(2rem, 3vw, 2.65rem); margin-bottom: 24px; color: var(--local-ink); }
.local-context p { color: var(--local-muted); line-height: 1.8; }
.local-considerations > div { padding-block: 20px; border-bottom: 1px solid #ccd4c7; }
.local-considerations > div:first-child { padding-top: 0; }
.local-considerations dt { font-size: 1.1rem; font-weight: 600; color: var(--local-ink); margin-bottom: 7px; }
.local-considerations dd { color: var(--local-muted); line-height: 1.7; }
.local-case { display: grid; grid-template-columns: .9fr 1fr; gap: 70px; align-items: center; }
.local-case-image img { width: 100%; aspect-ratio: 1.08; object-fit: cover; border-radius: 16px; }
.local-case-location { color: var(--local-muted); font-size: .92rem; }
.local-case h2 { margin: 16px 0 22px; font-size: clamp(2rem, 3vw, 2.8rem); }
.local-case-copy > p { color: var(--local-muted); }
.local-case-facts { display: flex; flex-wrap: wrap; gap: 35px; margin: 25px 0 30px; }
.local-case-facts dt { font-size: .9rem; color: var(--local-muted); }
.local-case-facts dd { font-size: 1.4rem; font-weight: 500; color: var(--local-ink); }
.local-case-note { margin-top: 20px; font-size: .86rem; }
.local-method { background: var(--local-paper); }
.local-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; counter-reset: local-step; margin: 40px 0 30px; }
.local-steps li { counter-increment: local-step; border-top: 1px solid #cfd4c9; padding-top: 20px; }
.local-steps li::before { content: counter(local-step, decimal-leading-zero); color: var(--terracotta-dark); font-size: 1.2rem; font-weight: 500; }
.local-steps h3 { font-family: var(--font-primary); font-weight: 600; font-size: 1.15rem; margin: 15px 0 12px; }
.local-steps p { color: var(--local-muted); font-size: .96rem; line-height: 1.75; }
.local-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; }
.local-faq-grid h2 { font-size: clamp(2rem, 3vw, 2.7rem); margin-bottom: 22px; }
.local-faq-grid > div > p { color: var(--local-muted); }
.local-faq details { border-bottom: 1px solid #d9ded5; }
.local-faq details:first-child { border-top: 1px solid #d9ded5; }
.local-faq summary { cursor: pointer; padding: 22px 30px 22px 0; font-size: 1.04rem; font-weight: 500; list-style: none; position: relative; }
.local-faq summary::-webkit-details-marker { display: none; }
.local-faq summary::after { content: '+'; position: absolute; right: 2px; top: 18px; font-size: 1.5rem; color: var(--terracotta-dark); }
.local-faq details[open] summary::after { content: '−'; }
.local-faq details p { padding: 0 25px 16px 0; color: var(--local-muted); line-height: 1.8; }
.local-contact { background: var(--local-ink); }
.local-contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: start; }
.local-contact-copy { color: #e0e7dc; padding-top: 18px; }
.local-contact-copy h2 { color: white; font-size: clamp(2.2rem, 3.1vw, 3rem); margin-bottom: 28px; }
.local-contact-copy p { line-height: 1.8; }
.local-contact-offer { font-weight: 500; }
.local-contact-phone { display: inline-block; color: white; font-size: clamp(1.7rem, 2.3vw, 2.3rem); font-weight: 500; margin: 10px 0 20px; }
.local-contact-copy p a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.local-contact-copy address { margin-top: 35px; padding-top: 25px; border-top: 1px solid #58705a; font-style: normal; line-height: 1.8; }
.local-form { background: white; padding: 35px; }
.local-form .form-title { margin-bottom: 8px; }
.local-form-note { font-size: .85rem; color: var(--local-muted); margin-bottom: 22px; }
.local-form :is(input:not([type="checkbox"]), select, textarea) { background: #f4f5f1; border: 1px solid #d6dcd1; padding: 13px 15px; border-radius: 8px; }
.local-form .form-submit { background: var(--terracotta-dark); }
.local-field-help { color: var(--local-muted); font-size: .82rem; margin: 7px 0 0; line-height: 1.5; }
.local-form .form-checkbox span { color: var(--local-muted); }
.local-form .form-success svg { margin-inline: auto; stroke: var(--terracotta-dark); }
.local-explore { padding: 30px 0; border-bottom: 1px solid #e4e7df; }
.local-explore .local-container { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; }
.local-explore p { margin: 0; font-weight: 600; color: var(--local-ink); }
.local-explore a { color: var(--local-muted); text-decoration: underline; text-underline-offset: 4px; font-size: .93rem; }
.local-mobile-contact { display: none; }
.local-breadcrumb { flex-wrap: wrap; }
.local-hero h1, .local-sector-card h3, .local-zone-card h3 { overflow-wrap: anywhere; }
.local-sector-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.local-sector-card, .local-zone-card { display: block; padding: 28px; border: 1px solid #d7dfcf; border-radius: 14px; color: var(--local-ink); }
.local-sector-card { background: var(--local-paper); transition: border-color .2s, background .2s; }
.local-sector-card:hover { border-color: var(--local-ink); background: #eef2eb; }
.local-sector-card h3, .local-sector-card h4, .local-zone-card h3 { font-size: 1.65rem; line-height: 1.3; margin-bottom: 16px; color: var(--local-ink); overflow-wrap: anywhere; }
.local-sector-card p, .local-zone-card > p:not(.local-audience-label) { color: var(--local-muted); font-size: .96rem; line-height: 1.75; }
.local-sector-card > span { display: inline-block; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; margin-top: 12px; }
.local-hub-link { display: inline-block; margin-top: 28px; }
.local-sources { color: var(--local-muted); font-size: .85rem; margin: 24px 0; overflow-wrap: anywhere; }
.local-sources a { text-decoration: underline; text-underline-offset: 3px; }
.local-hub-nav { position: static; width: auto; padding: 0; z-index: auto; background: transparent; box-shadow: none; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 12px; margin-top: 28px; }
.local-hub-group { scroll-margin-top: 120px; }
.local-hub-nav a { padding: 10px 18px; border: 1px solid #cbd7c2; border-radius: 30px; font-size: .9rem; }
.local-hub-nav a:hover { background: #eef2eb; }
.local-hub-group + .local-hub-group { margin-top: 52px; }
.local-hub-group > h3 { color: var(--local-ink); font-size: 1.9rem; margin-bottom: 22px; }
.local-hub-directory { background: #fafbf8; }
@media (max-width: 1100px) { .local-sector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .local-sector-grid { grid-template-columns: 1fr; } .local-sector-card, .local-zone-card { padding: 24px; } }
@media (max-width: 1100px) {
    .local-container { width: calc(100% - 64px); }
    .local-hero-grid { gap: 35px; }
    .local-audience { padding: 30px; }
    .local-context-grid, .local-case, .local-faq-grid, .local-contact-grid { gap: 40px; }
    .local-steps { gap: 20px; }
}
@media (max-width: 800px) {
    .local-reviews-heading { flex-direction: column; gap: 0; margin-bottom: 28px; }
    .local-review-grid, .local-trust-points { grid-template-columns: 1fr; }
    .local-hero { padding-top: 115px; }
    .local-hero-grid { grid-template-columns: 1fr; }
    .local-hero-figure { max-width: 560px; width: 100%; }
    .local-hero-figure img { aspect-ratio: 1.3; }
    .local-audiences, .local-context-grid, .local-faq-grid, .local-contact-grid { grid-template-columns: 1fr; }
    .local-case { grid-template-columns: .8fr 1fr; gap: 28px; }
    .local-steps { grid-template-columns: 1fr 1fr; gap: 25px; }
    .local-section { padding-block: 60px; }
}
@media (max-width: 600px) {
    .local-container { width: calc(100% - 40px); }
    .local-hero { padding: 108px 0 40px; }
    .local-breadcrumb { margin-bottom: 28px; }
    .local-hero h1 { font-size: clamp(2.4rem, 10vw, 3.1rem); }
    .local-location { font-size: .85rem; align-items: baseline; }
    .local-lead { font-size: 1.05rem; }
    .local-actions { gap: 18px; }
    .local-page .btn-primary, .local-page .btn-secondary { padding: 16px 23px; font-size: .95rem; }
    .local-facts { gap: 15px; }
    .local-audience { padding: 28px 24px; }
    .local-audience h3 { font-size: 1.85rem; }
    .local-case { grid-template-columns: 1fr; }
    .local-section { padding-block: 45px; }
    .local-form { padding: 28px 22px; }
    .local-form .form-row { grid-template-columns: 1fr; gap: 0; }
    .local-steps { gap: 22px 18px; }
    .local-steps h3 { font-size: 1.05rem; }
    .local-mobile-contact { position: fixed; inset: auto 0 0; z-index: 900; display: grid; grid-template-columns: .85fr 1.15fr; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: white; border-top: 1px solid #d6dcd1; }
    .local-mobile-contact a { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 46px; border: 1px solid var(--local-ink); border-radius: 8px; color: var(--local-ink); font-size: .85rem; font-weight: 500; padding: 8px; }
    .local-mobile-contact a:last-child { background: var(--terracotta-dark); border-color: var(--terracotta-dark); color: white; }
    .local-page { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    .local-page .scroll-top { bottom: 90px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.local-page) { scroll-behavior: auto; }
    .local-page { scroll-behavior: auto; }
    .local-page *, .local-page *::before, .local-page *::after { transition: none !important; animation: none !important; }
}
@media print {
    .local-mobile-contact, .local-actions, .local-contact, .local-explore { display: none; }
    .local-section { padding-block: 25px; }
    .local-hero { padding-top: 20px; }
}