:root{--lmr-ink:#090e11;--lmr-ink-soft:#1d2132;--lmr-paper:#b4cce8;--lmr-paper-deep:#8b94bf;--lmr-moss:#525a7d;--lmr-moss-pale:#696494;--lmr-pine:#322f4d;--lmr-fern:#405266;--lmr-rule:#778fa9;--lmr-bright:#cad4fc;--lmr-stage:#a59fd3}
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}
body{background:var(--lmr-paper);color:var(--lmr-ink);font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:400;font-size:17px;line-height:1.7}
h1,h2,h3{font-family:'Imbue',Georgia,serif;font-weight:600;letter-spacing:.01em}
img{max-width:100%;display:block}
a{color:var(--lmr-pine);text-decoration:none;border-bottom:1px solid rgba(50,47,77,.3);transition:color .2s,border-color .2s}
a:hover{color:var(--lmr-ink);border-bottom-color:var(--lmr-moss)}
.lmr-shell{max-width:1060px;margin:0 auto;padding:0 22px}

/* ---------- scene d'ouverture, en colonne centree ---------- */
.lmr-stage{position:relative;background:var(--lmr-ink);color:var(--lmr-stage);overflow:hidden;padding-bottom:66px}
.lmr-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 72% 10%,rgba(105,100,148,.22),transparent 58%),radial-gradient(90% 70% at 10% 94%,rgba(82,90,125,.24),transparent 60%)}
.lmr-grain{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(var(--lmr-bright) 1px,transparent 1px);background-size:3px 3px}
.lmr-banner-bar{position:relative;z-index:3;padding:24px 0}
.lmr-banner-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.lmr-banner-link{font-family:'Imbue',Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--lmr-bright);letter-spacing:.02em;border:0}
.lmr-banner-link:hover{color:var(--lmr-moss-pale);border:0}
.lmr-banner-nav{min-width:0}
.lmr-banner-nav a{color:rgba(202,212,252,.7);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-left:26px;border:0}
.lmr-banner-nav a:hover{color:var(--lmr-moss-pale)}
/* Colonne CENTRÉE : c'est ce qui distingue cette ouverture du diptyque texte/illustration
   bâti sur la même maquette. */
.lmr-stage-inner{position:relative;z-index:2;max-width:48rem;margin:0 auto;text-align:center;padding-top:22px}
.lmr-stage-kicker{font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;color:var(--lmr-moss-pale);margin-bottom:18px}
.lmr-stage-title{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.08;color:var(--lmr-bright);margin-bottom:20px}
.lmr-stage-title i{font-style:italic;font-weight:400;color:var(--lmr-moss-pale)}
.lmr-stage-lead{font-size:1.05rem;color:rgba(238,243,248,.78);max-width:36rem;margin:0 auto 14px}
.lmr-stage-facts{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.lmr-fact-item{border:1px solid rgba(119,143,169,.5);border-radius:2px;padding:6px 14px;font-size:.78rem;letter-spacing:.06em;color:rgba(238,243,248,.68)}
.lmr-fact-item b{color:var(--lmr-moss-pale);font-weight:600}

/* ---------- colonne de lecture ---------- */
.lmr-read-zone{padding:66px 0 6px}
.lmr-column{max-width:48rem;margin:0 auto}
.lmr-column p{margin-bottom:1.35rem;color:var(--lmr-ink-soft)}
/* Pas de lettrine : un chapô large. Le gris de la colonne change dès la première ligne. */
.lmr-lede{font-size:1.2rem;line-height:1.6;color:var(--lmr-ink)}
.lmr-heading{font-size:1.5rem;margin:2.2rem 0 .6rem}
.lmr-sub-heading{font-size:1.14rem;margin:1.6rem 0 .4rem}
.lmr-pivot{font-family:'Imbue',Georgia,serif;font-size:1.26rem;line-height:1.5;color:var(--lmr-ink);border-left:2px solid var(--lmr-moss);padding-left:24px;margin:34px 0}
.lmr-plain-list{list-style:none;margin:0 0 1.35rem}
.lmr-plain-list li{position:relative;padding-left:24px;margin-bottom:7px;color:var(--lmr-ink-soft)}
.lmr-plain-list li:before{content:"\2014";position:absolute;left:0;color:var(--lmr-moss)}

/* ---------- filet orne ---------- */
.lmr-rule{display:flex;align-items:center;gap:16px;color:var(--lmr-moss);margin:58px 0 34px}
.lmr-rule:before,.lmr-rule:after{content:"";flex:1;height:1px;background:var(--lmr-rule)}
.lmr-rule span{font-size:.86rem;letter-spacing:.4em}

/* ---------- rangees classees ---------- */
.lmr-block-head{font-size:1.9rem;margin-bottom:6px}
.lmr-block-lead{color:var(--lmr-fern);font-size:.95rem;margin-bottom:30px}
.lmr-block-listing{border-top:1px solid var(--lmr-rule)}
.lmr-rank-row{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;padding:26px 0;border-bottom:1px solid var(--lmr-rule)}
.lmr-rank-gutter{flex:0 0 72px;text-align:right}
/* Gros chiffre serif : la position dans la rubrique. Pas une note — aucune échelle n'est
   affichée, et le champ qui sert à établir l'ordre n'est jamais rendu. */
.lmr-rank-mark{font-family:'Imbue',Georgia,serif;font-size:3.2rem;line-height:.9;color:var(--lmr-moss-pale);font-weight:600}
.lmr-rank-of{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lmr-fern);margin-top:6px}
.lmr-rank-shot{flex:0 0 178px}
.lmr-thumb{width:100%;height:auto;border:1px solid var(--lmr-rule);border-radius:2px}
.lmr-thumb-void{width:100%;aspect-ratio:16/10;border:1px solid var(--lmr-rule);border-radius:2px;background:var(--lmr-paper-deep);display:flex;align-items:center;justify-content:center;font-family:'Imbue',Georgia,serif;font-size:1.7rem;color:var(--lmr-pine)}
.lmr-rank-body{flex:1;min-width:260px}
.lmr-rank-title{font-size:1.36rem;line-height:1.24;margin-bottom:6px}
.lmr-rank-title a{color:var(--lmr-ink);border:0}
.lmr-rank-title a:hover{color:var(--lmr-pine)}
.lmr-rank-meta{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lmr-moss);margin-bottom:10px}
.lmr-rank-why{color:var(--lmr-ink-soft);font-size:.96rem;margin-bottom:12px}
.lmr-criterion{background:var(--lmr-bright);border-left:2px solid var(--lmr-moss);padding:9px 14px;margin-bottom:8px;font-size:.89rem;color:var(--lmr-ink-soft)}
.lmr-criterion b{font-family:'Imbue',Georgia,serif;font-weight:600;color:var(--lmr-pine);display:block;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.lmr-rank-link{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lmr-pine);border:0}
.lmr-rank-link:after{content:" \2192"}

