/* Learn section: layered on top of ../style.css */
.art{max-width:760px;margin:auto}
.art h1{font-size:clamp(2em,4.6vw,3em);line-height:1.1;margin:.25em 0 .3em}
.art h2{font-size:1.55em;margin:1.8em 0 .5em}
.art h3{font-size:1.15em;margin:1.4em 0 .3em}
.art p,.art li{font-size:1.08em}
.art li{margin:.35em 0}
.byline{font-family:monospace;color:#9aa;font-size:.82em;letter-spacing:.05em}
.tldr{background:#0f1a14;border:1px solid #1f4a30;border-left:4px solid #39ff88;border-radius:10px;padding:16px 20px;margin:22px 0}
.tldr b.k{font-family:monospace;color:#39ff88;letter-spacing:.2em;font-size:.8em;display:block;margin-bottom:6px}
.tldr ul{margin:.3em 0 0;padding-left:1.2em}
.art table{margin:14px 0 18px;font-size:.95em}
.cta{background:#0f1218;border:1px solid #1f2430;border-radius:12px;padding:20px 22px;margin:34px 0}
.cta h3{margin-top:0}
.note{font-size:.92em;color:#b9bdc6}
.src{font-size:.88em;color:#9aa}
.hubgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.hubgrid a.card{text-decoration:none;color:inherit;display:block}
.hubgrid a.card:hover{border-color:#39ff88}
.hubgrid .card img{aspect-ratio:16/9;object-fit:cover;margin-bottom:14px}
.soon li{margin:8px 0;color:#cfd3da}.soon .tag{margin-left:8px}
.crumb{font-family:monospace;font-size:.8em;color:#9aa}.crumb a{color:#9aa}