/* MonQuartier Bénin — identité (partagée par le site citoyen et l'espace Pilotage). Propre à MonQuartier. */
@font-face{font-family:"Manrope";src:url("manrope.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{
  --mq-green:#006B3F;--mq-green-2:#00553A;--mq-green-3:#0B8A55;--mq-green-tint:#E6F1EA;--mq-green-wash:#F0F6F1;
  --mq-gold:#F4C542;--mq-gold-tint:#FFF5D4;--mq-gold-ink:#6B4E00;
  --mq-red:#D64545;--mq-red-ink:#A92C2C;--mq-red-tint:#FCECEC;
  --mq-wa:#25D366;--mq-wa-ink:#0B3D23;
  --mq-bg:#F7F8F5;--mq-surface:#FFFFFF;--mq-surface-2:#F2F4EF;
  --mq-ink:#10231B;--mq-ink-2:#3D5248;--mq-ink-3:#5F7268;--mq-line:#DFE5DC;--mq-line-2:#ECF0EA;
  --mq-r:16px;--mq-r-sm:12px;--mq-r-lg:20px;
  --mq-shadow:0 1px 2px rgba(16,35,27,.05),0 6px 20px -10px rgba(16,35,27,.12);
  --mq-shadow-lg:0 2px 4px rgba(16,35,27,.05),0 22px 48px -22px rgba(16,35,27,.28);
  --mq-font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mq-ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--mq-font);color:var(--mq-ink);background:var(--mq-bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--mq-green)}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--mq-gold);outline-offset:2px;border-radius:6px}
.mq-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--mq-ink)}
.mq-logo svg{width:34px;height:37px;flex:none}
.mq-logo b{font-weight:800;font-size:17px;letter-spacing:-.01em;line-height:1.05;display:block}
.mq-logo span{font-size:12px;color:var(--mq-ink-3);font-weight:600;display:block}
.mq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;border:2px solid transparent;font:700 15.5px/1.2 var(--mq-font);text-decoration:none;cursor:pointer;transition:transform .18s var(--mq-ease),box-shadow .18s,background .18s,border-color .18s}
.mq-btn:hover{transform:translateY(-2px)}
.mq-btn:active{transform:translateY(0)}
.mq-btn.primary{background:var(--mq-green);color:#fff;box-shadow:0 8px 20px -10px rgba(0,107,63,.7)}
.mq-btn.primary:hover{background:var(--mq-green-2)}
.mq-btn.ghost{background:transparent;color:var(--mq-green);border-color:color-mix(in srgb,var(--mq-green) 35%,transparent)}
.mq-btn.ghost:hover{border-color:var(--mq-green);background:var(--mq-green-wash)}
.mq-btn.wa{background:var(--mq-wa);color:var(--mq-wa-ink)}
.mq-btn.wa:hover{background:#1fbf5b}
.mq-btn.sm{min-height:40px;padding:8px 16px;font-size:14px}
.mq-check{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--mq-green);background:var(--mq-green-tint);border-radius:999px;padding:4px 11px 4px 5px;white-space:nowrap}
.mq-check i{width:20px;height:20px;border-radius:50%;background:var(--mq-green);display:grid;place-items:center;flex:none}
.mq-check i:after{content:"";width:9px;height:5px;border:2.5px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.mq-check.gold{color:var(--mq-gold-ink);background:var(--mq-gold-tint)}
.mq-check.gold i{background:var(--mq-gold-ink)}
.mq-demo{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:80;background:var(--mq-ink);color:#fff;font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:999px;box-shadow:var(--mq-shadow-lg);letter-spacing:.01em;white-space:nowrap}
.mq-demo b{color:var(--mq-gold)}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}