.sup-hero{max-width:640px;margin-bottom:44px}.sup-hero h1{margin:12px 0 14px}.sup-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:56px;display:grid}.sup-card{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.sup-card h2{margin:0}.sup-card p{flex:1;margin:0;line-height:1.6}.sup-card .btn{margin-top:4px}.sup-meta{color:var(--ink-3);align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.sup-meta svg{width:15px;height:15px}.sup-links-head{margin-bottom:16px}.sup-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sup-link{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.sup-link:hover{border-color:var(--line-2);background:var(--bg-soft)}.sup-link span{align-items:center;gap:12px;display:inline-flex}.sup-link .lead-icon{color:var(--brand)}.sup-link .chev{color:var(--ink-3)}.sup-link svg{flex:none;width:17px;height:17px}@media (max-width:720px){.sup-grid,.sup-links{grid-template-columns:1fr}}