/* Q4186: what Lär dig börsen adds to the live public-site stylesheet. */
.learn-page .insight-article-header{padding-bottom:26px}
.learn-page .insight-article-header h1{font-size:clamp(30px,4.2vw,46px);line-height:1.1;margin-bottom:14px}
.learn-crumbs{color:var(--lp-text-2);font-size:14px;font-weight:600;margin:30px 0 10px}
.learn-crumbs a{color:inherit}
.learn-crumbs a:hover{color:var(--lp-accent-text)}
.learn-lead{color:var(--lp-text-2);font-size:19px;line-height:1.5;margin:0 0 12px;max-width:760px}
.learn-meta{color:var(--lp-text-2);font-size:13.5px;margin:0}
.learn-prose{max-width:720px}
.learn-prose p,.learn-prose li{font-size:17px;line-height:1.62}
.learn-prose p{margin:0 0 16px}
.learn-prose ul,.learn-prose ol{margin:0 0 16px;padding-left:22px}
.learn-prose li{margin-bottom:8px}
.learn-page h2{font-size:25px;letter-spacing:-.02em;line-height:1.2;margin:38px 0 12px}
.learn-page h3{font-size:17px;margin:20px 0 6px}
.learn-prose a,.learn-page a.learn-link{color:var(--lp-accent-text);text-decoration:underline;text-underline-offset:2px}

/* Figures */
.learn-figure{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;margin:20px 0;padding:18px 20px 14px;position:relative}
.learn-figure h3{font-size:16px;margin:0 0 10px}
.learn-figure figcaption{color:var(--lp-text-2);font-size:13.5px;line-height:1.45;margin-top:10px}
.learn-plot{height:300px;margin:0 0 26px 46px;position:relative;touch-action:pan-y}
.learn-plot svg{display:block;height:100%;inset:0;overflow:visible;position:absolute;width:100%}
.learn-plot svg *{vector-effect:non-scaling-stroke}
.learn-grid-line{stroke:var(--lp-border);stroke-width:1}
.learn-axis{color:var(--lp-text-2);font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;white-space:nowrap}
.learn-axis.is-y{margin-right:8px;right:100%;transform:translateY(-50%)}
.learn-axis.is-x{margin-top:6px;top:100%;transform:translateX(-50%)}
.learn-axis.is-5,.learn-axis.is-10{display:none}
.learn-note-text{color:var(--lp-text);font-size:12px;font-weight:700;margin-top:3px;pointer-events:none;position:absolute;text-shadow:0 0 3px var(--lp-surface),0 0 3px var(--lp-surface);transform:translateX(-50%)}
.learn-note-text.is-m,.learn-note-text.is-l{display:none}
.learn-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.learn-line.is-fall{stroke:var(--lp-down);stroke-width:1.5}
.learn-area{fill:var(--lp-down);opacity:.14;stroke:none}
.learn-dot{background:var(--lp-down);border:2px solid var(--lp-surface);border-radius:50%;height:11px;margin:-5.5px 0 0 -5.5px;pointer-events:none;position:absolute;width:11px}
.learn-cross{background:var(--lp-text-2);bottom:0;pointer-events:none;position:absolute;top:0;width:1px}
.learn-tip{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.16);color:var(--lp-text);font-size:13px;line-height:1.4;padding:6px 10px;pointer-events:none;position:absolute;top:4px;white-space:nowrap;z-index:2}
.learn-tip small{color:var(--lp-text-2);display:block;font-size:12px}

