/* Shared learning components; AMP selects the same marked rules it needs. */
/* learn:base */
.vnt-learn.vnt-learn{box-sizing:border-box;min-width:0;max-width:100%;margin:1.7em 0;overflow-wrap:anywhere;text-align:start}
.vnt-learn,.vnt-learn-green,.vnt-learn-soft{--lc:#4a851b;--ls:rgba(74,133,27,.5);--li:#fff}
.vnt-learn :is(h4,p,li,strong){color:inherit;text-align:start}
.vnt-learn h4{margin:0 0 .65em;font-size:1.15em;line-height:1.3}
.vnt-learn p{margin:0 0 .75em}
.vnt-learn p:last-child{margin-bottom:0}
.vnt-learn :is(ul,ol){margin:0;padding:0 0 0 1.25em;color:inherit}
.vnt-learn li{margin:0;padding:.3em 0}
.vnt-learn.vnt-learn-box,.vnt-learn .vnt-learn-card{box-sizing:border-box;padding:1.1em;border-radius:8px;background:var(--ls);color:#000;min-width:0}
:is(.vnt-learn,.vnt-learn-card).vnt-learn-bold{background:var(--lc);color:var(--li)}
.vnt-learn-rail:not(.vnt-learn-table){border-radius:0;border-left:4px solid #4a851b}
/* learn:leaf */
.vnt-learn-leaf{--lc:#91c848;--ls:rgba(145,200,72,.5)}
/* learn:lime */
.vnt-learn-lime{--lc:#b3d21e;--ls:rgba(179,210,30,.5)}
/* learn:yellow */
.vnt-learn-yellow{--lc:#f4c400;--ls:rgba(244,196,0,.5)}
/* learn:amber */
.vnt-learn-amber{--lc:#ffb928;--ls:rgba(255,185,40,.5)}
/* learn:orange */
.vnt-learn-orange{--lc:#ff9d46;--ls:rgba(255,157,70,.5)}
/* learn:ochre */
.vnt-learn-ochre{--lc:#eab83b;--ls:rgba(234,184,59,.5)}
/* learn:cards */
.vnt-learn .vnt-learn-card{flex:1 1 200px;margin:0}
@media(max-width:600px){.vnt-learn .vnt-learn-card{flex-basis:100%}}
/* learn:tiles */
.vnt-learn :is(.vnt-learn-pair,.vnt-learn-facts){display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none}
/* learn:table */
.vnt-learn.vnt-learn-table{overflow-x:auto;background:transparent;color:#000}
.vnt-learn-table:focus-visible{outline:2px solid #4a851b;outline-offset:4px}
.vnt-learn table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;color:#000}
.vnt-learn caption{text-align:start;font-weight:700;padding:0 0 .75em}
.vnt-learn :is(th,td){min-width:0;padding:.65em .5em;border:1px solid #dce3d1;text-align:start;vertical-align:top;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.vnt-learn th{background:var(--ls);color:#000;font-weight:700}
.vnt-learn-table.vnt-learn-bold th{background:var(--lc);color:var(--li)}
.vnt-learn td{background:#fff}
.vnt-learn tr:nth-child(even) td{background:#fafbf8}
@media(max-width:369.98px){.vnt-learn table{min-width:calc(100% + 370px - 100vw)}}
/* learn:route */
.vnt-learn ol.vnt-learn-route{display:grid;gap:24px;padding:0;list-style:none;counter-reset:learn-step}
.vnt-learn-route>.vnt-learn-card{position:relative;counter-increment:learn-step}
.vnt-learn-route h4:before{content:counter(learn-step) ". "}
.vnt-learn-route>.vnt-learn-card+li:before{content:"↓";position:absolute;left:1em;top:-27px;color:#4a851b}
/* learn:facts */
.vnt-learn-facts h4{font-size:1.8em;line-height:1.15}
/* learn:definitions */
.vnt-learn :is(.vnt-learn-glossary,.vnt-learn-qa){display:grid;gap:12px;margin:0}
:is(.vnt-learn-glossary,.vnt-learn-qa)>.vnt-learn-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 20px}
:is(.vnt-learn-glossary,.vnt-learn-qa) h4{grid-row:span 2}
@media(max-width:600px){:is(.vnt-learn-glossary,.vnt-learn-qa)>.vnt-learn-card{display:block}}
/* learn:checklist */
.vnt-learn ul.vnt-learn-checklist{list-style:none;padding:0}
.vnt-learn-checklist li{position:relative;padding:.4em 0 .4em 1.5em}
.vnt-learn-checklist li:before{content:"✓";position:absolute;left:0;font-weight:700}
/* learn:legacy */
.vnt-learn-box.vnt-learn-green:not(.vnt-learn-muted):not(.vnt-learn-bold){background:#4a851b;color:#fff}
.vnt-learn-box.vnt-learn-ochre:not(.vnt-learn-muted):not(.vnt-learn-bold){background:#eab83b;color:#fff}
.vnt-learn.vnt-learn-soft:not(.vnt-learn-rounded):not(.vnt-learn-table){border-left:4px solid #4a851b;border-radius:0}
.vnt-learn-card.vnt-learn-green:not(.vnt-learn-bold):not(.vnt-learn-muted){background:#4a851b;color:#fff}
.vnt-learn-card.vnt-learn-ochre:not(.vnt-learn-bold):not(.vnt-learn-muted){background:#eab83b;color:#fff}
.vnt-learn-table-ochre th{background:#eab83b;color:#fff}
.vnt-learn-table-green th{background:#4a851b;color:#fff}
