/* MI Most Read Articles v1.0.0 */
.mi-mra-index{--mi-mra-blue:#1677a3;--mi-mra-orange:#ff7a18;--mi-mra-text:#20313a;--mi-mra-muted:#6c7d86;--mi-mra-border:#d7e6ee;max-width:100%;margin:0 auto 36px;color:var(--mi-mra-text)}
.mi-mra-controls{display:grid;gap:14px;margin:0 0 18px;padding:16px;border:1px solid var(--mi-mra-border);border-radius:16px;background:#f8fcfe;box-shadow:0 6px 18px rgba(32,83,111,.06)}
.mi-mra-tabs{display:flex;flex-wrap:wrap;gap:8px}
.mi-mra-tab{min-height:44px;padding:10px 16px;border:1px solid #b8d8e7;border-radius:999px;background:#fff;color:#31505f;font:inherit;font-weight:750;line-height:1.2;cursor:pointer}
.mi-mra-tab:hover,.mi-mra-tab:focus-visible{border-color:var(--mi-mra-blue);color:var(--mi-mra-blue)}
.mi-mra-tab:focus-visible,.mi-mra-search input:focus-visible,.mi-mra-title:focus-visible,.mi-mra-widget a:focus-visible{outline:3px solid rgba(66,165,245,.28);outline-offset:2px}
.mi-mra-tab.is-active{border-color:var(--mi-mra-blue);background:var(--mi-mra-blue);color:#fff}
.mi-mra-search{display:block;width:100%}
.mi-mra-search input{display:block;width:100%;min-height:46px;margin:0;padding:10px 14px;border:1px solid #bfd9e6;border-radius:12px;background:#fff;color:var(--mi-mra-text);font:inherit;box-sizing:border-box}
.mi-mra-list{display:grid;gap:7px}
.mi-mra-row{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(135px,190px) 92px;gap:12px;align-items:center;min-width:0;padding:11px 12px;border:1px solid #e0eaf0;border-left:4px solid var(--mi-mra-blue);border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(25,63,82,.035)}
.mi-mra-row:nth-child(even){border-left-color:var(--mi-mra-orange)}
.mi-mra-rank{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#edf8fd;color:var(--mi-mra-blue);font-weight:850}
.mi-mra-title{min-width:0;color:var(--mi-mra-text);font-size:16px;font-weight:800;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
.mi-mra-title:hover{color:var(--mi-mra-blue);text-decoration:underline;text-underline-offset:3px}
.mi-mra-category{min-width:0;color:var(--mi-mra-muted);font-size:12.5px;line-height:1.3;overflow-wrap:anywhere}
.mi-mra-views{color:var(--mi-mra-blue);font-size:12px;line-height:1.2;text-align:right;white-space:nowrap}
.mi-mra-views strong{font-size:14px}
.mi-mra-empty,.mi-mra-no-results{margin:16px 0;padding:16px;border:1px solid var(--mi-mra-border);border-radius:12px;background:#fff;color:var(--mi-mra-muted);text-align:center}

#sidebar.site-sidebar .mi-mra-widget{width:100%;max-width:none;margin:0 0 22px;padding:15px 13px;border:1px solid #cfe1ec;border-radius:18px;background:#f4fbff;box-shadow:0 8px 24px rgba(32,83,111,.08);box-sizing:border-box;text-align:left}
#sidebar.site-sidebar .mi-mra-widget-title{margin:0 0 14px;color:#20313a;font-family:var(--mi-font-heading,'Annie Use Your Telescope',cursive);font-size:27px;font-weight:400;line-height:1.05;text-align:center}
#sidebar.site-sidebar .mi-mra-widget-title::after{content:'';display:block;width:50px;height:3px;margin:7px auto 0;border-radius:999px;background:linear-gradient(90deg,#ff7a18 0 50%,#42a5f5 50% 100%)}
#sidebar.site-sidebar .mi-mra-widget-list{list-style:none;margin:0;padding:0}
#sidebar.site-sidebar .mi-mra-widget-list li{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:7px;align-items:center;min-width:0;margin:6px 0;padding:9px 8px;border:1px solid #d9e7ee;border-left:4px solid #1677a3;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(25,63,82,.04)}
#sidebar.site-sidebar .mi-mra-widget-list li:nth-child(even){border-left-color:#ff7a18}
#sidebar.site-sidebar .mi-mra-widget-rank{color:#1677a3;font-size:15px;font-weight:850;text-align:center}
#sidebar.site-sidebar .mi-mra-widget-list a{min-width:0;color:#20313a;font-size:12.5px;font-weight:750;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}
#sidebar.site-sidebar .mi-mra-widget-list a:hover{color:#126b93;text-decoration:underline;text-underline-offset:2px}
#sidebar.site-sidebar .mi-mra-widget-views{color:#1677a3;font-size:11px;font-weight:850;text-align:right;white-space:nowrap}
#sidebar.site-sidebar .mi-mra-widget-all{display:block;min-height:42px;margin:12px 0 0;padding:10px 8px;color:#126b93;font-size:12.5px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none}
#sidebar.site-sidebar .mi-mra-widget-all:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:980px){
  .mi-mra-row{grid-template-columns:48px minmax(0,1fr) 80px;gap:9px}
  .mi-mra-category{grid-column:2/3}
  .mi-mra-views{grid-column:3/4;grid-row:1/3;align-self:center}
}
@media(max-width:640px){
  .mi-mra-controls{padding:13px 11px;border-radius:14px}
  .mi-mra-tabs{display:grid;grid-template-columns:1fr;gap:7px}
  .mi-mra-tab{width:100%;min-height:46px;padding:10px 12px}
  .mi-mra-row{grid-template-columns:40px minmax(0,1fr);gap:5px 9px;padding:10px 9px;border-radius:11px}
  .mi-mra-rank{grid-row:1/3;width:32px;height:32px;align-self:start}
  .mi-mra-title{grid-column:2;font-size:15px;line-height:1.3}
  .mi-mra-category{grid-column:2;color:#70818a;font-size:11.5px}
  .mi-mra-views{grid-column:2;grid-row:auto;text-align:left;font-size:11.5px}
  .mi-mra-views strong{font-size:12.5px}
  #sidebar.site-sidebar .mi-mra-widget{margin-bottom:16px;padding:13px 11px;border-radius:16px}
  #sidebar.site-sidebar .mi-mra-widget-title{font-size:29px}
  #sidebar.site-sidebar .mi-mra-widget-list li{grid-template-columns:27px minmax(0,1fr) auto;padding:10px 9px}
  #sidebar.site-sidebar .mi-mra-widget-list a{font-size:13px}
}
@media(max-width:390px){
  .mi-mra-title{font-size:14.5px}
  #sidebar.site-sidebar .mi-mra-widget-list li{grid-template-columns:23px minmax(0,1fr) auto;gap:5px;padding:9px 7px}
  #sidebar.site-sidebar .mi-mra-widget-list a{font-size:12.5px}
}
