/* =========================================================
   TOPPFELTET OG MENYPANELET på forsiden (TerraGIS v18, 2026-09-23,
   spesifikasjonen 04_NAVIGASJON i overleveringen). Markedsføringssidene deler
   denne fila, avgrenset til body.tg-home / dialog.tg-meny.

   Lukket: Easy Eiendom | sentrerte hovedlenker fra 1024 (1200 til 2026-10-27) | [Kom i gang] | Søk og Meny.
   Logg inn ligger i menypanelet. Book 30 min står i toppfeltet på alle bredder og nederst i panelet (P0-15, 2026-10-15).
   Åpent: et mørkt panel (--blekk) over hele flaten, tre kolonner på
   kol 1, 5 og 9 med komplett strekrad (1, 5, 9, 12), synlig «Lukk».
   Farger bare fra tokens.css, mål fra skalaen (DESIGN.md §3 til §5).
   ========================================================= */

/* Toppfeltet: hvitt, står fast øverst. Rad som header.topp .rad i grunn.css. */
/* Feltet lavere, og mer luft over raden enn under (brukeren 2026-09-27): 14 over og 8 under fra 900 er 22 og 8; under 900 14 og 8. Til 27.09: 22 og 22, 14 og 14. */
.tg-home .tg-topp{position:sticky;top:0;z-index:30;background:var(--side-bg);padding-top:14px;padding-bottom:8px}
@media(min-width:900px){.tg-home .tg-topp{padding-top:22px;padding-bottom:8px}}
/* Under 900 er raden flex (logo til venstre, handlingene til høyre), fordi to og to kolonner ikke rommer begge på 320 til 390. */
/* Alt i raden midtstilles på logoens midtlinje (brukeren 2026-09-27; til da på logotekstens grunnlinje). Knappene er 27 høye som huset, så de deler husets bånd. */
.tg-home .tg-topp-rad{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-left:18px;padding-right:18px}
@media(min-width:900px){.tg-home .tg-topp-rad{padding-left:22px;padding-right:22px}}
.tg-home .tg-topp .logo{flex:none}
.tg-meny .logo{height:auto;align-items:center}
/* I toppfeltet er logoen en inline vektor i en blokk: blokkens grunnlinje blir da vektorens bunn, som er logotekstens grunnlinje, og raden kan stille alt på den. */
.tg-home .tg-topp .logo{display:block;height:auto;line-height:0}
.tg-home .tg-topp .easy-logo{display:inline-block;vertical-align:baseline}
/* Logoen (eierens fil 2026-09-26, huset og EASY EIENDOM på én linje, teksten satt som baner i Hanken Grotesk 700):
   én fast vektor uten bevegelse, viewBox skåret til blekket så husets venstrekant står på kol 1. Huset 27 høyt fra 900 (§7). */
/* Logoen mindre (brukeren 2026-09-27): huset 22 høyt fra 900 (157 bredt), 108 bredt under; til da 27 og 193, 132. */
.tg-topp .easy-logo,.tg-meny .easy-logo{display:block;width:108px;height:15.1px;flex:none;fill:currentColor;stroke:currentColor;stroke-width:.5}
@media(min-width:900px){.tg-topp .easy-logo,.tg-meny .easy-logo{width:157px;height:22px}}
/* Handlingene (Book 30 min, Meny) er grunnens knapper i menyens størrelse (mono 16, 36 høy, radius 6), høyrestilt mot kol 12. Logg inn er en menylenke (2026-09-26). */
.tg-home .tg-handlinger{display:flex;justify-content:flex-end;align-items:center;gap:14px}
/* Knappene er grunnens 24 høye og midtstilles med resten av raden (brukeren 2026-09-27; 27 som huset tidligere samme dag). */
.tg-home .tg-topp .knapp{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 12px;font-size:16px;line-height:118%;letter-spacing:-.03rem}
.tg-home .tg-topp .knapp::before{display:none}
.tg-home .tg-topp .knapp:focus-visible{outline:1px solid var(--blekk);outline-offset:4px}
.tg-home .tg-handlinger{align-self:center}
/* Ingen bevegelse på knappene i toppfeltet (brukeren 2026-09-26): pilen er ute, hover er bare fargen. */
.tg-home .tg-topp .knapp .pil{display:none}
@media(hover:hover){.tg-home .tg-topp .knapp:hover{padding-right:12px}}
/* Smale skjermer: Book 30 min står fortsatt i feltet (P0-15). Under 400 krymper knappene litt så logo og begge får plass på 320. */
@media(max-width:399px){.tg-home .tg-handlinger{gap:8px}.tg-home .tg-topp .knapp{padding:0 8px;font-size:14px}}
@media(max-width:359px){.tg-home .tg-topp .easy-logo{width:94px;height:13.2px}.tg-home .tg-topp-rad{padding-left:12px;padding-right:12px;gap:6px}.tg-home .tg-handlinger{gap:6px}.tg-home .tg-topp .knapp{padding:0 6px;font-size:13px;letter-spacing:-.04rem}}
/* Hovedlenkene fra 1024: sentrert mellom like brede sidefelt for logo og handlinger. Under 1024 har panelet alle lenkene.
   Fra 2026-10-27 (eieren: «beholde de vi hadde i nav baren», også ved Søk og Meny) står de fra 1024 i stedet for 1200,
   så de ikke forsvinner på bærbare og nettleservinduer mellom 1024 og 1200. Med fire lenker er raden 764 bred, og
   det bredeste nedtrekket (Innsikt) trenger 948, som raden har fra 1024. */
