/* ForexR /learn hub + guide pages: level badges, search box, level filter. Uses the app.css tokens. */
.lc-meta{display:flex;align-items:center;gap:9px;font-size:.76rem;font-weight:600;color:var(--faint)}
.lvl{display:inline-flex;padding:3px 9px;border-radius:980px;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.lvl.lvl-beginner{background:var(--up-bg);color:var(--up)}
.lvl.lvl-intermediate{background:var(--brand-soft);color:var(--brand-strong)}
.lvl.lvl-advanced{background:var(--dn-bg);color:var(--dn)}
/* Search + level filter */
.learn-hub [hidden]{display:none!important}
.learn-bar{display:grid;gap:12px;margin-bottom:6px}
.learn-search{position:relative;display:flex;align-items:center}
.learn-search svg{position:absolute;left:15px;color:var(--faint);pointer-events:none}
.learn-search input{width:100%;padding:14px 16px 14px 46px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-family:var(--ff);font-size:1rem;color:var(--ink);outline:0;-webkit-appearance:none;appearance:none}
.learn-search input:focus{border-color:var(--brand)}
.learn-search input::placeholder{color:var(--faint)}
.learn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.learn-seg{display:inline-flex;max-width:100%;overflow-x:auto;padding:3px;background:var(--hair);border-radius:11px}
.learn-seg-b{padding:8px 18px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--ff);font-size:.86rem;font-weight:650;cursor:pointer;white-space:nowrap}
.learn-seg-b.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.learn-count{margin-left:auto;font-size:.8rem;color:var(--faint);font-variant-numeric:tabular-nums}
.learn-level{margin-top:28px;scroll-margin-top:84px}
.learn-level-hd{margin-bottom:14px}
.learn-level-hd h2{font-size:1.4rem;font-weight:750;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px}
.learn-level-hd p{font-size:.9rem;color:var(--muted);margin-top:3px}
.ll-n{font-size:.78rem;font-weight:600;color:var(--faint);letter-spacing:0}
@media(max-width:420px){.learn-seg-b{padding:8px 11px}}
.guide-meta{margin:-6px 0 22px}
.guide-next{margin-top:26px;max-width:720px}
.learn-empty{padding:28px;text-align:center;font-size:.92rem;color:var(--muted)}
.learn-link{border:0;background:none;padding:0;font-family:var(--ff);font-size:.85rem;font-weight:650;color:var(--brand-strong);cursor:pointer}