.hits-preview-list{list-style:none;display:grid;gap:14px;margin:18px 0;padding:0}.hits-preview-card{display:grid;grid-template-columns:34px 90px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px;border:1px solid #2b405d;border-radius:18px;background:linear-gradient(110deg,#102034,#1d2638);color:#edf6ff;min-width:0}.hits-preview-position{font-size:24px;font-weight:700;color:#91b5d7}.hits-preview-cover{width:90px;height:90px;object-fit:cover;border-radius:12px}.hits-preview-info{min-width:0}.hits-preview-info>strong{font-size:19px;line-height:1.4;display:block}.hits-preview-info>p{font-size:14px;line-height:1.65;margin:8px 0 0;overflow-wrap:anywhere}.hits-preview-card form{margin:0}.hits-preview-card .hits-preview-vote{background:#173950;color:#99dbff;border:1px solid #356784;border-radius:999px;padding:18px 24px;min-height:54px;font-size:14px;display:flex;align-items:center;gap:10px;white-space:nowrap}.hits-preview-vote:focus-visible{outline:3px solid #20d9ff;outline-offset:3px}.hits-preview-audio{font-size:12px;margin-top:6px}.hits-preview-audio summary{cursor:pointer}.hits-preview-audio audio{width:100%;max-width:320px;display:block;margin-top:8px}.hits-preview-card [hidden]{display:none!important}@media(max-width:600px){.hits-preview-card{grid-template-columns:24px 64px minmax(0,1fr);gap:12px;padding:14px}.hits-preview-cover{width:64px;height:64px}.hits-preview-position{font-size:19px}.hits-preview-info>strong{font-size:16px}.hits-preview-card form{grid-column:2/-1;justify-self:end}.hits-preview-card .hits-preview-vote{padding:12px 18px;min-height:44px}.hits-preview-info>p{font-size:12px}}

/* mobile-cover-above-title */
@media(max-width:760px){
 .monthly-hits .hits-preview-list{gap:14px}
 .monthly-hits .hits-preview-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:18px!important;text-align:center;min-width:0;box-sizing:border-box}
 .monthly-hits .hits-preview-position{position:absolute;top:14px;left:14px;grid-column:auto!important;font-size:18px;line-height:1.3}
 .monthly-hits .hits-preview-cover{grid-column:1!important;grid-row:1!important;justify-self:center;width:112px!important;height:112px!important;max-width:100%;object-fit:cover;border-radius:12px;display:block}
 .monthly-hits .hits-preview-info{grid-column:1!important;grid-row:2!important;width:100%;min-width:0}
 .monthly-hits .hits-preview-info>strong{font-size:16px;line-height:1.4;white-space:normal;overflow-wrap:break-word}
 .monthly-hits .hits-preview-info>p{font-size:12px;line-height:1.6;margin:7px 0 0;white-space:normal;overflow-wrap:break-word}
 .monthly-hits .hits-preview-card form{grid-column:1!important;grid-row:3!important;justify-self:center!important;max-width:100%;margin:0}
 .monthly-hits .hits-preview-card .hits-preview-vote{justify-content:center;min-height:44px;padding:12px 18px;white-space:normal}
 .monthly-hits .hits-preview-audio audio{width:100%;max-width:320px;margin:8px auto 0}
}