.tg-home .tg-hovedlenker{display:none}
@media(min-width:1024px){
  .tg-home .tg-topp-rad{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:22px;row-gap:0;align-items:center}
  .tg-home .tg-topp .logo{grid-column:1;width:max-content}
  .tg-home .tg-hovedlenker{grid-column:2;display:flex;align-items:center;gap:28px;white-space:nowrap}
  .tg-home .tg-handlinger{grid-column:3;justify-self:end}
  /* Menyknappen står også på desktop igjen fra 2026-10-27 (eieren: «menyen vi hadde før»); fra 2026-10-15 til 2026-10-27 var den skjult fra 1200. */
}
/* Søk og Meny (eieren 2026-10-27, med Palantirs toppfelt som forbilde): to kvadratiske ikonknapper satt sammen, etter Kom i gang, på alle bredder.
   Grunnens grå knapp, 24 × 24 som knappenes høyde, én piksel luft mellom dem og radius bare i de ytre hjørnene. Navnene står for skjermlesere. */
.tg-home .tg-ikonpar{display:inline-flex;gap:1px}
.tg-home .tg-topp .tg-ikonknapp,.tg-home .tg-topp .tg-ikonknapp:hover{width:24px;padding:0;gap:0}
.tg-home .tg-ikonpar .tg-ikonknapp:first-child,.tg-home .tg-ikonpar .tg-ikonknapp:first-child::before{border-radius:6px 0 0 6px}
.tg-home .tg-ikonpar .tg-ikonknapp:last-child,.tg-home .tg-ikonpar .tg-ikonknapp:last-child::before{border-radius:0 6px 6px 0}
.tg-home .tg-sokknapp .tg-ikon{display:block;width:12px;height:12px;flex:none}
.tg-home .tg-sokknapp .tg-ikon circle,.tg-home .tg-sokknapp .tg-ikon path{fill:none;stroke:currentColor;stroke-width:1}
.tg-usynlig{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tg-home .tg-hovedlenker .lenke{position:relative;display:inline-flex;align-items:center;gap:8px}
.tg-home .tg-hovedlenker .lenke:focus-visible{outline:1px solid var(--blekk);outline-offset:4px}
/* Innsikt (eieren 2026-10-27): fanen åpner seg igjen, men bare Easy Labs er åpen. Den står øverst i lenkeraden; resten står
   under merket «Kommer snart» som døde lenker (a.dod uten href, dempet med --demp-dod). Utvalgt-kortet beholder flaten, bare
   innholdet dempes, som kortene som kommer i Databiblioteket. Fra 2026-10-26 sto hele fanen dempet og åpnet seg ikke. */
.tg-home .tg-insight-feature.dod{opacity:1}
.tg-home .tg-insight-feature.dod>*{opacity:var(--demp-dod)}

/* Data og Innsikt deler menyflaten: venstre lenkerad, et fremhevet kort og innhold til høyre.
   Luft, vekt og sporing fra skalaene (2026-10-25, som Våre løsninger): 22 rundt og mellom, 40 over produktkortet, vekt 500, 18 med -.04rem. */
.tg-home .tg-data-nav{position:static}
.tg-home .tg-data-nav>summary{cursor:pointer;list-style:none}
.tg-home .tg-data-nav>summary::-webkit-details-marker{display:none}
.tg-home .tg-data-nav>summary svg{flex:none;width:10px;height:6px;transition:transform var(--t-hover)}
.tg-home .tg-data-nav>summary svg path{fill:none;stroke:currentColor;stroke-width:1}
.tg-home .tg-data-nav[open]>summary svg{transform:rotate(180deg)}
.tg-home .tg-data-dropdown{position:absolute;z-index:31;top:calc(100% + 8px);left:0;right:0;display:grid;grid-template-columns:minmax(170px,.72fr) minmax(270px,1.12fr) minmax(420px,1.7fr);gap:22px;min-height:340px;padding:22px;border-radius:6px;background:var(--kort);color:var(--blekk);white-space:normal}
.tg-home .tg-data-dropdown a{color:var(--blekk)}
.tg-home .tg-data-dropdown a:focus-visible{outline:1px solid var(--blekk);outline-offset:4px}
.tg-home .tg-data-menu-rail{display:flex;flex-direction:column;gap:16px;padding:16px 22px 16px 0;border-right:1px solid var(--regel)}
.tg-home .tg-data-menu-rail .eyebrow{color:var(--tone-tekst)}
.tg-home .tg-data-menu-rail a{display:block;font-size:18px;line-height:112%;letter-spacing:-.04rem}
.tg-home .tg-data-menu-rail a[aria-current]{color:var(--blekk);font-weight:500}
.tg-home .tg-data-menu-rail a:hover,.tg-home .tg-data-product-card:hover .tg-data-card-title{text-decoration:underline;text-underline-offset:4px}
.tg-home .tg-data-feature{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:292px;padding:22px;background:var(--lys);clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%)}
.tg-home .tg-insight-feature{background:var(--side-bg)}
.tg-home .tg-data-feature .eyebrow{margin-bottom:22px}
.tg-home .tg-data-feature-title{max-width:280px;font-size:28px;line-height:100%;letter-spacing:-.08rem}
.tg-home .tg-data-feature .text-s{max-width:300px;margin-top:16px;line-height:132%}
.tg-home .tg-data-feature-cta{display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:22px}
/* Data (eieren 2026-10-28): Databiblioteket og «Slik leverer vi» som to produktkort side om side til høyre for Våre data. */
.tg-home .tg-data-kort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:start;min-width:0}
.tg-home .tg-data-product-card{display:flex;flex-direction:column;gap:16px;align-self:start;min-width:0;padding:40px 12px 22px 0;border-bottom:1px solid var(--regel)}
.tg-home .tg-data-card-top{display:flex;justify-content:space-between;align-items:center}
.tg-home .tg-data-card-title{font-size:22px;line-height:108%;letter-spacing:-.05rem;font-weight:500}
.tg-home .tg-data-product-card .text-s{max-width:340px;line-height:132%;color:var(--tone-tekst)}
.tg-home .tg-insight-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:22px;min-width:0}
.tg-home .tg-insight-link{display:flex;flex-direction:column;gap:14px;min-width:0;padding:28px 12px 16px 0;border-bottom:1px solid var(--regel)}
.tg-home .tg-insight-link .eyebrow{color:var(--tone-tekst)}
.tg-home .tg-insight-link strong{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-size:18px;line-height:118%;letter-spacing:-.04rem;font-weight:500}
.tg-home .tg-insight-link:hover strong{text-decoration:underline;text-underline-offset:4px}
.tg-home .tg-data-arrow{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tg-meny ul.tg-mobile-data{margin-top:12px;margin-bottom:22px;padding-left:16px}
.tg-meny ul.tg-mobile-data li+li{margin-top:4px}
.tg-meny .tg-mobile-data .tg-data-product{font-size:18px;min-height:44px;padding:8px 0;white-space:normal;color:var(--lys)}
.tg-meny .tg-mobile-data [aria-disabled="true"]{color:var(--lys-dempet)}
.tg-meny .tg-menu-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:360px;min-height:44px;cursor:pointer}
.tg-meny .tg-menu-group>summary::-webkit-details-marker{display:none}
.tg-meny .tg-menu-group>summary::after{content:'+';font-family:var(--sans);font-size:22px}
.tg-meny .tg-menu-group[open]>summary::after{content:'−'}
.tg-meny .tg-menu-group>summary:focus-visible{outline:1px solid var(--lys);outline-offset:6px}
/* Våre løsninger i menypanelet (2026-10-28, utkast B): de seks kategoriene som etiketter med hovedproduktene under
   (2026-10-27 to grupper, Programvare og Løsninger). */
