.navigation-section{margin:0 0 65px;padding:30px;border:1px solid #d9e3f7;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#f9f8ff)}
.navigation-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.navigation-head p{margin:8px 0 0;color:var(--muted);font-size:13px}
.navigation-note{padding:9px 12px;border-radius:9px;color:#315da9;background:#eaf1ff;font-size:12px}
.navigation-groups{display:grid;gap:24px}
.navigation-group h3{margin:0 0 12px;font-size:15px}
.navigation-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.site-link{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #e2e7f0;border-radius:13px;background:#fff;transition:.18s ease}
.site-link:hover{transform:translateY(-2px);border-color:#afc4ef;box-shadow:0 10px 24px rgba(35,58,94,.08)}
.site-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--site-color,#3067e8);font-size:14px;font-weight:850;letter-spacing:-.3px}
.site-details{min-width:0}.site-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750}.site-domain{display:block;overflow:hidden;margin-top:4px;color:#8a95a6;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.navigation-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.navigation-section{margin-left:-12px;margin-right:-12px;padding:18px;border-radius:16px}.navigation-head{align-items:start;flex-direction:column;gap:12px}.navigation-note{width:100%}.navigation-list{grid-template-columns:1fr}.site-link{min-height:70px}}