/* Learn (0.102.0, SPZV2_Learn): the list of short reads, and one read at a time in a readable column */
.spz-learn { --ln-ink: #17201d; --ln-text: #33403c; --ln-muted: #64726d; --ln-line: #dde2e0; --ln-soft: #f4f6f5; --ln-accent: #00813a;
  box-sizing: border-box; width: 100%; max-width: 720px; margin: 0 auto; padding: 18px 0 24px; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ln-text); }
html[data-spz-theme="dark"] .spz-learn { --ln-ink: #f1f5f9; --ln-text: #dbe3ec; --ln-muted: #94a3b8; --ln-line: #2a3646; --ln-soft: #1c2838; --ln-accent: #4ade80; }
html body .spz-learn .spz-learn-a h2 { margin: 0 0 6px; padding: 0; font: 800 30px/1.15 Inter, system-ui, sans-serif; letter-spacing: -.01em; text-transform: none; color: var(--ln-ink); }
.spz-learn .spz-learn-intro { margin: 0 0 14px; font-size: 16px; color: var(--ln-muted); }
.spz-learn .spz-learn-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ln-line); }
.spz-learn .spz-learn-list li { margin: 0; padding: 0; border-bottom: 1px solid var(--ln-line); }
html body .spz-learn .spz-learn-list a { display: block; padding: 14px 2px; color: var(--ln-text); text-decoration: none; }
.spz-learn .spz-learn-list a b { display: block; font-size: 18px; font-weight: 800; color: var(--ln-ink); }
.spz-learn .spz-learn-list a span { display: block; margin-top: 2px; font-size: 14.5px; color: var(--ln-muted); }
html body .spz-learn .spz-learn-list a:hover b { color: var(--ln-accent); }
.spz-learn .spz-learn-a p { max-width: 66ch; margin: 0 0 14px; font-size: 16.5px; line-height: 1.6; }
.spz-learn .spz-learn-a p b { color: var(--ln-ink); font-weight: 700; }
.spz-learn .spz-learn-lead { font-size: 19px !important; line-height: 1.45 !important; color: var(--ln-muted); margin-bottom: 20px !important; }
html body .spz-learn a.spz-learn-back { display: inline-block; margin: 0 0 12px; font-size: 13.5px; font-weight: 700; color: var(--ln-accent); text-decoration: none; }
.spz-learn .spz-learn-see { padding: 12px 14px; border-radius: 10px; background: var(--ln-soft); font-size: 15px !important; }
html body .spz-learn .spz-learn-see a, html body .spz-learn .spz-learn-nav a { color: var(--ln-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.spz-learn .spz-learn-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--ln-line); font-size: 14.5px; }
.spz-learn .spz-learn-nav a.is-next { margin-left: auto; text-align: right; }
.spz-learn a:focus-visible { outline: 2px solid var(--ln-accent); outline-offset: 2px; border-radius: 4px; }
@media (max-width: 640px) { html body .spz-learn .spz-learn-a h2 { font-size: 25px; } .spz-learn .spz-learn-a p { font-size: 16px; } .spz-learn .spz-learn-lead { font-size: 17px !important; } }