.tg-meny .tg-mobil-gruppe{margin-top:16px;padding-left:16px}
.tg-meny .tg-mobil-gruppe+ul.tg-mobile-data{margin-top:8px;margin-bottom:0}
.tg-meny .tg-mobil-gruppe+ul.tg-mobile-data:last-child{margin-bottom:22px}
/* Innsikt (2026-10-27): Easy Labs først, så merket «Kommer snart» over de dempede punktene. */
.tg-meny .tg-mobile-data .tg-kommer-rad{margin-top:12px}
.tg-meny .tg-mobile-data .tg-kommer-merke{color:var(--lys-dempet)}
@media(prefers-reduced-motion:reduce){.tg-home .tg-data-nav>summary svg{transition:none}}

/* Menyknappen: burgerens to hårlinjer i ikonparet (fra 2026-10-27; til da grunnens grå knapp med synlig «Meny» foran strekene). Ingen pil, så ingen utviding ved hover. */
.tg-home .tg-menyknapp .streker{display:block}

.tg-home .tg-menyknapp .streker{width:14px;height:8px;flex:none}
.tg-home .tg-menyknapp .streker path{fill:none;stroke:currentColor;stroke-width:1}

/* Uten skript: en synlig lenkerad under toppfeltet, så siden kan brukes. */
.tg-home .tg-noscript{grid-column:1/-1;flex-basis:100%;display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:14px}
.tg-home .tg-noscript a{color:var(--dempet)}

