/* ============================================================
   Business.OI — Thème sur mesure
   Charte : bleu minuit #0A1628 · marine #162447 · turquoise #00C2CB · or #F4A823
   Polices : Montserrat (titres) · Inter (corps) · Playfair Display (citations)
   ============================================================ */

/* -------------------- POLICES -------------------- */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/montserrat-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/montserrat-latin-800-normal.woff2') format('woff2');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/montserrat-latin-900-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/playfair-display-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/playfair-display-latin-400-italic.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/playfair-display-latin-700-italic.woff2') format('woff2');}

/* -------------------- VARIABLES -------------------- */
:root{
  --minuit:#0A1628; --marine:#162447; --profond:#1E3A6E;
  --turquoise:#00C2CB; --turquoise-d:#00A8B0; --or:#F4A823;
  --blanc:#FFFFFF; --perle:#E8EDF5; --clair:#F5F7FA;
  --gris:#8892A4; --gris-txt:#2D3748; --gris-bord:#E4E9F0;
  --font-title:'Montserrat',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-serif:'Playfair Display',serif;
  --wrap:1220px; --narrow:720px;
  --radius:14px; --radius-s:9px;
  --shadow:0 6px 30px rgba(10,22,40,.10);
  --shadow-lg:0 18px 60px rgba(10,22,40,.18);
  --accent:var(--turquoise);
}

/* -------------------- RESET / BASE -------------------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--gris-txt);background:var(--clair);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--marine);line-height:1.15;letter-spacing:-.02em;}
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 16px;border-radius:8px;z-index:1000;}
::selection{background:var(--turquoise);color:var(--minuit);}

.inner{max-width:var(--wrap);margin:0 auto;padding:0 28px;width:100%;}
.inner-narrow{max-width:var(--narrow);margin:0 auto;padding:0 28px;width:100%;}
.logo-word{font-family:var(--font-title);font-weight:900;letter-spacing:-.03em;}
.logo-dot{color:var(--turquoise);}

/* -------------------- BOUTONS -------------------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-title);font-weight:700;font-size:14px;letter-spacing:.01em;padding:11px 22px;border-radius:100px;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;}
.btn svg{width:17px;height:17px;}
.btn-primary{background:var(--turquoise);color:var(--minuit);}
.btn-primary:hover{background:var(--turquoise-d);transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,194,203,.35);}
.btn-lg{font-size:16px;padding:15px 32px;}

/* -------------------- HEADER -------------------- */
.site-head{position:sticky;top:0;z-index:100;background:var(--minuit);border-bottom:1px solid rgba(255,255,255,.07);transition:box-shadow .2s ease;}
.site-head.is-scrolled{box-shadow:0 8px 30px rgba(10,22,40,.35);}
.is-head-marine .site-head{background:var(--marine);}
.is-head-light .site-head{background:#fff;border-bottom:1px solid var(--gris-bord);}
.site-head-inner{display:flex;align-items:center;gap:22px;height:70px;}
.site-brand{margin:0;flex-shrink:0;}
.site-logo{margin:0;}
.site-logo img{max-height:34px;width:auto;}
.site-logo .logo-word{font-size:26px;color:#fff;white-space:nowrap;}
.is-head-light .site-logo .logo-word{color:var(--marine);}

/* Navigation avec débordement -> menu "Plus". Sélecteurs structurels (Ghost génère nav-{slug}, pas .nav-item). */
.site-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;}
.site-nav .nav{display:flex;gap:22px;list-style:none;align-items:center;flex-wrap:nowrap;overflow:hidden;min-width:0;margin:0;padding:0;}
.site-nav .nav li{list-style:none;margin:0;}
.site-nav .nav li a{font-family:var(--font-title);font-weight:600;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#fff;white-space:nowrap;transition:color .18s ease;}
.site-nav .nav li a:hover,.site-nav .nav li.nav-current a{color:var(--turquoise);}
.is-head-light .site-nav .nav li a{color:var(--gris-txt);}
.is-head-light .site-nav .nav li a:hover{color:var(--turquoise-d);}

.nav-more{position:relative;flex-shrink:0;}
.nav-more-btn{font-family:var(--font-title);font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 2px;transition:color .18s;}
.nav-more-btn:hover{color:var(--turquoise);}
.nav-more-caret{font-size:11px;transition:transform .2s;}
.nav-more.open .nav-more-caret{transform:rotate(180deg);}
.is-head-light .nav-more-btn{color:var(--gris-txt);}
.nav-more-list{position:absolute;top:calc(100% + 12px);right:0;display:none;flex-direction:column;gap:2px;list-style:none;margin:0;background:var(--marine);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;min-width:210px;box-shadow:var(--shadow-lg);z-index:200;}
.nav-more.open .nav-more-list{display:flex;}
.nav-more-list li{width:100%;list-style:none;margin:0;}
.nav-more-list li a{display:block;padding:10px 14px;border-radius:8px;font-family:var(--font-title);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.85);transition:background .15s,color .15s;}
.nav-more-list li a:hover{background:rgba(255,255,255,.07);color:#fff;}

.site-head-actions{display:flex;align-items:center;gap:14px;margin-left:auto;flex-shrink:0;}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:rgba(255,255,255,.7);transition:background .2s,color .2s;}
.icon-btn svg{width:19px;height:19px;}
.icon-btn:hover{background:rgba(255,255,255,.08);color:#fff;}
.is-head-light .icon-btn{color:var(--gris);}
.head-link{font-family:var(--font-title);font-weight:600;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.7);}
.head-link:hover{color:#fff;}
.is-head-light .head-link{color:var(--gris-txt);}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:26px;height:24px;flex:0 0 26px;padding:0;}
.nav-burger span{display:block;height:2px;width:24px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s;}
.is-head-light .nav-burger span{background:var(--marine);}

/* -------------------- BARRE TERRITOIRES -------------------- */
.nav-territories{display:none;}
.territory-bar{background:var(--marine);border-bottom:1px solid rgba(255,255,255,.06);}
.is-head-light .territory-bar{background:var(--minuit);}
.territory-bar-inner{display:flex;align-items:center;gap:20px;height:46px;overflow-x:auto;}
.territory-label{font-family:var(--font-title);font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);white-space:nowrap;}
.territory-chips{display:flex;gap:8px;}
.territory-chips a{font-family:var(--font-title);font-weight:600;font-size:12px;letter-spacing:.03em;color:rgba(255,255,255,.75);padding:5px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.14);white-space:nowrap;transition:all .18s ease;}
.territory-chips a:hover{background:var(--turquoise);color:var(--minuit);border-color:var(--turquoise);}

