.pop-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}@media (max-width:1000px){.pop-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.pop-grid{grid-template-columns:1fr 1fr}}.pop{display:grid;grid-gap:4px;gap:4px;padding:15px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:border-color .15s,transform .12s}.pop:hover{border-color:var(--ok-line);transform:translateY(-2px)}.pop-pair{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:570;flex-wrap:wrap}.pop-pair i{color:var(--ink-3);font-style:normal}.pop-share{font-size:20px;font-weight:700;color:var(--ok);letter-spacing:-.02em}.dir-group{margin-top:34px}.dir-group h2{font-size:20px;margin-bottom:14px}.dir-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}@media (max-width:900px){.dir-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.dir-list{grid-template-columns:1fr}}.dir-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:14.5px;transition:border-color .15s,background .15s}.dir-list a:hover{border-color:var(--ok-line);background:var(--surface-2)}.dir-list b{font-size:13px;color:var(--ink-3);font-weight:620}