.observatoire-bridge{padding-bottom:34px}
.observatoire-bridge-hero{padding:54px 0 32px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(247,240,225,.46))}
.observatoire-bridge-hero .wrap{max-width:1120px}
.observatoire-bridge-hero h1{max-width:920px;margin:.14em 0 .28em;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.92;text-transform:none}
.observatoire-bridge-hero .lead{max-width:880px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.58}
.observatoire-bridge-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}
.observatoire-bridge-note{max-width:780px;margin:0;color:#555}
.observatoire-bridge-selection{padding:34px 0 24px}
.observatoire-sync-status{margin:0 0 14px;color:#666;font-size:.92rem}
.observatoire-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.observatoire-highlight-card{display:flex;flex-direction:column;min-width:0;background:rgba(255,255,255,.76);box-shadow:0 10px 28px rgba(45,34,20,.08);padding:16px}
.observatoire-highlight-card figure{margin:-16px -16px 14px;overflow:hidden;background:#ece5d8}
.observatoire-highlight-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.observatoire-highlight-card h3{margin:.25em 0 .45em;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.08;text-transform:none}
.observatoire-highlight-card h3 a{color:inherit;text-decoration:none}
.observatoire-highlight-card h3 a:hover,.observatoire-highlight-card h3 a:focus-visible{text-decoration:underline;text-underline-offset:.12em}
.observatoire-highlight-card p{margin:.3rem 0 .75rem;line-height:1.5}
.observatoire-highlight-meta{margin-top:auto;color:#666;font-size:.78rem}
.observatoire-highlight-section{display:inline-block;margin-top:10px;font-weight:800}
.observatoire-bridge-links{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.observatoire-bridge-links a{display:inline-block;padding:9px 12px;background:#ffffffb8;border:1px solid #cabda8;color:#222;text-decoration:none;font-weight:800}
.observatoire-bridge-links a:hover,.observatoire-bridge-links a:focus-visible{background:#222;color:#fff;border-color:#222}
.observatoire-bridge-more{padding:18px 0 54px}
.observatoire-bridge-more-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px;background:rgba(255,255,255,.74);box-shadow:0 10px 30px rgba(45,34,20,.08)}
.observatoire-bridge-more-box h2{margin:.12em 0 .35em;text-transform:none}
.observatoire-support-cta{margin-top:20px}
@media(max-width:980px){.observatoire-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.observatoire-bridge-more-box{grid-template-columns:1fr}.observatoire-bridge-more-box .btn{justify-self:start}}
@media(max-width:620px){.observatoire-bridge-hero{padding-top:30px}.observatoire-highlight-grid{grid-template-columns:1fr}.observatoire-bridge-actions{display:grid}.observatoire-bridge-actions .btn{text-align:center}.observatoire-bridge-links{display:grid;grid-template-columns:1fr 1fr}.observatoire-bridge-links a{text-align:center}}
@media(max-width:390px){.observatoire-bridge-links{grid-template-columns:1fr}}
body.a11y .observatoire-highlight-card,body.a11y .observatoire-bridge-more-box{background:#fff;box-shadow:none}
body.a11y .observatoire-highlight-card img{filter:none}