/* -------------------- MAIN -------------------- */
.site-main{padding:44px 0 72px;min-height:60vh;}

/* Home intro */
.home-intro{text-align:center;padding:20px 0 44px;}
.home-kicker{font-family:var(--font-title);font-weight:900;font-size:15px;letter-spacing:-.02em;color:var(--gris);text-transform:uppercase;}
.home-accroche{font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,3vw,30px);color:var(--marine);max-width:760px;margin:10px auto 0;line-height:1.3;}

/* -------------------- HERO -------------------- */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;margin-bottom:56px;}
.hero-media{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;background:var(--marine);box-shadow:var(--shadow-lg);}
.hero-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.hero-media:hover img{transform:scale(1.03);}
.hero-flag{display:inline-block;font-family:var(--font-title);font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--or);color:var(--minuit);padding:5px 12px;border-radius:100px;margin-bottom:14px;}
.hero-cat{display:inline-block;font-family:var(--font-title);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--turquoise-d);margin-bottom:14px;margin-left:2px;}
.hero-flag + .hero-cat{margin-left:10px;}
.hero-title{font-size:clamp(30px,4vw,46px);font-weight:800;margin-bottom:16px;}
.hero-title a:hover{color:var(--profond);}
.hero-excerpt{font-size:18px;color:#4a5568;margin-bottom:20px;line-height:1.6;}
.hero-meta,.post-card-meta,.article-meta,.hero-meta{font-family:var(--font-body);font-size:13.5px;color:var(--gris);display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.meta-author{font-weight:600;color:var(--gris-txt);}
.meta-dot{color:var(--gris-bord);}
.hero-more{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-title);font-weight:700;font-size:14px;color:var(--marine);margin-top:22px;border-bottom:2px solid var(--turquoise);padding-bottom:3px;transition:gap .2s;}
.hero-more svg{width:18px;height:18px;}
.hero-more:hover{gap:14px;color:var(--turquoise-d);}

/* -------------------- SECTION HEAD -------------------- */
.section-head{display:flex;align-items:center;gap:18px;margin:8px 0 26px;}
.section-title{font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--marine);white-space:nowrap;}
.section-rule{flex:1;height:2px;background:linear-gradient(to right,var(--turquoise),transparent);border-radius:2px;}