/* Q4187: the tool */
.learn-chart{height:260px;position:relative;touch-action:pan-y;width:100%}
.learn-chart svg{display:block;overflow:visible;width:100%}
.learn-chart text{fill:var(--lp-text-2);font-size:12px;font-variant-numeric:tabular-nums}
.learn-chart .learn-dot{background:var(--lp-accent)}
/* Q4193: the rows of the GAV calculator */
.learn-lots{list-style:none;margin:0;padding:0}
.learn-lot{border-bottom:1px solid var(--lp-border);margin:0 0 14px;padding:0 0 12px}
.learn-lot .learn-form{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));margin:0 0 8px}
.learn-lot-remove{align-self:end;min-height:44px}
.learn-lot-result{font-size:15px;font-weight:600;line-height:1.45;margin:0;overflow-wrap:anywhere}
.learn-lot-result.is-error{color:var(--lp-down)}
.learn-gav-tiles{margin-top:14px}
.learn-gav-tiles .learn-tile b{font-size:20px;white-space:normal;overflow-wrap:anywhere}
#gav h2{margin:0 0 12px}
.learn-chart .learn-dot.is-muted{background:var(--lp-text-2)}
.learn-line.is-accent{stroke:var(--lp-accent)}
.learn-line.is-muted{stroke:var(--lp-text-2);stroke-dasharray:5 4;stroke-width:1.5}
.learn-key{color:var(--lp-text-2);display:flex;flex-wrap:wrap;font-size:13px;gap:4px 16px;margin:0 0 8px}
.learn-key span{align-items:center;display:inline-flex;gap:6px}
.learn-key i{border-top:2px solid var(--lp-accent);display:inline-block;width:18px}
.learn-key i.is-muted{border-top:2px dashed var(--lp-text-2)}
.learn-readout{font-size:17px;font-weight:600;line-height:1.45;margin:0 0 10px;min-height:25px}
.learn-readout.is-error{color:var(--lp-down)}
#position .learn-form{align-items:end}
.learn-form{display:grid;gap:12px 14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 0 16px}
.learn-form label{color:var(--lp-text-2);display:block;font-size:13px;font-weight:600}
.learn-form input,.learn-form select{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:10px;box-sizing:border-box;color:var(--lp-text);display:block;font:inherit;font-size:16px;font-weight:500;margin-top:4px;min-height:44px;padding:0 10px;width:100%}
.learn-tiles{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin:0 0 16px}
.learn-tile{background:var(--lp-surface-2);border-radius:12px;padding:10px 14px}
.learn-tile small{color:var(--lp-text-2);display:block;font-size:13px;font-weight:600}
.learn-tile b{display:block;font-size:24px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;white-space:nowrap}

/* Share buttons */
.learn-button{align-items:center;background:var(--lp-surface);border:1px solid var(--lp-border-strong);border-radius:10px;color:var(--lp-text);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 14px}
.learn-button:hover{color:var(--lp-accent-text)}
.learn-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.learn-share{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;margin:30px 0 10px;padding:18px 22px}
.learn-share h2{font-size:18px;margin:0 0 6px}
.learn-share p{font-size:15px;line-height:1.5;margin:0}
.learn-embed{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:10px;box-sizing:border-box;color:var(--lp-text);font-family:ui-monospace,Menlo,monospace;font-size:12.5px;margin-top:10px;min-height:76px;padding:10px;width:100%}

/* Tables */
.learn-scroll{overflow-x:auto}
.learn-table{border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums;margin:12px 0 8px;width:100%}
.learn-table th{border-bottom:1px solid var(--lp-border-strong);color:var(--lp-text-2);font-size:13px;font-weight:600;padding:8px 14px 8px 0;text-align:left;vertical-align:bottom}
.learn-table td{border-bottom:1px solid var(--lp-border);padding:9px 14px 9px 0;vertical-align:middle}
.learn-table .num{text-align:right;white-space:nowrap}
.learn-table th.num{white-space:normal}
.learn-table tr:last-child td{border-bottom:0}
.learn-table a{font-weight:600}
.learn-table a:hover{color:var(--lp-accent-text)}
.learn-bar-cell{min-width:90px;width:34%}
.learn-bar{border-radius:0 4px 4px 0;display:block;height:8px;min-width:3px}
.learn-bar.is-fall{background:var(--lp-down)}
.learn-muted{color:var(--lp-text-2)}
.learn-median td{background:var(--lp-surface-2);font-weight:700}

/* Lesson pager and links */
.learn-next{color:var(--lp-text-2);font-size:15.5px;line-height:1.5;margin:26px 0 8px}

