.csn-wrap{max-width:1200px;margin:24px auto 8px;padding:16px 20px;background:#fff;border:1px solid #e6e8ef;border-radius:12px}.csn-title{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.csn-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.csn-item{margin:0}.csn-link{display:inline-block;padding:6px 12px;font-size:14px;color:#3f4bd8;text-decoration:none;background:#f5f6fb;border:1px solid #e6e8ef;border-radius:999px;transition:background .15s,border-color .15s}.csn-link:hover{background:#eceefb;border-color:#c9cdf3}.csn-link--current{color:#1f2937;background:#e6e8ef;border-color:#d3d7e6;cursor:default}@media (max-width:768px){.csn-wrap{margin:16px 12px 8px;padding:14px 16px;border-radius:10px}.csn-link{font-size:13px;padding:6px 10px}}