/* POLA Studio — mise en page des guides (cocon SEO). Complete assets/pola.css. */

.gwrap{max-width:1180px;margin:0 auto;padding:0 var(--margin)}

/* fil d'ariane + en-tete d'article */
.ghead{padding:clamp(120px,14vh,170px) 0 clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.crumb{font-size:12px;letter-spacing:.06em;color:var(--faint);margin-bottom:28px}
.crumb a{color:var(--muted);transition:color .25s}
.crumb a:hover{color:var(--terra)}
.crumb span{margin:0 8px;opacity:.5}
.ghead h1{font-family:var(--display);font-weight:500;font-size:clamp(34px,5vw,66px);line-height:1.0;letter-spacing:-.025em;color:var(--ink);max-width:20ch;text-wrap:balance}
.ghead .standfirst{font-size:clamp(17px,1.7vw,21px);line-height:1.6;color:var(--muted);max-width:62ch;margin-top:26px}
.gmeta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.gmeta b{color:var(--terra);font-weight:600}

/* colonnes : article + rail lateral colle */
.glayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,5vw,76px);padding:clamp(48px,6vw,80px) 0 clamp(72px,8vw,110px);align-items:start}
.grail{position:sticky;top:104px;display:flex;flex-direction:column;gap:26px}

/* sommaire ancre */
.gtoc .lab,.gcta .lab{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.gtoc ol{list-style:none;counter-reset:toc;border-left:1px solid var(--line)}
.gtoc li{counter-increment:toc}
.gtoc a{display:block;padding:9px 0 9px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:13.5px;line-height:1.45;color:var(--muted);transition:color .25s,border-color .25s}
.gtoc a:hover{color:var(--ink)}
.gtoc a.active{color:var(--terra);border-left-color:var(--terra)}

/* carte d'appel collee */
.gcta{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 10px 30px rgba(35,32,28,.06)}
.gcta .t{font-family:var(--display);font-weight:500;font-size:21px;line-height:1.15;color:var(--ink);margin-bottom:10px}
.gcta p{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:20px}
.gcta .btn{width:100%;justify-content:center;padding:14px 20px;font-size:12px}

/* corps de l'article */
.gbody{max-width:74ch;font-size:17px;line-height:1.75;color:var(--text)}
.gbody>*+*{margin-top:22px}
.gbody h2{font-family:var(--display);font-weight:500;font-size:clamp(27px,3.2vw,42px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin-top:clamp(52px,6vw,76px);scroll-margin-top:110px;text-wrap:balance}
.gbody h3{font-family:var(--display);font-weight:500;font-size:clamp(20px,2.1vw,26px);line-height:1.2;color:var(--ink);margin-top:40px}
.gbody p b,.gbody li b{color:var(--ink);font-weight:600}
.gbody a:not(.btn){color:var(--terra);border-bottom:1px solid rgba(169,85,47,.35);transition:border-color .25s}
.gbody a:not(.btn):hover{border-bottom-color:var(--terra)}
.gbody ul,.gbody ol{padding-left:22px}
.gbody li{margin-top:11px}
.gbody li::marker{color:var(--terra)}

/* chiffre mis en avant */
/* le filet terracotta court reprend l'idiome deja etabli par .statgrid sur la home */
.gstat{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;margin-top:34px;padding:28px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;position:relative}
.gstat::before{content:"";position:absolute;top:28px;left:28px;width:36px;height:2px;background:var(--terra)}
.gstat>*{padding-top:20px}
.gstat .fig{font-family:var(--display);font-weight:700;font-size:clamp(32px,3.6vw,46px);line-height:.92;letter-spacing:-.02em;color:var(--terra);font-variant-numeric:tabular-nums;white-space:nowrap}
.gstat .txt{font-size:15.5px;line-height:1.6;color:var(--text)}
.gstat .src{display:block;margin-top:9px;font-size:12.5px;color:var(--faint)}

/* encadre methode */
.gnote{margin-top:34px;padding:26px 28px;background:rgba(169,85,47,.055);border:1px solid var(--line-2);border-radius:12px}
.gnote .lab{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:12px}
.gnote p{font-size:15.5px;line-height:1.65;color:var(--text)}
.gnote p+p{margin-top:12px}

/* tableau */
.gtable-wrap{margin-top:34px;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.gbody table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.gbody th,.gbody td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line)}
.gbody th{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);background:var(--bg-2)}
.gbody td:first-child{color:var(--ink);font-weight:500}
.gbody tr:last-child td{border-bottom:none}

/* FAQ */
.gfaq{margin-top:26px;border-top:1px solid var(--line)}
.gfaq details{border-bottom:1px solid var(--line)}
.gfaq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:22px 0;font-family:var(--display);font-weight:500;font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:var(--ink);transition:color .25s}
.gfaq summary::-webkit-details-marker{display:none}
.gfaq summary::after{content:"+";color:var(--terra);font-size:20px;font-weight:400;line-height:1;flex:none}
.gfaq details[open] summary::after{content:"\2013"}
.gfaq summary:hover{color:var(--terra)}
.gfaq .ans{padding:0 0 24px;font-size:16px;line-height:1.7;color:var(--muted);max-width:68ch}

/* maillage interne */
.gnext{border-top:1px solid var(--line);padding:clamp(52px,6vw,80px) 0}
.gnext .lab{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:28px}
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:var(--gutter)}
.gcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.gcard:hover{border-color:var(--terra);box-shadow:0 14px 40px rgba(35,32,28,.10);transform:translateY(-4px)}
.gcard .k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);margin-bottom:14px}
.gcard .t{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.15;color:var(--ink);margin-bottom:11px}
.gcard .d{font-size:14.5px;line-height:1.6;color:var(--muted)}

/* index des guides */
.ghub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--gutter-2);padding:clamp(48px,6vw,80px) 0}

@media(max-width:980px){
  .glayout{grid-template-columns:1fr}
  .grail{position:static;flex-direction:row;flex-wrap:wrap;gap:22px}
  .gtoc,.gcta{flex:1 1 260px}
}
@media(max-width:880px){.gwrap{padding:0 24px}.gbody{font-size:16.5px}}