/* Jarvis - Deal Agent-sida (DECISIONS 80). Mobil først (360-430 px), mørk, fargane frå skalet (bob.css) med
 * reservefargar. Alle klassar byrjar med dl- (eller .deals) så dei aldri kolliderer med skalet eller dei andre sidene. */
.deals { --dl-panel: var(--panel, #0a1724); --dl-panel2: var(--panel-2, #10233a); --dl-line: var(--line, rgba(63, 216, 255, .16));
  --dl-text: var(--text, #e6f6ff); --dl-muted: var(--muted, #8eabc2); --dl-accent: var(--accent, #3fd8ff);
  --dl-good: var(--good, #3fe0a0); --dl-warn: var(--warn, #ffc857); --dl-bad: var(--bad, #ff6b6b); --dl-r: var(--radius, 14px);
  color: var(--dl-text); max-width: 760px; margin: 0 auto; padding: 0 0 28px; font-variant-numeric: tabular-nums; }
.deals h1 { margin: 0; font-size: 26px; line-height: 1.2; letter-spacing: .3px; overflow-wrap: anywhere; }
.deals h2, .deals .dl-h2 { margin: 0 0 10px; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dl-muted); font-weight: 600; }
.deals .dl-h2 { margin: 18px 2px 10px; }
.deals h3 { margin: 14px 0 6px; font-size: 15px; }
.deals a { color: var(--dl-accent); text-decoration: none; }
.dl-liten { font-size: 13px; color: var(--dl-muted); line-height: 1.4; margin: 0; }
.dl-alder { font-size: 13px; color: var(--dl-muted); margin: 4px 2px 10px; }
.dl-alder.dl-gamal { color: var(--dl-warn); }
.dl-intro { font-size: 15px; line-height: 1.45; margin: 0 0 14px; color: var(--dl-text); }
.dl-hero { padding: 6px 2px 0; margin: 0 0 12px; }
.dl-seksjon { background: var(--dl-panel); border: 1px solid var(--dl-line); border-radius: var(--dl-r); padding: 14px; margin: 0 0 12px; }
.dl-seksjon.dl-s-deg { border-color: var(--dl-warn); }
.dl-deg-tekst { font-size: 15px; line-height: 1.5; margin: 0; }
.dl-signal { font-size: 16px; line-height: 1.5; margin: 0 0 10px; overflow-wrap: anywhere; }
.dl-ingen, .dl-tom { color: var(--dl-muted); font-size: 14px; margin: 0; }
.dl-tom { padding: 14px; border: 1px dashed var(--dl-line); border-radius: var(--dl-r); line-height: 1.45; }
.dl-fot { margin: 14px 2px 0; }

/* rutene øvst */
.dl-ruter { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dl-rute { background: var(--dl-panel2); border-radius: 10px; padding: 10px 12px; min-width: 0; }
.dl-rute b { display: block; font-size: 22px; font-weight: 700; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dl-rute span { font-size: 12px; color: var(--dl-muted); }
.dl-rute.dl-r-deg b { color: var(--dl-warn); }

/* tekstboksen under flyten, og skanningslinja */
.dl-f-tekst { margin: 0 0 12px; font-size: 15px; line-height: 1.45; padding: 10px 12px; border-radius: 10px; background: var(--dl-panel2); border-left: 4px solid var(--dl-accent); overflow-wrap: anywhere; }
.dl-seksjon .dl-f-tekst { margin: 6px 0 0; }
.dl-f-tekst.dl-f-t-ventar { border-left-color: var(--dl-warn); }
.dl-f-tekst.dl-f-t-feil { border-left-color: var(--dl-bad); }
.dl-f-tekst.dl-f-t-ok { border-left-color: var(--dl-good); }
.dl-f-tekst.dl-f-t-ukjend, .dl-f-tekst.dl-f-t-seinare { border-left-color: var(--dl-muted); }
.dl-skanning { font-size: 14px; }

/* Flyten: ni steg på éi linje */
.dl-flyt { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 1px; }
.dl-flyt li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 6px 0 2px; text-align: center; }
.dl-flyt li + li::before { content: ""; position: absolute; left: -50%; right: 50%; top: 17px; height: 2px; background: var(--dl-line); }
.dl-flyt li.dl-f-ok + li::before { background: var(--dl-good); }
.dl-flyt .dl-f-merke { position: relative; z-index: 1; }
.dl-flyt .dl-f-namn { font-size: 9px; line-height: 1.15; color: var(--dl-muted); letter-spacing: -.3px; max-width: 100%; overflow-wrap: anywhere; hyphens: auto; }
.dl-flyt .dl-f-no .dl-f-namn { color: var(--dl-text); font-weight: 650; }
.dl-vekk { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.dl-f-merke { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 700; flex: none;
  border: 2px solid var(--dl-line); background: var(--dl-panel); color: var(--dl-muted); }
.dl-f-ok .dl-f-merke { background: var(--dl-good); border-color: var(--dl-good); color: #002a1c; }
.dl-f-neste .dl-f-merke { border-color: var(--dl-accent); color: var(--dl-accent); }
.dl-f-ventar .dl-f-merke { background: var(--dl-warn); border-color: var(--dl-warn); color: #2a1d00; }
.dl-f-feil .dl-f-merke { background: rgba(255, 107, 107, .18); border-color: var(--dl-bad); color: var(--dl-bad); }
.dl-f-ukjend .dl-f-merke { border-style: dashed; }
.dl-detaljar { margin-top: 8px; font-size: 14px; }
.dl-detaljar summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 6px; list-style: none; color: var(--dl-accent); }
.dl-detaljar summary::-webkit-details-marker { display: none; }
.dl-detaljar summary::before { content: "›"; display: inline-block; transition: transform .15s; }
.dl-detaljar[open] summary::before { transform: rotate(90deg); }
.dl-reglar { margin-top: 16px; padding: 0 2px; }
.dl-f-liste { list-style: none; margin: 0; padding: 0; }
.dl-f-liste li { display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid var(--dl-line); font-size: 14px; line-height: 1.4; }
.dl-f-liste li.dl-f-seinare { color: var(--dl-muted); }
.dl-liste { margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.45; }
.dl-liste li { margin: 0 0 8px; }
.dl-liste .dl-liten { display: block; }

/* leads per steg og per kategori: knappar som filtrerer */
.dl-f-total { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.dl-f-tal { min-height: 56px; padding: 6px 4px; border-radius: 10px; border: 1px solid var(--dl-line); background: var(--dl-panel2); color: var(--dl-text); font: inherit; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; -webkit-tap-highlight-color: transparent; }
.dl-f-tal b { font-size: 20px; font-weight: 700; line-height: 1; }
.dl-f-tal span { font-size: 11px; color: var(--dl-muted); line-height: 1.15; text-align: center; overflow-wrap: anywhere; }
.dl-f-tal.dl-f-tom b { color: var(--dl-muted); font-weight: 500; }
.dl-f-tal.dl-f-vald { border-color: var(--dl-accent); background: rgba(63, 216, 255, .14); }
.dl-f-tal:active { border-color: var(--dl-accent); }
.dl-filter { margin: 0 0 10px; }
.dl-f-alle { min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--dl-line); background: var(--dl-panel2); color: var(--dl-accent); font: inherit; font-size: 14px; cursor: pointer; }

/* korta */
.dl-kortliste, .dl-agentliste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.dl-kort { position: relative; display: block; min-width: 0; background: var(--dl-panel); border: 1px solid var(--dl-line); border-left: 4px solid var(--dl-accent); border-radius: var(--dl-r);
  padding: 12px 30px 10px 12px; color: var(--dl-text) !important; -webkit-tap-highlight-color: transparent; transition: background .15s; }
.dl-kort:active { background: var(--dl-panel2); }
/* DECISIONS 136: eitt svar kan opnast */
.deals .dl-svar-lenk { color: inherit; text-decoration: none; }
.deals .dl-svar-lenk:hover b { text-decoration: underline; }
.deals .dl-svartekst { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }

/* DECISIONS 326 (Sondre 13.10.2026): the overview - today's numbers, what waits for him, and folds for the rest */
.dl-idag { background: var(--dl-panel); border: 1px solid var(--dl-line); border-radius: var(--dl-r); padding: 14px; margin: 0 0 12px; }
.dl-idag.dl-idag-stoppa { border-color: var(--dl-bad); }
.dl-idag .dl-ruter { margin: 0 0 10px; }
.dl-idag .dl-rute.dl-r-storst b { font-size: 34px; color: var(--dl-good); }
.dl-idag.dl-idag-stoppa .dl-rute.dl-r-storst b { color: var(--dl-bad); }
.dl-idag .dl-f-tekst { margin: 10px 0 0; }
.dl-maal { display: block; width: 100%; height: 8px; margin: 0 0 10px; border: 0; border-radius: 4px; overflow: hidden; background: var(--dl-panel2); color: var(--dl-good); appearance: none; -webkit-appearance: none; }
.dl-maal::-webkit-progress-bar { background: var(--dl-panel2); border-radius: 4px; }
.dl-maal::-webkit-progress-value { background: var(--dl-good); border-radius: 4px; }
.dl-maal::-moz-progress-bar { background: var(--dl-good); border-radius: 4px; }
.dl-gjer { background: var(--dl-panel); border: 1px solid var(--dl-warn); border-radius: var(--dl-r); padding: 14px; margin: 0 0 12px; }
.dl-gjer ul { margin: 0; padding: 0 0 0 18px; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.dl-gjer li + li { margin-top: 6px; }
.dl-bolk { background: var(--dl-panel); border: 1px solid var(--dl-line); border-radius: var(--dl-r); margin: 0 0 8px; }
.dl-bolk > summary { cursor: pointer; min-height: 52px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; list-style: none; }
.dl-bolk > summary::-webkit-details-marker { display: none; }
.dl-bolk > summary::after { content: "›"; color: var(--dl-muted); font-size: 22px; line-height: 1; transition: transform .15s ease; }
.dl-bolk[open] > summary::after { transform: rotate(90deg); }
.dl-bolk-t { font-size: 16px; font-weight: 650; color: var(--dl-text); flex: 1 1 auto; min-width: 0; }
.dl-bolk-m { font-size: 13px; color: var(--dl-muted); white-space: nowrap; flex: 0 0 auto; }
.dl-bolk[open] > summary { border-bottom: 1px solid var(--dl-line); }
.dl-bolk-i { padding: 12px 10px 4px; }
.dl-bolk-i > .kort, .dl-bolk-i > .dl-seksjon { margin-bottom: 10px; }
@media (hover: hover) { a.dl-kort:hover, a.dl-agent:hover { background: var(--dl-panel2); } }
.dl-k-deg { border-left-color: var(--dl-warn); }
.dl-k-ok { border-left-color: var(--dl-good); }
.dl-k-stoppa { border-left-color: var(--dl-muted); opacity: .72; }
.dl-kort-topp { display: flex; align-items: flex-start; gap: 10px; min-width: 0; margin-bottom: 4px; }
.dl-score { flex: none; min-width: 36px; height: 36px; padding: 0 6px; border-radius: 10px; background: var(--dl-panel2); border: 1px solid var(--dl-line); display: grid; place-items: center;
  font-size: 16px; font-weight: 700; color: var(--dl-accent); }
.dl-score.dl-score-ukjend { color: var(--dl-muted); font-weight: 500; }
.dl-namn { flex: 1; min-width: 0; font-size: 16px; font-weight: 650; line-height: 1.3; overflow-wrap: anywhere; }
.dl-steg { margin-top: 6px; }
.dl-pil { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--dl-muted); font-size: 20px; }
.dl-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.dl-merkelinje { margin: 0 2px 12px; }
.dl-chip { display: inline-flex; align-items: center; max-width: 100%; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.5;
  border: 1px solid var(--dl-line); color: var(--dl-muted); background: var(--dl-panel2); overflow-wrap: anywhere; }
.dl-chip.dl-c-jobbar { color: var(--dl-accent); border-color: rgba(63, 216, 255, .4); }
.dl-chip.dl-c-deg { color: var(--dl-warn); border-color: rgba(255, 200, 87, .5); }
.dl-chip.dl-c-ok { color: var(--dl-good); border-color: rgba(63, 224, 160, .4); }
.dl-chip.dl-c-stoppa { color: var(--dl-bad); border-color: rgba(255, 107, 107, .4); }

/* storleiken: éin farge per nivå (Sondre 21.9.2026), same farge på knappen, merket på kortet og gruppa */
.dl-niv-kingkong, .dl-v-kingkong, .dl-g-kingkong { --dl-niv: #ff9f43; }
.dl-niv-perfekt, .dl-v-perfekt, .dl-g-perfekt { --dl-niv: var(--dl-good); }
.dl-niv-nydeleg, .dl-v-nydeleg, .dl-g-nydeleg { --dl-niv: var(--dl-accent); }
.dl-niv-litt, .dl-v-litt, .dl-g-litt { --dl-niv: #c3d4e3; }
.dl-niv-ukjend, .dl-v-ukjend, .dl-g-ukjend, .dl-v-under, .dl-g-under, .dl-v-stoppa, .dl-g-stoppa { --dl-niv: var(--dl-muted); }
.dl-nivaa { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dl-niv { min-height: 84px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--dl-line); border-left: 4px solid var(--dl-niv); background: var(--dl-panel2);
  color: var(--dl-text); font: inherit; cursor: pointer; text-align: left; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0;
  -webkit-tap-highlight-color: transparent; }
.dl-niv b { font-size: 26px; font-weight: 800; line-height: 1.05; color: var(--dl-niv); }
.dl-niv-namn { font-size: 15px; font-weight: 700; line-height: 1.2; }
.dl-niv-tekst { font-size: 12px; color: var(--dl-muted); line-height: 1.3; }
.dl-niv.dl-f-tom { opacity: .6; }
.dl-niv.dl-f-tom b { color: var(--dl-muted); font-weight: 500; }
.dl-niv.dl-f-vald { background: rgba(63, 216, 255, .14); border-color: var(--dl-accent); border-left-color: var(--dl-niv); }
.dl-niv.dl-niv-kingkong:not(.dl-f-tom) { background: linear-gradient(135deg, rgba(255, 159, 67, .22), var(--dl-panel2) 70%); }
.dl-niv-fot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; }
.dl-niv.dl-niv-liten { min-height: 44px; flex-direction: row; align-items: baseline; gap: 8px; padding: 8px 12px; }
.dl-niv.dl-niv-liten b { font-size: 18px; }
.dl-niv-fot .dl-liten { flex: 1 1 200px; }
.dl-sending { margin: 8px 2px 0; }
.dl-sending b { color: var(--dl-good); }
.dl-rute.dl-r-storst b { color: var(--dl-niv, var(--dl-text)); }

/* verdimerket på kortet: talet stort, eininga under */
.dl-verdi { flex: none; min-width: 64px; padding: 5px 8px; border-radius: 10px; background: var(--dl-panel2); border: 1px solid var(--dl-niv);
  display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.05; color: var(--dl-niv); }
.dl-verdi b { font-size: 19px; font-weight: 800; white-space: nowrap; }
.dl-verdi small { font-size: 10px; color: var(--dl-muted); white-space: nowrap; margin-top: 2px; }
.dl-verdi.dl-v-ukjend { border-style: dashed; }

/* gruppene i lista */
.dl-gruppe-boks { margin: 0 0 14px; }
.dl-gruppe { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 16px 2px 10px; font-size: 17px; font-weight: 750; color: var(--dl-niv, var(--dl-text)); }
.dl-g-tekst { font-size: 13px; font-weight: 500; color: var(--dl-muted); }
.dl-g-tal { margin-left: auto; min-width: 26px; padding: 1px 8px; border-radius: 999px; background: var(--dl-panel2); border: 1px solid var(--dl-line); font-size: 13px; text-align: center; color: var(--dl-text); }
.dl-gruppe-boks > summary { cursor: pointer; list-style: none; min-height: 44px; align-items: center; }
.dl-gruppe-boks > summary::-webkit-details-marker { display: none; }
.dl-gruppe-boks > summary::before { content: "›"; display: inline-block; transition: transform .15s; color: var(--dl-muted); }
.dl-gruppe-boks[open] > summary::before { transform: rotate(90deg); }
.dl-filtre > summary { cursor: pointer; list-style: none; min-height: 44px; display: flex; align-items: center; }
.dl-filtre > summary::-webkit-details-marker { display: none; }
.dl-filtre > summary h2 { margin: 0; color: var(--dl-accent); }
.dl-filtre > summary h2::before { content: "› "; }
.dl-filtre[open] > summary h2::before { content: "⌄ "; }

/* den store verdien på lead-sida */
.dl-stor-verdi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 2px 12px; }
.dl-stor-verdi b { font-size: 32px; font-weight: 800; line-height: 1.1; color: var(--dl-niv); }
.dl-stor-verdi span { font-size: 14px; color: var(--dl-muted); }

/* svara (DECISIONS 111): éi linje per svar, aldri teksten */
.dl-svarliste { list-style: none; margin: 8px 0 0; padding: 0; }
.dl-svar-rad { padding: 8px 0; border-top: 1px solid var(--dl-line); font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }

/* fakta-lista på lead- og agentsida */
.dl-fakta { margin: 0; }
.dl-rad { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); gap: 10px; padding: 9px 0; border-top: 1px solid var(--dl-line); font-size: 14px; line-height: 1.4; }
.dl-rad dt { color: var(--dl-muted); }
.dl-rad dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.dl-meter { display: inline-block; vertical-align: middle; width: 72px; height: 6px; margin-right: 6px; }
.dl-meter-botn { fill: var(--dl-panel2); }
.dl-meter-fyll { fill: var(--dl-accent); }

/* agentane: éin blokk per kategori, open når nokon der har ein lead */
.dl-kat-blokk > summary { cursor: pointer; min-height: 48px; display: flex; flex-direction: column; justify-content: center; gap: 2px; list-style: none; padding-right: 26px; position: relative; }
.dl-kat-blokk > summary::-webkit-details-marker { display: none; }
.dl-kat-blokk > summary::after { content: "›"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--dl-muted); font-size: 20px; transition: transform .15s; }
.dl-kat-blokk[open] > summary::after { transform: translateY(-50%) rotate(90deg); }
.dl-kat-namn { font-size: 16px; font-weight: 650; }
.dl-kat-fokus { margin: 8px 0 10px; }
.dl-agent { position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0; min-height: 56px; padding: 10px 30px 10px 12px; border-radius: 10px;
  background: var(--dl-panel2); border: 1px solid transparent; color: var(--dl-text) !important; -webkit-tap-highlight-color: transparent; }
.dl-agent.dl-a-aktiv { border-color: rgba(63, 216, 255, .4); }
.dl-a-hovud { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dl-a-jobb { color: var(--dl-text); opacity: .85; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* lenkjer som knappar */
.dl-knapp { display: flex; align-items: center; justify-content: center; min-height: 48px; margin: 16px 0 0; padding: 10px 14px; border-radius: 12px;
  border: 1px solid var(--dl-accent); color: var(--dl-accent) !important; font-weight: 650; text-align: center; }
.dl-tilbake { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
.dl-tilbake.dl-nede { margin-top: 12px; }

/* Legg til deal (DECISIONS 108): skjemaet Sondre fyller ut sjølv. Store felt, ein knapp, og svaret under. */
.dl-legg-til > summary { cursor: pointer; min-height: 48px; display: flex; align-items: center; }
.dl-skjema { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; }
.dl-skjema label { display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--dl-muted); }
.dl-skjema input, .dl-skjema select, .dl-skjema textarea { min-height: 48px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--dl-linje, rgba(255,255,255,.18));
  background: var(--dl-panel2); color: var(--dl-text); font: inherit; font-size: 16px; }
.dl-skjema textarea { min-height: 84px; resize: vertical; }
.dl-skjema .dl-hak { flex-direction: row; align-items: flex-start; gap: 10px; color: var(--dl-text); line-height: 1.4; }
.dl-skjema .dl-hak input { min-height: 0; width: 22px; height: 22px; flex: none; margin-top: 2px; }
.dl-skjema .dl-send { background: none; cursor: pointer; }
.dl-skjema-svar:empty { display: none; }
.dl-skjema-svar { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--dl-panel2); color: var(--dl-text); }

/* DECISIONS 182: kjeldesida - landtabellen */
.deals .dl-tabell { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
.deals .dl-tabell th, .deals .dl-tabell td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--dl-line); vertical-align: top; }
.deals .dl-tabell th { color: var(--dl-muted); font-weight: 600; }
.deals .dl-tabell td:not(:first-child), .deals .dl-tabell th:not(:first-child) { text-align: right; white-space: nowrap; }
.deals .dl-kjelde .dl-lite { color: var(--dl-accent); }

.dl-ringliste ol { padding-left: 1.2em; }   /* DECISIONS 309: the call-or-form list */
.dl-ringliste li { margin: 0 0 .9em; }
.dl-ringtekst { width: 100%; box-sizing: border-box; font: inherit; font-size: .9em; margin-top: .3em; min-height: 44px; }
@media (min-width: 620px) {
  .dl-ruter { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dl-f-total { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .dl-flyt .dl-f-namn { font-size: 12px; letter-spacing: 0; }
  .dl-flyt .dl-f-merke, .dl-f-merke { width: 26px; height: 26px; font-size: 13px; }
  .dl-flyt li + li::before { top: 18px; }
  .dl-agentliste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dl-nivaa { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}