/* Hub */
.learn-cards{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 8px}
.learn-card{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;display:flex;flex-direction:column;min-width:0;padding:16px 18px}
.learn-card h3{font-size:17px;line-height:1.25;margin:0 0 6px}
.learn-card p{color:var(--lp-text-2);font-size:14.5px;line-height:1.45;margin:0 0 10px}
.learn-card small{color:var(--lp-text-2);font-size:13px;font-weight:600;margin-top:auto}
a.learn-card:hover{border-color:var(--lp-accent)}
a.learn-card h3{color:var(--lp-accent-text)}
.learn-card.is-big b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:2px 0 8px}
.learn-card .learn-kind{color:var(--lp-text-2);font-size:13px;font-weight:600;margin:0 0 6px}
.learn-intro{color:var(--lp-text-2);font-size:16px;margin:0}
.learn-track{color:var(--lp-text-2);font-size:14px;font-weight:700;margin:24px 0 0}
.learn-list{list-style:none;margin:10px 0 0;padding:0}
.learn-list li{border-bottom:1px solid var(--lp-border);display:grid;gap:2px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);padding:11px 0}
.learn-list li b{font-size:15.5px}
.learn-list li span{color:var(--lp-text-2);font-size:14.5px;line-height:1.4}
.learn-list a{color:var(--lp-accent-text)}
.learn-questions{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0 0;padding:0}
.learn-questions li{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:999px;font-size:14px;font-weight:600;padding:8px 14px}

@media (min-width:1100px){.learn-axis.is-5{display:block}}
@media (min-width:760px){.learn-axis.is-10{display:block}.learn-note-text.is-m{display:block}}
@media (min-width:880px){.learn-note-text.is-l{display:block}}
@media (max-width:960px){.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
.learn-cards{grid-template-columns:minmax(0,1fr)}
.learn-list li{grid-template-columns:minmax(0,1fr)}
.learn-hide-small{display:none}
.learn-figure{padding:14px 14px 12px}
.learn-bar-cell{min-width:64px;width:26%}
.learn-table{font-size:14px}
.learn-table th,.learn-table td{padding-right:9px}
.learn-prose p,.learn-prose li{font-size:16.5px}
.learn-lead{font-size:17.5px}
}

/* Lessons */
.learn-answer{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;font-size:18px;line-height:1.55;margin:24px 0 8px;max-width:760px;padding:18px 22px}
.learn-answer b{display:block;font-size:13px;letter-spacing:.02em;color:var(--lp-text-2);margin-bottom:4px}
.learn-bar.is-accent{background:var(--lp-accent)}
.learn-bar.is-usual{background:var(--lp-text-2)}

/* Interval plot */
.learn-forest{display:grid;gap:12px 14px;grid-template-columns:minmax(96px,150px) minmax(0,1fr) 62px}
.learn-forest>b{align-self:center;font-size:14.5px;font-weight:600}
.learn-forest>span{align-self:center;font-size:14.5px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}
.learn-forest-track{height:30px;position:relative}
.learn-forest-zero{background:var(--lp-text-2);bottom:0;position:absolute;top:0;width:1px}
.learn-forest-range{background:var(--lp-accent);border-radius:2px;height:2px;opacity:.55;position:absolute;top:14px}
.learn-forest-dot{background:var(--lp-accent);border:2px solid var(--lp-surface);border-radius:50%;height:12px;margin-left:-6px;position:absolute;top:9px;width:12px}
.learn-forest-track>.learn-bar{left:0;position:absolute;top:11px}
.learn-forest.is-tight{row-gap:2px}
.is-tight .learn-forest-track{height:22px}
.is-tight .learn-forest-track>.learn-bar{border-radius:2px;height:10px;top:6px}
.learn-forest-scale{color:var(--lp-text-2);display:flex;font-size:12px;grid-column:2;justify-content:space-between}
.learn-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.learn-chips button{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:999px;color:var(--lp-text);cursor:pointer;font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 15px}
.learn-chips button:hover{border-color:var(--lp-border-strong)}
.learn-chips button[aria-pressed=true]{background:var(--lp-accent);border-color:var(--lp-accent);color:var(--lp-on-accent)}
.learn-math{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:12px;font-size:16px;font-variant-numeric:tabular-nums;line-height:1.75;margin:0 0 16px;padding:12px 16px}

