.learn-page { max-width: 880px; }
.learn-live .panel-h .muted { font-size: 12px; }
.learn-live .stat-grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); padding: 12px; }
.learn-live .stat-value { font-size: 20px; overflow-wrap: anywhere; }
.learn-live .stat-sub { font-size: 12px; }
.learn-live .note, .learn-live .learn-empty { margin: 0; padding: 0 12px 12px; }
.learn-live .learn-empty { padding-top: 12px; }
.learn-body { padding: 4px 16px 12px; line-height: 1.65; font-size: 15px; }
.learn-body h2 { font-size: 18px; margin: 22px 0 8px; }
.learn-body p, .learn-body ul { margin: 0 0 12px; }
.learn-body li { margin: 0 0 6px; }
.learn-body code { font-family: "JetBrains Mono", monospace; font-size: 13px; }
.learn-cards { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); padding: 12px; }
.learn-cards a { display: block; padding: 12px; border: 1px solid var(--line, #263041); border-radius: 8px; text-decoration: none; }
.learn-cards a b { display: block; margin-bottom: 4px; }
.learn-cards a span { color: var(--muted); font-size: 13px; }
.learn-sources { font-size: 12px; }
/* The only seo.css rules Learn pages used (T-1862): the intro/commentary gap and the comparison tables. */
.pagehead .lede + .lede { margin-top: 8px; }
.cg-table tbody th {
  position: sticky; left: 0; top: auto; z-index: 1; min-width: 150px; white-space: normal; color: var(--text);
  font: 500 12.5px/1.35 Inter, sans-serif; text-transform: none; letter-spacing: 0; background: var(--panel); padding: 7px 8px 7px 14px;
}
.cg-table tbody tr:last-child th { border-bottom: 0; }
.cg-table td { font-family: Inter, sans-serif; white-space: normal; min-width: 140px; }
.cg-table td a { color: var(--text); }
@media (max-width: 640px) { .cg-table td { min-width: 120px; } }