.pop{padding:clamp(20px,2.4vw,28px);border:1px solid var(--mp-border);border-radius:var(--mp-r-lg);background-color:var(--mp-white);box-shadow:var(--mp-shadow-sm)}.pop-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:700}.pop-heading svg{flex:none;padding:6px;width:32px;height:32px;border-radius:10px;background-color:var(--mp-yellow)}.pop-list{list-style:none;margin:0;padding:0;counter-reset:pop}.pop-list li+li{border-top:1px solid var(--mp-border)}.pop-item{display:grid;grid-template-columns:28px 64px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;padding:14px 0;border-radius:var(--mp-r-sm)}.pop-num{font-size:20px;font-weight:700;line-height:1;color:var(--mp-grey-300);transition:color .3s ease}.pop-thumb{position:relative;width:64px;height:64px;overflow:hidden;border-radius:12px;background-color:var(--mp-grey-100)}.pop-thumb img{object-fit:cover;transform:scale(1.08);transition:transform .5s var(--mp-ease)}.pop-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.pop-title{font-size:14.5px;font-weight:600;line-height:1.4;color:var(--mp-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background-image:linear-gradient(var(--mp-yellow-200),var(--mp-yellow-200));background-size:0 40%;background-position:0 88%;background-repeat:no-repeat;transition:background-size .4s var(--mp-ease)}.pop-meta{font-size:12.5px;color:var(--mp-text-muted)}.pop-item:focus-visible .pop-num,.pop-item:hover .pop-num{color:var(--mp-ink)}.pop-item:hover .pop-thumb img{transform:scale(1.18)}.pop-item:hover .pop-title{background-size:100% 40%}@media (prefers-reduced-motion:reduce){.pop-thumb img,.pop-title{transition:none}}