/* © Haut Forvalting AS (Org.nr. 931 603 760) — Altibedrift.
Konfidensiell arkitektur/arbeidsdokument. Uautorisert kopiering/distribusjon forbudt. */
/* Integration corrections: preserve source semantics and existing component geometry. */
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] { background: #f5f4f0 !important; color: #193d35 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main { --data-ink: #193d35 !important; --data-paper: #faf9f5 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.source-graph-page,.source-graph-page *, .traffic-journey *) { min-width: 0 !important; box-sizing: border-box !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(h1,h2,h3,p,a,strong,small,summary) { overflow-wrap: anywhere !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main > :is(.visibility-answer-v1,.breadcrumb,.source-graph-page,.insight-editorial-exit,.traffic-journey) { width: calc(100% - 2 * clamp(1rem,3vw,3rem)) !important; max-width: 80rem !important; margin-inline: auto !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .breadcrumb { margin-block: 1.5rem !important; padding: 0 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .breadcrumb ol { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .6rem !important; margin: 0 !important; padding: 0 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .breadcrumb li { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; line-height: 1.6 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-page { display: grid !important; gap: clamp(2rem,5vw,4rem) !important; padding: 0 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-hero { display: grid !important; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr) !important; align-items: center !important; gap: 3rem !important; padding: clamp(1.4rem,4vw,4rem) !important; background: #143e34 !important; color: #f8faf6 !important; border-radius: 1.75rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-hero h1 { color: #f8faf6 !important; font-size: clamp(2.15rem,4.5vw,3.9rem) !important; line-height: 1.08 !important; letter-spacing: -.04em !important; max-width: 19ch !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-hero__copy > p { color: #dbe9e2 !important; line-height: 1.7 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-live { display: grid !important; gap: 1rem !important; padding: 1.6rem !important; background: #e8eee5 !important; border: 1px solid #becfc1 !important; border-radius: 1.2rem !important; text-transform: none !important; letter-spacing: normal !important; color: #193d35 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-live :is(p,strong,span,div) { color: #193d35 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-live strong { font-size: clamp(1.25rem,2vw,1.7rem) !important; line-height: 1.3 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-live__meta { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-live__pulse { animation: none !important; background: #567266 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.ai-news-stage,.source-route-section,.source-graph-related) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: clamp(1.2rem,3vw,2.5rem) !important; border-radius: 1.5rem !important; background: #faf9f5 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.ai-news-stage__head,.source-route-section__head) { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 1.25rem 2.5rem !important; align-items: start !important; margin-bottom: 2rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.ai-news-stage,.source-route-section,.source-graph-related) h2 { color: #193d35 !important; max-width: 24ch !important; font-size: clamp(1.8rem,3vw,2.6rem) !important; line-height: 1.17 !important; letter-spacing: -.03em !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ai-news-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr)) !important; gap: 1.25rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-news-card { padding: 0 !important; border: 1px solid #cdd8cd !important; border-radius: 1.15rem !important; background: #fff !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-news-media { width: 100% !important; aspect-ratio: 16/9 !important; height: auto !important; max-height: 28rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-news-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; margin: 0 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-news-body { padding: clamp(1.2rem,2.5vw,2rem) !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-route-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 1.25rem !important; align-items: stretch !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-route { padding: 1.5rem !important; border: 1px solid #ccd6ca !important; border-radius: 1.1rem !important; background: #fff !important; box-shadow: 0 8px 24px #143e3408 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-route h3 { font-size: 1.6rem !important; color: #193d35 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.source-route__latest,.source-route__empty) { background: #f0f3ec !important; color: #294c41 !important; padding: 1.1rem !important; border-radius: .8rem !important; line-height: 1.6 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-route__actions { display: flex !important; flex-wrap: wrap !important; gap: .65rem !important; margin-top: auto !important; padding-top: 1.2rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-route__actions a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: .65rem .85rem !important; color: #193d35 !important; background: #eef2e9 !important; border: 1px solid #becdbf !important; border-radius: .6rem !important; white-space: normal !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-route__actions a::after { content: none !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main summary { min-height: 44px !important; padding-block: .75rem !important; cursor: pointer !important; color: #193d35 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .insight-editorial-exit { margin-block: 3rem !important; padding: clamp(1.5rem,4vw,4rem) !important; border-radius: 1.75rem !important; background: #143e34 !important; text-align: left !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .insight-editorial-exit :is(h2,p) { color: #f5faf3 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .insight-editorial-exit__actions { display: flex !important; flex-wrap: wrap !important; gap: .75rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .insight-editorial-exit__primary { background: #eef4dd !important; color: #143e34 !important; border: 1px solid #eef4dd !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .insight-editorial-exit__secondary { background: #143e34 !important; color: #fff !important; border: 1px solid #b6cabb !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.insight-editorial-exit__primary,.insight-editorial-exit__secondary) { min-height: 48px !important; padding: .9rem 1.3rem !important; border-radius: 999px !important; white-space: normal !important; text-align: center !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main [hidden] { display: none !important; }
@media(max-width: 64rem) {
}
@media(max-width: 42rem) {
 html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-related__grid { grid-template-columns: minmax(0,1fr) !important; }
 html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .insight-editorial-exit__actions { flex-direction: column !important; }
}

/* ==========================================================================
   HSC SURFACE COMPILATION: AI & VERKTØY (TILLEGG)
   DOMAIN: html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main
   ========================================================================== */

/* 1. DYNAMISKE KORT: AI NEWS GRID (1 mobil, 2 desktop) */
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ai-news-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
  margin-bottom: 3rem !important;
}