/* Overskriften et søketreff lander på får fokus (for skjermlesere), uten ramme rundt. */
.tg-home main :is(h1,h2,h3)[tabindex="-1"]:focus{outline:none}
/* Ankrene skal ikke havne under toppfeltet. Fra 2026-10-27 alle ankre i <main>, fordi søket lander på overskriftene (h2 og h3 med id). */
.tg-home main [id]{scroll-margin-top:46px}
@media(min-width:900px){.tg-home main [id]{scroll-margin-top:54px}}

/* Panelet. Et <dialog> som åpnes modalt; lukket er det ute av fokusrekkefølgen. */
.tg-meny{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--blekk);color:var(--lys);overflow:auto;overscroll-behavior:contain}
.tg-meny::backdrop{background:var(--overlegg)}
.tg-meny .strek{background:var(--lys)}
.tg-meny .logo{color:var(--lys);grid-column:1/span 2}
@media(min-width:900px){.tg-meny .logo{grid-column:1/span 4}}
.tg-meny-innh{padding-top:14px;padding-bottom:40px}
@media(min-width:900px){.tg-meny-innh{padding-top:22px;padding-bottom:80px}}
.tg-meny-topp{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;align-items:center;padding-left:18px;padding-right:18px}
@media(min-width:900px){.tg-meny-topp{grid-template-columns:repeat(12,1fr);column-gap:16px;padding-left:22px;padding-right:22px}}
.tg-meny-topp .tg-hoyre{grid-column:3/span 2;display:flex;justify-content:flex-end;align-items:center;gap:14px}
@media(min-width:900px){.tg-meny-topp .tg-hoyre{grid-column:5/span 8}}