/* -------------------- GRILLE / CARTES -------------------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;}
.post-card{display:flex;flex-direction:column;}
.post-card-media{display:block;border-radius:var(--radius-s);overflow:hidden;aspect-ratio:16/10;background:var(--marine);position:relative;margin-bottom:16px;}
.post-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.post-card-media:hover .post-card-img{transform:scale(1.05);}
.post-card-noimg{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--minuit),var(--profond));}
.post-card-noimg .logo-word{color:rgba(255,255,255,.55);font-size:22px;}
.post-card-flag{position:absolute;top:12px;left:12px;font-family:var(--font-title);font-weight:800;font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--or);color:var(--minuit);padding:4px 10px;border-radius:100px;}
.post-card-cat{display:inline-block;font-family:var(--font-title);font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--turquoise-d);margin-bottom:9px;}
.post-card-title{font-size:20px;font-weight:800;line-height:1.25;margin-bottom:10px;}
.post-card-title a:hover{color:var(--profond);}
.post-card-excerpt{font-size:15px;color:#5a6474;margin-bottom:13px;line-height:1.55;}
.post-card-body{display:flex;flex-direction:column;}
.post-card-meta{margin-top:auto;}
.post-grid-archive{margin-top:8px;}

/* -------------------- ARTICLE -------------------- */
.article{max-width:1100px;margin:0 auto;}
.article-head{padding-top:20px;text-align:center;}
.article-cat{display:inline-block;font-family:var(--font-title);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--turquoise-d);margin-bottom:16px;}
.article-title{font-size:clamp(30px,4.6vw,52px);font-weight:900;letter-spacing:-.025em;margin-bottom:20px;}
.article-lead{font-size:20px;line-height:1.55;color:#4a5568;max-width:640px;margin:0 auto 24px;}
.article-meta{justify-content:center;margin-bottom:36px;}
.article-author{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--gris-txt);}
.author-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;}
.article-image{margin:0 auto 40px;max-width:1100px;border-radius:var(--radius);overflow:hidden;}
.article-image img{width:100%;}
.article-image figcaption{text-align:center;font-size:13px;color:var(--gris);padding:12px 16px 0;font-family:var(--font-body);}

/* Corps d'article (contenu Ghost) — grille pour largeurs Koenig */
.article-content{font-size:18px;line-height:1.75;color:#2b3444;
  display:grid;
  grid-template-columns:
    [full-start] minmax(28px,1fr)
    [wide-start] minmax(0,120px)
    [main-start] min(720px,calc(100% - 56px))
    [main-end] minmax(0,120px)
    [wide-end] minmax(28px,1fr)
    [full-end];}
