@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Spectral:wght@400;500;600&display=swap');
.mlr-wrap{ width:100%; padding:8px 0 56px; box-sizing:border-box; font-family:'Public Sans',system-ui,sans-serif; }
.mlr-head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:14px; flex-wrap:wrap; }
.mlr-h2{ display:inline-flex; align-items:center; gap:12px; font-family:'Spectral',Georgia,serif; font-weight:600; font-size:24px; margin:0; color:#10202E; }
.mlr-ico{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:9px; background:rgba(43,141,170,0.1); color:#2B8DAA; flex:0 0 auto; }
.mlr-sub{ font-size:13.5px; color:#7B8794; }
.mlr-list{ list-style:none; margin:0; padding:0; background:#fff; border:1px solid #ECE7DE; border-radius:14px; overflow:hidden; box-shadow:0 20px 40px -12px rgba(16,32,46,0.32); }
.mlr-row{ display:flex; align-items:flex-start; gap:22px; padding:20px 26px; text-decoration:none; color:inherit; border-top:1px solid #F0EBE2; transition:background .15s ease; }
.mlr-list li:first-child .mlr-row{ border-top:none; }
.mlr-row:hover{ background:rgba(43,141,170,0.06); }
.mlr-rank{ flex:0 0 auto; font-family:'Spectral',Georgia,serif; font-weight:600; font-size:30px; line-height:1; min-width:46px; color:#2B8DAA; font-variant-numeric:tabular-nums; }
.mlr-main{ flex:1; min-width:0; }
.mlr-meta{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.mlr-cat{ font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#2B8DAA; }
.mlr-metaitem{ display:inline-flex; align-items:center; gap:5px; font-size:12px; color:#9AA6B2; font-weight:500; }
.mlr-title{ display:block; font-family:'Spectral',Georgia,serif; font-weight:600; font-size:24px; line-height:1.3; color:#10202E; margin-top:6px; }
.mlr-arrow{ flex:0 0 auto; color:#2B8DAA; display:flex; align-self:center; opacity:.55; }
.mlr-empty{ padding:44px 26px; text-align:center; color:#8A95A0; font-size:15px; }
@media (max-width:560px){ .mlr-row{ gap:14px; padding:18px; } .mlr-rank{ font-size:24px; min-width:34px; } .mlr-title{ font-size:19px; } }