/* Lukk-knappen: grunnens knapp, men 44 høy. */
.tg-home .tg-lukk,.tg-meny .tg-lukk{height:auto;min-height:44px;padding:12px 16px}
.tg-home .tg-lukk:hover,.tg-meny .tg-lukk:hover{padding-right:16px}
.tg-meny .knapp.tg-lukk{background:var(--lys);color:var(--blekk)}
.tg-meny .knapp.tg-lukk::before{border:1px solid var(--lys)}
.tg-meny .tg-lukk:focus-visible{outline:1px solid var(--lys);outline-offset:4px}
/* Logg inn: til venstre for Lukk, samme høyde, kantet i stedet for fylt (eieren 2026-10-04). */
.tg-meny .knapp.tg-logginn{height:auto;min-height:44px;padding:12px 16px;color:var(--lys);box-shadow:inset 0 0 0 1px var(--lys-dempet);transition:box-shadow var(--t-hover),color var(--t-hover)}
.tg-meny .knapp.tg-logginn:hover{padding-right:16px;color:var(--hvit);box-shadow:inset 0 0 0 1px var(--lys)}
.tg-meny .knapp.tg-logginn:focus-visible{outline:1px solid var(--lys);outline-offset:4px}
@media(max-width:379px){.tg-meny-topp .tg-hoyre{gap:8px}.tg-meny .knapp.tg-logginn,.tg-meny .knapp.tg-lukk,.tg-meny .knapp.tg-logginn:hover,.tg-meny .knapp.tg-lukk:hover{padding-left:10px;padding-right:10px}}

/* Strekradene i panelet: to streker i én celle, som .strekrad i forside.css. Reglene sto bare der, så på undersidene sto de to
   strekene over hverandre i kol 1 og 12 og kol 9 manglet (rettet 2026-10-27, da menyknappen kom tilbake på desktop). */
