/* Free word-list pages (generated by scripts/gen-learn-pages.mjs). Loaded after pages.css + about.css. */
.open-app{font-weight:700;color:var(--accent-dark);text-decoration:none}
main.learn{padding:0 18px 20px;max-width:760px}
.learn h1{font-size:30px;line-height:1.2;margin:10px 0 8px}
.learn .lead{color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 6px}
.crumbs{font-size:13px;color:var(--muted);margin:6px 0 0}
.crumbs a{color:var(--accent-dark);font-weight:700;text-decoration:none}
.learn-cta{margin:14px 0 6px}
.wl-sec{margin-top:26px}
.wl-sec h2{font-size:21px;margin:0 0 10px;color:var(--accent-dark)}
.wl{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.wl li{background:var(--card);border-radius:14px;box-shadow:0 3px 0 var(--mint);padding:10px 14px;font-size:15px;line-height:1.55}
.wl li b{font-family:var(--font);font-size:17px;color:var(--text);margin-right:6px}
.wl li span{color:var(--muted)}
.wl li em{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.tt-wrap{overflow-x:auto;border-radius:14px;box-shadow:0 3px 0 var(--mint);background:var(--card)}
.tt{border-collapse:collapse;width:100%;min-width:520px;text-align:center;font-size:14px}
.tt th,.tt td{padding:7px 4px}
.tt thead th{background:var(--accent);color:#fff;font-family:var(--font)}
.tt tbody th{background:var(--mint);color:#0b5f4c;font-family:var(--font)}
.tt tbody tr:nth-child(even) td{background:rgba(34,201,163,.07)}
.more-lists{margin:24px 0 0;font-size:14px;color:var(--muted)}
.more-lists a{color:var(--accent-dark);font-weight:700}
.hub{display:grid;gap:12px;margin:18px 0}
.hub-card{display:block;background:var(--card);border-radius:16px;box-shadow:0 3px 0 var(--mint);padding:14px 18px;text-decoration:none;color:var(--text)}
.hub-card b{display:block;font-family:var(--font);font-size:18px;color:var(--accent-dark)}
.hub-card span{color:var(--muted);font-size:14px}
@media (min-width:700px){.hub{grid-template-columns:1fr 1fr}.learn h1{font-size:40px}}