/* Public 'Leren' articles + referral explainer (on top of landing.css). Static CSS only: the site CSP allows no inline styles. */
.ln .lp-nav a.on{color:var(--vl)}
.ln-hero{padding-top:36px;padding-bottom:18px;max-width:900px}
.ln-hero h1{font-size:46px;line-height:1.1;letter-spacing:-.8px}
.ln-hero .lp-lead{margin:16px 0 8px}
.ln-list{padding-top:14px;padding-bottom:26px}
.ln-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ln-card{display:flex;flex-direction:column;gap:8px;transition:border-color .15s}
.ln-card:hover{border-color:#3A2C7A}
.ln-card h2,.ln-card h3{font-size:22px;line-height:1.25}
.ln-card h3{font-size:19px}
.ln-card h2 a:hover,.ln-card h3 a:hover{color:var(--vl)}
.ln-meta{font-size:13px}
.ln-more{margin-top:auto;color:var(--vl);font-weight:700;font-size:15px}
.ln-empty{display:flex;flex-direction:column;gap:14px;align-items:flex-start}

.ln-wrap{max-width:860px}
.ln-crumbs{font-size:13px;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.ln-crumbs a:hover{color:var(--vl)}
.ln-crumbs [aria-current]{color:var(--tx);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}
.ln-art{padding-top:18px}
.ln-ahead h1{font-size:42px;line-height:1.12;letter-spacing:-.6px;margin-bottom:12px}
.ln-toc{margin:26px 0 8px;padding:18px 22px}
.ln-toc .lp-kicker{margin-bottom:8px}
.ln-toc ol{padding-left:20px;line-height:1.9;font-size:15px}
.ln-toc a{color:var(--vl)}.ln-toc a:hover{text-decoration:underline}
.ln-body{font-size:18px;line-height:1.72;color:#DCE4F2;padding:8px 0 10px}
.ln-body p{margin:16px 0}
.ln-body h2{font-size:28px;line-height:1.25;margin:42px 0 6px;color:var(--tx);scroll-margin-top:16px}
.ln-body h3{font-size:20px;line-height:1.3;margin:28px 0 4px;color:var(--tx);scroll-margin-top:16px}
.ln-body ul,.ln-body ol{margin:14px 0 14px 24px}
.ln-body li{margin:8px 0;padding-left:4px}
.ln-body ul li::marker{color:var(--v)}
.ln-body ol li::marker{color:var(--vl);font-weight:700}
.ln-body strong{color:var(--tx)}
.ln-body a{color:var(--vl);text-decoration:underline;text-decoration-color:rgba(196,166,255,.45);text-underline-offset:3px}
.ln-body a:hover{text-decoration-color:var(--vl)}
.ln-callout{border-left:3px solid var(--v);background:rgba(139,92,246,.1);border-radius:0 14px 14px 0;padding:6px 18px;margin:20px 0}

.nv-disc{font-size:14px;line-height:1.55}
.nv-disc strong{color:var(--am)}
.nv-disc-block{display:flex;gap:14px;align-items:flex-start;margin:34px 0 26px;padding:18px 20px;border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.06);border-radius:16px;color:#E3E9F4}
.nv-disc-block svg{flex:none;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--am);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nv-disc-compact{font-size:12px;color:var(--mut);margin-top:10px}

.ln-cta{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:26px 0 0;background:linear-gradient(135deg,#171C46,#241B58 60%,#32206B);border-color:#3A2C7A}
.ln-cta h2{font-size:22px;margin-bottom:6px}
.ln-cta-btns{display:flex;gap:12px;flex-wrap:wrap;flex:none}
.ln-related{padding-top:34px}
.ln-backp{padding:26px 0 10px}
.ln-back{color:var(--vl);font-weight:700}

.ri-hero{text-align:left}
.ri-ico{width:54px;height:54px;border-radius:16px;background:rgba(139,92,246,.2);border:1px solid #3A2C7A;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ri-ico svg{width:28px;height:28px;fill:none;stroke:#C4A6FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ri-hero .lp-hero-btns{margin-top:18px}
.ri-where{font-size:14px;margin-top:14px}
.ri-rules{list-style:none;padding:8px 22px}
.ri-rules li{padding:12px 0 12px 28px;border-top:1px solid var(--line);position:relative}
.ri-rules li:first-child{border-top:0}
.ri-rules li:before{content:"\2713";color:var(--gr);position:absolute;left:0;font-weight:800}
.ri-faq{display:grid;gap:12px}
.ri-faq summary{cursor:pointer;font-weight:700;font-size:17px}
.ri-faq details p{margin-top:10px}

@media (max-width:900px){
  .ln-grid{grid-template-columns:1fr}
  .ln-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .ln-hero h1{font-size:34px}
  .ln-ahead h1{font-size:30px}
  .ln-body{font-size:17px}
  .ln-body h2{font-size:23px;margin-top:34px}
  .ln-crumbs [aria-current]{max-width:200px}
  .ln-cta-btns .lp-btn{flex:1 1 100%}
}