.tg-meny .strekrad{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
@media(min-width:900px){.tg-meny .strekrad{column-gap:16px}.tg-meny .strekrad.mobil .strek+.strek{display:none}}
.tg-meny .strekrad.hoyre .strek+.strek{justify-self:end}
@media(max-width:899px){.tg-meny .strekrad.hoyre{display:none}}

/* Navigasjonen: tre kolonner på kol 1, 5 og 9. Under 900 stables de to første, Utvalgt skjules. */
.tg-meny-nav{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;row-gap:60px;margin-top:80px;padding-left:18px;padding-right:18px}
@media(min-width:900px){.tg-meny-nav{grid-template-columns:repeat(12,1fr);column-gap:16px;row-gap:80px;margin-top:120px;padding-left:22px;padding-right:22px}}
.tg-meny .m1,.tg-meny .m2{grid-column:1/span 4;min-width:0}
.tg-meny .m3{display:none}
@media(min-width:900px){.tg-meny .m1{grid-column:1/span 4}.tg-meny .m2{grid-column:5/span 4}.tg-meny .m3{display:block;grid-column:9/span 4;min-width:0}}
@media(max-width:899px){.tg-meny .m2 .strek{display:none}}
.tg-meny .eyebrow{color:var(--lys-dempet)}
.tg-meny ul{margin-top:22px}
.tg-meny li+li{margin-top:12px}
.tg-meny .text-xl a{display:inline-block;color:var(--lys);transition:color var(--t-hover);overflow-wrap:anywhere}
.tg-meny .text-xl a:hover{color:var(--hvit)}
.tg-meny a:focus-visible{outline:1px solid var(--lys);outline-offset:6px}
.tg-meny .m3 h3{margin-top:22px;max-width:var(--maal-kort)}
.tg-meny .m3 p.text-m{margin-top:12px;max-width:var(--maal)}
.tg-meny .m3 img{margin-top:22px;width:100%;height:auto;border-radius:var(--medieradius)}
.tg-meny .m3 .tg-utvalgt-lenke{display:inline-block;margin-top:22px;color:var(--lys);text-decoration:underline;text-underline-offset:var(--understrek-avstand);text-decoration-thickness:1px;text-decoration-color:var(--lys-dempet);transition:text-decoration-color var(--t-hover)}
.tg-meny .m3 .tg-utvalgt-lenke:hover{text-decoration-color:var(--hvit)}
/* Bunnen: «Kom i gang» og «Logg inn» som store knapper, den store knappen fra kontaktfeltet (.tg-cta, sans 18, 60 høy),
   «Kom i gang» fylt og «Logg inn» kantet (eieren 2026-10-28: «Logg inn knappen nederst i større skrift», «kom i gang må også
   være litt større»; til da var «Kom i gang» den lille knappen alene). De står på kol 1 og 5 fra 600, over hverandre under.
   «Logg inn» står også øverst ved Lukk. */
.tg-meny .m-bunn{grid-column:1/-1;display:grid;grid-template-columns:1fr;row-gap:14px}
@media(min-width:600px){.tg-meny .m-bunn{grid-template-columns:repeat(4,1fr);column-gap:14px}.tg-meny .m-bunn .tg-cta{grid-column:span 2}}
@media(min-width:900px){.tg-meny .m-bunn{grid-template-columns:repeat(12,1fr);column-gap:16px}.tg-meny .m-bunn .tg-cta{grid-column:span 3}.tg-meny .m-bunn .tg-cta+.tg-cta{grid-column:5/span 3}}
.tg-meny .m-bunn .tg-cta{text-decoration:none}
.tg-meny .m-bunn .tg-cta.fylt{background:var(--lys);color:var(--blekk)}
.tg-meny .m-bunn .tg-cta.fylt:hover{background:var(--hvit);border-color:var(--hvit)}
.tg-meny .m-bunn .tg-cta:not(.fylt):hover{background:var(--knapp-moerk)}

/* Våre løsninger (eieren 2026-10-28, utkast B i docs/genesis/forslag/meny-losninger/, som Cotality): kategoriene i en
   skinne til venstre som faner (navigasjon.js), med «Se alle løsninger» nederst; produktene og løsningene i valgt kategori
   til høyre, bak en hårlinje. Valgt kategori står på en hvit flate i --blekk og vekt 500 med pilen. Panelene står i samme
   rute, så nedtrekket har høyden til det høyeste og ikke hopper når kategorien skifter; de skjulte er usynlige, ikke borte.
   Er det bare produkter i en kategori, står de i tre kolonner (to under 1280). 2026-10-27 til 2026-10-28 var det utkast A
   (Programvare til venstre, Løsninger til høyre), 2026-10-26 Produkter og Løsninger, og fra 2026-10-08 tre kategorier. */
.tg-home .tg-solutions-dropdown{grid-template-columns:minmax(220px,1fr) minmax(0,3fr);gap:0;padding:28px 22px}
.tg-home .tg-solutions-dropdown .eyebrow{display:block;color:var(--tone-tekst)}
.tg-home .tg-sol-kategorier{display:flex;flex-direction:column;min-width:0;padding-right:28px}
.tg-home .tg-sol-kategorier>.eyebrow{margin-bottom:18px}
.tg-home .tg-sol-katliste{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.tg-home .tg-sol-kat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;margin-left:-12px;border:0;border-radius:4px;background:none;font:inherit;font-size:18px;line-height:118%;letter-spacing:-.04rem;text-align:left;color:var(--tone-tekst);cursor:pointer;transition:background-color var(--t-hover),color var(--t-hover)}
.tg-home .tg-sol-kat .tg-data-arrow{opacity:0;transition:opacity var(--t-hover)}
.tg-home .tg-sol-kat[aria-selected="true"]{background:var(--side-bg);color:var(--blekk);font-weight:500}
.tg-home .tg-sol-kat[aria-selected="true"] .tg-data-arrow{opacity:1}
@media(hover:hover){.tg-home .tg-sol-kat:hover{color:var(--blekk)}}
.tg-home .tg-sol-kat:focus-visible{outline:1px solid var(--blekk);outline-offset:2px}
.tg-home .tg-sol-paneler{display:grid;min-width:0;padding-left:40px;border-left:1px solid var(--regel)}
.tg-home .tg-sol-panel{grid-area:1/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:40px;min-width:0}
.tg-home .tg-sol-panel[hidden]{display:grid;visibility:hidden}
.tg-home .tg-sol-gruppe{min-width:0}
.tg-home .tg-sol-gruppe:only-child{grid-column:1/-1}
.tg-home .tg-solutions-dropdown ul{display:grid;gap:40px 28px;margin-top:22px}
.tg-home .tg-sol-gruppe:only-child ul{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1279px){.tg-home .tg-sol-gruppe:only-child ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.tg-home .tg-sol-kat,.tg-home .tg-sol-kat .tg-data-arrow{transition:none}}
.tg-home .tg-sol-lenke{display:flex;flex-direction:column;gap:8px;min-width:0}
.tg-home .tg-sol-lenke strong{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:18px;line-height:118%;letter-spacing:-.04rem;font-weight:500}
.tg-home .tg-sol-lenke .text-s{max-width:var(--maal);line-height:132%;color:var(--tone-tekst)}
@media(hover:hover){.tg-home .tg-sol-lenke[href]:hover strong{text-decoration:underline;text-underline-offset:4px}}
.tg-home .tg-sol-alle{display:inline-flex;align-self:flex-start;align-items:center;gap:12px;margin-top:auto;padding-top:40px;font-size:16px;line-height:118%;letter-spacing:-.03rem}
.tg-home .tg-sol-alle:hover{text-decoration:underline;text-underline-offset:4px}

/* SØKET (eieren 2026-10-27): mørkt panel som menypanelet (dialog.tg-meny.tg-sok, bygget av navigasjon.js første gang det åpnes),
   med logo og Lukk øverst, en komplett strekrad (1, 5, 9, 12) med «Søk på nettsiden», feltet over hele bredden og treffene under.
   Treffene er samlet per side: sidens navn står på kol 1, overskriften og utdraget på kol 5 til 12. Mellom treffene er det luft (40),
   aldri linjer (§9 regel 11). Feltets underkant er kontrollens linje. Treffordene står i --hvit og vekt 500. Teksten kommer fra /sok.json. */
.tg-sok [hidden]{display:none!important}
.tg-sok-kropp{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;margin-top:80px;padding-left:18px;padding-right:18px}
@media(min-width:900px){.tg-sok-kropp{grid-template-columns:repeat(12,1fr);column-gap:16px;margin-top:120px;padding-left:22px;padding-right:22px}}
.tg-sok .tg-sok-strek{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px}
.tg-sok .tg-sok-strek>span{grid-column:1}
.tg-sok .tg-sok-strek>span:last-child{grid-column:4;justify-self:end}
.tg-sok .tg-sok-strek>span:nth-child(2),.tg-sok .tg-sok-strek>span:nth-child(3){display:none}
@media(min-width:900px){
  .tg-sok .tg-sok-strek{grid-template-columns:repeat(12,1fr);column-gap:16px}
  .tg-sok .tg-sok-strek>span:nth-child(2){display:flex;grid-column:5}
  .tg-sok .tg-sok-strek>span:nth-child(3){display:flex;grid-column:9}
  .tg-sok .tg-sok-strek>span:last-child{grid-column:12}
}
.tg-sok .tg-sok-etikett{grid-column:1/span 2;color:var(--lys-dempet)}
.tg-sok .tg-sok-status{grid-column:3/span 2;justify-self:end;text-align:right;color:var(--lys-dempet)}
@media(min-width:900px){.tg-sok .tg-sok-etikett{grid-column:1/span 4}.tg-sok .tg-sok-status{grid-column:9/span 4}}
.tg-sok .tg-sok-felt{grid-column:1/-1;display:block;width:100%;margin-top:22px;padding:0 0 12px;border:0;border-bottom:1px solid var(--lys-dempet);border-radius:0;background:none;color:var(--lys);caret-color:var(--lys);font-family:var(--sans);font-weight:400;font-size:32px;line-height:102%;letter-spacing:-.1rem;-webkit-appearance:none;appearance:none;transition:border-color var(--t-hover)}
@media(min-width:900px){.tg-sok .tg-sok-felt{font-size:44px;letter-spacing:-.12rem}}
.tg-sok .tg-sok-felt::placeholder{color:var(--lys-dempet);opacity:1}
.tg-sok .tg-sok-felt::-webkit-search-cancel-button,.tg-sok .tg-sok-felt::-webkit-search-decoration{-webkit-appearance:none}
.tg-sok .tg-sok-felt:focus{outline:none;border-bottom-color:var(--lys)}
.tg-sok .tg-sok-felt:focus-visible{outline:none}
/* Forslagene før noe er skrevet: ord som fyller feltet, i én rad. */
.tg-sok .tg-sok-forslag{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px;margin-top:40px}
@media(min-width:900px){.tg-sok .tg-sok-forslag{grid-column:5/span 8}}
.tg-sok .tg-sok-forslag .eyebrow{flex-basis:100%;color:var(--lys-dempet)}
.tg-sok .tg-sok-ord{padding:0;border:0;background:none;color:var(--lys);font-family:var(--sans);font-weight:400;font-size:18px;line-height:112%;letter-spacing:-.04rem;cursor:pointer;text-decoration:underline;text-underline-offset:var(--understrek-avstand);text-decoration-thickness:1px;text-decoration-color:var(--lys-dempet);transition:color var(--t-hover),text-decoration-color var(--t-hover)}
.tg-sok .tg-sok-ord:hover{color:var(--hvit);text-decoration-color:var(--hvit)}
.tg-sok .tg-sok-ord:focus-visible{outline:1px solid var(--lys);outline-offset:6px}
/* Treffene. */
.tg-sok ol.tg-sok-treff{grid-column:1/-1;margin-top:60px;padding:0;list-style:none}
.tg-sok .tg-sok-treff>li{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;margin-top:0}
.tg-sok .tg-sok-treff>li+li{margin-top:60px}
@media(min-width:900px){.tg-sok .tg-sok-treff>li{grid-template-columns:repeat(12,1fr);column-gap:16px}}
.tg-sok .tg-sok-side{grid-column:1/-1;color:var(--lys-dempet)}
@media(min-width:900px){.tg-sok .tg-sok-side{grid-column:1/span 4}}
.tg-sok .tg-sok-treff ul{grid-column:1/-1;margin-top:16px;padding:0;list-style:none}
@media(min-width:900px){.tg-sok .tg-sok-treff ul{grid-column:5/span 8;margin-top:0}}
.tg-sok .tg-sok-treff ul li{margin-top:0}
.tg-sok .tg-sok-treff ul li+li{margin-top:40px}
.tg-sok .tg-sok-lenke{display:block;max-width:var(--maal-bred);color:var(--lys)}
.tg-sok .tg-sok-lenke strong{display:block;font-family:var(--sans);font-weight:400;font-size:22px;line-height:108%;letter-spacing:-.05rem;color:var(--lys);transition:color var(--t-hover)}
.tg-sok .tg-sok-lenke span{display:block;margin-top:12px;font-family:var(--sans);font-weight:400;font-size:16px;line-height:132%;letter-spacing:-.03rem;color:var(--lys-dempet)}
@media(hover:hover){.tg-sok .tg-sok-lenke:hover strong{color:var(--hvit);text-decoration:underline;text-underline-offset:var(--understrek-avstand);text-decoration-thickness:1px}}
.tg-sok .tg-sok-lenke:focus-visible{outline:1px solid var(--lys);outline-offset:6px}
.tg-sok mark{background:none;color:var(--hvit);font-weight:500}
/* Innsikt kommer snart (2026-10-27): tittelen dempet som de døde lenkene i Innsikt-fanen, med merket under, uten lenke. */
.tg-sok .tg-sok-kommer{cursor:default}
.tg-sok .tg-sok-kommer strong{opacity:var(--demp-dod)}
.tg-sok .tg-sok-kommer span.eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;line-height:118%;letter-spacing:0;color:var(--lys-dempet)}
/* Ingen treff: to linjer på kol 5 og en lenke til skjemaet. */
.tg-sok .tg-sok-tom{grid-column:1/-1;margin-top:60px;max-width:var(--maal-bred)}
@media(min-width:900px){.tg-sok .tg-sok-tom{grid-column:5/span 8}}
.tg-sok .tg-sok-tom p{font-family:var(--sans);font-weight:400;font-size:22px;line-height:108%;letter-spacing:-.05rem;color:var(--lys)}
.tg-sok .tg-sok-tom p+p{margin-top:12px;font-size:16px;line-height:132%;letter-spacing:-.03rem;color:var(--lys-dempet)}
.tg-sok .tg-sok-tom a{color:var(--lys);text-decoration:underline;text-underline-offset:var(--understrek-avstand);text-decoration-thickness:1px;text-decoration-color:var(--lys-dempet)}
.tg-sok .tg-sok-tom a:hover{color:var(--hvit);text-decoration-color:var(--hvit)}
.tg-sok .tg-sok-tom a:focus-visible{outline:1px solid var(--lys);outline-offset:4px}