/* === METROiste — Shared Styles === */

/* Base */
:root{--paper:#f4f0e8;--ink:#1a1510;--muted:#8a7f70;--accent:#d4380d;--border:#d4cfc5;--card:#faf7f2;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh;line-height:1.7;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}

/* Header */
header{border-bottom:2px solid var(--ink);padding:1.2rem 2rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.5rem;max-width:1080px;margin:0 auto;}
.eyebrow{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;}
.logo{font-family:'DM Serif Display',serif;font-size:clamp(2.2rem,6vw,3.8rem);letter-spacing:-2px;font-weight:normal;text-decoration:none;color:var(--ink);}
.logo span{color:var(--accent);font-style:italic;}
.vol{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--muted);letter-spacing:1px;line-height:1.8;text-align:right;}

/* Hero */
.hero{max-width:1080px;margin:0 auto;padding:2.5rem 2rem 2rem;border-bottom:1px solid var(--border);}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:20px;font-family:'DM Mono',monospace;font-size:.7rem;font-weight:500;letter-spacing:1px;margin-bottom:1rem;}
.hero h1{font-family:'DM Serif Display',serif;font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin-bottom:.8rem;font-weight:normal;}
.hero-sub{font-size:1.1rem;color:var(--muted);font-style:italic;max-width:600px;}

/* Article content */
article{max-width:1080px;margin:0 auto;padding:2rem;}
.content{max-width:100%;}
.content h2{font-family:'DM Serif Display',serif;font-size:1.6rem;margin:2.5rem 0 1rem;font-weight:normal;}
.content h3{font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:2rem 0 .8rem;}
.content p{margin-bottom:1.2rem;font-size:1rem;}
.content ul{margin:1rem 0 1.5rem 1.5rem;}
.content li{margin-bottom:.5rem;}

/* Fact box */
.fact-box{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1.2rem 1.5rem;margin:1.5rem 0;}
.fact-box-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;}
.fact-box p{margin:0;font-size:.95rem;}
.fact-box-src{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);margin-top:.6rem;font-style:italic;}

/* Warning box */
.warning-box{background:#fff5f3;border-left:3px solid var(--accent);padding:1rem 1.2rem;margin:1.5rem 0;font-size:.9rem;color:#5a2010;}

/* Stats grid */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;}
.stat{background:white;border:1px solid var(--border);padding:1.2rem;text-align:center;border-radius:3px;}
.stat-num{font-family:'DM Serif Display',serif;font-size:2rem;line-height:1;}
.stat-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-top:.4rem;}
@media(max-width:600px){.stats-grid{grid-template-columns:1fr;}}

/* CTA box */
.cta-box{background:var(--ink);color:var(--paper);padding:2rem;border-radius:4px;text-align:center;margin:3rem 0;}
.cta-box h3{font-family:'DM Serif Display',serif;font-size:1.5rem;font-style:italic;margin-bottom:.8rem;font-weight:normal;}
.cta-box p{color:rgba(255,255,255,.7);margin-bottom:1.2rem;font-size:.95rem;}
.cta-btn{display:inline-block;background:var(--accent);color:white;padding:.85rem 2rem;border-radius:3px;font-family:'DM Serif Display',serif;font-size:1.1rem;font-style:italic;transition:all .2s;}
.cta-btn:hover{background:#b5300a;text-decoration:none;transform:translateY(-2px);}

/* TOC */
.toc{background:var(--card);border:1px solid var(--border);padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:4px;}
.toc-title{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;}
.toc ul{list-style:none;margin:0;padding:0;}
.toc li{margin:.4rem 0;}
.toc a{font-size:.9rem;color:var(--ink);}

/* Quote */
.quote{padding:.8rem 1.2rem;margin:1.5rem 0;font-style:italic;}
.quote-author{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--muted);margin-top:.5rem;font-style:normal;}

/* Ad slots */
.ad-slot{max-width:728px;margin:2rem auto;text-align:center;}
.ad-slot-label{font-family:'DM Mono',monospace;font-size:.52rem;letter-spacing:2px;text-transform:uppercase;color:var(--border);text-align:center;margin-bottom:.3rem;}

/* Lire aussi */
.lire-aussi{max-width:1080px;margin:0 auto;border-top:2px solid var(--ink);padding:2rem 2rem 2.5rem;}
.lire-aussi-label{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem;}
.lire-aussi-label::after{content:'';flex:1;height:1px;background:var(--border);}
.lire-aussi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.lire-aussi-card{background:var(--card);border:1px solid var(--border);border-radius:3px;padding:1.2rem 1.5rem;text-decoration:none;color:var(--ink);display:block;transition:border-color .15s,transform .15s;}
.lire-aussi-card:hover{border-color:var(--ink);transform:translateY(-2px);text-decoration:none;}
.lire-aussi-card-tag{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;}
.lire-aussi-card-title{font-family:'DM Serif Display',serif;font-size:1.05rem;line-height:1.2;margin-bottom:.4rem;font-weight:normal;}
.lire-aussi-card-desc{font-size:.82rem;color:var(--muted);line-height:1.55;}
@media(max-width:600px){.lire-aussi-grid{grid-template-columns:1fr;}}

