/*
 * Formula1Mag — LOT 10 refactorisation technique prudente.
 * Fichier actif : /public/assets/css/app.css
 *
 * Objectif : stabilisation documentaire sans changement graphique volontaire.
 * Cette version conserve les sélecteurs, déclarations et l'ordre CSS validés après les lots responsive.
 * Ne pas remplacer par /public/assets/app.css : ce fichier racine est un asset fantôme neutralisé au LOT 9.
 */

:root{--bg:#f5f6f8;--surface:#ffffff;--surface-2:#f8f9fb;--text:#101114;--muted:#70747c;--line:#e6e8ee;--line-strong:#d7dbe3;--red:#e10600;--red-soft:#ff4d47;--black:#0e1116;--shadow:0 18px 48px rgba(14,17,22,.08);--radius-xl:26px;--radius-lg:20px;--radius-md:14px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left, rgba(225,6,0,.03), transparent 22%),var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}
.container{width:min(1400px,calc(100% - 28px));margin:0 auto}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}
.logo-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0 14px}.logo-wrap{display:flex;flex-direction:column;gap:8px}.brand{font-size:50px;font-weight:900;letter-spacing:-.07em;line-height:1}.brand span,.footer-brand span{color:var(--red)}.brand-image{display:inline-flex;align-items:center}.brand-image img{width:min(360px,100%);height:auto}.brand-sub{font-size:11px;letter-spacing:.18em;color:#8c9199;text-transform:uppercase;font-weight:800}
.search-inline{display:flex;gap:8px}.search-inline input{padding:11px 14px;border:1px solid var(--line-strong);background:#fff;border-radius:999px;min-width:360px;font-size:13px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.search-inline button{padding:11px 16px;background:linear-gradient(135deg,var(--black),#1b212c);color:#fff;border:none;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.menu-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.main-nav{display:flex;gap:18px;flex-wrap:wrap;padding:12px 0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.main-nav a:hover{color:var(--red)}
.site-main{padding:30px 0 50px}
.premium-home{display:grid;gap:28px}
.premium-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}
.premium-hero-main,.premium-widget,.premium-card,.modern-article-page,.modern-archive-header{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.premium-hero-main{position:relative;overflow:hidden;background:#111}
.premium-hero-image img{width:100%;height:620px;object-fit:cover}
.premium-hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:38px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 52%, rgba(0,0,0,.9) 100%)}
.eyebrow,.section-kicker{display:inline-flex;color:var(--red-soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.premium-hero-overlay h1{font-size:60px;line-height:1.01;margin:10px 0 10px;max-width:920px;letter-spacing:-.04em}
.hero-excerpt{max-width:760px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.9)}
.widget{padding:20px}.widget h3{margin:0 0 14px;font-size:18px}
.brand-panel{background:linear-gradient(180deg,#fff 0%, #fbfbfd 100%)}
.top-posts,.category-counts,.footer-list{list-style:none;padding:0;margin:0}.top-posts li,.category-counts li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}.top-posts li:last-child,.category-counts li:last-child,.footer-list li:last-child{border-bottom:none}
.newsletter input,.footer-newsletter input{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;margin:0 0 10px;background:#fff}.newsletter button,.footer-newsletter button{width:100%;padding:12px 14px;border:none;background:linear-gradient(135deg,var(--red),#ff3c35);color:#fff;font-weight:800;font-size:12px;border-radius:14px;text-transform:uppercase;letter-spacing:.06em}
.premium-top-grid,.premium-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.premium-card{overflow:hidden;border-radius:22px}.premium-card-image img{width:100%;height:220px;object-fit:cover}.premium-card-body{padding:16px 17px}.premium-card-body h3{margin:7px 0 8px;font-size:21px;line-height:1.16;letter-spacing:-.02em}
.premium-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(225,6,0,.08);color:var(--red);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.premium-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.premium-section{display:grid;gap:16px}.premium-section-head{display:flex;justify-content:space-between;align-items:flex-end}.premium-section-head h2{margin:4px 0 0;font-size:36px;letter-spacing:-.04em}.section-link{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.premium-bottom{display:grid;grid-template-columns:1fr}
.modern-article-page{padding:24px;max-width:1080px;margin:0 auto}.modern-article-cover img{width:100%;max-height:640px;object-fit:cover;border-radius:20px;margin-bottom:18px}.modern-article-page h1{font-size:60px;line-height:1.02;margin:10px 0 12px;letter-spacing:-.04em}.modern-article-content{font-size:19px;line-height:1.9;margin-top:28px}.modern-article-content p{margin:0 0 18px}
.modern-archive-header{padding:22px 24px;margin-bottom:18px}.modern-archive-header h1{font-size:46px;margin:0 0 10px;letter-spacing:-.03em}.modern-archive-header p{margin:0;color:#555}
.site-footer{margin-top:50px;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr 1fr;gap:24px;padding:36px 0}.footer-brand{font-size:34px;font-weight:900;margin-bottom:10px}.footer-small{color:#666;font-size:14px;line-height:1.7}.footer-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.copyright{padding:0 0 24px;color:var(--muted);font-size:12px}
@media (max-width:1200px){.premium-hero{grid-template-columns:1fr}.premium-top-grid,.premium-section-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-hero-image img{height:460px}}
@media (max-width:760px){.logo-row{flex-direction:column;align-items:flex-start;gap:14px}.search-inline{width:100%}.search-inline input{min-width:0;flex:1}.premium-top-grid,.premium-section-grid,.footer-grid{grid-template-columns:1fr}.premium-hero-image img{height:300px}.premium-hero-overlay{position:static;background:#111;padding:22px}.premium-hero-overlay h1,.modern-article-page h1{font-size:36px}.main-nav{gap:12px;font-size:10px}}

img{content-visibility:auto} .premium-card,.premium-widget,.modern-article-page{will-change:transform} a:focus,input:focus,button:focus,select:focus,textarea:focus{outline:2px solid rgba(225,6,0,.35);outline-offset:2px}

.header-top-actions{display:flex;align-items:center;gap:14px}
.login-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:none;background:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.login-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#111827;color:#fff}
.login-icon svg{width:15px;height:15px}
@media (max-width:760px){.header-top-inner{flex-direction:column;align-items:flex-start;gap:8px}.header-top-actions{flex-wrap:wrap}}

.premium-linked-seasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.premium-mini-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:700}

.nav-row-space{display:flex;align-items:center;justify-content:space-between;gap:18px}
.menu-login-chip{margin-left:auto;flex:0 0 auto;background:transparent;box-shadow:none;border:1px solid transparent;padding:7px 6px 7px 10px}.menu-login-chip:hover{background:rgba(17,24,39,.06)}
@media (max-width:900px){.nav-row-space{flex-direction:column;align-items:flex-start}.menu-login-chip{margin-left:0}}


.premium-card-image-entity img{height:220px;object-fit:contain;padding:20px;background:#fff}
.category-header-rich{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center}
.category-header-media img{width:160px;height:160px;object-fit:contain;border-radius:24px;background:#fff;border:1px solid var(--line);padding:18px}
@media (max-width:760px){.category-header-rich{grid-template-columns:1fr}.category-header-media img{width:120px;height:120px}}

.article-hero-topline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.article-meta-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.article-standfirst{font-size:23px;line-height:1.6;color:#374151;max-width:880px;margin:18px 0 0;font-weight:500}
.article-meta-chips{display:flex;flex-wrap:wrap;gap:8px}
.premium-tag-soft{background:#f3f4f6;color:#111827}
.article-tags-bar{margin-top:30px;padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:#fafbfc;display:grid;gap:12px}
.article-tags-bar strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#475467}
.modern-article-content h2{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:38px 0 16px}
.modern-article-content h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:30px 0 14px}
.modern-article-content h4{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:24px 0 12px}
.modern-article-content ul,.modern-article-content ol{padding-left:22px;margin:0 0 18px}
.modern-article-content li{margin-bottom:10px}
.modern-article-content blockquote,.article-quote-premium{margin:28px 0;padding:22px 24px;border-left:4px solid var(--red);background:#fff4f4;border-radius:0 20px 20px 0}
.modern-article-content blockquote p,.article-quote-premium p{margin:0;font-size:24px;line-height:1.55;letter-spacing:-.02em}
.modern-article-content .article-highlight{display:block;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;font-size:24px;line-height:1.6;margin:20px 0 28px;box-shadow:var(--shadow)}
.modern-article-content .article-callout{margin:24px 0;padding:22px 24px;border-radius:22px;border:1px solid #fed7aa;background:#fff7ed}
.modern-article-content .article-callout strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9a3412;margin-bottom:10px}
.modern-article-content .article-callout p{margin:0}
.modern-article-content .article-keyfacts,.modern-article-content .article-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.modern-article-content .article-keyfacts > div,.modern-article-content .article-stats-grid > div{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.modern-article-content .article-keyfacts strong{display:block;margin-bottom:10px;font-size:15px}
.modern-article-content .article-keyfacts p,.modern-article-content .article-stats-grid p{margin:0;color:#4b5563;line-height:1.7}
.modern-article-content .article-stats-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:10px}
.modern-article-content .article-stats-grid strong{display:block;font-size:36px;letter-spacing:-.05em;margin-bottom:8px}
.modern-article-content .article-separator{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(14,17,22,.25),transparent);margin:34px 0}
.category-header-rich{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}
.category-header-media img{width:140px;height:140px;object-fit:cover;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.premium-card-image-entity img{background:#fff;object-fit:contain;padding:18px}
@media (max-width:900px){.category-header-rich{grid-template-columns:1fr}.category-header-media img{width:110px;height:110px}.modern-article-content .article-keyfacts,.modern-article-content .article-stats-grid{grid-template-columns:1fr}.article-standfirst{font-size:19px}.modern-article-content blockquote p,.article-quote-premium p{font-size:20px}}

.modern-article-content .article-race-weekend,
.modern-article-content .article-factfile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.modern-article-content .article-duel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}
.modern-article-content .article-race-weekend > div,
.modern-article-content .article-duel-grid > article,
.modern-article-content .article-factfile > div{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.modern-article-content .article-race-weekend span,
.modern-article-content .article-factfile span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:10px}
.modern-article-content .article-duel-grid strong,
.modern-article-content .article-factfile strong,
.modern-article-content .article-race-weekend strong{display:block;font-size:24px;line-height:1.15;letter-spacing:-.03em;margin-bottom:8px}
.modern-article-content .article-duel-grid p,
.modern-article-content .article-factfile p,
.modern-article-content .article-race-weekend p{margin:0;color:#4b5563;line-height:1.75}
.modern-article-content .article-ranking-block{margin:26px 0;padding:22px 24px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.modern-article-content .article-ranking-title{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:14px}
.modern-article-content .article-ranking-block ol{margin:0;padding-left:22px}
.modern-article-content .article-ranking-block li{padding:8px 0;margin:0}
.modern-article-content .article-breaking-box{margin:26px 0;padding:22px 24px;border-radius:22px;border:1px solid #fecdd3;background:linear-gradient(135deg,#fff1f2,#ffe4e6)}
.modern-article-content .article-breaking-box strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#be123c;margin-bottom:10px}
.modern-article-content .article-breaking-box p{margin:0}
.modern-article-content .article-timeline{margin:26px 0;padding-left:22px;border-left:2px solid #d1d5db;display:grid;gap:16px}
.modern-article-content .article-timeline-item{position:relative;padding-left:10px}
.modern-article-content .article-timeline-item::before{content:"";position:absolute;left:-28px;top:6px;width:11px;height:11px;border-radius:999px;background:var(--red)}
.modern-article-content .article-timeline-item strong{display:block;font-size:18px;line-height:1.2;margin-bottom:6px}
.modern-article-content .article-timeline-item p{margin:0;color:#4b5563}
.modern-article-content .article-table-wrap{overflow:auto;margin:26px 0;border-radius:22px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.modern-article-content .article-comparison-table{width:100%;border-collapse:collapse;background:#fff}
.modern-article-content .article-comparison-table th,.modern-article-content .article-comparison-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}
.modern-article-content .article-comparison-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;background:#f8fafc}
@media (max-width:900px){.modern-article-content .article-race-weekend,.modern-article-content .article-factfile,.modern-article-content .article-duel-grid{grid-template-columns:1fr}}


.chip-list{display:flex;flex-wrap:wrap;gap:10px}
.news-filter-list{align-items:center}
.news-filter-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--text);transition:all .2s ease}
.news-filter-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:11px}
.news-filter-chip:hover,.news-filter-chip.is-active{border-color:rgba(225,6,0,.2);background:rgba(225,6,0,.06);color:var(--red)}
.news-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-card .premium-card-body p{margin:8px 0 0;color:#4b5563;line-height:1.7}
.news-card-meta{margin-top:14px}
.footer-brand-logo{display:inline-flex;align-items:center;margin-bottom:12px}
.footer-brand-logo img{width:min(230px,100%);height:auto}
@media (max-width:1200px){.news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.brand-image img{width:min(260px,100%)}.news-archive-grid{grid-template-columns:1fr}.logo-row{padding:16px 0 12px}.brand-sub{font-size:10px;letter-spacing:.12em}}

/* V9 - News archive experience */
.news-hero-panel{display:grid;grid-template-columns:minmax(0,1.4fr) 360px;gap:22px;align-items:stretch}
.news-hero-copy p{max-width:900px}
.news-hero-stats{display:grid;grid-template-columns:1fr;gap:12px}
.news-stat-card{padding:18px 20px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f9fafc 100%);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.news-stat-card span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:10px}
.news-stat-card strong{font-size:32px;letter-spacing:-.05em}
.news-filter-shell{display:grid;gap:18px}
.news-filter-head{align-items:flex-start}
.news-reset-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.news-selected-state{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.news-selected-state strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}
.news-selected-chips{display:flex;flex-wrap:wrap;gap:10px}
.news-selected-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#111827}
.news-selected-chip.is-empty{font-weight:600;color:#6b7280;background:#f8fafc}
.news-filter-panels{display:grid;grid-template-columns:1.2fr 1.2fr .95fr;gap:18px;align-items:start}
.news-filter-panel{padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:0 10px 24px rgba(15,23,42,.05)}
.news-filter-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.news-filter-panel-head h3{margin:0;font-size:18px;letter-spacing:-.03em}
.news-filter-panel-head span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800}
.news-filter-list-large{max-height:250px;overflow:auto;padding-right:4px}
.news-filter-list-large .news-filter-chip{font-size:11px}
.news-period-form{display:grid;gap:14px}
.news-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.news-select-grid label{display:block;margin-bottom:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}
.news-select{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#fff;font:inherit}
.news-period-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.news-apply-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:none;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:0 12px 24px rgba(15,23,42,.12)}
.news-soft-link{font-size:13px;color:#6b7280;font-weight:700}
.news-archive-shortcuts{display:grid;gap:10px;padding-top:4px}
.news-archive-shortcuts strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}
.news-archive-grid-enhanced{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news-card{overflow:hidden}
.news-card-featured{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}
.news-card-featured .premium-card-image{height:100%}
.news-card-featured .premium-card-image img{height:100%;min-height:100%;object-fit:cover}
.news-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.news-post-tag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.03em;color:#374151}
.news-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:8px;flex-wrap:wrap}
.news-page-numbers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.news-page-link,.news-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.news-page-link.is-active{background:#111827;color:#fff;border-color:#111827}
.news-page-link.is-disabled{pointer-events:none;opacity:.45}
.news-page-dots{min-width:auto;padding:0 10px;background:transparent;border:none;box-shadow:none}
@media (max-width:1280px){.news-filter-panels{grid-template-columns:1fr 1fr}.news-filter-panel-period{grid-column:1 / -1}.news-card-featured{grid-column:span 2}}
@media (max-width:1080px){.news-hero-panel{grid-template-columns:1fr}.news-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.news-archive-grid-enhanced{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.news-hero-stats,.news-filter-panels,.news-select-grid,.news-archive-grid-enhanced,.news-card-featured{grid-template-columns:1fr}.news-card-featured{grid-column:auto}.news-filter-list-large{max-height:none}.news-period-actions,.news-pagination{flex-direction:column;align-items:stretch}.news-page-numbers{justify-content:center}.news-reset-link,.news-apply-btn{width:100%}}
.news-select:disabled{background:#f3f4f6;color:#98a2b3;cursor:not-allowed}


/* V10 - résultats & classements */
.season-page-hero,.results-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start;padding:24px 26px;background:linear-gradient(135deg,#101114 0%,#171b22 65%,#1f2937 100%);color:#fff;border-color:rgba(255,255,255,.06)}
.season-page-hero-copy{display:grid;align-content:start;gap:0;min-width:0}
.season-page-hero p,.results-hero p{color:rgba(255,255,255,.82);max-width:900px}
.season-page-hero .section-kicker,.results-hero .section-kicker{color:#ff847f}
.season-page-hero-side{display:grid;align-content:start}
.season-page-badge{display:grid;gap:12px;min-width:min(100%,320px);padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.season-page-badge span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.7)}
.season-page-badge select,.season-page-badge-value{width:100%;min-height:50px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#fff;color:#111827;font:inherit;font-weight:700;box-shadow:0 12px 24px rgba(15,23,42,.14)}
.season-page-badge-value{display:flex;align-items:center}
.results-showcase{display:grid;grid-template-columns:minmax(0,1.55fr) 360px;gap:22px;align-items:start;margin-top:22px}
.results-panel,.results-chrono{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.results-panel{overflow:hidden}
.results-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#fafbfe 100%)}
.results-panel-head h2,.results-chrono-head h3{margin:4px 0 8px;font-size:34px;letter-spacing:-.04em}
.results-panel-head p,.results-chrono-head p{margin:0;color:#5b6471;line-height:1.7}
.results-panel-summary{display:grid;gap:8px;min-width:120px;padding:14px 16px;border-radius:20px;background:#111827;color:#fff;text-align:right}
.results-panel-summary span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}
.results-panel-summary strong{font-size:34px;line-height:1;letter-spacing:-.06em}
.results-table-wrap{overflow:auto;padding:0 0 4px}
.results-table{width:100%;border-collapse:separate;border-spacing:0}
.results-table thead th{padding:16px 18px;background:#f3f5f8;border-bottom:1px solid var(--line);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#5f6774;text-align:left;position:sticky;top:0;z-index:1}
.results-table tbody td{padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:middle;background:#fff}
.results-table tbody tr:nth-child(even) td{background:#fcfcfe}
.results-table tbody tr:hover td{background:#fff6f5}
.results-rank{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:14px;background:#111827;color:#fff;font-weight:900;font-size:15px;box-shadow:0 10px 20px rgba(15,23,42,.12)}
.results-avatar{width:58px;height:58px;border-radius:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid var(--line)}
.results-avatar img{width:100%;height:100%;object-fit:cover}
.results-logo img{object-fit:contain;padding:10px;background:#fff}
.results-avatar-fallback{font-size:15px;font-weight:900;color:#111827;letter-spacing:.04em}
.results-name-link{display:inline-flex;align-items:center;font-size:17px;line-height:1.35}
.results-name-link strong{letter-spacing:-.02em}
.results-team-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 20px rgba(15,23,42,.05);font-size:13px;font-weight:800;color:#111827}
.results-team-chip img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--line);padding:4px}
.results-team-chip.is-muted{box-shadow:none;background:#f8fafc;color:#6b7280}
.results-stat-pill{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:38px;padding:0 12px;border-radius:999px;background:rgba(225,6,0,.08);color:var(--red);font-weight:900}
.results-points{font-size:26px;letter-spacing:-.05em}
.results-empty{padding:26px 18px !important;color:#6b7280;text-align:center}
.results-chrono{padding:22px;position:sticky;top:118px;background:linear-gradient(180deg,#fff 0%,#fbfbfd 100%)}
.results-chrono-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.results-chrono-list{display:grid;gap:12px;padding-top:14px}
.results-chrono-item{padding:14px 0;border-bottom:1px solid var(--line)}
.results-chrono-item:last-child{border-bottom:none;padding-bottom:0}
.results-chrono-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.results-chrono-meta span{font-size:12px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}
.results-chrono-meta em{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#111827;color:#fff;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.results-chrono-item a{display:block;font-size:16px;font-weight:800;line-height:1.42;letter-spacing:-.02em;color:#111827}
.results-chrono-item a:hover,.results-name-link:hover{color:var(--red)}
.results-chrono-empty{padding:18px 0;color:#6b7280}
@media (max-width:1200px){.results-showcase{grid-template-columns:1fr}.results-chrono{position:relative;top:auto}.results-panel-head{align-items:flex-start;flex-direction:column}.results-panel-summary{width:100%;text-align:left}}
@media (max-width:760px){.season-page-hero,.results-hero,.drivers-hero,.teams-hero{grid-template-columns:1fr}.season-page-hero-side{width:100%}.season-page-badge{min-width:0}.results-panel-head h2,.results-chrono-head h3{font-size:28px}.results-table thead th,.results-table tbody td{padding:13px 12px}.results-rank{min-width:38px;height:38px}.results-avatar{width:48px;height:48px;border-radius:15px}.results-team-chip{padding:9px 12px}.results-points{font-size:22px}}
.calendar-hero{margin-bottom:22px}.calendar-board{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.calendar-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#fafbfe 100%)}.calendar-board-head h2{margin:4px 0 8px;font-size:34px;letter-spacing:-.04em}.calendar-board-head p{margin:0;color:#5b6471;line-height:1.7}.calendar-board-summary{display:grid;gap:8px;min-width:120px;padding:14px 16px;border-radius:20px;background:#111827;color:#fff;text-align:right}.calendar-board-summary span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}.calendar-board-summary strong{font-size:34px;line-height:1;letter-spacing:-.06em}.calendar-group-list{display:grid;gap:0}.calendar-group{padding:0 24px 14px}.calendar-group-title{position:sticky;top:0;z-index:1;padding:18px 0 12px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#6b7280;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 100%)}.calendar-race-list{display:grid;gap:12px}.calendar-race-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:#fcfcfe;box-shadow:0 10px 24px rgba(15,23,42,.04)}.calendar-race-row.is-completed{background:linear-gradient(180deg,#fff 0%,#fff8f7 100%);border-color:#f0d8d5}.calendar-race-identity{display:flex;align-items:center;gap:16px;min-width:0}.calendar-race-flag{width:62px;height:62px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 22px rgba(15,23,42,.06)}.calendar-race-flag img{width:100%;height:100%;object-fit:cover}.calendar-race-flag-fallback{font-size:15px;font-weight:900;color:#111827;letter-spacing:.06em;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.calendar-race-identity h3{margin:0;font-size:22px;letter-spacing:-.03em}.calendar-race-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;color:#6b7280;font-size:13px;font-weight:700}.calendar-race-meta em{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#111827;color:#fff;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.calendar-race-actions{display:flex;align-items:center;justify-content:flex-end}.calendar-race-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;background:var(--red);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 28px rgba(225,6,0,.24)}.calendar-race-link:hover{transform:translateY(-1px);color:#fff}.calendar-race-status{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:#6b7280;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.gp-results-hero{margin-bottom:22px}.gp-results-hero-actions{display:flex;align-items:center;justify-content:flex-end}.gp-podium-panel{margin-bottom:22px}.gp-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gp-podium-card{display:grid;gap:14px;padding:20px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.gp-podium-rank{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:8px 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.gp-podium-driver{display:flex;align-items:center;gap:14px}.gp-podium-driver strong{display:block;font-size:18px;letter-spacing:-.03em}.gp-podium-driver small{display:block;margin-top:4px;color:#6b7280;font-size:13px;font-weight:700}.gp-podium-score{display:grid;gap:4px}.gp-podium-score strong{font-size:28px;font-weight:900;letter-spacing:-.05em;color:var(--red)}.gp-podium-score small{font-size:12px;font-weight:700;color:#6b7280}.gp-results-panel{margin-top:0}.gp-results-table .results-rank{min-width:48px}@media (max-width:1200px){.gp-podium-grid{grid-template-columns:1fr}.calendar-board-head{align-items:flex-start;flex-direction:column}.calendar-board-summary{width:100%;text-align:left}}@media (max-width:760px){.calendar-race-row{grid-template-columns:1fr;padding:16px}.calendar-race-actions{justify-content:flex-start}.calendar-race-identity h3{font-size:20px}.calendar-board-head h2{font-size:28px}.calendar-group{padding:0 16px 14px}.gp-results-hero-actions{justify-content:flex-start}.gp-podium-score strong{font-size:24px}}

/* V15 - Pilotes showcase */
.drivers-hero{}
.drivers-showcase-wrap{display:grid;gap:18px}
.drivers-showcase-head p{margin:8px 0 0;color:#667085;max-width:720px}
.drivers-team-stack{display:grid;gap:22px}
.drivers-team-row{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px}
.drivers-team-row-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.drivers-team-rank{width:54px;height:54px;border-radius:18px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;letter-spacing:-.03em;flex:0 0 auto}
.drivers-team-row-head h3{margin:4px 0 0;font-size:28px;letter-spacing:-.04em}
.drivers-team-logo{margin-left:auto;display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:24px;background:#fff;border:1px solid var(--line);padding:16px}
.drivers-team-logo img{max-width:100%;max-height:100%;object-fit:contain}
.drivers-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.drivers-cards-grid.single{grid-template-columns:minmax(0,1fr)}
.driver-showcase-card{display:grid;grid-template-rows:370px 158px;height:528px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,grid-column .2s ease}
.driver-showcase-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.driver-showcase-card.is-expanded{grid-column:1/-1;height:auto;grid-template-rows:370px auto}
.driver-showcase-top{position:relative;background:linear-gradient(160deg,var(--team-accent,#111827) 0%, color-mix(in srgb, var(--team-accent,#111827) 78%, #ffffff 22%) 100%);height:370px;display:grid;grid-template-rows:96px 274px;color:#fff;overflow:hidden}
.driver-showcase-top::after{content:"";position:absolute;inset:auto -40px -90px auto;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.11);filter:blur(2px)}
.driver-showcase-top-copy{position:relative;z-index:2;padding:18px 22px 8px;display:flex;align-items:flex-start;justify-content:flex-start;min-height:96px;max-height:96px;overflow:hidden}
.driver-showcase-top h4{margin:0;font-size:38px;line-height:.98;letter-spacing:-.05em;display:grid;gap:4px;max-width:72%}
.driver-showcase-top h4 span{display:block;font-size:18px;font-weight:700;letter-spacing:-.03em;opacity:.92}
.driver-showcase-top h4 strong{display:block;font-size:42px;font-weight:900}
.driver-showcase-photo{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;height:274px;min-height:274px;max-height:274px;overflow:hidden;padding:0 18px 0 0;isolation:isolate}
.driver-showcase-photo::before{content:"";position:absolute;right:-2%;bottom:0;width:274px;height:274px;border-radius:999px;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.46) 34%,rgba(255,255,255,.24) 58%,rgba(255,255,255,.10) 74%,rgba(255,255,255,0) 86%);filter:blur(1px);pointer-events:none}
.driver-showcase-photo::after{content:"";position:absolute;right:8%;bottom:4%;width:196px;height:196px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.26) 0%,rgba(255,255,255,.10) 50%,rgba(255,255,255,0) 76%);pointer-events:none}
.driver-showcase-photo-stage{position:relative;z-index:2;width:100%;height:274px;display:flex;align-items:flex-end;justify-content:flex-end}
.driver-showcase-photo img{position:relative;z-index:2;display:block;height:274px;width:auto;max-width:100%;max-height:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))}
.driver-showcase-photo.no-photo{align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-top:1px dashed rgba(255,255,255,.22);padding:18px}
.driver-showcase-photo.no-photo::before,.driver-showcase-photo.no-photo::after{display:none}
.driver-showcase-photo.no-photo .driver-showcase-photo-stage{align-items:center;justify-content:center;height:274px}
.driver-showcase-photo.no-photo span{font-size:56px;font-weight:900;letter-spacing:-.08em}
.driver-showcase-bottom{height:158px;min-height:158px;max-height:158px;padding:18px 20px 20px;background:#fff;display:grid;grid-template-rows:1fr auto;gap:14px;overflow:hidden}
.driver-showcase-card.is-expanded .driver-showcase-bottom{height:auto;min-height:158px;max-height:none}
.driver-showcase-description{font-size:15px;line-height:1.75;color:#344054;white-space:normal;overflow:hidden}
.driver-showcase-description.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:calc(1.75em * 3)}
.driver-showcase-card.is-expanded .driver-showcase-description.is-clamped{-webkit-line-clamp:unset;display:block;max-height:none}
.driver-showcase-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.driver-mini-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#111827}
.driver-expand-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:none;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.driver-expand-btn:hover{background:#0b1220}
@supports not (background: color-mix(in srgb, red 50%, white 50%)){
  .driver-showcase-top{background:linear-gradient(160deg,var(--team-accent,#111827) 0%, #243042 100%)}
}
@media (max-width:900px){.drivers-cards-grid{grid-template-columns:1fr}.driver-showcase-card.is-expanded{grid-column:auto}}
@media (max-width:760px){.drivers-team-row{padding:18px}.drivers-team-row-head{align-items:flex-start;flex-wrap:wrap}.drivers-team-logo{margin-left:0}.driver-showcase-card{grid-template-rows:332px 162px;height:494px}.driver-showcase-card.is-expanded{height:auto;grid-template-rows:332px auto}.driver-showcase-top{height:332px;grid-template-rows:92px 240px}.driver-showcase-top-copy{padding:18px 18px 8px;min-height:92px;max-height:92px}.driver-showcase-top h4{font-size:32px;max-width:78%}.driver-showcase-top h4 strong{font-size:36px}.driver-showcase-photo{height:240px;min-height:240px;max-height:240px;padding:0 10px 0 0}.driver-showcase-photo::before{right:2%;bottom:0;width:240px;height:240px}.driver-showcase-photo::after{right:12%;bottom:4%;width:168px;height:168px}.driver-showcase-photo-stage,.driver-showcase-photo img{height:240px}.driver-showcase-bottom{height:162px;min-height:162px;max-height:162px}.driver-showcase-card.is-expanded .driver-showcase-bottom{height:auto;max-height:none}.driver-showcase-actions{flex-direction:column;align-items:stretch}.driver-expand-btn,.driver-mini-link{text-align:center;justify-content:center}}


/* V16 - Ecuries showcase */
.teams-hero{}
.teams-showcase-wrap{display:grid;gap:18px}
.teams-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.team-showcase-card{display:grid;grid-template-rows:258px 152px;height:410px;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,grid-column .2s ease}
.team-showcase-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.team-showcase-card.is-expanded{grid-column:1/-1;height:auto;grid-template-rows:258px auto}
.team-showcase-top{position:relative;display:grid;grid-template-rows:auto 1fr;gap:18px;padding:24px;background:linear-gradient(155deg,var(--team-accent,#111827) 0%, color-mix(in srgb, var(--team-accent,#111827) 78%, #ffffff 22%) 100%);color:#fff;overflow:hidden}
.team-showcase-top::before{content:"";position:absolute;inset:auto -32px -54px auto;width:210px;height:210px;border-radius:999px;background:rgba(255,255,255,.10);filter:blur(2px)}
.team-showcase-title-wrap{position:relative;z-index:2;display:grid;gap:6px;align-content:start;min-width:0}
.team-showcase-title-wrap h3{margin:0;font-size:34px;line-height:.98;letter-spacing:-.05em;max-width:12ch}
.team-showcase-roster-row{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:stretch;min-height:134px}
.team-showcase-driver-list{display:grid;grid-template-rows:repeat(2,62px);gap:10px;align-content:start;min-height:134px;max-height:134px}
.team-showcase-driver-list.is-empty{display:flex;align-items:stretch}
.team-showcase-driver-pill{display:flex;align-items:center;gap:12px;height:62px;min-height:62px;padding:9px 12px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;min-width:0}
.team-showcase-driver-pill:hover{background:rgba(255,255,255,.16);color:#fff}
.team-showcase-driver-avatar{width:46px;height:46px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(255,255,255,.18);border:3px solid var(--team-accent-dark,#0b1220);box-shadow:0 10px 18px rgba(0,0,0,.14)}
.team-showcase-driver-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.team-showcase-driver-avatar.no-photo strong{font-size:15px;font-weight:900;letter-spacing:-.04em}
.team-showcase-driver-name{min-width:0;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:-.02em}
.team-showcase-driver-empty{display:flex;align-items:center;justify-content:center;width:100%;height:134px;border-radius:22px;border:1px dashed rgba(255,255,255,.28);background:rgba(255,255,255,.08);font-size:15px;font-weight:800;color:rgba(255,255,255,.92)}
.team-showcase-logo{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:flex-end;height:134px}
.team-showcase-logo-shell{width:150px;height:134px;border-radius:34px;display:flex;align-items:center;justify-content:center;align-self:stretch;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(0,0,0,.18);padding:22px;overflow:hidden}
.team-showcase-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}
.team-showcase-logo.no-logo span{font-size:28px;font-weight:900;letter-spacing:-.06em}
.team-showcase-bottom{height:152px;min-height:152px;max-height:152px;padding:18px 20px 20px;background:#fff;display:grid;grid-template-rows:1fr auto;gap:14px;overflow:hidden}
.team-showcase-card.is-expanded .team-showcase-bottom{height:auto;min-height:152px;max-height:none}
.team-showcase-description{font-size:15px;line-height:1.75;color:#344054;white-space:normal;overflow:hidden}
.team-showcase-description.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:calc(1.75em * 3)}
.team-showcase-card.is-expanded .team-showcase-description.is-clamped{-webkit-line-clamp:unset;display:block;max-height:none}
.team-showcase-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.team-expand-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:none;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.team-expand-btn:hover{background:#0b1220}
@supports not (background: color-mix(in srgb, red 50%, white 50%)){
  .team-showcase-top{background:linear-gradient(155deg,var(--team-accent,#111827) 0%, #243042 100%)}
}
@media (max-width:1100px){.teams-showcase-grid{grid-template-columns:1fr}.team-showcase-card.is-expanded{grid-column:auto}}
@media (max-width:760px){.teams-hero{grid-template-columns:1fr}.team-showcase-card{grid-template-rows:320px 168px;height:488px}.team-showcase-card.is-expanded{grid-template-rows:320px auto;height:auto}.team-showcase-top{grid-template-rows:auto 1fr;gap:16px;padding:20px}.team-showcase-title-wrap h3{font-size:30px;max-width:none}.team-showcase-roster-row{grid-template-columns:minmax(0,1fr) 126px;gap:14px;min-height:125px}.team-showcase-driver-list{grid-template-rows:repeat(2,58px);gap:9px;min-height:125px;max-height:125px}.team-showcase-driver-pill{height:58px;min-height:58px}.team-showcase-driver-empty{height:125px}.team-showcase-logo{height:125px;justify-content:flex-end;align-items:stretch}.team-showcase-logo-shell{width:126px;height:125px;border-radius:28px}.team-showcase-bottom{height:168px;min-height:168px;max-height:168px}.team-showcase-card.is-expanded .team-showcase-bottom{height:auto;max-height:none}.team-showcase-actions{flex-direction:column;align-items:stretch}.team-expand-btn,.team-showcase-actions .driver-mini-link{text-align:center;justify-content:center}}

/* V20 - Recherche */
.search-hero{display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:22px;align-items:stretch;padding:24px 26px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#101114 0%,#171b22 65%,#1f2937 100%);color:#fff;box-shadow:var(--shadow)}
.search-hero-copy{display:grid;align-content:start;gap:16px;min-width:0}
.search-hero-copy h1{margin:0;font-size:clamp(36px,4vw,58px);line-height:.95;letter-spacing:-.06em}
.search-hero-copy p{margin:0;max-width:820px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.78)}
.search-hero-copy strong{color:#fff}
.search-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:380px}
.search-stat-card{padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.search-stat-card span{display:block;margin-bottom:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.68)}
.search-stat-card strong{display:block;font-size:34px;letter-spacing:-.06em}
.search-panel{display:grid;gap:16px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.05) 100%)}
.search-panel-form{display:grid;gap:12px}
.search-panel-form label,.search-panel-notes strong{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}
.search-panel-form input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:#fff;color:#111827;font:inherit}
.search-panel-form input::placeholder{color:#667085}
.search-panel-form button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:none;border-radius:999px;background:#fff;color:#111827;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.search-panel-form button:hover{transform:translateY(-1px)}
.search-panel-notes{display:grid;gap:10px;padding:14px 16px;border-radius:20px;background:rgba(0,0,0,.16)}
.search-panel-notes ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.search-panel-notes li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.82)}
.search-panel-notes li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#fff;color:#111827;font-size:12px;font-weight:900}
.search-panel-notes p{margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.70)}
.search-empty-state{padding-top:18px}
.search-empty-card{padding:28px 30px;text-align:center}
.search-empty-card h2{margin:0 0 10px;font-size:28px;letter-spacing:-.04em}
.search-empty-card p{margin:0;color:#4b5563;line-height:1.7}
.search-levels{display:grid;gap:24px}
.search-level-block{display:grid;gap:18px}
.search-level-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 2px 4px}
.search-level-head h2{margin:6px 0 8px;font-size:30px;letter-spacing:-.05em}
.search-level-head p{margin:0;max-width:860px;color:#4b5563;line-height:1.7}
.search-level-head strong{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.search-level-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.search-level-badge,.search-level-icon,.search-result-reason{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.search-level-badge{background:#111827;color:#fff}
.search-level-icon{background:#f3f4f6;color:#374151}
.search-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.search-result-card{overflow:hidden}
.search-result-image img{height:220px;object-fit:cover}
.search-result-body{display:grid;gap:10px}
.search-result-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.search-result-reason{background:rgba(225,6,0,.08);color:var(--red)}
.search-result-body p{margin:0;color:#4b5563;line-height:1.75}
@media (max-width:1180px){.search-hero{grid-template-columns:1fr}.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.search-hero{padding:20px}.search-hero-stats,.search-results-grid{grid-template-columns:1fr}.search-level-head{flex-direction:column;align-items:flex-start}.search-level-head strong{min-width:0}.search-panel-form button{width:100%}}

/* V21 - Articles & Recherche UX refinements */
.news-filter-shell-compact{gap:22px}
.news-filter-head-compact{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.news-filter-head-compact h1{margin:6px 0 8px;font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.06em}
.news-toolbar-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.news-inline-stat{display:grid;align-items:center;justify-items:center;min-width:96px;padding:10px 14px;border-radius:18px;background:#111827;color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.12)}
.news-inline-stat span{font-size:28px;font-weight:900;line-height:1;letter-spacing:-.05em}
.news-inline-stat small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.76)}
.news-filter-toolbar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;align-items:start}
.news-filter-block{padding:20px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);box-shadow:0 14px 30px rgba(15,23,42,.05)}
.news-filter-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.news-filter-block-head h2{margin:2px 0 0;font-size:24px;letter-spacing:-.04em}
.news-filter-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.news-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800}
.news-filter-scroll{max-height:240px;overflow:auto;padding-right:6px}
.news-filter-block-period{display:grid;gap:14px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.news-period-form-compact{gap:12px}
.news-select-grid-compact{grid-template-columns:1fr 1fr}
.news-period-actions-inline{justify-content:flex-start}
.news-archive-shortcuts-compact{padding-top:0}
.news-selected-state-compact{padding:14px 16px}
.search-panel-simple{align-content:center}
.search-results-section{margin-top:24px}
.search-levels.search-results-section{padding-top:18px}
@media (max-width:1180px){.news-filter-toolbar{grid-template-columns:1fr 1fr}.news-filter-block-period{grid-column:1 / -1}}
@media (max-width:760px){.news-filter-head-compact,.news-toolbar-side,.news-filter-toolbar,.news-select-grid-compact{grid-template-columns:1fr;display:grid}.news-toolbar-side{justify-items:stretch}.news-inline-stat,.news-reset-link,.news-apply-btn{width:100%}.news-period-actions-inline{flex-direction:column;align-items:stretch}.search-results-section{margin-top:28px}.search-hero{grid-template-columns:1fr}.search-panel-simple{padding:18px 16px}}


/* V21.2 - Simplified inline toolbar filters for articles */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.article-toolbar-shell{padding-top:10px}
.article-toolbar{position:relative;display:grid;gap:18px}
.article-toolbar-sticky{position:sticky;top:88px;z-index:45;display:grid;gap:14px;padding:16px 18px;border:1px solid rgba(148,163,184,.18);border-radius:28px;background:rgba(11,19,34,.82);backdrop-filter:blur(18px);box-shadow:0 22px 48px rgba(15,23,42,.18)}
.article-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.article-toolbar-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.article-toolbar-group-main{flex:1 1 680px}
.article-toolbar-group-side{justify-content:flex-end}
.article-toolbar-trigger{display:grid;gap:2px;min-width:176px;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:#fff;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.article-toolbar-trigger:hover,.article-toolbar-trigger:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.11);outline:none}
.article-toolbar-trigger.is-active,.article-toolbar-trigger[aria-expanded="true"]{border-color:rgba(248,250,252,.35);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.09));box-shadow:0 14px 26px rgba(0,0,0,.16)}
.article-toolbar-trigger-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.article-toolbar-trigger strong{font-size:16px;letter-spacing:-.03em;line-height:1.15}
.article-toolbar-reset{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.article-toolbar-reset:hover,.article-toolbar-reset:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);transform:translateY(-1px);outline:none}
.article-toolbar-meta-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.article-toolbar-result-pill{display:inline-grid;align-items:center;justify-items:center;min-width:88px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 24px rgba(15,23,42,.14)}
.article-toolbar-result-pill span{font-size:28px;line-height:1;font-weight:900;letter-spacing:-.05em;color:#111827}
.article-toolbar-result-pill small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.article-toolbar-active-line{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 360px;flex-wrap:wrap}
.article-active-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700;color:#fff}
.article-active-chip span{opacity:.7;font-size:14px;line-height:1}
.article-active-chip-empty{color:rgba(255,255,255,.72)}
.article-toolbar-dynamic{display:grid;gap:12px;padding-top:2px}
.article-inline-panel{display:grid;gap:18px;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.98) 100%);border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 34px rgba(15,23,42,.12)}
.article-inline-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.article-inline-panel-head h2{margin:6px 0 6px;font-size:28px;letter-spacing:-.05em;color:#0f172a}
.article-inline-panel-head p{margin:0;color:#64748b;max-width:760px}
.article-inline-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:999px;background:#eef2f7;color:#0f172a;font-size:22px;line-height:1}
.article-inline-flow{display:grid;gap:16px}
.article-inline-step{display:grid;gap:10px}
.article-inline-step-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.article-inline-step-label{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
.article-inline-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.article-inline-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid #d8e1ec;background:#eef3f9;color:#0f172a;font-size:13px;font-weight:800;transition:all .18s ease}
.article-inline-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(15,23,42,.08);font-size:11px;font-weight:900;color:#334155}
.article-inline-pill:hover,.article-inline-pill:focus-visible{transform:translateY(-1px);outline:none;border-color:#b8c5d6;background:#f8fbff}
.article-inline-pill.is-selected{background:#111827;border-color:#111827;color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.16)}
.article-inline-pill.is-selected span{background:rgba(255,255,255,.16);color:#fff}
.article-inline-pill-soft{background:#fff}
.article-inline-back{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:none;border-radius:999px;background:#eef2f7;color:#334155;font-size:12px;font-weight:800}.article-inline-back.is-hidden{display:none}
.article-filter-empty{margin:0;font-size:14px;color:#64748b}
.article-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.article-panel-link{font-size:13px;font-weight:800;color:#64748b}
.article-panel-apply{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:none;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 26px rgba(15,23,42,.14)}
.article-results-shell{padding-top:12px}
@media (max-width:920px){.article-toolbar-sticky{top:76px}.article-toolbar-row,.article-toolbar-meta-row{align-items:stretch}.article-toolbar-group,.article-toolbar-group-side{width:100%}.article-toolbar-group-side{justify-content:space-between}.article-inline-panel-head{align-items:flex-start}}
@media (max-width:760px){.article-toolbar{gap:12px}.article-toolbar-sticky{top:74px;padding:14px;border-radius:24px}.article-toolbar-row{display:grid;gap:10px}.article-toolbar-group{display:grid;gap:10px}.article-toolbar-trigger,.article-toolbar-reset{width:100%}.article-toolbar-meta-row{display:grid;gap:10px}.article-toolbar-active-line{justify-content:flex-start}.article-inline-panel{padding:16px;border-radius:22px}.article-inline-panel-head h2{font-size:24px}.article-inline-actions{display:grid}.article-panel-apply{width:100%}}

/* V21.3 article filters */
.article-toolbar-scenario{position:relative;display:grid;gap:18px}
.article-toolbar-sticky--scenario{position:sticky;top:88px;z-index:20;display:grid;gap:12px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:var(--black);backdrop-filter:none;box-shadow:0 22px 48px rgba(15,23,42,.14)}
.article-filter-stage{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.article-filter-stage--closed{justify-content:flex-start}
.article-filter-buttons-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 640px}
.article-filter-main-btn,.article-filter-top-btn,.article-filter-family-btn,.article-filter-year-btn,.article-filter-month-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;white-space:nowrap}
.article-filter-main-btn{padding:0 24px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.article-filter-main-btn:hover,.article-filter-top-btn:hover,.article-filter-family-btn:hover,.article-filter-year-btn:hover,.article-filter-month-btn:hover,
.article-filter-main-btn:focus-visible,.article-filter-top-btn:focus-visible,.article-filter-family-btn:focus-visible,.article-filter-year-btn:focus-visible,.article-filter-month-btn:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.14);outline:none}
.article-filter-top-btn.is-active,.article-filter-family-btn.is-active,.article-filter-year-btn.is-active,.article-filter-month-btn.is-active{background:#fff;color:#0f172a;border-color:#fff;box-shadow:0 12px 28px rgba(2,6,23,.18)}
.article-filter-top-btn.is-muted,.article-filter-family-btn.is-muted,.article-filter-year-btn.is-muted,.article-filter-month-btn.is-muted{opacity:.42}
.article-toolbar-reset-inline{margin-left:auto;flex:0 0 auto}
.article-toolbar-subpanel{display:grid;gap:14px;padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(247,250,255,.98) 100%);border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 34px rgba(15,23,42,.12)}
.article-toolbar-subintro{display:grid;gap:4px}
.article-toolbar-subintro p{margin:0;color:#64748b}
.article-toolbar-subcontent[hidden]{display:none !important}
.article-choice-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid #d8e1ec;background:#111827;color:#fff;font-size:13px;font-weight:800;transition:all .18s ease}
.article-choice-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-weight:900}
.article-choice-chip:hover,.article-choice-chip:focus-visible{transform:translateY(-1px);outline:none;box-shadow:0 10px 24px rgba(15,23,42,.14)}
.article-choice-chip-soft{background:#eef3f9;color:#0f172a;border-color:#d8e1ec}.article-choice-chip-soft span{background:rgba(15,23,42,.08);color:#334155}
.article-choice-chip-primary{background:#dc2626;border-color:#dc2626;color:#fff}
.article-choice-chip.is-selected{background:#111827;border-color:#111827;color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.16)}
.article-choice-chip.is-selected span{background:rgba(255,255,255,.16);color:#fff}
.article-filter-empty{margin:4px 0 0;color:#64748b}
.article-toolbar-meta-row--scenario{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:2px}
.article-inline-chip-row-period{align-items:center}
@media (max-width:920px){.article-toolbar-sticky--scenario{top:76px;z-index:20}.article-filter-stage{align-items:stretch}.article-filter-buttons-row{flex:1 1 100%}.article-toolbar-reset-inline{margin-left:0}}
@media (max-width:760px){.article-toolbar-sticky--scenario{top:74px;z-index:20;padding:14px;border-radius:24px}.article-filter-stage{display:grid;gap:10px}.article-filter-buttons-row{display:grid;gap:10px}.article-filter-main-btn,.article-filter-top-btn,.article-filter-family-btn,.article-filter-year-btn,.article-filter-month-btn,.article-toolbar-reset-inline{width:100%;justify-content:flex-start}.article-toolbar-subpanel{padding:16px;border-radius:22px}}


/* V21.4 article filters - single visible line logic */
.article-toolbar-sticky--scenario{gap:14px;}
.article-filter-line{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap;min-height:54px;}
.article-filter-buttons-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto;min-width:0;}
.article-filter-buttons-row--single{flex:0 1 auto;}
.article-toolbar-reset-inline{flex:0 0 auto;}
.article-toolbar-subpanel{margin-top:-2px;padding:18px 18px 20px;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.95);box-shadow:0 12px 28px rgba(15,23,42,.08);}
.article-toolbar-subintro{display:grid;gap:4px;margin-bottom:14px;}
.article-toolbar-subintro p{margin:0;color:#64748b;font-size:14px;}
.article-inline-chip-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.article-choice-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#fff;color:#0f172a;font-size:13px;font-weight:800;letter-spacing:.02em;transition:all .18s ease;}
.article-choice-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eef2f7;color:#334155;font-size:11px;font-weight:800;}
.article-choice-chip:hover,.article-choice-chip:focus-visible{border-color:rgba(225,6,0,.22);background:rgba(225,6,0,.06);outline:none;transform:translateY(-1px);}
.article-choice-chip.is-selected{border-color:#111827;background:#111827;color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.18);}
.article-choice-chip.is-selected span{background:rgba(255,255,255,.16);color:#fff;}
.article-choice-chip-soft{background:#fff;}
.article-filter-main-btn,.article-filter-top-btn,.article-filter-family-btn,.article-filter-year-btn{min-height:46px;}
.article-filter-family-btn.is-active,.article-filter-year-btn.is-active{background:#fff;color:#0f172a;border-color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.18);}
.article-filter-family-btn.is-muted,.article-filter-year-btn.is-muted,.article-filter-top-btn.is-muted{opacity:.42;}
.article-filter-empty{margin:4px 0 0;color:#64748b;}
@media (max-width:920px){.article-filter-line{flex-wrap:wrap;align-items:stretch;}.article-filter-buttons-row{flex:1 1 100%;}.article-toolbar-reset-inline{width:100%;justify-content:center;}}
@media (max-width:760px){.article-toolbar-sticky--scenario{top:74px;padding:14px;border-radius:24px;}.article-filter-line{display:grid;gap:10px;}.article-filter-buttons-row{display:grid;gap:10px;}.article-filter-main-btn,.article-filter-top-btn,.article-filter-family-btn,.article-filter-year-btn,.article-choice-chip,.article-toolbar-reset-inline{width:100%;justify-content:flex-start;}.article-toolbar-subpanel{padding:16px;border-radius:22px;}}


/* V21.5 article filters robustness */
[data-filter-stage][hidden],
[data-filter-subpanel][hidden],
[data-filter-subcontent][hidden],
[data-category-group][hidden],
[data-month-step][hidden],
.article-filter-empty[hidden]{display:none !important;}
.article-filter-line--1{justify-content:flex-start;}
.article-filter-line--1 .article-filter-buttons-row--single{flex:0 0 auto;}
.article-category-groups{display:grid;gap:12px;}

.footer-newsletter-feedback{margin-top:12px;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.45}.footer-newsletter-feedback.success{background:rgba(33,150,83,.12);color:#146c3a}.footer-newsletter-feedback.error{background:rgba(225,6,0,.12);color:#8f120d}.footer-newsletter-help{margin-top:10px;color:#6b7280;font-size:12px;line-height:1.5}.footer-newsletter-help a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.newsletter-manage-page{display:grid;gap:24px}.newsletter-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.newsletter-manage-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(15,23,42,.06)}.newsletter-manage-card h2{margin:0 0 10px;font-size:22px}.newsletter-manage-card p{margin:0 0 18px;color:#5b6470;line-height:1.7}.newsletter-manage-form input{width:100%;padding:14px 16px;border:1px solid var(--line-strong);border-radius:16px;margin:0 0 12px;background:#fff}.newsletter-manage-form button{width:100%;padding:13px 14px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--red),#ff3c35);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.newsletter-manage-form button.secondary{background:#111}.newsletter-manage-feedback{padding:14px 18px;border-radius:18px;font-size:14px;font-weight:700}.newsletter-manage-feedback.success{background:rgba(33,150,83,.14);color:#146c3a}.newsletter-manage-feedback.error{background:rgba(225,6,0,.14);color:#8f120d}@media (max-width:760px){.newsletter-manage-grid{grid-template-columns:1fr}}


/* V23 - CMS pages */
.cms-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:start;padding:24px 26px;background:linear-gradient(135deg,#101114 0%,#171b22 65%,#1f2937 100%);color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:28px;box-shadow:var(--shadow);margin-bottom:22px}.cms-page-hero-copy{display:grid;align-content:start;gap:0;min-width:0}.cms-page-hero h1{margin:0 0 10px;font-size:56px;line-height:1.02;letter-spacing:-.05em}.cms-page-hero p{margin:0;max-width:920px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.78}.cms-page-hero-side{display:grid;align-content:start;justify-items:end}.cms-page-badge{min-height:100%;display:grid;gap:8px}.cms-page-badge small{color:rgba(255,255,255,.72)}.cms-page-badge--minimal{gap:0;align-items:center;justify-items:start;justify-self:end;min-height:auto;max-width:220px;padding:14px 16px}.cms-page-badge--minimal small{font-size:12px;font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.82)}.cms-page-content{padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.cms-page-prose{max-width:980px;margin:0 auto;color:#111827;font-size:17px;line-height:1.84}.cms-page-prose>*:first-child{margin-top:0}.cms-page-prose h2{margin:34px 0 14px;font-size:34px;line-height:1.1;letter-spacing:-.04em}.cms-page-prose h3{margin:26px 0 12px;font-size:23px;line-height:1.2;letter-spacing:-.03em}.cms-page-prose p{margin:0 0 18px;color:#28303d}.cms-page-prose strong{color:#111827}.cms-page-prose ul,.cms-page-prose ol{margin:0 0 20px 22px;padding:0}.cms-page-prose li{margin:0 0 10px}.cms-page-prose a{color:var(--red);font-weight:700}.cms-page-intro{margin:0 0 22px;padding:20px 22px;border-radius:22px;background:linear-gradient(180deg,#fff7f6 0%,#fff 100%);border:1px solid #f4d9d6}.cms-page-intro p:last-child{margin-bottom:0}.cms-anchor-nav{margin:0 0 28px;padding:18px 20px;border-radius:22px;background:#111827;color:#fff;box-shadow:0 18px 32px rgba(15,23,42,.12)}.cms-anchor-nav strong{display:block;margin-bottom:12px;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.cms-anchor-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.cms-anchor-nav li{margin:0}.cms-anchor-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:700}.cms-anchor-nav a:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-1px)}.cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.cms-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-card{padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 28px rgba(15,23,42,.05)}.cms-card h3,.cms-card h4{margin-top:0}.cms-card p:last-child,.cms-card ul:last-child{margin-bottom:0}.cms-card--dark{background:linear-gradient(135deg,#111827 0%,#1f2937 100%);color:#fff;border-color:rgba(255,255,255,.06)}.cms-card--dark p,.cms-card--dark li{color:rgba(255,255,255,.82)}.cms-note{margin:18px 0;padding:18px 20px;border-radius:18px;border-left:4px solid var(--red);background:#fff8f7}.cms-note p:last-child{margin-bottom:0}.cms-placeholder{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.cms-definition-list{display:grid;gap:14px;margin:18px 0}.cms-definition-item{padding:18px 20px;border-radius:18px;background:#f9fafb;border:1px solid var(--line)}.cms-definition-item strong{display:block;margin-bottom:6px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.cms-table-wrap{margin:20px 0;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 28px rgba(15,23,42,.05)}.cms-table{width:100%;border-collapse:collapse;background:#fff}.cms-table th,.cms-table td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.cms-table thead th{background:#111827;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cms-table tbody tr:last-child td{border-bottom:none}.cms-checklist{list-style:none!important;margin:0 0 20px;padding:0;display:grid;gap:10px}.cms-checklist li{position:relative;margin:0;padding:0 0 0 28px}.cms-checklist li::before{content:"✓";position:absolute;left:0;top:0;color:var(--red);font-weight:900}.cms-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.cms-contact-card{padding:20px;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fafbfe 100%);border:1px solid var(--line);box-shadow:0 14px 28px rgba(15,23,42,.05)}.cms-contact-card h3{margin-top:0;margin-bottom:10px}.cms-contact-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cms-contact-card li{margin:0;padding:0}.cms-divider{height:1px;border:none;background:linear-gradient(90deg,rgba(15,23,42,0) 0%,rgba(15,23,42,.12) 18%,rgba(15,23,42,.12) 82%,rgba(15,23,42,0) 100%);margin:30px 0}@media (max-width:1080px){.cms-page-hero{grid-template-columns:1fr}.cms-grid,.cms-grid--3,.cms-contact-grid{grid-template-columns:1fr}}@media (max-width:760px){.cms-page-hero h1{font-size:38px}.cms-page-content{padding:18px}.cms-page-prose{font-size:16px;line-height:1.76}.cms-page-prose h2{font-size:28px}.cms-page-prose h3{font-size:21px}.cms-anchor-nav ul{grid-template-columns:1fr}.cms-table-wrap{overflow:auto}.cms-table{min-width:620px}}

/* V25 - homepage refresh */
.premium-home-v25 .premium-hero-side{display:flex}
.premium-home-v25 .premium-latest-widget{height:100%;display:grid;grid-template-rows:auto 1fr;padding:22px}
.premium-home-v25 .premium-latest-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.premium-home-v25 .premium-latest-widget-head h3{margin:0;font-size:28px;letter-spacing:-.04em}
.premium-home-v25 .top-posts-rich{display:grid;gap:2px}
.premium-home-v25 .top-posts-rich li{padding:0;border-bottom:1px solid var(--line)}
.premium-home-v25 .top-posts-rich li:last-child{border-bottom:none}
.premium-home-v25 .top-post-rich-link{display:grid;gap:8px;padding:16px 0}
.premium-home-v25 .top-post-rich-category{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--red)}
.premium-home-v25 .top-post-rich-title{font-size:16px;line-height:1.35;font-weight:800;letter-spacing:-.02em;color:#101114}
.premium-home-v25 .top-post-rich-date{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.premium-home-v25 .premium-top-grid-home{margin-top:-4px}
.premium-home-v25 .premium-section-head{align-items:flex-end}
.premium-home-v25 .premium-section-head h2{font-size:38px}
.premium-home-v25 .premium-section-subtitle{margin:8px 0 0;color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.premium-home-v25 .premium-bottom-categories{margin-top:6px}
.premium-home-v25 .category-panel-compact{padding:18px 20px}
.premium-home-v25 .category-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.premium-home-v25 .category-panel-head h3{margin:0;font-size:28px;letter-spacing:-.04em}
.premium-home-v25 .category-panel-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.premium-home-v25 .category-panel-scroll{direction:rtl;max-height:268px;overflow-y:auto;padding-left:6px}
.premium-home-v25 .category-panel-scroll::-webkit-scrollbar{width:8px}
.premium-home-v25 .category-panel-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}
.premium-home-v25 .category-counts-compact{direction:ltr;display:grid;gap:10px}
.premium-home-v25 .category-counts-compact li{padding:0;border:none}
.premium-home-v25 .category-counts-compact a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04);font-size:14px;font-weight:800}
.premium-home-v25 .category-counts-compact strong{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;letter-spacing:.03em}
.premium-home-v25 .category-panel-compact.is-collapsed .category-panel-scroll{max-height:268px}
.premium-home-v25 .category-panel-compact.is-expanded .category-panel-scroll{max-height:none}
.premium-home-v25 .category-panel-compact.is-expanded .category-panel-toggle{background:#111827;color:#fff;border-color:#111827}
@media (max-width:1200px){.premium-home-v25 .premium-latest-widget-head h3,.premium-home-v25 .category-panel-head h3{font-size:24px}}
@media (max-width:760px){.premium-home-v25 .top-post-rich-title{font-size:15px}.premium-home-v25 .premium-section-head h2{font-size:32px}.premium-home-v25 .category-panel-head{align-items:flex-start;flex-direction:column}}


/* V26 - homepage hierarchy refresh */
.premium-home-v26{gap:34px}
.premium-home-v26 .premium-hero{align-items:stretch}.premium-home-v26 .premium-hero-main{isolation:isolate}.premium-home-v26 .premium-hero-image{display:block;position:relative;z-index:1}.premium-home-v26 .premium-hero-overlay{z-index:2;pointer-events:none}.premium-home-v26 .premium-hero-overlay a{pointer-events:auto}
.premium-home-v26 .premium-hero-main{min-height:100%;position:relative;overflow:hidden;border-radius:30px}
.premium-home-v26 .premium-hero-image img{height:680px}
.premium-home-v26 .premium-hero-overlay{padding:42px 42px 38px}
.premium-home-v26 .premium-hero-overlay h1{max-width:820px;font-size:64px}
.premium-home-v26 .hero-excerpt{max-width:680px}
.premium-mini-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.premium-mini-label.is-dark{color:#ff9a94}
.premium-home-v26 .premium-latest-widget{padding:24px 24px 10px;border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#fafbfc 100%)}
.premium-home-v26 .premium-latest-widget-head{margin-bottom:4px}
.premium-home-v26 .premium-latest-widget-head .premium-mini-label{margin:0}
.premium-home-v26 .top-post-rich-link{padding:18px 0 17px}
.premium-home-v26 .top-post-rich-category{color:var(--red);font-size:10px;letter-spacing:.12em}
.premium-home-v26 .top-post-rich-title{font-size:17px;line-height:1.32}
.premium-home-v26 .premium-spotlight-strip{display:grid;gap:16px}
.premium-home-v26 .premium-section-head-compact{align-items:flex-end}
.premium-home-v26 .premium-section-head-compact h2{margin:0;font-size:34px;letter-spacing:-.05em}
.premium-home-v26 .premium-spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.premium-home-v26 .premium-card-spotlight{border-radius:24px;overflow:hidden}
.premium-home-v26 .premium-card-spotlight .premium-card-image img{height:230px}
.premium-home-v26 .premium-editorial-band{padding:24px 24px 26px;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.premium-home-v26 .premium-editorial-band--dark{background:linear-gradient(135deg,#101114 0%,#171b22 55%,#1f2937 100%);border-color:rgba(255,255,255,.06);color:#fff}
.premium-home-v26 .premium-editorial-band--dark .premium-section-subtitle,.premium-home-v26 .premium-editorial-band--dark .premium-meta,.premium-home-v26 .premium-editorial-band--dark .section-link{color:rgba(255,255,255,.72)}
.premium-home-v26 .premium-editorial-band--dark .premium-section-head h2,.premium-home-v26 .premium-editorial-band--dark .premium-editorial-lead h3 a,.premium-home-v26 .premium-editorial-band--dark .premium-editorial-rail h4 a{color:#fff}
.premium-home-v26 .premium-section-head{align-items:flex-end;gap:24px;margin-bottom:4px}
.premium-home-v26 .premium-section-head h2{margin:0;font-size:42px;letter-spacing:-.05em}
.premium-home-v26 .premium-section-subtitle{margin:8px 0 0;font-size:15px;line-height:1.6;color:#667085;font-weight:600}
.premium-home-v26 .premium-editorial-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:stretch}
.premium-home-v26 .premium-editorial-lead{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.06)}
.premium-home-v26 .premium-editorial-band--dark .premium-editorial-lead{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:none}
.premium-home-v26 .premium-editorial-lead-image img{width:100%;height:100%;min-height:360px;object-fit:cover}
.premium-home-v26 .premium-editorial-lead-body{display:grid;align-content:center;gap:12px;padding:28px 28px 26px}
.premium-home-v26 .premium-editorial-lead-body h3{margin:0;font-size:38px;line-height:1.03;letter-spacing:-.05em}
.premium-home-v26 .premium-editorial-lead-body p{margin:0;color:#445164;font-size:15px;line-height:1.7}
.premium-home-v26 .premium-editorial-band--dark .premium-editorial-lead-body p{color:rgba(255,255,255,.8)}
.premium-home-v26 .premium-editorial-rail{display:grid;gap:14px}
.premium-home-v26 .premium-editorial-rail-item{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;padding:14px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.premium-home-v26 .premium-editorial-band--dark .premium-editorial-rail-item{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:none}
.premium-home-v26 .premium-editorial-rail-thumb img{width:100%;height:96px;object-fit:cover;border-radius:16px}
.premium-home-v26 .premium-editorial-rail-body{display:grid;gap:8px}
.premium-home-v26 .premium-editorial-rail-body h4{margin:0;font-size:20px;line-height:1.18;letter-spacing:-.03em}
.premium-home-v26 .premium-tag-ghost{background:rgba(225,6,0,.08)}
.premium-home-v26 .premium-editorial-band--dark .premium-tag-ghost{background:rgba(255,255,255,.08);color:#fff}
.premium-home-v26 .premium-bottom-categories{display:grid;gap:16px;padding:24px;border-radius:30px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.premium-home-v26 .premium-bottom-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.premium-home-v26 .premium-bottom-head h2{margin:0;font-size:36px;letter-spacing:-.05em}
.premium-home-v26 .premium-bottom-panel{padding:0;background:transparent;border:none;box-shadow:none}
.premium-home-v26 .category-panel-scroll{direction:rtl;max-height:236px;overflow-y:auto;padding-left:10px;padding-right:2px}
.premium-home-v26 .category-panel-scroll::-webkit-scrollbar{width:8px}
.premium-home-v26 .category-panel-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}
.premium-home-v26 .category-counts-compact{direction:ltr;display:grid;gap:12px}
.premium-home-v26 .category-counts-compact li{padding:0;border:none}
.premium-home-v26 .category-counts-compact a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04);font-size:14px;font-weight:800}
.premium-home-v26 .category-counts-compact strong{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px}
.premium-home-v26 .category-panel-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.premium-home-v26 .category-panel-compact.is-expanded .category-panel-scroll{max-height:620px}
.premium-home-v26 .category-panel-toggle[aria-expanded="true"]{background:#111827;color:#fff;border-color:#111827}
@media (max-width:1200px){.premium-home-v26 .premium-hero-image img{height:520px}.premium-home-v26 .premium-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-home-v26 .premium-editorial-grid{grid-template-columns:1fr}.premium-home-v26 .premium-editorial-lead-body h3{font-size:32px}}
@media (max-width:760px){.premium-home-v26{gap:26px}.premium-home-v26 .premium-hero-overlay{padding:22px}.premium-home-v26 .premium-hero-overlay h1{font-size:40px}.premium-home-v26 .premium-latest-widget{padding:20px 20px 6px}.premium-home-v26 .premium-bottom-head h2,.premium-home-v26 .premium-section-head h2,.premium-home-v26 .premium-section-head-compact h2{font-size:30px}.premium-home-v26 .premium-spotlight-grid{grid-template-columns:1fr}.premium-home-v26 .premium-editorial-lead{grid-template-columns:1fr}.premium-home-v26 .premium-editorial-lead-image img{min-height:240px}.premium-home-v26 .premium-editorial-rail-item{grid-template-columns:92px 1fr;padding:12px}.premium-home-v26 .premium-bottom-head{align-items:flex-start;flex-direction:column}}


.header-account-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.logged-in-chip{background:transparent;color:#111827;border-color:transparent;box-shadow:none}.logout-chip{background:rgba(17,24,39,.05);color:#111827;border:1px solid rgba(17,24,39,.08)}
.member-space{display:grid;gap:22px;max-width:1100px;margin:0 auto}.member-space-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);gap:24px;padding:28px}.member-space-hero-copy h1{margin:10px 0 14px;font-size:46px;line-height:1.02;letter-spacing:-.04em}.member-space-hero-copy p{margin:0;color:#4b5563;font-size:18px;line-height:1.8}.member-kicker{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.member-space-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.member-space-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#111827;font-weight:700}.member-space-btn.primary{background:linear-gradient(135deg,#e10600,#ff6b00);border-color:transparent;color:#fff}.member-space-badge{display:flex;align-items:center;gap:16px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;box-shadow:var(--shadow)}.member-space-badge p{margin:4px 0 0;color:rgba(255,255,255,.75)}.member-avatar{width:72px;height:72px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);font-size:30px;font-weight:800}.member-flash{padding:16px 18px;border-radius:18px;font-weight:700;border:1px solid transparent}.member-flash.success{background:#ecfdf3;border-color:#86efac;color:#166534}.member-space-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:22px}.member-info-card{padding:24px}.member-info-card-main{padding:28px}.member-info-head h2{margin:0 0 8px;font-size:28px;letter-spacing:-.03em}.member-info-head p{margin:0;color:#6b7280;line-height:1.7}.member-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 0}.member-info-list div{padding:18px;border-radius:18px;background:#f8fafc;border:1px solid var(--line)}.member-info-list dt{margin:0 0 8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.member-info-list dd{margin:0;font-size:17px;font-weight:700;color:#111827;line-height:1.45}.member-highlights{list-style:none;padding:0;margin:0;display:grid;gap:14px}.member-highlights li{padding:18px;border-radius:18px;background:#f8fafc;border:1px solid var(--line);display:grid;gap:6px}.member-highlights strong{font-size:15px}.member-highlights span{color:#4b5563;line-height:1.7}.member-mini-meta{margin-top:18px;padding:18px;border-radius:18px;background:#fff4f4;border:1px solid #fecaca}.member-mini-meta span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#9f1239;margin-bottom:8px}.member-mini-meta strong{display:block;font-size:18px}
@media (max-width:900px){.header-account-actions{margin-left:0}.member-space-hero,.member-space-grid,.member-info-list{grid-template-columns:1fr}.member-space-hero-copy h1{font-size:36px}.member-space-actions{flex-direction:column;align-items:stretch}}

/* Writer front space */
.writer-space-front {
  display: grid;
  gap: 24px;
  margin: 18px 0 34px;
}
.writer-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.8fr);
  gap: 24px;
  align-items: center;
  padding: 28px;
}
.writer-hero-compact {
  grid-template-columns: 1fr;
}
.writer-hero-copy h1 {
  margin: 0 0 10px;
}
.writer-hero-copy p {
  margin: 0;
  color: #4c5566;
}
.writer-hero-actions,
.writer-quick-actions,
.writer-row-actions,
.writer-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
.writer-hero-aside {
  display: grid;
  gap: 14px;
}
.writer-metric {
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(225,6,0,0.1), rgba(0,0,0,0.03));
}
.writer-metric strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 6px;
}
.writer-metric span {
  color: #4c5566;
}
.writer-metric.muted {
  background: rgba(16,24,40,0.04);
}
.writer-layout-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr);
  gap: 24px;
}
.writer-section-head h2,
.writer-section-head p {
  margin: 0;
}
.writer-section-head p {
  margin-top: 6px;
  color: #657084;
}
.writer-section-head-inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.writer-action-tile {
  display: block;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(225,6,0,0.05);
  color: inherit;
  text-decoration: none;
  border: 1px solid rgba(225,6,0,0.1);
}
.writer-action-tile strong {
  display: block;
  margin-bottom: 6px;
}
.writer-quick-card,
.writer-list-card {
  padding: 28px;
}
.writer-quick-card .writer-section-head,
.writer-list-card .writer-section-head {
  margin-bottom: 18px;
}
.writer-space-front .premium-card {
  overflow: hidden;
}
.writer-space-front .member-flash {
  margin: 0;
}
.writer-hero-copy,
.writer-hero-aside {
  min-width: 0;
}
.writer-action-tile span,
.writer-empty-state p,
.writer-slug {
  color: #657084;
}
.writer-empty-state {
  padding: 22px;
  border-radius: 18px;
  background: rgba(16,24,40,0.035);
}
.writer-table-wrap {
  overflow-x: auto;
  margin-top: 8px;
}
.writer-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 18px;
}
.writer-table th,
.writer-table td {
  padding: 14px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  vertical-align: middle;
}
.writer-table th {
  font-size: 0.82rem;
  text-transform: none;
  letter-spacing: 0.08em;
  color: #6b7280;
}
.writer-table th:first-child,
.writer-table td:first-child {
  padding-left: 0;
}
.writer-table th:last-child,
.writer-table td:last-child {
  padding-right: 0;
}
.writer-table td strong {
  display: block;
}
.writer-slug {
  display: inline-block;
  margin-top: 4px;
  font-size: 0.82rem;
}
.writer-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.writer-status-draft { background: rgba(100,116,139,0.14); color: #334155; }
.writer-status-pending_review { background: rgba(245,158,11,0.18); color: #92400e; }
.writer-status-published { background: rgba(22,163,74,0.16); color: #166534; }
.writer-status-archived { background: rgba(148,163,184,0.18); color: #475569; }
.writer-table-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  background: rgba(225,6,0,0.1);
  color: #ad0800;
}
.writer-table-link.secondary {
  background: rgba(15, 23, 42, 0.06);
  color: #1f2937;
}
.writer-form-card {
  padding: 26px;
}
.writer-form-shell label {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}
.writer-form-shell input,
.writer-form-shell select,
.writer-form-shell textarea {
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.12);
  padding: 14px 16px;
  background: #fff;
}
.writer-form-shell textarea {
  min-height: 120px;
}
.writer-form-grid {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}
.writer-form-grid.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.writer-form-shell .upload-inline {
  margin-top: 12px;
}
.writer-form-shell .editor-shell {
  margin-bottom: 18px;
}
.member-flash.error {
  background: rgba(220, 38, 38, 0.12);
  color: #991b1b;
  border: 1px solid rgba(220, 38, 38, 0.15);
}
@media (max-width: 980px) {
  .writer-hero,
  .writer-layout-grid,
  .writer-form-grid.two-columns,
  .writer-section-head-inline {
    grid-template-columns: 1fr;
  }
  .writer-section-head-inline {
    align-items: flex-start;
  }
  .writer-hero,
  .writer-quick-card,
  .writer-list-card,
  .writer-form-card {
    padding: 22px;
  }
}

.image-credit-wrap{position:relative;display:block;overflow:hidden}.image-credit-overlay{position:absolute;left:12px;right:12px;bottom:12px;display:inline-flex;max-width:calc(100% - 24px);align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(12,16,25,.72);backdrop-filter:blur(8px);color:#fff;font-size:12px;line-height:1.25;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:2}.image-credit-overlay.is-compact{left:8px;right:8px;bottom:8px;padding:6px 9px;font-size:11px}.premium-hero-main .image-credit-wrap{position:relative;z-index:1}.premium-hero-main .image-credit-overlay.is-hero{top:18px;right:18px;left:auto;bottom:auto;max-width:min(420px,calc(100% - 36px));padding:8px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(9,14,24,.86),rgba(18,30,48,.76));border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(10px);font-size:12px;line-height:1.35}.modern-article-cover.image-credit-wrap{display:block}.modern-article-cover.image-credit-wrap img{margin-bottom:0}.modern-article-cover.image-credit-wrap .image-credit-overlay{border-radius:14px}@media (max-width:760px){.image-credit-overlay{left:8px;right:8px;bottom:8px;padding:6px 8px;font-size:11px}.premium-hero-main .image-credit-overlay.is-hero{top:10px;right:10px;max-width:calc(100% - 20px);padding:7px 10px;font-size:11px}}


/* Restored auth front styles (login / admin 2FA) */
.auth-page{display:grid;gap:24px;max-width:1200px;margin:0 auto}
.auth-front-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:28px;padding:30px}
.auth-front-hero{display:grid;align-content:center;gap:18px}
.auth-front-hero h1{margin:0;font-size:52px;line-height:1;letter-spacing:-.05em}
.auth-front-hero p{margin:0;color:#4b5563;font-size:18px;line-height:1.8}
.auth-front-highlights{display:grid;gap:14px}
.auth-front-highlights article{padding:18px 20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fafc)}
.auth-front-highlights strong{display:block;margin-bottom:6px}
.auth-front-highlights span{color:#6b7280;line-height:1.7}
.auth-front-form-wrap{display:flex;align-items:center}
.auth-front-form-card{width:100%;padding:26px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:0 16px 34px rgba(15,23,42,.06)}
.auth-front-form-card-wide{display:grid;gap:18px}
.auth-front-form-head{display:grid;gap:6px;margin-bottom:18px}
.auth-front-form-head h2{margin:0;font-size:34px;letter-spacing:-.04em}
.auth-front-form-head p{margin:0;color:#6b7280;line-height:1.7}
.auth-front-mini{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:max-content}
.auth-front-form{display:grid;gap:12px}
.auth-front-form label{display:block;font-size:13px;font-weight:800;color:#344054}
.auth-front-form input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(15,23,42,.12);background:#fff}
.auth-front-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.auth-front-note{padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#fff7ed,#fff);border:1px solid rgba(249,115,22,.14);display:grid;gap:6px;color:#7c2d12}
.auth-front-note p{margin:0;line-height:1.65}
.auth-front-submit{width:100%;margin-top:6px}
.auth-front-links{display:grid;gap:8px;margin-top:18px}
.auth-front-links p{margin:0;color:#6b7280}
.auth-front-links a{font-weight:700}
.auth-front-backlink{display:inline-flex;align-items:center;width:max-content}
.auth-helper-box{display:grid;gap:6px;padding:16px 18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}
.auth-helper-box strong{font-size:14px}
.auth-helper-box span{color:#667085;line-height:1.65}
.auth-front-actions-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.auth-front-actions-inline form{margin:0}
.auth-front-2fa-form{margin-bottom:0}

/* Restored shared rich editor/article form styles for writer */
.editor-shell{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line);background:#f8fafc}
.editor-btn{padding:8px 12px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;font:inherit}
.editor-btn:hover{background:#f2f4f8}
.editor-toolbar-separator{width:1px;align-self:stretch;background:rgba(15,23,42,.08)}
.editor-panels{background:#fff}
.editor-panel{display:none}
.editor-panel.is-active{display:block}
.editor-visual,.editor-html,.editor-preview{min-height:360px;padding:18px}
.editor-visual{outline:none;line-height:1.85;font-size:16px;color:#111827}
.editor-visual h2,.editor-preview h2{margin:26px 0 14px;font-size:32px;line-height:1.1;letter-spacing:-.04em}
.editor-visual h3,.editor-preview h3{margin:22px 0 12px;font-size:24px;line-height:1.2;letter-spacing:-.03em}
.editor-visual h4,.editor-preview h4{margin:18px 0 10px;font-size:20px;line-height:1.25}
.editor-visual p,.editor-preview p,.editor-visual ul,.editor-preview ul,.editor-visual ol,.editor-preview ol,.editor-visual blockquote,.editor-preview blockquote{margin:0 0 18px}
.editor-visual ul,.editor-preview ul,.editor-visual ol,.editor-preview ol{padding-left:22px}
.editor-visual li,.editor-preview li{margin-bottom:8px}
.editor-preview{background:#fcfcfd}
.editor-output-hidden{display:none}
.editor-status{padding:10px 14px;border-top:1px solid var(--line);font-size:12px;color:#475569;background:#fafbfc}
.editor-preview .article-highlight,.editor-visual .article-highlight{display:block;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;font-size:20px;line-height:1.6}
.editor-preview .article-callout,.editor-visual .article-callout{padding:18px 20px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa}
.editor-preview .article-callout strong,.editor-visual .article-callout strong{display:block;margin-bottom:8px}
.editor-preview .article-keyfacts,.editor-visual .article-keyfacts,.editor-preview .article-stats-grid,.editor-visual .article-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.editor-preview .article-keyfacts > div,.editor-visual .article-keyfacts > div,.editor-preview .article-stats-grid > div,.editor-visual .article-stats-grid > div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.editor-preview .article-stats-grid span,.editor-visual .article-stats-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#667085;margin-bottom:10px}
.editor-preview .article-stats-grid strong,.editor-visual .article-stats-grid strong{font-size:28px;letter-spacing:-.04em}
.editor-preview .article-quote-premium,.editor-visual .article-quote-premium{margin:18px 0;padding:18px 22px;border-left:4px solid #111827;background:#f8fafc;border-radius:0 18px 18px 0}
.editor-preview .article-quote-premium p,.editor-visual .article-quote-premium p{margin:0;font-size:20px;line-height:1.6}
.editor-preview .article-separator,.editor-visual .article-separator{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.28),transparent);margin:28px 0}
.editor-preview .article-race-weekend,.editor-visual .article-race-weekend,.editor-preview .article-duel-grid,.editor-visual .article-duel-grid,.editor-preview .article-factfile,.editor-visual .article-factfile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.editor-preview .article-duel-grid,.editor-visual .article-duel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.editor-preview .article-race-weekend > div,.editor-visual .article-race-weekend > div,.editor-preview .article-duel-grid > article,.editor-visual .article-duel-grid > article,.editor-preview .article-factfile > div,.editor-visual .article-factfile > div{padding:16px;border-radius:16px;border:1px solid var(--line);background:#fff}
.editor-preview .article-race-weekend span,.editor-visual .article-race-weekend span,.editor-preview .article-factfile span,.editor-visual .article-factfile span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#667085;margin-bottom:10px}
.editor-preview .article-duel-grid strong,.editor-visual .article-duel-grid strong,.editor-preview .article-ranking-title,.editor-visual .article-ranking-title{font-size:18px;letter-spacing:-.03em}
.editor-preview .article-ranking-block,.editor-visual .article-ranking-block,.editor-preview .article-breaking-box,.editor-visual .article-breaking-box{margin:18px 0;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff}
.editor-preview .article-breaking-box,.editor-visual .article-breaking-box{background:#fff1f2;border-color:#fecdd3}
.editor-preview .article-ranking-block ol,.editor-visual .article-ranking-block ol{margin:12px 0 0;padding-left:20px}
.editor-preview .article-timeline,.editor-visual .article-timeline{margin:18px 0;padding-left:18px;border-left:2px solid #cbd5e1;display:grid;gap:14px}
.editor-preview .article-timeline-item,.editor-visual .article-timeline-item{position:relative;padding-left:8px}
.editor-preview .article-timeline-item::before,.editor-visual .article-timeline-item::before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:999px;background:#111827}
.editor-preview .article-table-wrap,.editor-visual .article-table-wrap{overflow:auto;margin:18px 0}
.editor-preview .article-comparison-table,.editor-visual .article-comparison-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.editor-preview .article-comparison-table th,.editor-visual .article-comparison-table th,.editor-preview .article-comparison-table td,.editor-visual .article-comparison-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.editor-preview .article-comparison-table th,.editor-visual .article-comparison-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#667085;background:#f8fafc}
.article-form-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.article-card-section{padding:22px;border-radius:24px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05);display:grid;gap:18px}
.article-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.article-card-head h2,.article-card-head h3{margin:0}
.article-card-head p{margin:6px 0 0;color:#667085;line-height:1.7}
.article-stats-bar{display:flex;flex-wrap:wrap;gap:10px}
.article-stat-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);font-size:13px;color:#475467}
.article-stat-pill strong{font-size:15px;color:#111827}
.article-tool-groups{display:grid;gap:16px}
.article-tool-group{display:grid;gap:10px}
.article-tool-group h3{margin:0;font-size:15px}
.article-tool-buttons{display:flex;flex-wrap:wrap;gap:10px}
.article-media-preview{display:grid;gap:10px}
.article-media-preview-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#667085}
.article-media-preview-box{min-height:220px;border-radius:20px;border:1px dashed rgba(15,23,42,.18);background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.article-media-preview-box.has-image{border-style:solid;background:#0f172a}
.article-media-preview-box img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.article-media-preview-empty{padding:18px;text-align:center;color:#667085;line-height:1.6}
.admin-inline-field.writer-inline-field{display:flex;gap:10px;align-items:center}
.writer-inline-field input{flex:1}
.writer-inline-action{white-space:nowrap;padding:12px 16px}
.writer-mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.writer-form-card-advanced{padding:26px}
.writer-card-section{background:linear-gradient(180deg,#fff,#fbfcff)}
.writer-form-shell label{display:block;margin-bottom:8px;font-weight:700}
.writer-form-shell input,.writer-form-shell select,.writer-form-shell textarea{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.12);padding:14px 16px;background:#fff}
.writer-form-shell textarea{min-height:120px}
.writer-form-grid{display:grid;gap:18px}
.writer-form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.writer-form-shell .upload-inline{margin-top:12px}
.writer-form-shell .editor-shell{margin-top:2px}
.writer-form-actions-sticky{margin-top:22px;justify-content:flex-end}
.writer-tool-groups .member-space-btn{padding:10px 14px}
.writer-stats-bar{justify-content:flex-end}
.writer-article-layout{grid-template-columns:1fr}
.writer-media-preview .article-media-preview-box{min-height:250px}

@media (min-width:981px){.mobile-nav-panel,.mobile-nav-backdrop{display:none !important}}
@media (max-width:980px){
  .auth-front-card{grid-template-columns:1fr}
  .auth-front-grid-two{grid-template-columns:1fr}
  .auth-front-hero h1{font-size:40px}
  .writer-form-grid.two-columns{grid-template-columns:1fr}
  .admin-inline-field.writer-inline-field{flex-direction:column;align-items:stretch}
  .writer-inline-action{width:100%}
  .writer-form-actions-sticky{justify-content:stretch}
  .writer-form-actions-sticky .member-space-btn{width:100%}
  .article-card-head{flex-direction:column;align-items:flex-start}
  .article-tool-buttons{flex-direction:column;align-items:stretch}
  .editor-preview .article-keyfacts,.editor-visual .article-keyfacts,
  .editor-preview .article-stats-grid,.editor-visual .article-stats-grid,
  .editor-preview .article-race-weekend,.editor-visual .article-race-weekend,
  .editor-preview .article-duel-grid,.editor-visual .article-duel-grid,
  .editor-preview .article-factfile,.editor-visual .article-factfile{grid-template-columns:1fr}
  .writer-hero,.writer-quick-card,.writer-list-card,.writer-form-card{padding:22px}
  .auth-front-actions-inline{flex-direction:column;align-items:stretch}
  .auth-front-actions-inline form,.auth-front-actions-inline a{width:100%}
}


/* VS3_9_3 writer editor + account button adjustments */
.header-account-actions .logged-in-chip:hover,
.header-account-actions .logged-in-chip:focus-visible{
  background:rgba(17,24,39,.04);
  border-color:transparent;
  box-shadow:none;
}
.editor-shell[data-editor-has-initial="1"] .editor-visual,
.editor-shell[data-editor-has-initial="1"] .editor-preview{
  position:relative;
  isolation:isolate;
}
.writer-editor-page .article-card-section{
  overflow:clip;
}
.writer-editor-page .editor-visual,
.writer-editor-page .editor-preview{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.writer-editor-page .editor-visual > :first-child,
.writer-editor-page .editor-preview > :first-child{
  margin-top:0;
}
.writer-editor-page .editor-visual img,
.writer-editor-page .editor-preview img{
  max-width:100%;
  height:auto;
}
.writer-editor-page .editor-shell{
  contain:layout paint;
}

/* VS3_9_4 */
.header-account-actions .logged-in-chip.menu-login-chip{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}
.header-account-actions .logged-in-chip.menu-login-chip:hover,.header-account-actions .logged-in-chip.menu-login-chip:focus-visible{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}

.newsletter-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:0}


/* VS3_9_11 member profile */
.member-space-grid-profile{align-items:start}
.member-security-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.member-profile-form,.member-password-form{margin-top:22px;display:grid;gap:18px}
.member-profile-grid{display:grid;gap:18px}
.member-profile-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.member-profile-form label,.member-password-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#111827}
.member-profile-form input,.member-password-form input{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.12);padding:14px 16px;background:#fff;color:#111827;box-shadow:0 1px 0 rgba(255,255,255,.65) inset}
.member-profile-form input[readonly]{background:#f8fafc;color:#64748b}
.member-profile-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.member-password-note{display:grid;gap:6px;padding:16px 18px;border-radius:18px;background:#fff4f4;border:1px solid #fecaca}
.member-password-note strong{font-size:14px;color:#9f1239}
.member-password-note span{color:#4b5563;line-height:1.65}
.header-account-action{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.header-account-action:hover{background:rgba(255,255,255,.08)!important;border-color:transparent!important}
@media (max-width:900px){.member-profile-grid.two-columns{grid-template-columns:1fr}}


/* ===== Responsive lot 1 : foundations, header, auth and writer shells ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%;overflow-x:clip}
body{min-height:100svh;min-height:100dvh}
body.nav-open{overflow:hidden}
img,picture,video,canvas,svg,iframe{max-width:100%;height:auto}
input,button,textarea,select{font:inherit}
.skip-link{position:fixed;left:12px;top:12px;transform:translateY(-150%);z-index:2000;padding:10px 14px;border-radius:999px;background:#111827;color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.18)}
.skip-link:focus{transform:translateY(0)}
.site-main{overflow-x:clip;padding:clamp(20px,3vw,32px) 0 clamp(42px,6vw,56px)}
.container{width:min(1400px,calc(100% - 24px))}
.site-header .container,.site-main .container,.site-footer .container,.menu-bar .container{min-width:0}
.logo-row,.nav-row,.header-tools,.header-account-actions,.search-inline,.main-nav,.premium-hero,.premium-section-grid,.premium-top-grid,.footer-grid,.member-space-hero,.member-space-grid,.writer-hero,.writer-layout-grid,.writer-form-grid.two-columns,.auth-front-card,.auth-front-grid-two{min-width:0}
.main-nav a,.menu-login-chip,.member-space-btn,.writer-table-link,.search-inline button,.mobile-nav-toggle,.mobile-nav-close-float,.mobile-nav-links a,.mobile-search-form button{min-height:44px}
.mobile-nav-toggle{display:none;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#111827;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.mobile-nav-toggle-box{display:grid;gap:4px}
.mobile-nav-toggle-box span{display:block;width:20px;height:2px;border-radius:999px;background:currentColor}
.mobile-nav-toggle-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mobile-nav-shell[hidden]{display:none !important}
.mobile-nav-shell{position:fixed;inset:0;z-index:120;overflow:hidden}
.mobile-nav-backdrop{position:absolute;inset:0;background:rgba(5,13,30,.42);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease}
.mobile-nav-drawer{position:absolute;left:0;top:0;bottom:0;width:min(calc(100vw - 56px), 430px);max-width:calc(100vw - 56px);padding:max(20px,env(safe-area-inset-top) + 8px) 18px max(24px,env(safe-area-inset-bottom) + 8px) max(18px,env(safe-area-inset-left) + 6px);background:linear-gradient(180deg,#083c79 0%,#052e61 100%);color:#fff;box-shadow:24px 0 48px rgba(4,10,22,.28);display:grid;align-content:start;gap:20px;overflow-y:auto;transform:translateX(-100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.mobile-nav-branding{display:grid;justify-items:start;gap:10px;padding-right:18px}
.mobile-nav-brand{display:inline-flex;align-items:center}
.mobile-nav-brand img{width:min(220px,100%);height:auto}
.mobile-nav-subtitle{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:700}
.mobile-nav-close-float{position:absolute;top:max(22px,env(safe-area-inset-top) + 10px);right:max(10px,env(safe-area-inset-right) + 8px);width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.92);color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-size:34px;line-height:1;box-shadow:0 14px 30px rgba(4,10,22,.18);opacity:0;transform:translateX(16px);transition:opacity .24s ease,transform .24s ease;z-index:2}
.mobile-search-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-right:12px}
.mobile-search-form input{width:100%;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;font-size:16px;box-shadow:none}
.mobile-search-form input::placeholder{color:rgba(255,255,255,.72)}
.mobile-search-form button{width:100%;padding:14px 16px;border-radius:18px;border:none;background:#fff;color:#06142d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mobile-nav-links{display:grid;gap:10px;padding-right:12px}
.mobile-nav-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}
.mobile-nav-links a::after{content:'›';font-size:22px;line-height:1;color:rgba(255,255,255,.72)}
.mobile-nav-account{display:grid;gap:10px;padding:4px 12px 0 0}
.mobile-nav-account .member-space-btn{width:100%;justify-content:center;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
.mobile-nav-account .member-space-btn.primary{background:#fff;color:#071930;border-color:#fff}
html.nav-open .mobile-nav-backdrop,body.nav-open .mobile-nav-backdrop{opacity:1}
html.nav-open .mobile-nav-drawer,body.nav-open .mobile-nav-drawer{transform:translateX(0)}
html.nav-open .mobile-nav-close-float,body.nav-open .mobile-nav-close-float{opacity:1;transform:translateX(0)}
html.nav-open,html.nav-open body,body.nav-open{overflow:hidden}
@media (min-width:981px){.mobile-nav-shell,.mobile-nav-backdrop,.mobile-nav-drawer,.mobile-nav-close-float{display:none !important}}
@media (max-width:980px){
  .auth-front-card{grid-template-columns:1fr}
  .auth-front-grid-two{grid-template-columns:1fr}
  .auth-front-hero h1{font-size:40px}
  .writer-form-grid.two-columns{grid-template-columns:1fr}
  .admin-inline-field.writer-inline-field{flex-direction:column;align-items:stretch}
  .writer-inline-action{width:100%}
  .writer-form-actions-sticky{justify-content:stretch}
  .writer-form-actions-sticky .member-space-btn{width:100%}
  .article-card-head{flex-direction:column;align-items:flex-start}
  .article-tool-buttons{flex-direction:column;align-items:stretch}
  .editor-preview .article-keyfacts,.editor-visual .article-keyfacts,
  .editor-preview .article-stats-grid,.editor-visual .article-stats-grid,
  .editor-preview .article-race-weekend,.editor-visual .article-race-weekend,
  .editor-preview .article-duel-grid,.editor-visual .article-duel-grid,
  .editor-preview .article-factfile,.editor-visual .article-factfile{grid-template-columns:1fr}
  .writer-hero,.writer-quick-card,.writer-list-card,.writer-form-card{padding:22px}
  .auth-front-actions-inline{flex-direction:column;align-items:stretch}
  .auth-front-actions-inline form,.auth-front-actions-inline a{width:100%}
}


/* VS3_9_3 writer editor + account button adjustments */
.header-account-actions .logged-in-chip:hover,
.header-account-actions .logged-in-chip:focus-visible{
  background:rgba(17,24,39,.04);
  border-color:transparent;
  box-shadow:none;
}
.editor-shell[data-editor-has-initial="1"] .editor-visual,
.editor-shell[data-editor-has-initial="1"] .editor-preview{
  position:relative;
  isolation:isolate;
}
.writer-editor-page .article-card-section{
  overflow:clip;
}
.writer-editor-page .editor-visual,
.writer-editor-page .editor-preview{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.writer-editor-page .editor-visual > :first-child,
.writer-editor-page .editor-preview > :first-child{
  margin-top:0;
}
.writer-editor-page .editor-visual img,
.writer-editor-page .editor-preview img{
  max-width:100%;
  height:auto;
}
.writer-editor-page .editor-shell{
  contain:layout paint;
}

/* VS3_9_4 */
.header-account-actions .logged-in-chip.menu-login-chip{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}
.header-account-actions .logged-in-chip.menu-login-chip:hover,.header-account-actions .logged-in-chip.menu-login-chip:focus-visible{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}

.newsletter-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:0}


/* VS3_9_11 member profile */
.member-space-grid-profile{align-items:start}
.member-security-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.member-profile-form,.member-password-form{margin-top:22px;display:grid;gap:18px}
.member-profile-grid{display:grid;gap:18px}
.member-profile-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.member-profile-form label,.member-password-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#111827}
.member-profile-form input,.member-password-form input{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.12);padding:14px 16px;background:#fff;color:#111827;box-shadow:0 1px 0 rgba(255,255,255,.65) inset}
.member-profile-form input[readonly]{background:#f8fafc;color:#64748b}
.member-profile-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.member-password-note{display:grid;gap:6px;padding:16px 18px;border-radius:18px;background:#fff4f4;border:1px solid #fecaca}
.member-password-note strong{font-size:14px;color:#9f1239}
.member-password-note span{color:#4b5563;line-height:1.65}
.header-account-action{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.header-account-action:hover{background:rgba(255,255,255,.08)!important;border-color:transparent!important}
@media (max-width:900px){.member-profile-grid.two-columns{grid-template-columns:1fr}}


/* ===== Responsive lot 1 : foundations, header, auth and writer shells ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%;overflow-x:clip}
body{min-height:100svh;min-height:100dvh}
body.nav-open{overflow:hidden}
img,picture,video,canvas,svg,iframe{max-width:100%;height:auto}
input,button,textarea,select{font:inherit}
.skip-link{position:fixed;left:12px;top:12px;transform:translateY(-150%);z-index:2000;padding:10px 14px;border-radius:999px;background:#111827;color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.18)}
.skip-link:focus{transform:translateY(0)}
.site-main{overflow-x:clip;padding:clamp(20px,3vw,32px) 0 clamp(42px,6vw,56px)}
.container{width:min(1400px,calc(100% - 24px))}
.site-header .container,.site-main .container,.site-footer .container,.menu-bar .container{min-width:0}
.logo-row,.nav-row,.header-tools,.header-account-actions,.search-inline,.main-nav,.premium-hero,.premium-section-grid,.premium-top-grid,.footer-grid,.member-space-hero,.member-space-grid,.writer-hero,.writer-layout-grid,.writer-form-grid.two-columns,.auth-front-card,.auth-front-grid-two{min-width:0}
.main-nav a,.menu-login-chip,.member-space-btn,.writer-table-link,.search-inline button,.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-links a,.mobile-search-form button{min-height:44px}
.search-inline{width:min(100%,560px);align-items:center;flex-wrap:nowrap}
.search-inline input{min-width:0;width:100%;font-size:16px}
.search-inline button{flex:0 0 auto}
.logo-row{gap:16px}
.header-tools{flex:1 1 360px;min-width:0;display:flex;justify-content:flex-end}
.mobile-nav-toggle{display:none;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#111827;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.mobile-nav-toggle-box{display:grid;gap:4px}
.mobile-nav-toggle-box span{display:block;width:20px;height:2px;border-radius:999px;background:currentColor}
.mobile-nav-toggle-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);z-index:70}
.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);z-index:70}
.mobile-nav-panel[hidden],.mobile-nav-backdrop[hidden]{display:none !important}
.mobile-nav-panel{position:fixed;top:0;right:0;bottom:0;width:min(90vw,380px);padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) 16px;background:#fff;box-shadow:-24px 0 48px rgba(15,23,42,.16);z-index:80;overflow:auto;display:grid;align-content:start;gap:18px}
.mobile-nav-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mobile-nav-panel-head strong{font-size:18px;letter-spacing:-.03em}
.mobile-nav-close{padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:24px;line-height:1;color:#111827}
.mobile-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.mobile-search-form input{min-width:0;width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);font-size:16px}
.mobile-search-form button{padding:12px 16px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--black),#1b212c);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mobile-nav-links{display:grid;gap:8px}
.mobile-nav-links a{display:flex;align-items:center;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);font-weight:700;overflow-wrap:anywhere}
.mobile-nav-account{display:grid;gap:10px;padding-top:4px}
html.nav-open,body.nav-open{overflow:hidden}
.premium-hero-overlay h1,.modern-article-page h1,.member-space-hero-copy h1,.writer-hero-copy h1,.auth-front-hero h1,.auth-front-form-head h2,.article-card-head h2,.article-card-head h3{overflow-wrap:anywhere;text-wrap:balance}
.premium-hero-overlay{padding:clamp(20px,3vw,38px)}
.premium-hero-overlay h1{font-size:clamp(2rem,7vw,3.75rem)}
.hero-excerpt,.member-space-hero-copy p,.writer-hero-copy p,.auth-front-hero p,.auth-front-form-head p{font-size:clamp(.98rem,2.4vw,1.125rem)}
.auth-front-card{align-items:stretch}
.auth-front-form-wrap{min-width:0}
.auth-front-form-card{padding:clamp(22px,3vw,28px)}
.auth-front-form input,.writer-form-shell input,.writer-form-shell select,.writer-form-shell textarea,.member-profile-form input,.member-profile-form textarea{font-size:16px}
.writer-space-front .premium-card,.member-space .premium-card,.auth-front-card,.article-card-section{overflow:hidden}
.writer-table-wrap{margin-inline:-6px;padding-inline:6px}
.writer-table{min-width:680px}
.writer-table td,.writer-table th{white-space:nowrap}
.writer-table td:first-child strong,.writer-slug{white-space:normal}
.writer-form-card-advanced,.writer-form-card,.member-info-card,.member-info-card-main{padding:clamp(18px,3vw,28px)}
.article-card-section{padding:clamp(18px,3vw,24px)}
.article-card-head{align-items:flex-start}
.article-toolbar-shell{overflow-x:clip}
.article-filter-buttons-row,.article-inline-chip-row{flex-wrap:wrap}
@media (max-width:1200px){.header-tools{flex:1 1 100%;justify-content:flex-start}.search-inline{width:100%}.premium-hero{grid-template-columns:1fr}.premium-hero-image img{height:clamp(280px,45vw,520px)}}
@media (min-width:981px){.mobile-nav-panel,.mobile-nav-backdrop{display:none !important}}
@media (max-width:980px){.logo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.header-tools{grid-column:1/-1;order:3}.menu-bar{display:none}.mobile-nav-toggle{display:inline-flex;justify-self:end}.header-account-actions{display:none}.auth-front-card,.writer-layout-grid,.member-space-grid,.member-space-hero,.writer-hero,.writer-form-grid.two-columns,.auth-front-grid-two{grid-template-columns:1fr}.auth-front-hero h1,.member-space-hero-copy h1,.writer-hero-copy h1{font-size:clamp(2rem,7vw,2.75rem)}.writer-table{min-width:620px}}
@media (max-width:760px){.container{width:min(100% - 20px,1400px)}.logo-row{padding:14px 0 12px}.brand-image img{width:min(220px,100%)}.brand-sub{font-size:10px;letter-spacing:.12em}.site-main{padding-top:20px}.search-inline{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.search-inline button{width:100%}.premium-hero-main,.modern-article-page,.premium-card,.modern-archive-header{border-radius:22px}.premium-hero-overlay{position:static;background:#111}.premium-hero-image img{height:300px}.premium-hero-overlay h1,.modern-article-page h1{font-size:clamp(1.9rem,9vw,2.4rem)}.hero-excerpt{font-size:15px;line-height:1.72}.main-nav{gap:12px;font-size:10px}.member-space-actions,.writer-hero-actions,.writer-row-actions,.writer-form-actions,.header-account-actions{flex-direction:column;align-items:stretch}.member-space-btn,.writer-table-link,.mobile-nav-account .member-space-btn{width:100%}.writer-table{min-width:560px}.writer-hero,.writer-quick-card,.writer-list-card,.writer-form-card,.auth-front-card,.auth-front-form-card{padding:18px}.article-card-head{gap:12px}.image-credit-overlay{max-width:calc(100% - 16px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ===== LOT 1 MOBILE MENU FULLSCREEN FIX ===== */
.site-header{overflow:visible !important}
.mobile-nav-shell[hidden]{display:none !important}
.mobile-nav-shell{
  position:fixed !important;
  inset:0 !important;
  z-index:5000 !important;
  overflow:hidden !important;
  pointer-events:none;
}
.mobile-nav-shell[aria-hidden="false"]{pointer-events:auto}
.mobile-nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:5001 !important;
  background:rgba(8,15,30,.28) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
  opacity:0;
  transition:opacity .28s ease !important;
}
.mobile-nav-drawer{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:min(calc(100vw - 68px), 430px) !important;
  max-width:calc(100vw - 68px) !important;
  z-index:5002 !important;
  padding:max(22px, env(safe-area-inset-top) + 8px) 18px max(24px, env(safe-area-inset-bottom) + 10px) max(18px, env(safe-area-inset-left) + 10px) !important;
  background:linear-gradient(180deg,#083c79 0%,#052e61 100%) !important;
  color:#fff !important;
  display:grid !important;
  align-content:start !important;
  gap:20px !important;
  overflow-y:auto !important;
  box-shadow:24px 0 48px rgba(4,10,22,.28) !important;
  transform:translate3d(-104%,0,0) !important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1) !important;
  will-change:transform;
}
.mobile-nav-close-float{
  position:fixed !important;
  top:max(18px, env(safe-area-inset-top) + 8px) !important;
  right:max(8px, env(safe-area-inset-right) + 8px) !important;
  z-index:5003 !important;
  width:52px !important;
  height:52px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.35) !important;
  background:rgba(255,255,255,.96) !important;
  color:#0f172a !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:34px !important;
  line-height:1 !important;
  opacity:0;
  transform:translate3d(14px,0,0) !important;
  transition:opacity .24s ease, transform .24s ease !important;
}
.mobile-nav-branding,.mobile-search-form,.mobile-nav-links,.mobile-nav-account{position:relative;z-index:1}
.mobile-search-form{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:12px !important}
.mobile-search-form input{min-width:0 !important;width:100% !important;min-height:50px !important;border-radius:18px !important}
.mobile-search-form button{min-width:132px !important;border-radius:18px !important}
.mobile-nav-links{display:grid !important;gap:12px !important}
.mobile-nav-links a{display:flex !important;align-items:center !important;padding:16px 18px !important;border-radius:20px !important;background:rgba(255,255,255,.08) !important;color:#fff !important;font-weight:700 !important;text-decoration:none !important}
.mobile-nav-account{display:grid !important;gap:10px !important;margin-top:8px !important}
html.nav-open .mobile-nav-backdrop, body.nav-open .mobile-nav-backdrop{opacity:1 !important}
html.nav-open .mobile-nav-drawer, body.nav-open .mobile-nav-drawer{transform:translate3d(0,0,0) !important}
html.nav-open .mobile-nav-close-float, body.nav-open .mobile-nav-close-float{opacity:1 !important;transform:translate3d(0,0,0) !important}
html.nav-open, html.nav-open body, body.nav-open{overflow:hidden !important}
@media (min-width:981px){
  .mobile-nav-shell,.mobile-nav-backdrop,.mobile-nav-drawer,.mobile-nav-close-float{display:none !important}
}
@media (max-width:980px){
  .menu-bar{display:none !important}
  .mobile-nav-toggle{display:inline-flex !important}
}
@media (max-width:640px){
  .mobile-nav-drawer{width:calc(100vw - 56px) !important;max-width:calc(100vw - 56px) !important}
  .mobile-search-form{grid-template-columns:1fr !important}
  .mobile-search-form button{width:100% !important;min-width:0 !important}
}

/* ===== LOT 2 RESPONSIVE CORRIGÉ : pages de contenu tout en conservant le menu fullscreen du lot 1 ===== */
.skip-link{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:0!important}
.skip-link:focus{position:fixed!important;left:12px!important;top:12px!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;z-index:6000!important;padding:10px 14px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-weight:800!important;box-shadow:0 12px 24px rgba(15,23,42,.18)!important}

.content-prose{font-size:clamp(1rem,1.1vw + .88rem,1.125rem);line-height:1.85;overflow-wrap:anywhere;word-break:normal}
.content-prose>*{max-width:100%}
.content-prose h2,.content-prose h3,.content-prose h4{scroll-margin-top:110px;line-height:1.12;overflow-wrap:anywhere;text-wrap:balance}
.content-prose img,.content-prose video,.content-prose iframe,.content-prose table{max-width:100%}
.content-prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:18px}
.content-prose table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.content-prose pre{max-width:100%;overflow:auto;padding:14px 16px;border-radius:16px;background:#0f172a;color:#f8fafc}
.content-prose blockquote{margin:1.5rem 0;padding:1rem 1rem 1rem 1.125rem;border-left:4px solid rgba(225,6,0,.42);background:#f8fafc;border-radius:14px}
.content-prose ul,.content-prose ol{padding-left:1.2rem}
.content-prose figure{margin:1.4rem 0}
.content-prose figcaption{margin-top:.5rem;color:#667085;font-size:.92rem;line-height:1.5}

.home-content-shell{gap:clamp(1rem,2vw,1.5rem)}
.premium-home-v26 .premium-hero-main,.premium-home-v26 .premium-hero-side,.premium-home-v26 .premium-latest-widget{min-width:0}
.premium-home-v26 .premium-hero-overlay{display:grid;gap:.85rem;max-width:min(100%,42rem)}
.premium-home-v26 .premium-hero-overlay h1{max-width:12ch;text-wrap:balance;overflow-wrap:anywhere}
.premium-home-v26 .hero-excerpt{max-width:58ch}
.premium-home-v26 .premium-spotlight-grid,.news-archive-grid-responsive,.category-post-grid{align-items:stretch}
.premium-home-v26 .premium-editorial-lead,.premium-home-v26 .premium-editorial-rail-item,.premium-home-v26 .premium-editorial-lead-body,.premium-home-v26 .premium-editorial-rail-body{min-width:0}
.premium-home-v26 .premium-editorial-lead-body h3,.premium-home-v26 .premium-editorial-rail-body h4{overflow-wrap:anywhere;text-wrap:balance}
.premium-home-v26 .premium-bottom-head{gap:1rem;align-items:flex-start}
.premium-home-v26 .category-panel-toggle{min-height:44px;white-space:nowrap}

.modern-article-page .article-body-grid,.modern-article-page .article-content-col,.modern-article-page .article-aside-col,.modern-article-page .article-content-shell{min-width:0}
.modern-article-page .article-entry,.modern-article-page .article-entry>*{max-width:100%}
.modern-article-page .article-entry h2,.modern-article-page .article-entry h3,.modern-article-page .article-entry h4{overflow-wrap:anywhere;text-wrap:balance}
.modern-article-page .article-entry .wp-block-table,.modern-article-page .article-entry table{display:block;overflow-x:auto}
.modern-article-page .article-media-wrap img{width:100%;height:auto}
.modern-article-page .article-meta-row,.modern-article-page .article-tags-row,.modern-article-page .article-keyfacts,.modern-article-page .article-stats-grid,.modern-article-page .article-duel-grid{display:flex;flex-wrap:wrap;gap:.75rem}
.modern-article-page .article-stats-grid,.modern-article-page .article-duel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.modern-article-page .article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.modern-article-page .article-related-grid>*{min-width:0}

.news-archive-toolbar,.search-toolbar,.category-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.news-archive-toolbar>*,.search-toolbar>*,.category-toolbar>*{min-width:0}
.news-archive-grid-responsive,.search-grid-responsive,.category-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.news-archive-grid-responsive>*,.search-grid-responsive>*,.category-post-grid>*{min-width:0}
.archive-card h3,.search-card h3,.category-card h3{overflow-wrap:anywhere;text-wrap:balance}

.content-calendar-shell{overflow:clip}
.calendar-board-head>div:first-child,.calendar-race-row,.calendar-race-identity,.calendar-race-actions{min-width:0}
.calendar-board-head h2,.calendar-race-identity h3{overflow-wrap:anywhere;text-wrap:balance}
.calendar-race-link,.calendar-race-status{white-space:nowrap}

.content-directory-shell .drivers-showcase-head,.content-directory-shell .teams-showcase-head{align-items:flex-start;gap:1rem}
.drivers-team-row-head,.team-showcase-top,.team-showcase-roster-row{min-width:0}
.drivers-cards-grid,.teams-showcase-grid{align-items:stretch}
.driver-showcase-card,.team-showcase-card{min-width:0}
.driver-showcase-card h4,.team-showcase-card h3,.team-showcase-driver-name{overflow-wrap:anywhere;text-wrap:balance}
.driver-showcase-description,.team-showcase-description{overflow-wrap:anywhere}

/* toolbar filtres mobile */
.filter-chip-scroller,.archive-chip-scroller,.search-chip-scroller{
  display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem
}
.filter-chip-scroller::-webkit-scrollbar,.archive-chip-scroller::-webkit-scrollbar,.search-chip-scroller::-webkit-scrollbar{display:none}
.filter-chip-scroller>*,.archive-chip-scroller>*,.search-chip-scroller>*{flex:0 0 auto}

@media (max-width:1200px){
  .news-archive-grid-responsive,.search-grid-responsive,.category-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modern-article-page .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .premium-home-v26 .premium-hero{grid-template-columns:1fr}
  .premium-home-v26 .premium-hero-image img{height:clamp(280px,45vw,520px)}
  .news-archive-toolbar,.search-toolbar,.category-toolbar{align-items:stretch}
}
@media (max-width:760px){
  .premium-home-v26 .premium-hero-main,.modern-article-page,.premium-card,.modern-archive-header{border-radius:22px}
  .premium-home-v26 .premium-hero-overlay{position:static;background:#111;padding:1rem}
  .premium-home-v26 .premium-hero-image img{height:300px}
  .premium-home-v26 .premium-hero-overlay h1,.modern-article-page h1{font-size:clamp(1.9rem,9vw,2.4rem)}
  .modern-article-page .article-stats-grid,.modern-article-page .article-duel-grid,.modern-article-page .article-related-grid{grid-template-columns:1fr}
  .news-archive-grid-responsive,.search-grid-responsive,.category-post-grid{grid-template-columns:1fr}
  .calendar-board-head,.drivers-showcase-head,.teams-showcase-head{display:grid;gap:1rem}
}


/* === LOT 3 Responsive: contenu riche, archives, embeds, tableaux, formulaires avancés === */
.content-article-shell,
.content-category-shell,
.content-news-shell,
.content-search-shell,
.content-calendar-shell,
.content-directory-shell,
.article-results-shell {
  width: min(100%, 100%);
  min-width: 0;
}

.modern-article-page,
.modern-archive-header,
.search-hero,
.search-empty-card,
.search-level-block,
.article-toolbar-shell,
.calendar-board,
.drivers-team-row,
.teams-team-row,
.premium-card,
.premium-widget {
  overflow: hidden;
}

.modern-article-page {
  padding: clamp(18px, 2.8vw, 30px);
}

.modern-article-cover {
  margin-bottom: clamp(14px, 2vw, 22px);
}

.modern-article-cover img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.modern-article-content,
.rich-content,
.content-prose {
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.85;
  overflow-wrap: anywhere;
  word-break: normal;
}

.modern-article-content > *,
.rich-content > *,
.content-prose > * {
  max-width: 100%;
}

.modern-article-content p,
.rich-content p,
.content-prose p {
  max-width: 72ch;
}

.modern-article-content h2,
.modern-article-content h3,
.modern-article-content h4,
.rich-content h2,
.rich-content h3,
.rich-content h4 {
  text-wrap: balance;
}

.modern-article-content img,
.rich-content img,
.content-prose img {
  border-radius: 18px;
  margin: 24px auto;
}

.modern-article-content pre,
.rich-content pre,
.content-prose pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 18px;
  border-radius: 18px;
  background: #0f172a;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  max-width: 100%;
}

.modern-article-content code,
.rich-content code,
.content-prose code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 24px 0;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #fff;
}

.table-scroll table {
  min-width: 640px;
  width: 100%;
  margin: 0;
}

.embed-frame {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 20px;
  background: #0b1220;
  margin: 24px 0;
}

.embed-frame > iframe,
.embed-frame > video,
.embed-frame > embed,
.embed-frame > object {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.article-hero-topline,
.article-meta-line,
.article-meta-chips,
.article-tags-bar .article-meta-chips,
.hero-excerpt,
.post-meta {
  min-width: 0;
}

.article-tags-bar {
  gap: 14px;
}

.article-tags-bar strong {
  display: block;
}

.premium-section-head,
.search-level-head,
.results-panel-head,
.calendar-board-head,
.drivers-showcase-head {
  gap: 16px;
}

.search-panel-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.search-panel-form label {
  grid-column: 1 / -1;
}

.search-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.search-level-block {
  display: grid;
  gap: 16px;
}

.search-level-count {
  flex: 0 0 auto;
}

.news-archive-grid,
.news-archive-grid-enhanced,
.news-archive-grid-responsive {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.article-toolbar-shell-responsive,
.article-toolbar-shell,
.article-toolbar-sticky,
.article-toolbar-subpanel {
  overflow: hidden;
}

.article-toolbar-meta-row,
.article-toolbar-active-line,
.article-inline-chip-row,
.article-filter-buttons-row,
.article-filter-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.article-filter-line,
.article-filter-buttons-row {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  scrollbar-width: none;
}

.article-filter-line::-webkit-scrollbar,
.article-filter-buttons-row::-webkit-scrollbar {
  display: none;
}

.article-choice-chip,
.article-choice-chip-soft,
.article-choice-chip-month,
.article-filter-family-btn,
.article-filter-top-btn,
.article-filter-main-btn,
.article-filter-year-btn,
.news-apply-btn,
.article-toolbar-reset,
.article-toolbar-reset-inline {
  flex: 0 0 auto;
  min-height: 44px;
}

.article-category-groups {
  display: grid;
  gap: 12px;
}

.article-category-group {
  min-width: 0;
}

.category-header-copy,
.results-card-copy,
.driver-showcase-bottom,
.team-showcase-bottom,
.search-result-body,
.premium-card-body {
  min-width: 0;
}

.category-header-copy h1,
.search-hero h1,
.modern-archive-header h1,
.results-panel-head h2,
.calendar-board-head h2,
.drivers-showcase-head h2 {
  overflow-wrap: anywhere;
}

.driver-showcase-card,
.team-showcase-card {
  min-width: 0;
}

.driver-showcase-description,
.team-showcase-description {
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .search-results-grid,
  .news-archive-grid,
  .news-archive-grid-enhanced,
  .news-archive-grid-responsive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .modern-article-page {
    padding: 18px;
  }

  .modern-article-page h1,
  .premium-hero-overlay h1,
  .search-hero h1,
  .modern-archive-header h1 {
    font-size: clamp(2rem, 9vw, 3rem);
  }

  .article-standfirst {
    font-size: clamp(18px, 4.8vw, 22px);
    line-height: 1.55;
  }

  .search-level-head,
  .premium-section-head,
  .calendar-board-head,
  .results-panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .search-results-grid,
  .news-archive-grid,
  .news-archive-grid-enhanced,
  .news-archive-grid-responsive {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .modern-article-page,
  .modern-archive-header,
  .search-hero,
  .search-empty-card,
  .search-level-block,
  .calendar-board,
  .drivers-team-row,
  .teams-team-row,
  .premium-card,
  .premium-widget {
    border-radius: 22px;
  }

  .modern-article-page {
    padding: 16px;
  }

  .modern-article-content,
  .rich-content,
  .content-prose {
    font-size: 16px;
    line-height: 1.78;
  }

  .modern-article-content h2,
  .rich-content h2 {
    font-size: clamp(28px, 7vw, 34px);
    margin: 28px 0 14px;
  }

  .modern-article-content h3,
  .rich-content h3 {
    font-size: clamp(22px, 6vw, 28px);
    margin: 24px 0 12px;
  }

  .modern-article-content h4,
  .rich-content h4 {
    font-size: clamp(18px, 5vw, 22px);
    margin: 20px 0 10px;
  }

  .modern-article-content blockquote,
  .article-quote-premium {
    padding: 18px 18px 18px 20px;
    margin: 20px 0;
  }

  .modern-article-content blockquote p,
  .article-quote-premium p {
    font-size: clamp(20px, 5vw, 24px);
  }

  .search-panel-form {
    grid-template-columns: 1fr;
  }

  .search-panel-form button {
    width: 100%;
  }

  .article-toolbar-meta-row,
  .article-toolbar-active-line,
  .article-inline-chip-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .calendar-race-row {
    grid-template-columns: 1fr;
  }

  .results-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .results-table thead,
  .results-table tbody,
  .results-table tr {
    min-width: 640px;
  }
}

@media (max-width: 480px) {
  .modern-article-page,
  .modern-archive-header,
  .search-hero,
  .search-empty-card,
  .search-level-block,
  .calendar-board,
  .drivers-team-row,
  .teams-team-row,
  .premium-card,
  .premium-widget {
    border-radius: 18px;
  }

  .premium-card-body,
  .calendar-race-row,
  .drivers-team-row,
  .teams-team-row,
  .search-level-block,
  .search-empty-card,
  .search-hero,
  .modern-archive-header {
    padding: 14px;
  }

  .article-filter-line,
  .article-filter-buttons-row {
    gap: 8px;
  }

  .article-choice-chip,
  .article-choice-chip-soft,
  .article-choice-chip-month,
  .article-filter-family-btn,
  .article-filter-top-btn,
  .article-filter-main-btn,
  .article-filter-year-btn,
  .news-apply-btn,
  .article-toolbar-reset,
  .article-toolbar-reset-inline {
    min-height: 42px;
  }
}

/* ======================================================================
   LOT 1 ciblé — Tableaux Classements + Résultats GP responsive
   Base : Formula1Mag_responsive_mobile_LOT3_PATCH_ONLY
   Objectif : supprimer les scrolls horizontaux parasites sur mobile
   sans modifier le header, le menu mobile ni la page Articles.
   ====================================================================== */

.results-table-wrap {
  max-width: 100%;
}

.results-table-wrap .results-table {
  max-width: 100%;
}

.gp-podium-panel .gp-podium-grid {
  padding: 18px 20px 20px;
}

.results-table-wrap {
  padding: 16px 18px 18px;
  overflow: visible;
}

.results-table-wrap .results-table {
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

.results-table .results-name-link,
.results-table .results-team-chip {
  min-width: 0;
}

.results-table .results-name-link strong,
.results-table .results-team-chip span {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .results-showcase {
    gap: 16px;
    margin-top: 16px;
  }

  .results-panel,
  .gp-podium-panel,
  .gp-results-panel {
    overflow: visible;
    border-radius: 22px;
  }

  .results-panel-head {
    padding: 18px 16px 14px;
    border-bottom: 0;
  }

  .results-panel-head h2,
  .results-chrono-head h3 {
    font-size: clamp(24px, 7vw, 30px);
  }

  .results-panel-summary {
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    border-radius: 18px;
  }

  .results-panel-summary strong {
    font-size: 28px;
  }

  .results-table-wrap {
    padding: 0 14px 16px;
    overflow: visible !important;
  }

  .results-table-wrap .results-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: 0;
    border-radius: 0;
    overflow: visible !important;
    background: transparent;
  }

  .results-table thead {
    display: none !important;
  }

  .results-table tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px;
  }

  .results-table tr {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
  }

  .results-table tbody td {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    text-align: right;
  }

  .results-table tbody td::before {
    content: attr(data-label);
    flex: 0 0 min(42%, 10rem);
    max-width: min(42%, 10rem);
    color: #6b7280;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.25;
    text-align: left;
    text-transform: uppercase;
  }

  .results-table tbody td.results-empty {
    display: block !important;
    padding: 16px !important;
    text-align: left;
  }

  .results-table tbody td.results-empty::before {
    display: none;
    content: none;
  }

  .results-table .results-rank {
    min-width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .results-table .results-avatar {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }

  .results-table .results-team-chip {
    max-width: min(58vw, 16rem);
    justify-content: flex-end;
    text-align: right;
  }

  .results-table .results-team-chip img {
    flex: 0 0 auto;
  }

  .results-table .results-name-link,
  .results-table .results-name-link strong,
  .results-table .results-team-chip span {
    min-width: 0;
    max-width: 100%;
  }

  .results-table .results-points {
    font-size: 24px;
  }

  .gp-podium-panel .gp-podium-grid {
    padding: 0 14px 16px;
    gap: 12px;
  }

  .gp-podium-card {
    padding: 16px;
    border-radius: 20px;
  }

  .gp-podium-driver {
    min-width: 0;
  }

  .gp-podium-driver > div {
    min-width: 0;
  }

  .gp-podium-driver strong,
  .gp-podium-driver small {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 420px) {
  .results-table tbody td {
    gap: 10px;
  }

  .results-table tbody td::before {
    flex-basis: 6.75rem;
    max-width: 6.75rem;
    font-size: 10px;
  }

  .results-table .results-team-chip {
    max-width: 54vw;
    padding: 8px 10px;
  }

  .results-table .results-stat-pill {
    min-width: 38px;
  }
}


/* =========================================================
   LOT 2B — Articles: filtre responsive fonctionnel
   Base: LOT3 + LOT1 tableaux validés
   ========================================================= */
.article-toolbar-shell.article-toolbar-shell-responsive { overflow-x: clip; }
.article-toolbar-compact { position: relative; display: block; }
.article-toolbar-sticky--compact {
  position: sticky; top: 88px; z-index: 20; display: grid; grid-template-rows: auto 1fr; gap: 10px;
  min-height: 150px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 28px;
  background: var(--black); box-shadow: 0 22px 48px rgba(15,23,42,.14); overflow: visible;
}
.article-toolbar-sticky--compact:not(.is-expanded) { max-height: 150px; overflow: hidden; }
.article-filter-compact-row { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; }
.article-filter-compact-copy { display: flex; align-items: center; min-width: 0; }
.article-filter-compact-copy .section-kicker { color: rgba(255,255,255,.72); white-space: nowrap; }
.article-filter-tabs { min-width: 0; }
.article-filter-tabset { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; min-width: 0; }
.article-filter-tabset[hidden], .article-toolbar-subpanel--compact[hidden], .article-toolbar-subcontent[hidden], .article-category-group[hidden], .article-choice-chip[hidden] { display: none !important; }
.article-filter-tab, .article-choice-chip, .article-choice-chip-soft, .article-toolbar-sticky--compact .article-toolbar-reset-inline {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 15px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); color: #fff; font-size: 13px; font-weight: 850;
  letter-spacing: .03em; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
.article-filter-tab:hover, .article-filter-tab:focus-visible, .article-choice-chip:hover, .article-choice-chip:focus-visible, .article-toolbar-sticky--compact .article-toolbar-reset-inline:hover, .article-toolbar-sticky--compact .article-toolbar-reset-inline:focus-visible { transform: translateY(-1px); border-color: rgba(255,255,255,.30); background: rgba(255,255,255,.15); outline: none; }
.article-filter-tab.is-active, .article-filter-tab[aria-expanded="true"] { background: #fff; border-color: #fff; color: #0f172a; }
.article-filter-tab.is-muted { opacity: .48; }
.article-filter-tab-back { background: rgba(255,255,255,.04); color: rgba(255,255,255,.78); }
.article-toolbar-subpanel--compact { display: block; margin: 4px 0 2px; padding: 14px; border-radius: 22px; border: 1px solid rgba(226,232,240,.95); background: #fff; box-shadow: 0 12px 28px rgba(15,23,42,.10); }
.article-choice-grid, .article-category-group { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; max-height: 230px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; min-width: 0; }
.article-toolbar-subpanel--compact .article-choice-chip, .article-toolbar-subpanel--compact .article-choice-chip-soft { border-color: rgba(15,23,42,.10); background: #f8fafc; color: #111827; }
.article-toolbar-subpanel--compact .article-choice-chip:hover, .article-toolbar-subpanel--compact .article-choice-chip:focus-visible, .article-toolbar-subpanel--compact .article-choice-chip.is-selected { border-color: #111827; background: #111827; color: #fff; }
.article-toolbar-subpanel--compact .article-choice-chip span { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: rgba(15,23,42,.08); color: inherit; font-size: 11px; }
.article-period-actions { display: flex; justify-content: flex-start; margin-bottom: 10px; }
.article-toolbar-meta-row--compact { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; min-width: 0; margin-top: auto; }
.article-toolbar-meta-left { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 auto; }
.article-toolbar-sticky--compact .article-toolbar-active-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; justify-content: flex-start; }
.article-toolbar-sticky--compact .article-toolbar-result-pill { flex: 0 0 auto; min-width: 76px; padding: 8px 12px; border-radius: 16px; }
.article-toolbar-sticky--compact .article-toolbar-result-pill span { font-size: 24px; }
.article-filter-actions { display: flex; align-items: flex-end; justify-content: flex-end; gap: 10px; flex: 0 0 auto; margin-left: auto; }
.article-toolbar-sticky--compact .article-toolbar-reset-inline { min-height: 40px; padding-inline: 16px; }
.article-filter-empty { margin: 0; color: #64748b; font-size: 14px; }
@media (max-width: 920px) {
  .article-toolbar-sticky--compact { top: 76px; padding: 14px; border-radius: 24px; }
  .article-filter-compact-row { grid-template-columns: 1fr; gap: 10px; }
  .article-filter-tabset { justify-content: flex-start; }
  .article-toolbar-meta-row--compact, .article-toolbar-meta-left { align-items: flex-start; }
}
@media (max-width: 760px) {
  .article-toolbar-sticky--compact { top: 74px; min-height: 150px; max-height: none; padding: 13px; gap: 10px; }
  .article-toolbar-sticky--compact:not(.is-expanded) { max-height: 150px; overflow: hidden; }
  .article-filter-compact-copy .section-kicker { font-size: 11px; }
  .article-filter-tabset { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .article-filter-tabset[data-filter-tabset="categories"], .article-filter-tabset[data-filter-tabset="period"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-filter-tab, .article-choice-chip, .article-choice-chip-soft, .article-toolbar-sticky--compact .article-toolbar-reset-inline { width: 100%; min-height: 40px; padding-inline: 10px; font-size: 12px; white-space: normal; text-align: center; line-height: 1.15; }
  .article-toolbar-subpanel--compact { padding: 12px; border-radius: 18px; }
  .article-choice-grid, .article-category-group { display: grid; grid-template-columns: 1fr; gap: 8px; max-height: 260px; }
  .article-toolbar-meta-row--compact { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
  .article-toolbar-meta-left { gap: 8px; min-width: 0; }
  .article-toolbar-sticky--compact .article-toolbar-active-line { max-height: 40px; overflow: hidden; }
  .article-filter-actions { align-self: end; }
}
@media (max-width: 420px) {
  .article-filter-tabset, .article-filter-tabset[data-filter-tabset="categories"], .article-filter-tabset[data-filter-tabset="period"] { grid-template-columns: 1fr; }
  .article-toolbar-meta-row--compact { grid-template-columns: 1fr; }
  .article-filter-actions { width: 100%; }
}

/* =========================================================
   LOT 2C — Ajustements mobile filtre /articles + cartes écuries
   Base: LOT2B validé fonctionnellement
   Objectif: conserver le fonctionnement, corriger l'affichage mobile uniquement
   ========================================================= */

@media (max-width: 760px) {
  .article-toolbar-shell.article-toolbar-shell-responsive {
    padding-top: 8px;
    margin-bottom: 18px;
    overflow: visible;
  }

  .article-toolbar-compact {
    width: 100%;
    min-width: 0;
  }

  .article-toolbar-sticky--compact {
    position: relative;
    top: auto;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: stretch;
    min-height: 150px;
    padding: 14px;
    gap: 8px;
    border-radius: 24px;
    overflow: visible;
  }

  .article-toolbar-sticky--compact:not(.is-expanded) {
    height: 150px;
    max-height: 150px;
    overflow: hidden;
  }

  .article-filter-compact-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
    min-width: 0;
  }

  .article-filter-compact-copy {
    min-height: 12px;
  }

  .article-filter-compact-copy .section-kicker {
    margin: 0;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .10em;
    white-space: nowrap;
  }

  .article-filter-tabs,
  .article-filter-tabset {
    width: 100%;
    min-width: 0;
  }

  .article-filter-tabset[hidden] {
    display: none !important;
  }

  .article-filter-tabset[data-filter-tabset="root"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  .article-filter-tabset[data-filter-tabset="categories"],
  .article-filter-tabset[data-filter-tabset="period"] {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .article-filter-tabset[data-filter-tabset="categories"]::-webkit-scrollbar,
  .article-filter-tabset[data-filter-tabset="period"]::-webkit-scrollbar {
    display: none;
  }

  .article-filter-tab,
  .article-choice-chip,
  .article-choice-chip-soft,
  .article-toolbar-sticky--compact .article-toolbar-reset-inline {
    min-height: 38px;
    padding-inline: 10px;
    font-size: 11px;
    line-height: 1.08;
    letter-spacing: .025em;
    white-space: nowrap;
    text-align: center;
  }

  .article-filter-tabset[data-filter-tabset="root"] .article-filter-tab {
    width: 100%;
    min-width: 0;
  }

  .article-filter-tabset[data-filter-tabset="categories"] .article-filter-tab {
    flex: 0 0 auto;
    width: auto;
    min-width: 92px;
  }

  .article-filter-tabset[data-filter-tabset="period"] .article-filter-tab {
    flex: 0 0 auto;
    width: auto;
    min-width: 76px;
  }

  .article-filter-tab-back {
    min-width: 82px !important;
    color: rgba(255,255,255,.82);
  }

  .article-toolbar-meta-row--compact {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 0;
    min-height: 30px;
    min-width: 0;
  }

  .article-toolbar-meta-left {
    display: none;
  }

  .article-filter-actions {
    width: auto;
    margin-left: auto;
    align-self: end;
  }

  .article-toolbar-sticky--compact .article-toolbar-reset-inline {
    width: auto;
    min-height: 30px;
    padding-inline: 12px;
    font-size: 10px;
    opacity: .88;
  }

  .article-toolbar-subpanel--compact {
    margin-top: 2px;
    padding: 12px;
    border-radius: 18px;
  }

  .article-choice-grid,
  .article-category-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: min(48vh, 320px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 420px) {
  .article-filter-tabset[data-filter-tabset="root"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px;
  }

  .article-filter-tab,
  .article-choice-chip,
  .article-choice-chip-soft {
    min-height: 37px;
    padding-inline: 8px;
    font-size: 10.5px;
  }

  .article-toolbar-meta-row--compact {
    grid-template-columns: none;
  }

  .article-filter-actions {
    width: auto;
  }
}

/* Écuries — réduction maîtrisée de la hauteur du bloc coloré, sans casser la carte. */
@media (min-width: 761px) {
  .team-showcase-card {
    grid-template-rows: 230px 150px;
    height: 380px;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 230px auto;
    height: auto;
  }

  .team-showcase-top {
    gap: 14px;
    padding: 22px;
  }

  .team-showcase-title-wrap h3 {
    font-size: 31px;
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 14px;
    min-height: 116px;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 54px);
    gap: 8px;
    min-height: 116px;
    max-height: 116px;
  }

  .team-showcase-driver-pill {
    height: 54px;
    min-height: 54px;
  }

  .team-showcase-logo,
  .team-showcase-logo-shell {
    height: 116px;
  }

  .team-showcase-logo-shell {
    width: 132px;
    border-radius: 30px;
    padding: 20px;
  }
}

@media (max-width: 760px) {
  .team-showcase-card {
    grid-template-rows: 250px 154px;
    height: 404px;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 250px auto;
    height: auto;
  }

  .team-showcase-top {
    gap: 12px;
    padding: 18px;
  }

  .team-showcase-top::before {
    right: -28px;
    bottom: -44px;
    width: 158px;
    height: 158px;
  }

  .team-showcase-title-wrap h3 {
    font-size: clamp(25px, 7vw, 29px);
    line-height: 1;
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 10px;
    min-height: 110px;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 51px);
    gap: 8px;
    min-height: 110px;
    max-height: 110px;
  }

  .team-showcase-driver-pill {
    height: 51px;
    min-height: 51px;
    gap: 9px;
    padding: 7px 10px;
    border-radius: 17px;
  }

  .team-showcase-driver-avatar {
    width: 38px;
    height: 38px;
    border-width: 2px;
  }

  .team-showcase-driver-name {
    font-size: 14px;
    line-height: 1.12;
  }

  .team-showcase-logo {
    height: 110px;
  }

  .team-showcase-logo-shell {
    width: 112px;
    height: 110px;
    border-radius: 25px;
    padding: 17px;
  }

  .team-showcase-driver-empty {
    height: 110px;
  }
}

@media (max-width: 420px) {
  .team-showcase-card {
    grid-template-rows: 236px 150px;
    height: 386px;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 236px auto;
    height: auto;
  }

  .team-showcase-top {
    padding: 16px;
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 100px;
    min-height: 104px;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 48px);
    min-height: 104px;
    max-height: 104px;
  }

  .team-showcase-driver-pill {
    height: 48px;
    min-height: 48px;
  }

  .team-showcase-logo,
  .team-showcase-logo-shell,
  .team-showcase-driver-empty {
    height: 104px;
  }

  .team-showcase-logo-shell {
    width: 100px;
    padding: 15px;
  }
}

/* =========================================================
   LOT 2D — Ajustement final mobile filtre /articles + hauteur écuries
   Base: LOT2C
   Objectif:
   - respecter hidden sur les tabsets secondaires du filtre mobile ;
   - afficher uniquement l'étape active : racine OU catégories OU période ;
   - compacter encore les blocs colorés .team-showcase-top sur mobile.
   ========================================================= */

@media (max-width: 760px) {
  /* Le LOT2C forçait display:flex/grid sur certains tabsets avec !important.
     Cette règle, plus spécifique et placée après, redonne la priorité à l'attribut hidden. */
  .article-filter-tabs > .article-filter-tabset[hidden],
  .article-filter-tabs > .article-filter-tabset[data-filter-tabset][hidden] {
    display: none !important;
    visibility: hidden !important;
  }

  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="root"]:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="categories"]:not([hidden]),
  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="period"]:not([hidden]) {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .article-toolbar-sticky--compact:not(.is-expanded) {
    height: 150px;
    max-height: 150px;
    overflow: hidden;
  }

  /* Écuries : carte plus compacte et suppression du grand vide dans le bloc coloré. */
  .team-showcase-card {
    grid-template-rows: 218px 144px;
    height: 362px;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 218px auto;
    height: auto;
  }

  .team-showcase-top {
    grid-template-rows: auto auto;
    align-content: start;
    gap: 10px;
    padding: 16px;
  }

  .team-showcase-top::before {
    right: -34px;
    bottom: -50px;
    width: 145px;
    height: 145px;
  }

  .team-showcase-title-wrap h3 {
    font-size: clamp(24px, 6.4vw, 28px);
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 106px;
    gap: 9px;
    min-height: 100px;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 46px);
    gap: 8px;
    min-height: 100px;
    max-height: 100px;
  }

  .team-showcase-driver-pill {
    height: 46px;
    min-height: 46px;
    gap: 8px;
    padding: 6px 9px;
    border-radius: 16px;
  }

  .team-showcase-driver-avatar {
    width: 36px;
    height: 36px;
  }

  .team-showcase-driver-name {
    font-size: 13.5px;
    line-height: 1.1;
  }

  .team-showcase-logo,
  .team-showcase-logo-shell,
  .team-showcase-driver-empty {
    height: 100px;
  }

  .team-showcase-logo-shell {
    width: 106px;
    border-radius: 22px;
    padding: 14px;
  }

  .team-showcase-bottom {
    height: 144px;
    min-height: 144px;
    max-height: 144px;
    padding: 15px 18px 18px;
    gap: 10px;
  }
}

@media (max-width: 430px) {
  .team-showcase-card {
    grid-template-rows: 202px 138px;
    height: 340px;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 202px auto;
    height: auto;
  }

  .team-showcase-top {
    gap: 9px;
    padding: 14px;
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 8px;
    min-height: 94px;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 43px);
    gap: 8px;
    min-height: 94px;
    max-height: 94px;
  }

  .team-showcase-driver-pill {
    height: 43px;
    min-height: 43px;
    padding: 5px 8px;
  }

  .team-showcase-driver-avatar {
    width: 33px;
    height: 33px;
  }

  .team-showcase-driver-name {
    font-size: 12.8px;
  }

  .team-showcase-logo,
  .team-showcase-logo-shell,
  .team-showcase-driver-empty {
    height: 94px;
  }

  .team-showcase-logo-shell {
    width: 96px;
    padding: 12px;
    border-radius: 20px;
  }

  .team-showcase-bottom {
    height: 138px;
    min-height: 138px;
    max-height: 138px;
  }
}

/* =========================================================
   LOT 2E — Ajustement final filtre mobile /articles + écuries
   Base: LOT2D
   Objectif:
   - afficher tous les choix Catégories sur mobile sans scroll horizontal ;
   - conserver hidden pour les étapes inactives ;
   - réduire encore la zone colorée .team-showcase-top sur mobile.
   ========================================================= */

@media (max-width: 760px) {
  /* /articles — étape Catégories : les 4 choix + Retour doivent rester visibles. */
  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="categories"]:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    scrollbar-width: auto !important;
  }

  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="categories"]:not([hidden]) .article-filter-tab {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding-inline: 7px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="categories"]:not([hidden]) .article-filter-tab-back {
    min-width: 0 !important;
  }

  /* On garde l'étape Période compacte, car les années peuvent rester sur une ligne. */
  .article-filter-tabs > .article-filter-tabset[data-filter-tabset="period"]:not([hidden]) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  /* Écuries — retrait de l'espace vide restant dans la zone colorée. */
  .team-showcase-card {
    grid-template-rows: 182px 138px !important;
    height: 320px !important;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 182px auto !important;
    height: auto !important;
  }

  .team-showcase-top {
    gap: 8px !important;
    padding: 14px !important;
    align-content: start !important;
  }

  .team-showcase-top::before {
    right: -38px !important;
    bottom: -58px !important;
    width: 126px !important;
    height: 126px !important;
  }

  .team-showcase-title-wrap h3 {
    font-size: clamp(23px, 6vw, 27px) !important;
    line-height: 1 !important;
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 94px !important;
    gap: 8px !important;
    min-height: 88px !important;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 40px) !important;
    gap: 8px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  }

  .team-showcase-driver-pill {
    height: 40px !important;
    min-height: 40px !important;
    gap: 7px !important;
    padding: 5px 8px !important;
    border-radius: 15px !important;
  }

  .team-showcase-driver-avatar {
    width: 31px !important;
    height: 31px !important;
  }

  .team-showcase-driver-name {
    font-size: 12.4px !important;
    line-height: 1.05 !important;
  }

  .team-showcase-logo,
  .team-showcase-logo-shell,
  .team-showcase-driver-empty {
    height: 88px !important;
  }

  .team-showcase-logo-shell {
    width: 94px !important;
    padding: 11px !important;
    border-radius: 19px !important;
  }
}

@media (max-width: 430px) {
  .team-showcase-card {
    grid-template-rows: 170px 136px !important;
    height: 306px !important;
  }

  .team-showcase-card.is-expanded {
    grid-template-rows: 170px auto !important;
    height: auto !important;
  }

  .team-showcase-top {
    padding: 13px !important;
    gap: 7px !important;
  }

  .team-showcase-title-wrap h3 {
    font-size: clamp(22px, 6vw, 26px) !important;
  }

  .team-showcase-roster-row {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    min-height: 82px !important;
  }

  .team-showcase-driver-list {
    grid-template-rows: repeat(2, 37px) !important;
    gap: 8px !important;
    min-height: 82px !important;
    max-height: 82px !important;
  }

  .team-showcase-driver-pill {
    height: 37px !important;
    min-height: 37px !important;
    padding: 4px 7px !important;
  }

  .team-showcase-driver-avatar {
    width: 29px !important;
    height: 29px !important;
  }

  .team-showcase-driver-name {
    font-size: 12px !important;
  }

  .team-showcase-logo,
  .team-showcase-logo-shell,
  .team-showcase-driver-empty {
    height: 82px !important;
  }

  .team-showcase-logo-shell {
    width: 88px !important;
    padding: 10px !important;
  }
}

/* =========================================================
   LOT 3 — Header responsive : recherche + date
   Base: LOT2E validé
   Objectif:
   - agrandir réellement le champ de recherche sur desktop ;
   - empêcher la date de compresser le champ sur mobile ;
   - garder le menu mobile fullscreen existant inchangé.
   ========================================================= */

@media (min-width: 981px) {
  .site-header .logo-row {
    align-items: flex-start !important;
    gap: clamp(18px, 2vw, 32px) !important;
  }

  .site-header .logo-wrap {
    flex: 0 1 55% !important;
    max-width: 55% !important;
    min-width: 0 !important;
  }

  .site-header .header-tools {
    flex: 0 1 45% !important;
    width: 45% !important;
    max-width: 45% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    align-self: flex-start !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    padding-top: 2px !important;
  }

  .site-header .search-inline {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .site-header .search-inline input {
    min-width: 0 !important;
    width: 100% !important;
  }

  .site-header .search-inline button {
    white-space: nowrap !important;
  }

  .site-header .header-date-inline {
    justify-self: end !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    color: #111827 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-align: right !important;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .site-header .header-tools {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    justify-items: stretch !important;
  }

  .site-header .search-inline {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .site-header .search-inline input {
    min-width: 0 !important;
    width: 100% !important;
  }

  .site-header .header-date-inline {
    justify-self: end !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: right !important;
  }
}

@media (max-width: 760px) {
  .site-header .logo-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    row-gap: 12px !important;
  }

  .site-header .header-tools {
    grid-column: 1 / -1 !important;
    order: 3 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    justify-items: stretch !important;
  }

  .site-header .header-date-inline {
    order: -1 !important;
    justify-self: end !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: clamp(13px, 3.2vw, 15px) !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    text-align: right !important;
  }

  .site-header .search-inline {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .site-header .search-inline input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    text-overflow: ellipsis !important;
  }

  .site-header .search-inline button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
  }
}

@media (max-width: 390px) {
  .site-header .brand-image img {
    width: min(205px, 100%) !important;
  }

  .site-header .brand-sub {
    font-size: 9px !important;
    letter-spacing: .105em !important;
  }

  .site-header .mobile-nav-toggle {
    padding-inline: 12px !important;
  }

  .site-header .header-date-inline {
    font-size: 13px !important;
  }
}


/* ===== LOT 4 - Footer responsive + newsletter mobile comfort ===== */
.site-footer {
  overflow: clip;
}

.site-footer .footer-grid {
  align-items: start;
}

.site-footer .footer-col,
.site-footer .footer-about,
.site-footer .footer-newsletter,
.site-footer .footer-list,
.site-footer .footer-list li,
.site-footer .footer-list a {
  min-width: 0;
}

.site-footer .footer-col h4 {
  margin: 0 0 12px;
  color: #111827;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.site-footer .footer-about p {
  margin: 0 0 10px;
}

.site-footer .footer-list a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  max-width: 100%;
  color: #111827;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.site-footer .footer-list a:hover,
.site-footer .footer-list a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.site-footer .footer-newsletter {
  display: grid;
  gap: 10px;
}

.site-footer .footer-newsletter input,
.site-footer .footer-newsletter button {
  width: 100%;
  min-height: 48px;
  margin: 0;
  font-size: 16px;
}

.site-footer .footer-newsletter-help {
  max-width: 38rem;
  overflow-wrap: anywhere;
}

.site-footer .footer-newsletter-feedback {
  overflow-wrap: anywhere;
}

.site-footer .copyright {
  border-top: 1px solid rgba(15, 23, 42, .08);
  padding-top: 18px;
}

@media (max-width: 1100px) {
  .site-footer .footer-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 26px 22px;
  }

  .site-footer .footer-about,
  .site-footer #footer-newsletter {
    grid-column: span 1;
  }
}

@media (max-width: 760px) {
  .site-footer {
    margin-top: 36px;
  }

  .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 20px;
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .site-footer .footer-brand-logo img {
    width: min(220px, 100%);
  }

  .site-footer .footer-col {
    padding: 0;
  }

  .site-footer .footer-col h4 {
    margin-bottom: 8px;
  }

  .site-footer .footer-small,
  .site-footer .footer-newsletter-help {
    font-size: 13px;
    line-height: 1.65;
  }

  .site-footer .footer-list {
    display: grid;
    gap: 2px;
  }

  .site-footer .footer-list li {
    padding: 0;
  }

  .site-footer .footer-list a {
    display: flex;
    min-height: 44px;
    padding: 8px 0;
  }

  .site-footer .copyright {
    padding-bottom: max(22px, env(safe-area-inset-bottom));
    text-align: center;
    line-height: 1.5;
  }
}

@media (max-width: 430px) {
  .site-footer .footer-grid {
    padding-top: 24px;
  }

  .site-footer .footer-brand-logo img {
    width: min(200px, 100%);
  }

  .site-footer .footer-newsletter input,
  .site-footer .footer-newsletter button {
    min-height: 50px;
    border-radius: 16px;
  }
}

/* ===== LOT 5 - Auth / Member / Writer responsive comfort =====
   Objectif : améliorer les pages /login, /register, /password/forgot,
   /member, /writer et l'éditeur writer sans modifier le header,
   le menu mobile, les filtres /articles, les tableaux résultats ou le footer. */

.member-auth-front,
.member-space,
.writer-space-front {
  width: min(100% - clamp(20px, 4vw, 48px), 1220px);
  margin-inline: auto;
}

.member-auth-front,
.writer-space-front {
  padding-block: clamp(18px, 3vw, 34px);
}

.auth-front-card,
.member-space-hero,
.member-info-card,
.writer-hero,
.writer-quick-card,
.writer-list-card,
.writer-form-card,
.article-card-section {
  min-width: 0;
}

.auth-front-form input,
.member-profile-form input,
.member-profile-form select,
.member-profile-form textarea,
.writer-form-shell input,
.writer-form-shell select,
.writer-form-shell textarea {
  min-width: 0;
  min-height: 48px;
  font-size: 16px;
  line-height: 1.35;
}

.auth-front-form input:focus-visible,
.member-profile-form input:focus-visible,
.member-profile-form select:focus-visible,
.member-profile-form textarea:focus-visible,
.writer-form-shell input:focus-visible,
.writer-form-shell select:focus-visible,
.writer-form-shell textarea:focus-visible,
.editor-btn:focus-visible,
.member-space-btn:focus-visible,
.writer-table-link:focus-visible {
  outline: 3px solid rgba(225, 6, 0, .22);
  outline-offset: 2px;
}

.member-space-btn,
.writer-table-link,
.editor-btn {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.member-space-actions,
.writer-hero-actions,
.writer-quick-actions,
.writer-row-actions,
.writer-form-actions,
.member-profile-actions {
  min-width: 0;
}

.writer-section-head-inline > div,
.article-card-head > div,
.member-info-head,
.writer-hero-copy,
.auth-front-hero,
.auth-front-form-head {
  min-width: 0;
}

.writer-section-head-inline h2,
.article-card-head h2,
.member-info-head h2,
.auth-front-hero h1,
.writer-hero-copy h1,
.member-space-hero-copy h1 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.writer-table-wrap {
  max-width: 100%;
}

.writer-row-actions {
  justify-content: flex-start;
  margin-top: 0;
}

.writer-table-link {
  white-space: nowrap;
}

.writer-inline-field,
.article-tool-buttons,
.article-stats-bar,
.editor-toolbar {
  min-width: 0;
}

.editor-toolbar {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.editor-btn {
  flex: 0 0 auto;
  min-height: 42px;
}

.article-tool-buttons .member-space-btn,
.writer-mini-actions .member-space-btn,
.upload-inline .member-space-btn {
  white-space: normal;
}

.article-media-preview-box,
.article-media-preview-box img {
  min-width: 0;
}

@media (max-width: 980px) {
  .member-auth-front,
  .member-space,
  .writer-space-front {
    width: min(100% - 24px, 1220px);
  }

  .auth-front-card,
  .member-space-hero,
  .member-space-grid,
  .member-security-grid,
  .writer-hero,
  .writer-layout-grid,
  .writer-form-grid.two-columns,
  .auth-front-grid-two,
  .member-profile-grid.two-columns {
    grid-template-columns: 1fr !important;
  }

  .member-space-hero,
  .writer-hero {
    align-items: stretch;
  }

  .member-space-badge,
  .writer-hero-aside {
    width: 100%;
  }

  .writer-section-head-inline {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .writer-section-head-inline .member-space-btn {
    width: 100%;
  }

  .admin-inline-field.writer-inline-field {
    display: grid !important;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .writer-inline-action,
  .upload-inline .member-space-btn,
  .writer-mini-actions .member-space-btn {
    width: 100%;
  }

  .article-card-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .writer-stats-bar {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .member-auth-front,
  .member-space,
  .writer-space-front {
    width: min(100% - 20px, 1220px);
  }

  .auth-front-card,
  .auth-front-form-card,
  .member-space-hero,
  .member-info-card,
  .member-info-card-main,
  .writer-hero,
  .writer-quick-card,
  .writer-list-card,
  .writer-form-card,
  .article-card-section {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .auth-front-card,
  .member-space-hero,
  .writer-hero {
    gap: 18px;
  }

  .auth-front-hero h1,
  .member-space-hero-copy h1,
  .writer-hero-copy h1 {
    font-size: clamp(2rem, 10vw, 2.65rem) !important;
    line-height: 1.02;
  }

  .auth-front-hero p,
  .member-space-hero-copy p,
  .writer-hero-copy p,
  .member-info-head p,
  .writer-section-head p,
  .article-card-head p {
    font-size: 15px;
    line-height: 1.65;
  }

  .auth-front-highlights {
    gap: 10px;
  }

  .auth-front-highlights article,
  .member-highlights li,
  .member-mini-meta,
  .writer-empty-state,
  .writer-action-tile {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .member-space-actions,
  .writer-hero-actions,
  .writer-quick-actions,
  .writer-form-actions,
  .member-profile-actions,
  .auth-front-links {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
  }

  .member-space-btn,
  .auth-front-submit {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
  }

  /* Writer dashboard: table -> mobile cards */
  .writer-table-wrap {
    overflow: visible !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .writer-table,
  .writer-table thead,
  .writer-table tbody,
  .writer-table tr,
  .writer-table th,
  .writer-table td {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }

  .writer-table {
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 12px;
  }

  .writer-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .writer-table tbody {
    display: grid;
    gap: 12px;
  }

  .writer-table tr {
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  }

  .writer-table td {
    display: grid;
    grid-template-columns: minmax(88px, .42fr) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
    white-space: normal !important;
  }

  .writer-table td:last-child {
    border-bottom: 0;
    padding-bottom: 0 !important;
  }

  .writer-table td::before {
    content: attr(data-label);
    color: #667085;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .writer-table td:first-child strong,
  .writer-slug {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .writer-row-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .writer-table-link {
    width: 100%;
    min-height: 42px;
  }

  .article-tool-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .article-tool-buttons .member-space-btn {
    width: 100%;
    min-height: 46px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.25;
  }

  .editor-toolbar {
    flex-wrap: nowrap;
    padding: 10px;
  }

  .editor-btn {
    min-height: 40px;
    padding: 8px 10px;
    font-size: 13px;
  }

  .editor-visual,
  .editor-html,
  .editor-preview {
    min-height: 260px !important;
    padding: 14px !important;
    font-size: 16px;
    line-height: 1.75;
  }

  .editor-preview .article-keyfacts,
  .editor-visual .article-keyfacts,
  .editor-preview .article-stats-grid,
  .editor-visual .article-stats-grid,
  .editor-preview .article-race-weekend,
  .editor-visual .article-race-weekend,
  .editor-preview .article-duel-grid,
  .editor-visual .article-duel-grid,
  .editor-preview .article-factfile,
  .editor-visual .article-factfile {
    grid-template-columns: 1fr !important;
  }

  .article-media-preview-box,
  .article-media-preview-box img {
    min-height: 190px !important;
  }

  .writer-form-actions-sticky {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
  }
}

@media (max-width: 430px) {
  .auth-front-card,
  .auth-front-form-card,
  .member-space-hero,
  .member-info-card,
  .member-info-card-main,
  .writer-hero,
  .writer-quick-card,
  .writer-list-card,
  .writer-form-card,
  .article-card-section {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .auth-front-hero h1,
  .member-space-hero-copy h1,
  .writer-hero-copy h1 {
    font-size: clamp(1.8rem, 9vw, 2.25rem) !important;
  }

  .article-tool-buttons {
    grid-template-columns: 1fr;
  }

  .writer-table td {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .writer-table td::before {
    font-size: 10px;
  }

  .member-space-badge {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 16px;
  }

  .member-avatar {
    width: 56px;
    height: 56px;
    font-size: 24px;
  }
}

/* ======================================================================
   LOT 6 - Consolidation responsive finale : anti-overflow, contenu riche,
   accessibilite minimale et confort tactile.
   Patch CSS additif uniquement. Ne modifie pas le header, le menu mobile,
   les filtres /articles, les tableaux de resultats GP ni le footer valide.
   ====================================================================== */

/* 1) Garde-fous globaux anti-debordement */
.site-main,
.site-main > *,
.premium-section,
.premium-card,
.premium-top-grid,
.premium-section-grid,
.article-results-shell,
.article-grid,
.modern-article-page,
.modern-article-content,
.cms-page-content,
.rich-content,
.member-space-grid,
.writer-layout-grid,
.writer-form-card,
.writer-list-card {
  min-width: 0;
}

.site-main,
.premium-section,
.article-results-shell,
.modern-article-content,
.cms-page-content,
.rich-content {
  overflow-wrap: anywhere;
}

.modern-article-content a,
.cms-page-content a,
.rich-content a,
.premium-card a,
.member-space-card a,
.writer-list-card a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 2) Medias editoriaux fluides */
.modern-article-content img,
.cms-page-content img,
.rich-content img,
.editor-preview img,
.article-card img,
.premium-card img {
  max-width: 100%;
  height: auto;
}

.modern-article-content figure,
.cms-page-content figure,
.rich-content figure {
  max-width: 100%;
  margin-inline: 0;
}

.modern-article-content figcaption,
.cms-page-content figcaption,
.rich-content figcaption {
  font-size: clamp(0.78rem, 2vw, 0.9rem);
  line-height: 1.45;
  color: #6b7280;
  margin-top: 8px;
}

/* 3) Embeds video / iframe sans casser les tableaux metier */
.modern-article-content iframe,
.cms-page-content iframe,
.rich-content iframe,
.editor-preview iframe,
.modern-article-content video,
.cms-page-content video,
.rich-content video,
.editor-preview video {
  width: 100%;
  max-width: 100%;
  border: 0;
}

.modern-article-content iframe,
.cms-page-content iframe,
.rich-content iframe,
.editor-preview iframe {
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 220px;
  border-radius: 18px;
  overflow: hidden;
}

@media (max-width: 600px) {
  .modern-article-content iframe,
  .cms-page-content iframe,
  .rich-content iframe,
  .editor-preview iframe {
    min-height: 190px;
    border-radius: 14px;
  }
}

/* 4) Tableaux de contenu riche : scroll local uniquement, pas global */
.modern-article-content table:not(.results-table):not(.gp-results-table):not(.writer-table),
.cms-page-content table:not(.results-table):not(.gp-results-table):not(.writer-table),
.rich-content table:not(.results-table):not(.gp-results-table):not(.writer-table),
.editor-preview table:not(.results-table):not(.gp-results-table):not(.writer-table) {
  width: max-content;
  min-width: 100%;
  max-width: 100%;
}

.modern-article-content table:not(.results-table):not(.gp-results-table):not(.writer-table),
.cms-page-content table:not(.results-table):not(.gp-results-table):not(.writer-table),
.rich-content table:not(.results-table):not(.gp-results-table):not(.writer-table),
.editor-preview table:not(.results-table):not(.gp-results-table):not(.writer-table) {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 5) Code, citations et blocs longs */
.modern-article-content pre,
.cms-page-content pre,
.rich-content pre,
.editor-preview pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px;
  border-radius: 18px;
  white-space: pre;
}

.modern-article-content code,
.cms-page-content code,
.rich-content code,
.editor-preview code {
  overflow-wrap: anywhere;
}

.modern-article-content blockquote,
.cms-page-content blockquote,
.rich-content blockquote,
.editor-preview blockquote {
  margin-inline: 0;
  max-width: 100%;
}

@media (max-width: 600px) {
  .modern-article-content pre,
  .cms-page-content pre,
  .rich-content pre,
  .editor-preview pre,
  .modern-article-content blockquote,
  .cms-page-content blockquote,
  .rich-content blockquote,
  .editor-preview blockquote {
    border-radius: 14px;
  }
}

/* 6) Pagination, alertes et etats vides */
.pagination,
.pager,
.article-pagination,
.page-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.pagination a,
.pagination span,
.pager a,
.pager span,
.article-pagination a,
.article-pagination span,
.page-pagination a,
.page-pagination span {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  text-align: center;
}

.alert,
.flash,
.flash-message,
.notice,
.form-error,
.form-success,
.empty-state,
.auth-front-alert,
.member-space-alert,
.writer-alert {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .pagination,
  .pager,
  .article-pagination,
  .page-pagination {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
}

/* 7) Accessibilite minimale : focus visible et zones tactiles */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(225, 6, 0, 0.35);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  a,
  button,
  .btn,
  .button,
  .premium-btn,
  .member-space-btn,
  .writer-table-link,
  .article-filter-tab,
  .article-filter-choice,
  .article-toolbar-reset {
    touch-action: manipulation;
  }

  input,
  select,
  textarea {
    font-size: 16px;
  }
}

/* 8) Reduction des animations pour les utilisateurs qui le demandent */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* 9) Safe areas mobiles : evite les collisions bas d'ecran iOS */
@supports (padding: max(0px)) {
  @media (max-width: 760px) {
    .site-main {
      padding-left: max(0px, env(safe-area-inset-left));
      padding-right: max(0px, env(safe-area-inset-right));
    }

    .site-footer {
      padding-bottom: max(0px, env(safe-area-inset-bottom));
    }
  }
}


/* ===== LOT 11D - SAFE FINAL ADJUSTMENTS FROM LOT10 BASE =====
   Scope strict: header, search page, homepage section headings, CMS prose tables.
   Do not target article-toolbar / article-filter / /articles filter UI.
*/

/* Desktop navigation: vertical centering only, no layout rewrite. */
@media (min-width: 981px) {
  .menu-bar .nav-row-space {
    align-items: center;
  }

  .menu-bar .nav-left-stack {
    display: flex;
    align-items: center;
    min-height: 56px;
  }

  .menu-bar .main-nav {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 56px;
  }

  .menu-bar .main-nav a {
    display: inline-flex;
    align-items: center;
  }
}

/* Desktop search results hero: make the right search panel really use the right half. */
@media (min-width: 1201px) {
  .search-hero {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 50%);
    align-items: stretch;
  }

  .search-panel.search-panel-simple {
    width: 100%;
    max-width: none;
    justify-self: stretch;
    align-self: stretch;
    align-content: center;
  }

  .search-panel.search-panel-simple .search-panel-form {
    width: 100%;
  }
}

/* Mobile header: initial state remains LOT10-like; only compact when JS adds class after scroll threshold. */
@media (max-width: 980px) {
  .site-header {
    transition: box-shadow .18s ease;
  }

  .site-header .logo-row {
    transition: padding .18s ease, gap .18s ease;
  }

  .site-header .brand-image img {
    transition: width .18s ease;
  }

  .site-header .brand-sub,
  .site-header .header-tools {
    overflow: hidden;
    transition: max-height .18s ease, opacity .18s ease, transform .18s ease, margin .18s ease, padding .18s ease;
  }

  .site-header:not(.is-compact-mobile) .brand-sub {
    max-height: 32px;
    opacity: 1;
    transform: none;
  }

  .site-header:not(.is-compact-mobile) .header-tools {
    max-height: 240px;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }

  .site-header.is-compact-mobile {
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  }

  .site-header.is-compact-mobile .logo-row {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .site-header.is-compact-mobile .brand-image img {
    width: min(190px, 100%);
  }

  .site-header.is-compact-mobile .brand-sub,
  .site-header.is-compact-mobile .header-tools {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateY(-8px);
    pointer-events: none;
  }
}

/* Home mobile section headings: remove the left visual gap on title blocks only. */
@media (max-width: 760px) {
  .premium-home-v26 .premium-section-head,
  .premium-home-v26 .premium-section-head-compact {
    gap: 8px 12px;
    margin-left: 0;
    padding-left: 0;
  }

  .premium-home-v26 .premium-section-head > div,
  .premium-home-v26 .premium-section-head-compact > div {
    min-width: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .premium-home-v26 .premium-mini-label,
  .premium-home-v26 .premium-section-head h2,
  .premium-home-v26 .premium-section-head-compact h2,
  .premium-home-v26 .premium-section-subtitle {
    margin-left: 0;
    padding-left: 0;
  }
}

/* CMS pages: safe horizontal table wrappers for legal/privacy/cookie pages. */
.cms-page-prose table {
  width: 100%;
  border-collapse: collapse;
}

.cms-page-prose th,
.cms-page-prose td {
  vertical-align: top;
  text-align: left;
}

.cms-page-prose .table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #fff;
}

.cms-page-prose .table-scroll table {
  min-width: 700px;
  margin: 0;
}

@media (max-width: 760px) {
  .cms-page-prose .table-scroll {
    margin: 18px -4px;
  }
}


/* ===== LOT 11E - HOME MOBILE + CMS TABLES ONLY =====
   Base: LOT 11D validated for header / articles / search.
   Scope strict: homepage section titles + CMS tables.
   No article-toolbar / article-filter / search-hero / header selector is modified here.
*/

@media (max-width: 760px) {
  .premium-home-v26 .premium-spotlight-strip > .premium-section-head,
  .premium-home-v26 .premium-editorial-band > .premium-section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }

  .premium-home-v26 .premium-spotlight-strip > .premium-section-head > div,
  .premium-home-v26 .premium-editorial-band > .premium-section-head > div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: left !important;
  }

  .premium-home-v26 .premium-spotlight-strip .premium-mini-label,
  .premium-home-v26 .premium-editorial-band .premium-mini-label,
  .premium-home-v26 .premium-spotlight-strip .premium-section-head h2,
  .premium-home-v26 .premium-editorial-band .premium-section-head h2,
  .premium-home-v26 .premium-editorial-band .premium-section-subtitle {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
    text-align: left !important;
  }

  .premium-home-v26 .premium-editorial-band .section-link {
    align-self: flex-end !important;
    margin-top: 4px !important;
  }
}

.cms-page-prose .cms-table-wrap,
.cms-page-prose .table-scroll {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable;
}

.cms-page-prose .cms-table,
.cms-page-prose .cms-table-wrap > table,
.cms-page-prose .table-scroll > table {
  width: max-content !important;
  min-width: 860px !important;
  max-width: none !important;
  table-layout: auto !important;
  border-collapse: collapse;
}

.cms-page-prose .cms-table th,
.cms-page-prose .cms-table td,
.cms-page-prose .cms-table-wrap th,
.cms-page-prose .cms-table-wrap td,
.cms-page-prose .table-scroll th,
.cms-page-prose .table-scroll td {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

.cms-page-prose .cms-table th:first-child,
.cms-page-prose .cms-table td:first-child,
.cms-page-prose .cms-table-wrap th:first-child,
.cms-page-prose .cms-table-wrap td:first-child,
.cms-page-prose .table-scroll th:first-child,
.cms-page-prose .table-scroll td:first-child {
  min-width: 170px !important;
}

.cms-page-prose .cms-table th:nth-child(2),
.cms-page-prose .cms-table td:nth-child(2),
.cms-page-prose .cms-table-wrap th:nth-child(2),
.cms-page-prose .cms-table-wrap td:nth-child(2),
.cms-page-prose .table-scroll th:nth-child(2),
.cms-page-prose .table-scroll td:nth-child(2) {
  min-width: 320px !important;
}

.cms-page-prose .cms-table th:nth-child(3),
.cms-page-prose .cms-table td:nth-child(3),
.cms-page-prose .cms-table-wrap th:nth-child(3),
.cms-page-prose .cms-table-wrap td:nth-child(3),
.cms-page-prose .table-scroll th:nth-child(3),
.cms-page-prose .table-scroll td:nth-child(3) {
  min-width: 320px !important;
}

@media (max-width: 760px) {
  .cms-page-prose .cms-table-wrap,
  .cms-page-prose .table-scroll {
    margin: 18px -2px !important;
    border-radius: 18px !important;
  }

  .cms-page-prose .cms-table,
  .cms-page-prose .cms-table-wrap > table,
  .cms-page-prose .table-scroll > table {
    min-width: 880px !important;
  }
}