.article-content > *{grid-column:main-start/main-end;margin-bottom:1.5em;}
.article-content > .kg-width-wide{grid-column:wide-start/wide-end;}
.article-content > .kg-width-full{grid-column:full-start/full-end;}
.article-content > .kg-width-full img{width:100%;border-radius:0;}
.kg-width-wide img,.kg-width-full img{width:100%;}
.kg-card,.kg-embed-card{margin:1.8em 0;}
.kg-bookmark-card a{text-decoration:none;}
.article-content h2{font-size:1.6em;font-weight:800;margin:1.7em 0 .6em;}
.article-content h3{font-size:1.3em;font-weight:700;margin:1.5em 0 .5em;}
.article-content p{margin-bottom:1.4em;}
.article-content a{color:var(--turquoise-d);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;font-weight:500;}
.article-content a:hover{color:var(--marine);}
.article-content ul,.article-content ol{padding-left:1.4em;margin-bottom:1.5em;}
.article-content li{margin-bottom:.55em;}
.article-content ul li::marker{color:var(--turquoise);}
.article-content strong{font-weight:700;color:var(--marine);}
.article-content blockquote{font-family:var(--font-serif);font-style:italic;font-size:1.35em;line-height:1.45;color:var(--marine);border-left:3px solid var(--turquoise);padding:.2em 0 .2em 1.2em;margin:1.6em 0;}
.article-content img{border-radius:var(--radius-s);margin:1.8em auto;}
.article-content figure{margin:1.8em 0;}
.article-content figcaption{text-align:center;font-size:14px;color:var(--gris);margin-top:10px;}
.article-content hr{border:none;height:1px;background:var(--gris-bord);margin:2.4em 0;}
.article-content code{background:var(--perle);padding:.15em .45em;border-radius:5px;font-size:.9em;}
.article-content pre{background:var(--minuit);color:#e8edf5;padding:20px;border-radius:var(--radius-s);overflow-x:auto;font-size:.9em;}
.article-content pre code{background:none;padding:0;}

/* Pied d'article */
.article-foot{margin-top:48px;}
.article-tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px;}
.tag-pill{font-family:var(--font-title);font-weight:600;font-size:12px;letter-spacing:.03em;color:var(--profond);background:var(--perle);padding:6px 14px;border-radius:100px;transition:all .18s;}
.tag-pill:hover{background:var(--marine);color:#fff;}
.author-box{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--gris-bord);border-radius:var(--radius);padding:24px;}
.author-box-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.author-box-label{font-family:var(--font-title);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);}
.author-box-name{font-size:19px;font-weight:800;margin:2px 0 6px;}
.author-box-bio{font-size:15px;color:#5a6474;}

/* Bandeau CTA */
.cta-band{background:linear-gradient(135deg,var(--minuit),var(--marine));margin:64px 0 0;padding:60px 0;text-align:center;position:relative;overflow:hidden;}
.cta-band::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,203,.15),transparent 70%);bottom:-300px;right:-100px;}
.cta-band h3{color:#fff;font-size:clamp(22px,3vw,30px);font-weight:800;margin-bottom:12px;position:relative;}
.cta-band p{color:rgba(255,255,255,.65);font-size:17px;margin-bottom:26px;position:relative;}
.cta-band .btn{position:relative;}

/* À lire aussi */
.related{margin-top:64px;}

/* -------------------- ARCHIVE (tag / auteur) -------------------- */
.archive-head{position:relative;padding:60px 0;margin-bottom:20px;background:var(--minuit);overflow:hidden;}
.archive-head.has-image{padding:96px 0;}
.archive-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.archive-bg-scrim{position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,22,40,.92),rgba(22,36,71,.72));}
.archive-head-inner{position:relative;text-align:center;}
.archive-kicker{font-family:var(--font-title);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--turquoise);}
.archive-title{font-size:clamp(32px,5vw,56px);font-weight:900;color:#fff;margin:12px 0 10px;}
.archive-desc{font-size:18px;color:rgba(255,255,255,.72);max-width:640px;margin:0 auto 12px;}
.archive-count{font-family:var(--font-title);font-weight:600;font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.5);}
.author-hero-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 auto 18px;border:3px solid rgba(255,255,255,.15);}

