/* MonPatrimoine — habillage éditorial façon presse des pages guides (ressources/*).
   Chargé uniquement par les 33 pages guides : <link rel="stylesheet" href="/assets/guide.css?v=2">
   Source UNIQUE du style des guides : toute retouche se fait ici (une seule fois),
   puis on bumpe le ?v= dans les pages via `node update-guides.js`.
   Le CSS commun (thèmes, topbar, footer, pubs) reste dans shared.css. */

/* Conteneur de page (les guides n'utilisent pas les tabs/sections du gabarit d'origine) */
.page{max-width:1280px;margin:0 auto;padding:1.5rem 2.5rem 2rem}

/* Fil d'ariane */
.guide-crumb{max-width:720px;margin:.4rem auto 1.5rem;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);display:flex;align-items:center;gap:.55rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}
.guide-crumb a{color:var(--gold,#b8860b);text-decoration:none}
.guide-crumb a:hover{text-decoration:underline}
.guide-crumb .sep{opacity:.5}
.guide-crumb .here{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t3)}

/* Article */
.guide-art{max-width:720px;margin:0 auto;padding:.4rem 0 0}

/* Étiquette de rubrique — style éditorial (texte coloré, sans pastille).
   La règle de base est réécrite directement (pas d'override !important) : dans un guide
   .article-tag n'apparaît qu'ici, donc il n'y a plus d'ancienne pastille à écraser. */
.article-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .75rem;color:var(--t3)}
.article-tag.epargne,.article-tag.debutant{color:var(--green)}
.article-tag.bourse{color:var(--blue)}
.article-tag.immo{color:var(--amber)}
.article-tag.fiscal{color:var(--red)}
.article-tag.crypto{color:var(--gold,#b8860b)}

.guide-title{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-size:clamp(1.75rem,4.5vw,2.45rem);font-weight:600;letter-spacing:-.015em;line-height:1.14;color:var(--t1);margin:0 0 1rem}
.guide-meta{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 1.9rem;padding:.55rem 0;border-top:2px solid var(--t1);border-bottom:1px solid var(--border)}

/* Corps de l'article */
.guide-art .article-full-content{font-family:'Newsreader',Georgia,serif;font-size:1.08rem;line-height:1.75;color:var(--t1);max-width:none}
.guide-art .article-full-content p{margin-bottom:1.2rem}
.guide-art .article-full-content h2{font-family:'Newsreader',Georgia,serif;font-size:1.45rem;font-weight:600;line-height:1.25;color:var(--t1);margin:2.1rem 0 .85rem;padding-top:1.15rem;border-top:1px solid var(--border)}
.guide-art .article-full-content h2:first-child{margin-top:0;padding-top:0;border-top:none}
.guide-art .article-full-content>p:first-of-type::first-letter{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:2.6em;line-height:.88;float:left;padding:.04em .14em 0 0;color:var(--gold,#b8860b)}
.guide-art .article-full-content ul{list-style:none;margin:0 0 1.2rem;padding-left:1.15rem}
.guide-art .article-full-content ul li{position:relative;margin-bottom:.45rem}
.guide-art .article-full-content ul li::before{content:'—';position:absolute;left:-1.15rem;color:var(--gold,#b8860b)}

/* Sources */
.guide-art .article-sources{margin-top:2.3rem;padding-top:.9rem;border-top:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:.62rem;line-height:2}
.article-sources-label{font-weight:700;color:var(--t2)}
.article-sources a{color:var(--t3);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s}
.article-sources a:hover{color:var(--blue)}

/* Retour */
.guide-back{max-width:720px;margin:2.2rem auto 0;text-align:center}
.guide-back a{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--t3);text-decoration:none;transition:color .15s}
.guide-back a:hover{color:var(--gold,#b8860b)}

/* Barre de défilement fine (cohérente avec le reste du site) */
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0}::-webkit-scrollbar-thumb{background:rgba(128,128,128,.15);border-radius:3px}

/* Responsive */
@media(max-width:768px){.page{padding:1rem 1rem 2.5rem}}