.mws-top-posts{--mws-accent:#c49a48;--mws-ink:#17212b;--mws-muted:#6b7280;margin:24px 0;font-family:inherit;color:var(--mws-ink)}
.mws-top-posts *{box-sizing:border-box}
.mws-tp-heading{margin:0 0 18px}
.mws-tp-kicker{display:block;color:var(--mws-accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px}
.mws-tp-heading h3{font-size:clamp(21px,2vw,29px);line-height:1.2;margin:0;font-weight:750;letter-spacing:-.035em}
.mws-tp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mws-tp-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e9ebef;border-radius:14px;box-shadow:0 5px 18px rgba(18,28,45,.045);transition:transform .2s ease,box-shadow .2s ease}
.mws-tp-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(18,28,45,.1)}
.mws-tp-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#f4f0e8,#e8edf2);text-decoration:none}
.mws-tp-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.mws-tp-card:hover .mws-tp-image{transform:scale(1.035)}
.mws-tp-rank{position:absolute;left:12px;top:12px;display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:10px;background:var(--mws-accent);color:#fff;font-size:12px;font-weight:800;box-shadow:0 3px 10px #0002}
.mws-tp-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#a0a6ad;font-size:24px;font-weight:800;letter-spacing:.1em}
.mws-tp-body{padding:15px 16px 17px}
.mws-tp-date{display:block;margin-bottom:7px;color:var(--mws-muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em}
.mws-tp-body h4{font-size:17px;line-height:1.35;margin:0 0 8px;font-weight:750;letter-spacing:-.02em}
.mws-tp-body h4 a{color:inherit;text-decoration:none}
.mws-tp-body h4 a:hover{color:#9c762d}
.mws-tp-body p{font-size:13px;line-height:1.6;color:var(--mws-muted);margin:0}
.mws-tp-views{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;color:#96702d}
.mws-tp-list .mws-tp-grid{grid-template-columns:1fr;gap:10px}
.mws-tp-list .mws-tp-card{display:grid;grid-template-columns:130px minmax(0,1fr)}
.mws-tp-list .mws-tp-thumb{height:100%;min-height:105px;aspect-ratio:auto}
.mws-tp-list .mws-tp-body{padding:12px 16px}
.mws-tp-empty{padding:16px;border-radius:12px;background:#f7f8fa;color:#6b7280;font-size:14px}
@media(max-width:800px){.mws-tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mws-tp-body{padding:12px}.mws-tp-body h4{font-size:15px}}
@media(max-width:520px){.mws-tp-grid{grid-template-columns:1fr}.mws-tp-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.mws-tp-thumb{height:100%;min-height:120px;aspect-ratio:auto}.mws-tp-body{padding:12px}.mws-tp-body p{font-size:12px}.mws-tp-rank{left:7px;top:7px;min-width:28px;height:28px;font-size:11px}.mws-tp-list .mws-tp-card{grid-template-columns:100px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.mws-tp-card,.mws-tp-image{transition:none}}

.mws-tp-title-list{list-style:none;counter-reset:mws-title;display:grid;gap:0;margin:0;padding:0;border-top:1px solid #e9ebef}
.mws-tp-title-list li{counter-increment:mws-title;margin:0;padding:12px 4px;border-bottom:1px solid #e9ebef;display:flex;align-items:flex-start;gap:12px}
.mws-tp-title-list li:before{content:counter(mws-title,decimal-leading-zero);flex:0 0 30px;color:var(--mws-accent);font-size:12px;font-weight:800;line-height:1.6}
.mws-tp-title-list a{color:var(--mws-ink);font-size:15px;font-weight:650;line-height:1.5;text-decoration:none}
.mws-tp-title-list a:hover{color:#9c762d}

/* Stabilizza il layout titoli anche con CSS del tema */
.mws-top-posts.mws-tp-titles ol.mws-tp-title-list{list-style:none!important;counter-reset:mws-title!important;display:grid!important;gap:0!important;margin:0!important;padding:0!important;border-top:1px solid #e9ebef}
.mws-top-posts.mws-tp-titles ol.mws-tp-title-list>li{counter-increment:mws-title!important;list-style:none!important;margin:0!important;padding:12px 4px!important;border-bottom:1px solid #e9ebef;display:flex!important;align-items:flex-start!important;gap:12px!important}
.mws-top-posts.mws-tp-titles ol.mws-tp-title-list>li:before{content:counter(mws-title,decimal-leading-zero)!important;list-style:none!important;flex:0 0 30px;color:var(--mws-accent);font-size:12px;font-weight:800;line-height:1.6}
.mws-top-posts.mws-tp-titles ol.mws-tp-title-list>li a{display:block!important;flex:1;color:var(--mws-ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.5!important;text-decoration:none!important}
.mws-top-posts.mws-tp-titles ol.mws-tp-title-list>li a:hover{color:#9c762d!important}

/* Numerazione rossa per l'elenco dei titoli */
.mws-top-posts.mws-tp-titles ol.mws-tp-title-list>li:before{color:#e21b0c!important}


/* Elenco titoli: stile editoriale ben visibile anche con CSS aggressivo del tema */
body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid #e5e7eb !important;
  counter-reset: mws-title !important;
  display: block !important;
}
body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li {
  list-style: none !important;
  counter-increment: mws-title !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 13px !important;
  margin: 0 !important;
  padding: 13px 2px !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: transparent !important;
}
body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li::marker { content: "" !important; }
body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li::before {
  content: counter(mws-title) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #e21b0c !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li > a {
  display: block !important;
  flex: 1 1 auto !important;
  color: #171717 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  padding: 2px 0 0 !important;
  background: transparent !important;
}
body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li > a:hover {
  color: #e21b0c !important;
  text-decoration: underline !important;
}
@media (max-width: 600px) {
  body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li { gap: 10px !important; padding: 11px 0 !important; }
  body .mws-top-posts.mws-tp-titles ol.mws-tp-title-list > li > a { font-size: 15px !important; }
}