/* Footer */
footer{max-width:1080px;margin:0 auto;border-top:2px solid var(--ink);padding:.9rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}
.fc{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);letter-spacing:1px;}
.fc a{color:var(--muted);}

/* Mentions légales modal */
.modal{display:none;position:fixed;inset:0;background:rgba(26,21,16,.85);z-index:200;align-items:center;justify-content:center;padding:1rem;}
.modal.show{display:flex;}
.mbox{background:var(--paper);max-width:480px;width:100%;border-radius:4px;padding:1.8rem;border:2px solid var(--ink);position:relative;max-height:90vh;overflow-y:auto;}
.mtitle{font-family:'DM Serif Display',serif;font-size:1.6rem;margin-bottom:1.1rem;}
.mclose{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--muted);}
.bi{background:white;border:1px solid var(--border);padding:.85rem;border-radius:3px;margin-bottom:.6rem;font-size:.85rem;line-height:1.65;}
.bl{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;}

/* === Page-specific: stations-fantomes === */
.station-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1.5rem;margin:1.5rem 0;position:relative;overflow:hidden;}
.station-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ghost,var(--muted));}
.station-name{font-family:'DM Serif Display',serif;font-size:1.3rem;margin-bottom:.3rem;}
.station-line{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:1px;color:var(--muted);margin-bottom:.8rem;}
.station-desc{font-size:.95rem;margin-bottom:.8rem;}
.station-status{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;padding:.3rem .6rem;border-radius:3px;display:inline-block;}
.status-closed{background:#f5e6e6;color:#8a4040;}
.status-never{background:#e6e6f5;color:#4a4a8a;}
.status-film{background:#e6f5e6;color:#4a8a4a;}

/* === Page-specific: classement-lignes === */
.line-card{display:flex;gap:1.2rem;background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1.2rem 1.5rem;margin:1rem 0;align-items:flex-start;}
.line-rank{font-family:'DM Serif Display',serif;font-size:1.8rem;color:var(--muted);min-width:2.5rem;text-align:center;line-height:1;}
.line-rank.gold{color:var(--gold,#d4a500);}
.line-rank.silver{color:var(--silver,#8a8a8a);}
.line-rank.bronze{color:var(--bronze,#cd7f32);}
.line-rank.worst{color:var(--accent);}
.line-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Roboto Condensed','DM Sans',sans-serif;font-size:.9rem;font-weight:700;flex-shrink:0;}
.line-content{flex:1;}
.line-name{font-family:'DM Serif Display',serif;font-size:1.1rem;margin-bottom:.3rem;}
.line-verdict{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;}
.line-desc{font-size:.9rem;color:var(--ink);line-height:1.6;}
/* RATP official line colors + contrast-compliant text */
.l1 {background:#FFCD00;color:#1a1208;}.l2 {background:#003CA6;color:#fff;}.l3 {background:#9B9825;color:#fff;}.l3b{background:#6EC4E8;color:#1a1208;}.l4 {background:#C04191;color:#fff;}.l5 {background:#FF7E2E;color:#fff;}.l6 {background:#6ECA97;color:#1a1208;}.l7 {background:#F2A4B7;color:#1a1208;}.l7b{background:#6ECA97;color:#1a1208;}.l8 {background:#D282BE;color:#1a1510;}.l9 {background:#CDD000;color:#1a1208;}.l10{background:#E3B32A;color:#1a1208;}.l11{background:#8D5E2A;color:#fff;}.l12{background:#00814F;color:#fff;}.l13{background:#98D4E2;color:#1a1208;}.l14{background:#662483;color:#fff;}
.tier-label{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);}

/* === Page-specific: chatelet / rer-b stats === */
.stat-disputed{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--border);margin-top:.5rem;}
.stat-version{padding:.4rem .5rem;font-family:'DM Mono',monospace;font-size:.58rem;line-height:1.4;}
.stat-version:first-child{border-right:1px solid var(--border);}
.stat-version-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:.1rem;}
.stat-version-val{font-weight:500;color:var(--ink);}
.stat-num-main{font-family:'DM Serif Display',serif;font-size:1.4rem;color:var(--accent);line-height:1;margin:.3rem 0 .1rem;}
.stat-label-main{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}

/* === Page-specific: rer-b === */
.tip-box{background:#f0f7ff;border:1px solid #c5ddf5;border-radius:4px;padding:1.2rem 1.5rem;margin:1.5rem 0;}
.tip-box-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:#3a6a9e;margin-bottom:.5rem;}
.tip-box p{margin:0;font-size:.95rem;}
.saviez-vous{background:#fffbf0;border:1px solid #f0e6c8;border-radius:4px;padding:1.2rem 1.5rem;margin:1.5rem 0;}
.saviez-vous-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:#9a7b2d;margin-bottom:.5rem;}
.saviez-vous p{margin:0;font-size:.95rem;}
.saviez-vous-src{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--muted);margin-top:.6rem;font-style:italic;}
.table-wrapper{overflow-x:auto;margin:1.5rem 0;}
.data-table{width:100%;border-collapse:collapse;font-size:.9rem;}
.data-table th,.data-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border);}
.data-table th{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--card);}
.data-table tr:last-child td{border-bottom:none;}