/* mm-pages.css — gabarit des pages éditoriales Marseille Mobilité (2026-10-02)
   Héros en dégradé + pictogramme Font Awesome (pas de photo), cartes d'info, tableaux, FAQ, sources. */
.mm-hero{position:relative;height:250px;margin-top:50px;border-radius:14px;overflow:hidden;
  background:linear-gradient(120deg,#0f766e 0%,#0d9488 55%,#155e75 100%);}
.mm-hero::after{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 30%,rgba(255,255,255,.16) 0,rgba(255,255,255,0) 45%),
             radial-gradient(circle at 10% 90%,rgba(255,255,255,.10) 0,rgba(255,255,255,0) 40%);}
.mm-hero .mm-hero-ic{position:absolute;right:28px;bottom:14px;font-size:120px;color:rgba(255,255,255,.14);z-index:1;line-height:1;}
.mm-hero h1{background:rgba(15,23,42,.30) !important;}
@media(max-width:767px){.mm-hero{height:170px;margin-top:12px;}.mm-hero .mm-hero-ic{font-size:70px;right:14px;}}

.mm-lead{font-size:17px;line-height:1.65;color:#1f2937;text-align:justify;}
.mm-content p{text-align:justify;}
.mm-content h2{margin-top:38px;margin-bottom:14px;}
.mm-content h3{margin-top:24px;margin-bottom:10px;font-size:20px;}

.mm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:22px 0;}
.mm-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;}
.mm-card .mm-card-ic{width:44px;height:44px;border-radius:50%;background:#ccfbf1;color:#0f766e;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px;}
.mm-card h3,.mm-card h4{font-size:17px;margin:0 0 8px;color:#0f172a;}
.mm-card p,.mm-card li{font-size:14.5px;color:#334155;margin:0 0 6px;text-align:left;}
.mm-card ul{padding-left:18px;margin:0;}

.mm-table-wrap{overflow-x:auto;margin:16px 0 22px;}
.mm-table{width:100%;border-collapse:collapse;font-size:15px;}
.mm-table th{background:#0f766e;color:#fff;}
.mm-table th,.mm-table td{border:1px solid #cbd5e1 !important;padding:9px 12px;text-align:left;vertical-align:top;}
.mm-table tr:nth-child(even) td{background:#f8fafc;}

.mm-badge{display:inline-block;min-width:34px;text-align:center;padding:2px 8px;border-radius:6px;font-weight:700;font-size:13px;color:#fff;background:#0f766e;margin-right:4px;}
.mm-badge.m1{background:#0085ca;} .mm-badge.m2{background:#e2001a;}
.mm-badge.t{background:#d97706;} .mm-badge.bus{background:#475569;} .mm-badge.ferry{background:#0e7490;}

.mm-note{background:#fffbeb;border-left:4px solid #f59e0b;padding:12px 16px;border-radius:6px;font-size:14.5px;color:#78350f;margin:18px 0;}
.mm-info{background:#ecfeff;border-left:4px solid #0891b2;padding:12px 16px;border-radius:6px;font-size:14.5px;color:#164e63;margin:18px 0;}

.mm-faq{margin:14px 0 10px;}
.mm-faq details{border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;margin:0 0 10px;background:#fff;}
.mm-faq summary{cursor:pointer;font-weight:700;color:#0f172a;}
.mm-faq details p{margin:10px 0 0;}

.mm-sources{margin-top:36px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:13.5px;color:#64748b;}
.mm-sources h2{font-size:17px;margin:0 0 8px;}
.mm-sources ul{padding-left:18px;margin:0;}
.mm-sources a{color:#0f766e;word-break:break-word;}
.mm-updated{font-size:13.5px;color:#64748b;margin:0 0 18px;}
.mm-related{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;}
.mm-related a{display:inline-block;padding:7px 14px;border:1px solid #0f766e;border-radius:999px;color:#0f766e;font-weight:600;font-size:14px;text-decoration:none;}
.mm-related a:hover{background:#0f766e;color:#fff;}