.pp-popular{display:flex;flex-direction:column;gap:14px;padding:32px;background:var(--ink);color:var(--paper);border-radius:6px}
.pp-popular__label{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#B9B2A4}
.pp-popular__title{font-family:var(--display);font-size:36px;font-weight:700;line-height:1;text-transform:uppercase}
.pp-popular__list{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid #3A424A}
.pp-popular__row{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid #3A424A;transition:background .15s}
.pp-popular__row:hover{background:#262C32}
.pp-popular__q{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--orange);white-space:nowrap}
.pp-popular__note{font-size:15px;color:#D9D3C6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-popular__arrow{font-size:18px;color:#B9B2A4}
.pp-popular__row:hover .pp-popular__arrow{color:var(--orange)}
.pp-popular__foot{margin-top:auto;font-size:13px;color:#B9B2A4}
@media (max-width:1000px){.pp-popular{padding:22px}.pp-popular__title{font-size:28px}.pp-popular__row{gap:10px;padding:12px 2px}.pp-popular__q{font-size:14px}.pp-popular__note{font-size:13px}}