/* ============================================================
   I DAG / I MORGEN / FORVENTET — klasser: id
   ============================================================ */
.id{padding:clamp(28px,calc(4 * var(--vh,1vh)),48px) 0 clamp(40px,calc(6 * var(--vh,1vh)),72px)}
.id__top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.id__top .sa__eb{margin-bottom:8px}
.id__h{margin:0;font-size:clamp(30px,3.4vw,48px);letter-spacing:-.04em;line-height:1.02}
.id__styr{display:flex;gap:10px;flex-wrap:wrap}
.id__kort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.id__k{background:#fff;border-radius:22px;padding:18px 22px}
.id__k span{font-size:12.5px;color:var(--text-3)}
.id__k p{margin:6px 0 0;display:flex;flex-direction:column}
.id__k b{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em;line-height:1.05;font-variant-numeric:lining-nums proportional-nums}
.id__k small{font-size:13px;color:var(--text-3);margin-top:4px}
.id__k--dig b{color:var(--dig-ink)}
.id__graf{position:relative;background:#fff;border-radius:28px;padding:18px 18px 8px}
.id__graf svg{display:block;width:100%;overflow:visible;cursor:crosshair}
.id__gl{stroke:var(--line-soft);stroke-width:1}
.id__at{font-size:11px;fill:var(--text-3);font-variant-numeric:lining-nums proportional-nums}
.id__dagBg{fill:rgba(21,23,22,.025)}
.id__dag{font-size:13px;font-weight:700;fill:var(--text-1)}
.id__dagE{font-weight:500;fill:var(--text-3)}
.id__midnat{stroke:var(--line);stroke-width:1}
.id__vindue{fill:var(--dig-flad);opacity:.8}
.id__vT{font-size:11px;font-weight:600;fill:var(--dig-ink)}
.id__band{fill:rgba(21,23,22,.06)}
.id__b{fill:#bfc2bd;transition:fill .15s}
.id__b.est{fill:#dcded9;opacity:.75}
.id__b.neg{fill:rgb(63,122,74)}
.id__b.max{fill:#151716}
.id__b.nu{fill:var(--dig)}
.id__nul{stroke:rgb(63,122,74);stroke-width:1;stroke-dasharray:4 4}
.id__nuL{stroke:var(--dig);stroke-width:1.5}
.id__nuT{font-size:11px;font-weight:700;fill:var(--dig-ink)}
.id__mark{opacity:0;pointer-events:none}
.id__mark line{stroke:var(--text-1);stroke-width:1;stroke-dasharray:2 3}
.id__tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .15s;background:var(--text-1);color:#fff;border-radius:12px;padding:9px 12px;font-size:13px;white-space:nowrap;box-shadow:var(--sh-2)}
.id__tip.on{opacity:1}
.id__tip span{display:block;font-size:11.5px;color:rgba(255,255,255,.66);margin-bottom:4px}
.id__tip em{display:flex;align-items:center;gap:6px;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.85);margin-top:2px}
.id__tip em i{width:8px;height:8px;border-radius:2px}
.id__tip em i.s{background:#bfc2bd}.id__tip em i.n{background:#8fb9a8}.id__tip em i.f{background:#686c6a}
.id__tip em.u{color:rgba(255,255,255,.6);margin-top:5px}
.id__bund{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:14px}
.id__leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:12.5px;color:var(--text-2)}
.id__leg span{display:inline-flex;align-items:center;gap:7px}
.id__leg i{width:11px;height:11px;border-radius:3px}
.id__leg .k{background:#bfc2bd}.id__leg .v{background:var(--dig-flad);box-shadow:inset 0 0 0 1px rgba(232,100,27,.35)}
.id__leg .e{background:#dcded9;opacity:.75}.id__leg .b{background:rgba(21,23,22,.1)}
.id__kendt{margin:0;font-size:12.5px;color:var(--text-3)}
.id__note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--text-3);max-width:90ch}
@media (max-width:760px){ .id__kort{grid-template-columns:1fr} .id__graf{padding:10px 6px 4px} }
.id__igen{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}