/* -------------------- BARRE DE FILTRE -------------------- */
.filter-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--gris-bord);}
.filter-label{font-family:var(--font-title);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);flex-shrink:0;}
.filter-chips{display:flex;flex-wrap:wrap;gap:9px;}
.filter-chip{font-family:var(--font-title);font-weight:600;font-size:13px;letter-spacing:.02em;color:var(--marine);background:#fff;border:1.5px solid var(--gris-bord);padding:7px 16px;border-radius:100px;cursor:pointer;transition:all .16s ease;}
.filter-chip:hover{border-color:var(--turquoise);color:var(--turquoise-d);}
.filter-chip.is-active{background:var(--marine);border-color:var(--marine);color:#fff;}
.post-grid.is-loading{opacity:.45;pointer-events:none;transition:opacity .2s;}
.grid-empty{grid-column:1/-1;text-align:center;color:var(--gris);padding:44px 0;font-size:16px;}

/* -------------------- PAGINATION -------------------- */
.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:56px;}
.pagination a,.pagination .page-number{font-family:var(--font-title);font-weight:600;font-size:14px;color:var(--marine);}
.pagination a{padding:10px 22px;border:1.5px solid var(--gris-bord);border-radius:100px;transition:all .18s;}
.pagination a:hover{border-color:var(--turquoise);color:var(--turquoise-d);}
.page-number{color:var(--gris);}

/* -------------------- FOOTER -------------------- */
.site-foot{background:var(--minuit);color:rgba(255,255,255,.7);padding:64px 0 0;margin-top:40px;}
.site-foot-inner{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:44px;padding-bottom:48px;}
.foot-brand .logo-word{color:#fff;font-size:26px;}
.foot-tagline{margin:12px 0;font-size:15px;color:rgba(255,255,255,.6);max-width:320px;}
.foot-territories{font-size:12.5px;color:rgba(255,255,255,.4);letter-spacing:.02em;}
.foot-subscribe h3{color:#fff;font-size:18px;font-weight:800;margin-bottom:10px;}
.foot-subscribe p{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:18px;line-height:1.55;}
.foot-nav{display:flex;flex-direction:column;gap:14px;}
.foot-nav .nav{display:flex;flex-direction:column;gap:11px;list-style:none;}
.foot-nav .nav li a{font-size:14px;color:rgba(255,255,255,.65);transition:color .18s;}
.foot-nav .nav li a:hover{color:var(--turquoise);}
.foot-social{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px;}
.foot-social a{font-family:var(--font-title);font-weight:600;font-size:13px;color:rgba(255,255,255,.6);}
.foot-social a:hover{color:var(--turquoise);}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;}
.foot-bottom .inner{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12.5px;color:rgba(255,255,255,.4);}
.foot-accent{width:44px;height:2px;border-radius:2px;background:linear-gradient(to right,var(--turquoise),var(--or));}

/* -------------------- ERREUR -------------------- */
.error-page{text-align:center;padding:80px 0;}
.error-code{font-family:var(--font-title);font-weight:900;font-size:clamp(70px,14vw,140px);color:var(--perle);line-height:1;letter-spacing:-.04em;}
.error-title{font-size:28px;font-weight:800;margin:8px 0 12px;}
.error-desc{color:var(--gris);margin-bottom:26px;}

/* -------------------- RESPONSIVE -------------------- */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:26px;}
  .hero-media{aspect-ratio:16/9;}
  .post-grid{grid-template-columns:repeat(2,1fr);gap:30px 24px;}
  .site-foot-inner{grid-template-columns:1fr 1fr;gap:32px;}
}
/* ====== Menu déroulant (burger) : mobile ET tablette — pas desktop ====== */
@media (max-width:1024px){
  .nav-burger{display:flex;order:-1;}
  .nav-more{display:none;}
  .site-nav{position:fixed;inset:70px 0 auto;left:0;right:0;background:var(--minuit);flex-direction:column;align-items:stretch;padding:0;max-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:max-height .32s ease;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 24px 40px rgba(10,22,40,.4);}
  .site-nav .nav{flex-direction:column;gap:0;padding:8px 28px 4px;overflow:visible;width:100%;}
  .site-nav .nav li{width:100%;border-bottom:1px solid rgba(255,255,255,.06);}
  .site-nav .nav li a{display:block;padding:15px 0;font-size:14px;}
  body.nav-open .site-nav{max-height:calc(100vh - 70px);}
  body.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  body.nav-open .nav-burger span:nth-child(2){opacity:0;}
  body.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .head-link{display:none;}
  .is-head-light .site-nav{background:#fff;}
  .is-head-light .site-nav .nav li a{color:var(--marine);}
  /* Grille des territoires en bas du menu (2 par ligne) */
  .nav-territories{display:block;padding:18px 28px 28px;}
  .nav-territories-label{display:block;font-family:var(--font-title);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:14px;}
  .nav-terr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .terr-card{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--marine);box-shadow:0 6px 18px rgba(10,22,40,.25);}
  .terr-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
  .terr-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.85) 0%,rgba(10,22,40,.18) 52%,rgba(10,22,40,0) 100%);}
  .terr-card span{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 14px 11px;font-family:var(--font-title);font-weight:800;font-size:15px;letter-spacing:.01em;color:#fff;}
  .terr-card:hover img,.terr-card:active img{transform:scale(1.06);}
  /* si nombre impair, la dernière carte occupe toute la largeur */
  .nav-terr-grid .terr-card:last-child:nth-child(odd){grid-column:1 / -1;aspect-ratio:auto;height:112px;}
}
/* ====== Compaction spécifique téléphone ====== */
@media (max-width:760px){
  body{font-size:16px;}
  .inner{padding:0 16px;}
  .site-head-inner{gap:12px;height:60px;}
  .site-logo .logo-word{font-size:21px;}
  .site-head-actions{gap:6px;}
  .icon-btn{width:34px;height:34px;}
  .site-head-actions .btn{padding:8px 14px;font-size:13px;}
  .territory-bar-inner{gap:14px;height:44px;}
  .site-nav{inset:60px 0 auto;}
  body.nav-open .site-nav{max-height:calc(100vh - 60px);}
  .post-grid{grid-template-columns:1fr;gap:28px;}
  .site-foot-inner{grid-template-columns:1fr;}
  .foot-bottom .inner{flex-direction:column;gap:8px;}
  .site-main{padding:28px 0 56px;}
  .article-content{font-size:17px;}
}
@media (max-width:400px){
  .inner{padding:0 13px;}
  .site-head-inner{gap:9px;}
  .site-logo .logo-word{font-size:19px;}
  .site-head-actions{gap:4px;}
  .icon-btn{width:32px;height:32px;}
  .site-head-actions .btn{padding:7px 12px;font-size:12px;}
  .territory-label{display:none;}
  .nav-terr-grid{gap:10px;}
}