/* La page des guides : une vedette, des thèmes, des cartes avec couverture. */
.page{max-width:1080px}
.chapo{max-width:640px}
.sur{font-family:'General Sans';font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ambre2);margin-bottom:.8rem}
.avant{margin-top:2.2rem}
.vedettes{display:grid;grid-template-columns:1.35fr 1fr;gap:1.2rem;align-items:stretch}
.secondes{display:grid;grid-template-rows:1fr 1fr;gap:1.2rem}
.gcarte{display:flex;flex-direction:column;background:var(--carte);border:1px solid var(--ligne);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.gcarte:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(15,15,15,.35);border-color:rgba(237,163,23,.6)}
.gimg{display:block;aspect-ratio:3/2;overflow:hidden;background:#e9e2d6}
.gimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.gcarte .gimg img{height:100%}
.gcarte:hover .gimg img{transform:scale(1.03)}
.gtexte{display:flex;flex-direction:column;gap:.35rem;padding:1.05rem 1.15rem 1.2rem}
.gtag{font-family:'General Sans';font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ambre2)}
.gcarte b{font-family:'General Sans';font-weight:600;font-size:1.08rem;line-height:1.25;letter-spacing:-.01em}
.gdesc{color:var(--doux);font-size:.92rem;line-height:1.55}
.gcarte.grande .gimg{aspect-ratio:auto;flex:1;min-height:260px}
.gcarte.grande b{font-size:1.5rem}
.gcarte.grande .gdesc{font-size:1rem}
.secondes .gcarte{flex-direction:row}
.secondes .gimg{aspect-ratio:auto;width:42%;flex:none}
.secondes .gtexte{justify-content:center}
.secondes .gdesc{display:none}
.filtres{display:flex;gap:.5rem;flex-wrap:wrap;margin:3rem 0 1.6rem;position:sticky;top:0;background:var(--papier);padding:.8rem 0;z-index:5;scroll-margin-top:0}
.filtres button{font:inherit;font-size:.88rem;font-weight:500;background:var(--carte);border:1px solid var(--ligne);color:var(--doux);border-radius:100px;padding:.5rem .95rem;cursor:pointer;transition:all .15s}
.filtres button span{color:var(--muet);margin-left:.25rem;font-size:.78rem}
.filtres button.actif{background:var(--encre);color:var(--papier);border-color:var(--encre)}
.filtres button.actif span{color:rgba(250,249,246,.6)}
.theme{margin-bottom:2.6rem}
.theme h2{font-size:1.3rem;font-weight:600;margin-bottom:1rem}
.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.semaine{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;background:var(--carte);border:1px solid var(--ligne);border-radius:18px;padding:2rem;margin-top:1rem}
.semaine h2{font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:.6rem}
.semaine p{color:var(--doux);line-height:1.65}
.semaine .liens{display:flex;flex-direction:column;gap:.6rem}
.semaine .btn{text-align:center}
.semaine .btn.clair{color:var(--encre);border-color:var(--ligne);margin-left:0}
.suite{margin-top:1.2rem}
@media(max-width:860px){.grille{grid-template-columns:repeat(2,1fr)}.vedettes{grid-template-columns:1fr}.secondes{grid-template-rows:none;grid-template-columns:1fr 1fr}.secondes .gcarte{flex-direction:column}.secondes .gimg{width:auto;aspect-ratio:3/2}.semaine{grid-template-columns:1fr}}
@media(max-width:560px){.grille{grid-template-columns:1fr}.secondes{grid-template-columns:1fr}.secondes .gcarte{flex-direction:row}.secondes .gimg{width:40%;aspect-ratio:auto}.secondes .gtexte{padding:.8rem .9rem}.secondes b{font-size:.95rem}.gcarte.grande .gimg{min-height:200px}.gcarte.grande b{font-size:1.25rem}.filtres{gap:.4rem;margin-top:2rem}.filtres button{padding:.42rem .75rem;font-size:.8rem}.semaine{padding:1.4rem}}