/* ---------- rang de la fiche, et voisines ---------- */
.lmr-standing{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--lmr-rule);background:var(--lmr-bright);margin:0 auto 32px;max-width:48rem}
.lmr-standing-cell{flex:1;min-width:140px;padding:14px 18px;border-right:1px solid var(--lmr-rule)}
.lmr-standing-cell:last-child{border-right:0}
.lmr-standing-key{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lmr-fern);margin-bottom:3px}
.lmr-standing-val{font-size:.95rem;color:var(--lmr-ink);font-weight:500}
.lmr-shot-frame{border:1px solid var(--lmr-rule);background:var(--lmr-bright);padding:10px;max-width:48rem;margin:0 auto 34px}
.lmr-neighbours{list-style:none;max-width:48rem;margin:0 auto;border-top:1px solid var(--lmr-rule)}
.lmr-neighbour-item{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--lmr-rule);font-size:.93rem}
.lmr-neighbour-item span{color:var(--lmr-fern);font-size:.84rem}

/* ---------- cloture et pied ---------- */
/* Bande alignée à gauche et soulignée d'un filet : la maquette la centrait, comme le fait
   déjà l'autre moteur bâti sur ce squelette. */
.lmr-outro{background:var(--lmr-paper-deep);border-top:1px solid var(--lmr-rule);border-bottom:1px solid var(--lmr-rule);padding:52px 0;margin-top:66px}
.lmr-outro-inner{max-width:46rem}
.lmr-outro h2{font-size:1.75rem;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--lmr-rule)}
.lmr-outro p{color:var(--lmr-pine);margin-bottom:.9rem}
.lmr-outro p:last-child{margin-bottom:0}
.lmr-method-note{font-size:.86rem;color:var(--lmr-fern);max-width:48rem;margin:32px auto 0;border-top:1px solid var(--lmr-rule);padding-top:16px}
.lmr-index-list{list-style:none;max-width:30rem;margin:34px auto}
.lmr-index-list li{padding:11px 0;border-bottom:1px solid var(--lmr-rule)}
.lmr-footer{padding:38px 0 46px;font-size:.86rem;color:var(--lmr-fern)}
.lmr-footer-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.lmr-footer-line a{color:var(--lmr-fern);border-bottom-color:var(--lmr-rule)}

@media(max-width:860px){
.lmr-rank-shot{flex:0 0 140px}
.lmr-rank-gutter{flex:0 0 54px}
.lmr-rank-mark{font-size:2.5rem}
}
@media(max-width:620px){
/* Sans passage à la ligne, les libellés de navigation en capitales interlettrées débordent
   du viewport : un élément flex ne se réduit pas sous la largeur de son contenu, et toute la
   page se met à défiler horizontalement. */
.lmr-banner-nav{flex:1 1 100%}
.lmr-banner-nav a{margin-left:0;margin-right:20px;display:inline-block}
.lmr-rank-shot{flex:1 1 100%;order:4}
.lmr-read-zone{padding-top:42px}
}
/* Mesuré à 375 px : au-delà de deux lignes, un intitulé de section cesse de se lire d'un
   coup d'œil. C'est la taille qui cède, pas l'intitulé, qui porte du sens. */
@media(max-width:480px){
.lmr-stage-title{font-size:1.95rem}
.lmr-heading{font-size:1.22rem;line-height:1.3}
.lmr-sub-heading{font-size:1.05rem}
.lmr-block-head{font-size:1.45rem}
.lmr-outro h2{font-size:1.4rem}
.lmr-pivot{font-size:1.1rem;padding-left:16px}
}