/* ================= Logo : monogramme MR (plein et délié, trait fin) en noir et blanc ================= */
.logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.logo-svg{height:42px;width:auto;flex:none;display:block}
.logo-word{display:grid;line-height:1}
.logo .logo-word{color:inherit}
.site-head .logo{color:var(--ink)}
.logo-word b{font-family:var(--f-display);font-weight:600;font-size:20px;letter-spacing:-.035em;color:inherit}
.logo-word small{font-family:var(--f-body);font-weight:600;font-size:9.5px;letter-spacing:.36em;text-transform:uppercase;margin-top:5px;color:inherit;opacity:.72}
.scrolled .logo-svg{height:38px}
.site-foot .logo,.site-foot .logo .logo-word{color:var(--paper)}
.site-foot .logo-svg{height:48px}
.coin-face.back .coin-logo{width:54%;height:auto;color:#fff;display:block;margin-left:4%}
/* ================= En-tête commun : univers + rubriques de la page ================= */
.topbar{background:var(--ink);color:var(--on-dark-muted);font-size:13px}
.topbar-in{display:flex;justify-content:space-between;align-items:stretch;gap:16px;min-height:42px;padding-inline:var(--gutter)}
.universes{display:flex;gap:2px}
.uni{--uni-c:var(--gold);display:flex;align-items:center;gap:9px;padding:0 16px;color:var(--on-dark-muted);position:relative;transition:background .3s,color .3s;white-space:nowrap}
.uni-plomb{--uni-c:#A9BDCC}
.uni-salon{--uni-c:#D9955E}
.uni svg{width:15px;height:15px;color:var(--uni-c);flex:none}
.uni b{color:var(--on-dark);font-weight:600}
.uni i{font-style:normal}
.uni:hover{color:var(--on-dark);background:rgba(255,255,255,.05)}
.uni.active{background:rgba(255,255,255,.09);color:var(--on-dark)}
.uni.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--uni-c)}
.topbar-right{display:flex;align-items:center;gap:20px}
.topbar-right a{display:inline-flex;align-items:center;gap:7px;color:var(--on-dark-muted);transition:color .3s}
.topbar-right a:hover,.topbar-right a.current{color:var(--on-dark)}
.topbar-right svg{width:15px;height:15px}
.navlinks a.current{color:var(--ink)}
.navlinks a.current::after{transform:scaleX(1)}
.mobile-menu .mm-sep{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:16px}
.mobile-menu a.mm-small{font-size:17px;font-family:var(--f-body);font-weight:500}
@media (max-width:760px){
  .topbar-in{padding-inline:0}
  .topbar-right{display:none}
  .universes{flex:1}
  .uni{flex:1;justify-content:center;padding:11px 8px}
  .uni b,.uni i{display:none}
}