.related-links{margin:2rem 0;padding:1.5rem;background:var(--related-links-bg,#f8fafc);border:1px solid var(--related-links-border,#e2e8f0);border-radius:12px}.related-links-title{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:var(--related-links-title-color,#0f172a)}.related-links-description{font-size:.9rem;margin:0 0 1rem;color:var(--related-links-desc-color,#475569)}.related-links-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}@media (max-width:480px){.related-links{padding:1rem;margin:1.5rem 0}.related-links-list{grid-template-columns:1fr}.related-links-link{padding:.5rem .625rem;font-size:.875rem}}.related-links-item{margin:0}.related-links-link{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--related-links-link-bg,#ffffff);border:1px solid var(--related-links-link-border,#e2e8f0);border-radius:8px;text-decoration:none;color:var(--related-links-link-color,#1e293b);font-size:.9rem;font-weight:500;line-height:1.3;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.related-links-link:hover{background:var(--related-links-link-hover-bg,#eff6ff);border-color:var(--related-links-link-hover-border,#93c5fd)}.related-links-link:active{transform:translateY(1px)}.related-links-kind{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0;line-height:1.4}.related-links-kind--blog{background:#fef3c7;color:#92400e}.related-links-kind--topic{background:#dbeafe;color:#1e40af}.related-links-kind--counter{background:#dcfce7;color:#166534}.related-links-kind--tool{background:#f3e8ff;color:#6b21a8}.related-links-kind--comparison{background:#fce7f3;color:#9d174d}.related-links-label{flex:1}@media (prefers-color-scheme:dark){.related-links{--related-links-bg:#1e293b;--related-links-border:#334155;--related-links-title-color:#f1f5f9;--related-links-desc-color:#cbd5e1;--related-links-link-bg:#0f172a;--related-links-link-border:#334155;--related-links-link-color:#e2e8f0;--related-links-link-hover-bg:#1e3a8a;--related-links-link-hover-border:#3b82f6}.related-links-kind--blog{background:rgba(254,243,199,.15);color:#fde68a}.related-links-kind--topic{background:rgba(219,234,254,.15);color:#93c5fd}.related-links-kind--counter{background:rgba(220,252,231,.15);color:#86efac}.related-links-kind--tool{background:rgba(243,232,255,.15);color:#d8b4fe}.related-links-kind--comparison{background:rgba(252,231,243,.15);color:#f9a8d4}}