/* FinEdg learning articles (SEOX): only what finedge-play.css lacks — a KPI strip,
   a numbered step list and verdict pills. Everything else is Play's own classes
   (section-number, invest-notes, formula, market-table, play-faq, engine-links). */
.learn-article{padding:46px 0 10px;max-width:980px}
.learn-article .lead{max-width:720px;font-size:15px;line-height:1.8;color:var(--p-muted);margin-top:22px}
.learn-article .lead b{color:var(--p-ink)}
.learn-byline{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:18px}
.learn-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:1px;background:var(--p-soft);color:var(--p-muted);border:1px solid var(--p-line)}
.learn-pill.lime{background:var(--p-lime);color:#171821;border-color:transparent}
.learn-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 10px}
.learn-kpi{background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:16px 18px}
.learn-kpi strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--p-lime);font-variant-numeric:tabular-nums}
html[data-play-theme=light] .learn-kpi strong{color:#536d22}
.learn-kpi span{display:block;font-size:12px;color:var(--p-muted);margin-top:6px;line-height:1.5}
.learn-block{border-top:1px solid var(--p-line);padding:34px 0}
.learn-block h2{margin:10px 0 22px}
.learn-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:16px;max-width:820px}
.learn-steps li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;font-size:13.5px;color:var(--p-muted);line-height:1.7}
.learn-steps li::before{content:counter(s,decimal-leading-zero);font-size:12px;color:var(--p-lavender);padding-top:2px}
.learn-steps b{color:var(--p-ink);font-weight:600}
.learn-verdict{display:inline-flex;height:22px;align-items:center;padding:0 9px;border-radius:999px;font-size:10px;font-weight:600;white-space:nowrap}
.learn-verdict.no{background:rgba(236,110,140,.14);color:#f18aa3}
.learn-verdict.ok{background:rgba(214,245,119,.16);color:var(--p-lime)}
html[data-play-theme=light] .learn-verdict.no{color:#b14761}
html[data-play-theme=light] .learn-verdict.ok{color:#426d22}
.learn-article .market-table{text-align:left;font-size:12.5px}
.learn-article .market-table td{vertical-align:top;color:var(--p-muted)}
.learn-article .market-table td:first-child{color:var(--p-ink)}
.learn-article dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px 20px;margin:0;font-size:13px}
.learn-article dt{font-weight:600} .learn-article dd{margin:0;color:var(--p-muted)}
@media(max-width:1000px){.learn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.learn-article{padding-top:28px}.learn-kpi strong{font-size:24px}.learn-article dl{grid-template-columns:1fr}}
.learn-block .formula{margin-top:26px;max-width:640px}
.learn-block .invest-notes{padding-bottom:0}
.learn-sources p{max-width:860px;margin-top:10px}

/* Legal / policy pages (portal "page-*" content reused inside the Play shell on finedg.com).
   The content carries inline sizes from the BibaMoney layout; !important keeps the Play scale. */
.fe-legal{padding:46px 0 10px;max-width:860px}
.fe-legal .wrap{max-width:none;margin:0;padding:0!important}
.fe-legal .page-hero{padding:0 0 10px}
.fe-legal .eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:var(--p-muted);text-transform:uppercase}
.fe-legal h1{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.1!important;letter-spacing:-.05em;font-weight:600!important;margin:12px 0 8px!important}
.fe-legal h2{font-size:22px;letter-spacing:-.03em;font-weight:600;margin:30px 0 8px}
.fe-legal h3{font-size:16px;letter-spacing:-.02em;font-weight:600;margin:24px 0 6px}
.fe-legal p,.fe-legal li{font-size:13.5px;line-height:1.75;color:var(--p-muted)}
.fe-legal p{margin:10px 0}
.fe-legal ul,.fe-legal ol{padding-left:20px;margin:8px 0}
.fe-legal li{margin:4px 0}
.fe-legal b,.fe-legal strong{color:var(--p-ink);font-weight:600}
.fe-legal a{color:var(--p-lavender);text-decoration:underline;text-underline-offset:3px}
html[data-play-theme=light] .fe-legal a{color:#664092}
.fe-legal .updated,.fe-legal .muted{font-size:12px;color:var(--p-muted)}
.fe-legal .alert,.fe-legal .card{background:var(--p-surface);border:1px solid var(--p-line);border-left:3px solid var(--p-peach);border-radius:8px;padding:14px 16px;color:var(--p-ink)}
.fe-legal .alert.danger{border-left-color:#f18aa3}
.fe-legal .card__body{padding:0}
.fe-legal table{width:100%;border-collapse:collapse;font-size:12.5px;display:block;overflow-x:auto}
.fe-legal th,.fe-legal td{padding:9px 10px;border-bottom:1px solid var(--p-line);text-align:left;vertical-align:top;color:var(--p-muted)}
.fe-legal th{color:var(--p-ink);font-weight:600}

/* Icons from partials/finedge_icons.html (feNavIcon/feActionIcon) carry only the class
   "fe-icon"; the size used to come from each page's own CSS. Without it an inline SVG
   fills its container (the evidence empty state showed a full-panel eye). Same values
   as the FinEdg home. */
.fe-icon{width:16px;height:16px;flex:none;display:block}