/* Quiz */
.learn-quiz{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:16px;margin:28px 0;padding:18px 22px}
.learn-quiz h2{font-size:18px;margin:0 0 8px}
.learn-quiz p{font-size:16px;line-height:1.5;margin:0 0 12px}
.learn-quiz button{background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:10px;color:var(--lp-text);cursor:pointer;display:block;font:inherit;font-size:15px;margin:0 0 8px;min-height:44px;padding:8px 12px;text-align:left;width:100%}
.learn-quiz button:hover{border-color:var(--lp-border-strong)}
.learn-quiz button.is-right{border-color:var(--lp-up);font-weight:700}
.learn-quiz button.is-wrong{border-color:var(--lp-down)}
.learn-quiz [role=status]{font-size:15px;font-weight:600;margin:6px 0 0;min-height:22px}

/* Lesson pager */
.learn-pager{border-top:1px solid var(--lp-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:30px 0 0;padding-top:16px}
.learn-pager a{font-size:15px;font-weight:700}
.learn-pager a:hover{color:var(--lp-accent-text)}
.learn-pager small{color:var(--lp-text-2);display:block;font-size:12.5px;font-weight:600}
.learn-pager span{font-size:15px;font-weight:700}
.learn-box{align-items:end;grid-template-columns:minmax(0,1fr) auto}
.learn-box .learn-button{min-height:44px}
.learn-chart.is-price{height:190px}
.learn-chart.is-rsi{height:140px}
.learn-chart .learn-level{stroke:var(--lp-text-2);stroke-dasharray:4 4}
.learn-calc{max-width:720px}
[data-panel][hidden]{display:none}
@media (max-width:640px){.learn-forest{grid-template-columns:minmax(84px,104px) minmax(0,1fr) 56px;gap:10px 8px}.learn-answer{font-size:17px;padding:14px 16px}}
/* Q4196: the payoff chart */
#opt-chart .learn-line{stroke:var(--lp-accent);stroke-linejoin:round;stroke-width:2.5}
#opt-chart .learn-option-price{fill:var(--lp-accent);stroke:var(--lp-surface);stroke-width:2}
#opt-chart .learn-option-even{fill:var(--lp-surface);stroke:var(--lp-text-2);stroke-width:2}
/* Q4200: a price with its averages */
.learn-prices{height:280px;margin:0 0 26px 46px;position:relative}
.learn-prices svg{display:block;height:100%;inset:0;overflow:visible;position:absolute;width:100%}
.learn-prices svg *{vector-effect:non-scaling-stroke}
.learn-line.is-short{stroke:var(--lp-marker);stroke-width:1.5}
.learn-key i.is-short{border-top-color:var(--lp-marker)}
.learn-prices .learn-level{stroke:var(--lp-text);stroke-dasharray:6 4;stroke-width:1}
.learn-mark{font-size:13px;line-height:1;pointer-events:none;position:absolute;transform:translate(-50%,6px)}
.learn-mark.is-golden{color:var(--lp-up)}
.learn-mark.is-death{color:var(--lp-down);transform:translate(-50%,calc(-100% - 6px))}
.learn-bar{stroke-width:1.5}.learn-bar.is-up{stroke:var(--lp-up)}.learn-bar.is-down{stroke:var(--lp-down)}.learn-body.is-up{fill:var(--lp-up)}.learn-body.is-down{fill:var(--lp-down)}
.learn-prices.has-volume{margin-bottom:6px}.learn-prices.is-volume{height:80px}.learn-volume{fill:var(--lp-text-2);opacity:.4}.learn-volume.is-loud{fill:var(--lp-accent);opacity:1}