@media (min-width: 1024px) {
  html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ai-news-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Rolig degradering ved manglende TL;DR - ingen tekniske alarmer */


/* 2. METODE: REDAKSJONELL FLYT (Mørk skoggrønn) */
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method[data-ai-tools-method-motion] {
  background-color: #162B22 !important; /* var(--ws-forest) */
  color: #FDFDFD !important; /* var(--ws-text-light) */
  padding: 5rem 1.5rem !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3rem !important;
  align-items: start !important;
}

@media (min-width: 1024px) {
  html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method[data-ai-tools-method-motion] {
    grid-template-columns: 1fr 1fr !important;
  }
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__copy h2 {
  color: #FDFDFD !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
  max-width: 22ch !important;
}

/* 3. METODE: DEKORATIV KONSOLL (Varm papir, mørk tekst) */
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console {
  background-color: #F5F4F0 !important; /* var(--ws-paper) */
  color: #1A1A1A !important; /* var(--ws-text-dark) */
  padding: 2rem !important;
  border-radius: 4px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__head {
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.1) !important;
  padding-bottom: 1rem !important;
  margin-bottom: 1.5rem !important;
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__lane {
  display: grid !important;
  grid-template-columns: 2ch 1fr auto !important;
  gap: 1rem !important;
  align-items: baseline !important;
  margin-bottom: 1.25rem !important;
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__lane span strong {
  display: block !important;
  font-family: system-ui, -apple-system, sans-serif !important; /* Redaksjonell, ikke maskin-UI */
  font-size: 1rem !important;
  font-weight: 600 !important;
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__lane span small {
  color: #4A4A4A !important;
  font-size: 0.875rem !important;
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__state {
  font-size: 0.875rem !important;
  background: rgba(26, 26, 26, 0.05) !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 2px !important;
}

/* 4. METODE: STEG (4/2/1 grid) */
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__flow {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2rem !important;
  grid-column: 1 / -1 !important; /* Strekker seg over begge kolonner på desktop */
  margin-top: 2rem !important;
  border-top: 1px solid rgba(253, 253, 253, 0.2) !important;
  padding-top: 3rem !important;
}

@media (min-width: 768px) {
  html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__flow { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (min-width: 1024px) {
  html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__flow { grid-template-columns: repeat(4, 1fr) !important; }
}

html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__step {
  color: #FDFDFD !important;
}


/* Integration: match real DOM and preserve meaningful fallback text. */
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method { background: #143e34 !important; padding: clamp(1.3rem,3vw,2.7rem) !important; border-radius: 1.5rem; gap: 2rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__copy :is(h2,p) { color: #f4f8ef !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__copy h2 { max-width: 22ch !important; font-size: clamp(1.9rem,3.3vw,3rem) !important; line-height: 1.13 !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console { width: 100% !important; min-width: 0 !important; padding: clamp(1rem,2vw,1.7rem) !important; border-radius: 1rem !important; background: #f4f5ed !important; font-family: inherit !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console :is(strong,small,span) { color: #234a3c !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__head { display: flex !important; flex-wrap: wrap; gap: .5rem; justify-content: space-between; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__lane { grid-template-columns: 2ch minmax(0,1fr) auto !important; padding: .85rem !important; border-radius: .7rem; background: #e6eddf !important; gap: .7rem !important; margin-bottom: .6rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__lane small { display: block; margin-top: .3rem; line-height: 1.45; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__flow { gap: 1rem !important; margin-top: .5rem !important; padding-top: 2rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__step { background: #fafbf5 !important; border-radius: 1rem; min-height: 0 !important; padding: 1.2rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__step :is(span,strong,p) { color: #234a3c !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .source-graph-method__step strong { max-width: none !important; margin-top: 1.2rem !important; font-size: 1.1rem !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-news-card { display: flex !important; flex-direction: column !important; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-news-body { flex: 1; display: flex; flex-direction: column; gap: .75rem; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .dynamic-news-card__footer { margin-top: auto; display: flex; flex-wrap: wrap; gap: .65rem; }
html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .dynamic-news-card__footer :is(a,button) { min-height: 44px; background: #143e34 !important; color: #fff !important; border: 1px solid #668875; border-radius: .65rem; padding: .7rem .9rem; white-space: normal; }
@media(max-width:64rem) {
 html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main :is(.source-graph-hero,.source-route-grid,.ai-news-stage__head,.source-route-section__head) { grid-template-columns: minmax(0,1fr) !important; }
}
@media(max-width:42rem) {
 html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__lane { grid-template-columns: 2ch minmax(0,1fr) !important; }
 html body[data-ws-cohesion="6"][data-ws-tools-surface="1"][data-ws-tools-surface] main .ws-tool-console__state { grid-column: 2; justify-self: start; }
}