/* Base (cadre de page du runtime) */
html,body{height:100%;margin:0}#mz-root,#mz-root>.mz-host{height:100%}
[data-off]{display:none!important}

/* Styles globaux de la maquette */
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#000000;font-family:'Figtree',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#000000;text-decoration:none}
a:hover{color:#F15C19}
*{box-sizing:border-box}
img{display:block}
/* Article */
.ar-wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,6vw,104px);align-items:start}
.ar-body{max-width:760px;font-size:17px;line-height:1.8;color:#333333}
.ar-body p{margin:0 0 22px;text-wrap:pretty}
.ar-body p.ar-lead{margin:0 0 36px;padding-bottom:36px;border-bottom:1px solid rgba(0,0,0,.14);font-family:'Cormorant Garamond',serif;font-size:clamp(25px,2.4vw,32px);line-height:1.35;color:#000000}
.ar-body p.ar-note{font-size:13px;line-height:1.6;color:#595959}
.ar-body h2{margin:clamp(56px,6vw,84px) 0 22px;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(34px,3.6vw,50px);line-height:1.05;color:#000000;text-wrap:balance;scroll-margin-top:110px}
.ar-body h2::before{content:"";display:block;width:32px;height:1px;background:#F15C19;margin-bottom:22px}
.ar-body h3{margin:36px 0 14px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(25px,2.2vw,30px);line-height:1.15;color:#000000}
.ar-body a{color:inherit;border-bottom:1px solid #F15C19;padding-bottom:1px;transition:color .3s}
.ar-body a:hover{color:#F15C19}
.ar-body ul{margin:0 0 26px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.ar-body li{position:relative;padding-left:26px}
.ar-body li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;background:#F15C19}
.ar-table{margin:8px 0 18px;overflow-x:auto;border-top:3px solid #000000}
.ar-table table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.5}
.ar-table th{padding:14px 16px;text-align:left;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#595959;background:#F4F4F4}
.ar-table td{padding:16px;border-bottom:1px solid rgba(0,0,0,.12);color:#333333;vertical-align:top}
.ar-table td:first-child{font-weight:600;color:#000000}
.ar-fig{margin:12px 0 34px}
.ar-fig-img{aspect-ratio:3/2;overflow:hidden;background:#DDDDDD}
.ar-fig-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ar-fig:hover .ar-fig-img img{transform:scale(1.03)}
.ar-fig figcaption{display:flex;gap:12px;align-items:baseline;margin-top:12px;font-size:13px;line-height:1.5;color:#595959}
.ar-fig figcaption::before{content:"";width:18px;height:1px;background:#F15C19;flex:none;transform:translateY(-4px)}
.ar-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:28px}
.ar-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;border-top:1px solid rgba(0,0,0,.14)}
.ar-toc li{counter-increment:toc;border-bottom:1px solid rgba(0,0,0,.14)}
.ar-toc a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;padding:12px 0;font-size:14px;line-height:1.4;color:#595959;transition:color .3s,padding .3s}
.ar-toc a::before{content:counter(toc,decimal-leading-zero);font-size:11px;font-weight:700;letter-spacing:.1em;color:#BFBFBF;padding-top:2px;transition:color .3s}
.ar-toc a:hover,.ar-toc a.on{color:#000000}
.ar-toc a.on{padding-left:6px}
.ar-toc a.on::before{color:#F15C19}
.ar-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#F15C19;transform:scaleX(0);transform-origin:left;z-index:61;pointer-events:none}
.ar-card img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ar-card:hover img{transform:scale(1.05)}
.ar-card:hover .ar-card-t{color:#F15C19}
.ar-card .ar-card-t{transition:color .3s}
.ar-arrow{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ar-card:hover .ar-arrow{transform:translateX(6px)}
.ar-feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;grid-column:1/-1;color:#000000;padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid rgba(0,0,0,.14)}
.ar-feat img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ar-feat:hover img{transform:scale(1.04)}
.ar-feat:hover .ar-card-t{color:#F15C19}
.ar-feat .ar-card-t{transition:color .3s}
.ar-feat:hover .ar-arrow{transform:translateX(6px)}
@media (max-width:1000px){
  .ar-wrap{grid-template-columns:minmax(0,1fr)}
  .ar-aside{position:static}
  .ar-toc{display:none}
  .ar-feat{grid-template-columns:minmax(0,1fr)}
}

/* États hover (style-hover de la maquette) */
.mzh0:hover{color:#FFFFFF !important}
.mzh1:hover{border-color:#FFFFFF !important;background:rgba(255,255,255,.1) !important;color:#FFFFFF !important}
.mzh2:hover{color:#F15C19 !important}

/* Responsive commun */
/* Très petits écrans : en-tête compact, le bouton menu reste entièrement visible */
@media (max-width:359px){
  header[style]{gap:10px!important;padding-left:14px!important;padding-right:14px!important}
  header nav{gap:8px!important}
  header nav>a[href$="contact"]{padding:12px!important;font-size:9.5px!important;letter-spacing:.08em!important}
  header nav>button{width:44px!important;height:44px!important}
}
/* Cartes des communes : sur petit écran, seuls les points ; étiquette pour la ville mise en avant ou survolée (la liste à côté porte les liens) */
@media (max-width:600px){.mz-chip:not(.on){display:none}}
/* Fil d'Ariane : zone tactile confortable */
@media (max-width:767px){nav[aria-label="Fil d'Ariane"] a{display:inline-block;padding:14px 0;margin:-14px 0}}