/* HTML hidden must win over card, menu and grid layout rules. */
[hidden]{display:none!important}
body.page-offer .seo-hero,body.page-diaspora .seo-hero{padding:26px 0 30px}
body.page-offer .seo-hero:before,body.page-diaspora .seo-hero:before{margin-bottom:16px}
body.page-offer .seo-hero h1,body.page-diaspora .seo-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;max-width:850px}
body.page-offer .seo-hero p,body.page-diaspora .seo-hero p{margin-top:12px;font-size:1rem}
body.page-offer .seo-content,body.page-diaspora .seo-content{padding-top:26px}
.directory-result{font-size:1.25rem;font-weight:700;color:var(--navy);margin:18px 0}
.directory-total{font-size:.9rem;color:var(--muted)}
.directory-reset{min-height:44px;padding:10px 16px;border:1px solid var(--teal);border-radius:9px;background:#fff;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.offer-grid .choose-offer{margin-top:auto;text-align:center}
.offer-grid ul{margin-bottom:22px}
.offer-grid .text-link{margin-top:12px}
.offer-grid .choose-offer:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #cb5a2f;outline-offset:3px}
#demande{scroll-margin-top:100px}
.offer-status{font-weight:700;color:var(--navy)}
.premium-placement{background:#f5f7f6;border:1px solid var(--border);border-radius:16px;padding:24px;margin:28px 0}
.premium-placement h3{margin-top:0}
.placement-list{display:grid;gap:12px;max-width:760px}
.placement-card{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff}
.placement-card.featured{border:2px solid var(--teal)}
.placement-card strong{display:block;margin:10px 0 6px;color:var(--navy)}
.placement-card p{margin:0;line-height:1.5}
.placement-card .sponsored-label{display:inline-block}
body.page-diaspora .guide-article{padding:16px 20px;margin-bottom:18px}
body.page-diaspora .guide-lead{font-size:1rem;margin:0;line-height:1.6}
body.page-diaspora .freight-entry{padding:16px 20px;margin:18px 0}
.business-description{font-size:1.05rem;line-height:1.7}
@media(max-width:640px){
  body.page-offer .seo-hero,body.page-diaspora .seo-hero{padding:18px 0 24px}
  body.page-offer .seo-hero h1,body.page-diaspora .seo-hero h1{font-size:2rem}
  .premium-placement{padding:16px}
  #demande{scroll-margin-top:80px}
}