/* Learn KB */
.learn-main { max-width: 960px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.learn-hero h1 { font-family: "Hanken Grotesk", sans-serif; font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 0 0 0.5rem; }
.learn-hero p { color: rgba(232,244,255,.75); max-width: 42rem; }
.learn-cats { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.5rem 0; }
.learn-cats a { padding: 0.35rem 0.75rem; border-radius: 999px; border: 1px solid rgba(164,230,255,.2); color: #a4e6ff; text-decoration: none; font-size: 0.85rem; }
.learn-grid { display: grid; gap: 1rem; }
@media (min-width: 720px) { .learn-grid { grid-template-columns: 1fr 1fr; } }
.learn-card { display: block; padding: 1.1rem 1.2rem; border-radius: 14px; border: 1px solid rgba(164,230,255,.12); background: rgba(12,19,36,.65); text-decoration: none; color: inherit; }
.learn-card:hover { border-color: rgba(0,252,161,.35); }
.learn-card__meta { font-size: 0.8rem; color: rgba(164,230,255,.7); margin-bottom: 0.35rem; }
.learn-card h2 { font-size: 1.1rem; margin: 0 0 0.4rem; font-family: "Hanken Grotesk", sans-serif; }
.learn-card p { margin: 0; color: rgba(232,244,255,.7); font-size: 0.92rem; }
.learn-article h1 { font-family: "Hanken Grotesk", sans-serif; font-size: clamp(1.6rem, 3.5vw, 2.2rem); }
.learn-article__meta { color: rgba(164,230,255,.7); font-size: 0.9rem; margin-bottom: 1.25rem; }
.learn-article__body h2 { margin-top: 1.5rem; }
.learn-note { opacity: 0.8; }
.learn-related { margin-top: 2.5rem; }
.learn-related ul { padding-left: 1.1rem; }