/* WCAGvakt offentlige sider 2026. Felles med produksjonsforsidens retning. */
:root{
  --p26-bg:#f7f5ef;--p26-surface:#eeeee7;--p26-card:#fffefa;
  --p26-ink:#182924;--p26-muted:#54645f;--p26-line:#c3ccc4;
  --p26-brand:#075e55;--p26-brand-dark:#064c45;--p26-focus:#f0a23b;
  --p26-accent:#b94b2f;--p26-soft:#e0efeb;
}
.public-2026{background:var(--p26-bg)!important;color:var(--p26-ink)!important;font:16px/1.6 "Aptos","Segoe UI",system-ui,-apple-system,sans-serif!important}
.public-2026 *{box-sizing:border-box}
.public-2026 a{color:var(--p26-brand)}
.public-2026 :focus-visible{outline:3px solid var(--p26-focus)!important;outline-offset:3px!important}
.public-2026 :where(button,a,input,select,textarea,summary){touch-action:manipulation}
.public-2026 :where(button,.btn,.knapp,.navbtn,.fbtn){min-height:44px}
.public-2026 :where(.site-header,.topbar){background:rgba(247,245,239,.97)!important;border-color:var(--p26-line)!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.public-2026 :where(.brand-mark,.uubrand-mark){border-radius:2px!important;background:var(--p26-brand)!important;box-shadow:none!important}
.public-2026 :where(.brand,.brand strong,.uubrand){font-family:Georgia,"Times New Roman",serif!important;color:var(--p26-ink)!important}
.public-2026 .uubrand{font-size:1.12rem!important;line-height:1.15}
.public-2026 .uubrand small{font-family:"Aptos","Segoe UI",system-ui,-apple-system,sans-serif!important;color:var(--p26-muted)!important;line-height:1.35;margin-top:.12rem}
.public-2026 :where(.navlinks a,.site-nav a,.navbtn){border-radius:2px!important;color:var(--p26-ink)!important;background:transparent!important;box-shadow:none!important;text-underline-offset:4px}
.public-2026 :where(.navlinks a,.site-nav a,.navbtn):hover{text-decoration:underline;background:transparent!important}
.public-2026 :where(.navlinks .active,.site-nav .active){background:var(--p26-brand)!important;color:#fff!important;text-decoration:none}
.public-2026 :where(h1,h2){font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em;color:var(--p26-ink)}
.public-2026 h1{font-size:clamp(2.45rem,6vw,4.8rem)!important;line-height:1!important;max-width:18ch;margin-bottom:1rem!important}
.public-2026 h2{font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.15}
.public-2026 :where(.lead,.muted,.legend-text,.merk){color:var(--p26-muted)!important}
/* 🔴Live-test 17.09 (1.4.11 på vår egen side): #9facA3 ga 2,2:1 mot kortet; #66796e gir 4,4:1 */
.public-2026 :where(input,select,textarea){border:1.5px solid #66796e!important;border-radius:2px!important;background:var(--p26-card)!important;color:var(--p26-ink)!important;min-height:48px}
.public-2026 :where(input,select,textarea):focus{border-color:var(--p26-brand)!important;box-shadow:0 0 0 3px #b8d8d0!important}
.public-2026 :where(button,.btn,.knapp){border-radius:2px!important;background:var(--p26-brand);color:#fff;border-color:var(--p26-brand);box-shadow:none!important}
.public-2026 a.btn:not(.btn-soft){color:#fff!important}
.public-2026 a.btn.btn-soft{color:var(--p26-brand)!important;background:var(--p26-card)!important}
.public-2026 :where(button,.btn,.knapp):hover{background:var(--p26-brand-dark);filter:none}
.public-2026 :where(.skiplink,.skip){border-radius:0 0 2px 0!important;background:var(--p26-brand)!important;color:#fff!important}
.public-2026 :where(.badge,.pill,.cstatus){border-radius:2px!important}

/* Priser: valg først, forklaring etterpå. */
.page-priser .hero{max-width:1120px;margin:0 auto!important;padding:clamp(3rem,8vw,6rem) 1rem 2.4rem!important}
.page-priser .hero h1{max-width:20ch}
.page-priser .hero p{font-size:1.1rem!important;line-height:1.6;max-width:68ch!important}
.page-priser main.wrap{max-width:1120px!important;padding-bottom:5rem!important}
.page-priser #planer{font-size:.82rem!important;text-transform:uppercase;letter-spacing:.08em;font-family:inherit;font-weight:800}
.page-priser .plans{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--p26-line);background:var(--p26-card)}
.page-priser .plan{border:0!important;border-right:1px solid var(--p26-line)!important;border-radius:0!important;padding:1.4rem 1.2rem!important;box-shadow:none!important;background:transparent!important}
.page-priser .plan:last-child{border-right:0!important}
.page-priser .plan.highlight{background:#edf5f1!important;border-top:5px solid var(--p26-brand)!important}
.page-priser .plan h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem!important;font-weight:500}
.page-priser .price{font-family:Georgia,"Times New Roman",serif;font-weight:500!important;color:var(--p26-brand)!important;font-size:2.2rem!important}
.page-priser .badge{background:var(--p26-brand)!important}
.page-priser .panel{border:0!important;border-top:1px solid var(--p26-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:clamp(2.5rem,6vw,4.5rem) 0!important;margin:0!important}
.page-priser .toolgrid{grid-template-columns:repeat(3,1fr)!important;gap:0!important;border:1px solid var(--p26-line)}
.page-priser .tool{border:0!important;border-right:1px solid var(--p26-line)!important;border-bottom:1px solid var(--p26-line)!important;border-radius:0!important;background:var(--p26-card)!important;padding:1.1rem!important}
.page-priser .why{gap:0!important;border-top:1px solid var(--p26-line);border-left:1px solid var(--p26-line)}
.page-priser .why>div{padding:1.1rem;border-right:1px solid var(--p26-line);border-bottom:1px solid var(--p26-line)}
.page-priser .quiet-note,.page-priser .avgrensning{border-radius:0!important;background:var(--p26-soft)!important}

/* Kravmatrise: dokumentflate, ikke kortgalleri. */
.page-kriterier{
  --bg:var(--p26-bg);--surface:var(--p26-surface);--card:var(--p26-card);
  --ink:var(--p26-ink);--muted:#465750;--line:var(--p26-line);
  --brand:var(--p26-brand);--brand-ink:#fff;--focus:var(--p26-focus);
  --accent:var(--p26-brand);--ok:#16613f;--ok-bg:#e0f0e7;
  --warn:#6e4a00;--warn-bg:#fff1c9;--manual:#394942;--manual-bg:#e7ebe8;
  --info:var(--p26-brand);--info-bg:var(--p26-soft);
}
.page-kriterier .wrap{max-width:1180px!important;padding-inline:clamp(18px,4vw,40px)!important}
.page-kriterier .hero{padding:clamp(3rem,7vw,5.5rem) 0 2.5rem!important;align-items:start!important}
.page-kriterier .hero h1{max-width:14ch}
.page-kriterier .pill{background:transparent!important;border:0!important;border-left:3px solid var(--p26-accent)!important;color:#6f3526!important;padding-left:.7rem!important}
.page-kriterier .backlink{border-radius:2px!important;background:transparent!important;border-color:var(--p26-line)!important}
.page-kriterier .metric-grid{grid-template-columns:repeat(5,1fr)!important;gap:0!important;border:1px solid var(--p26-line)}
.page-kriterier .metric{border:0!important;border-right:1px solid var(--p26-line)!important;border-radius:0!important;box-shadow:none!important;background:var(--p26-card)!important;min-height:112px}
.page-kriterier .metric:last-child{border-right:0!important}
.page-kriterier .metric strong{font-family:Georgia,"Times New Roman",serif;font-weight:500!important;color:var(--p26-brand)!important}
.page-kriterier .proof-panel{border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:2rem 0!important;border-width:1px 0 0!important}
.page-kriterier .legend{gap:0!important;border:1px solid var(--p26-line)}
.page-kriterier .legend-item{border:0!important;border-right:1px solid var(--p26-line)!important;border-radius:0!important;background:var(--p26-card)!important;padding:1rem!important}
.page-kriterier .legend-item:last-child{border-right:0!important}
.page-kriterier .toolbar{top:72px;border-radius:0!important;background:rgba(247,245,239,.96)!important;border-color:var(--p26-line)!important}
.page-kriterier .fbtn{background:var(--p26-card)!important;color:var(--p26-ink)!important;border-color:var(--p26-line)!important}
.page-kriterier .fbtn[aria-pressed=true]{background:var(--p26-brand)!important;color:#fff!important}
.page-kriterier .grid{grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid var(--p26-line);border-left:1px solid var(--p26-line)}
.page-kriterier .ccard{border-width:0 1px 1px 0!important;border-radius:0!important;box-shadow:none!important;background:var(--p26-card)!important;padding:1rem!important}

/* Sammenligning: tabellen er hovedbeviset, prosa leses som redaksjonelle blokker. */
.page-sammenlign main{max-width:1080px!important;margin:0 auto!important;padding:clamp(3rem,8vw,6rem) clamp(18px,4vw,40px) 5rem!important}
.page-sammenlign h1{max-width:16ch}
.page-sammenlign .lead{font-size:1.12rem!important;max-width:66ch!important}
.page-sammenlign .avgrensning{border-radius:0!important;background:var(--p26-soft)!important;border-color:var(--p26-brand)!important;max-width:76ch;margin:1.5rem 0 3rem!important}
.page-sammenlign .kort{border:0!important;border-top:1px solid var(--p26-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:clamp(2rem,5vw,3.5rem) 0!important;margin:0!important}
.page-sammenlign .kort:first-of-type{padding-top:0!important;border-top:0!important}
.page-sammenlign .tab-vindu{border:1px solid var(--p26-line);background:var(--p26-card)}
.page-sammenlign table{min-width:720px}
.page-sammenlign thead th{background:#e7ebe5!important;color:var(--p26-ink)!important}
.page-sammenlign tbody th{background:var(--p26-card)!important;color:var(--p26-ink)!important}
.page-sammenlign td.oss{background:#e5f1eb!important;color:#145a38!important}
.page-sammenlign .knapperad{border-top:1px solid var(--p26-line);padding-top:2rem;margin-top:0!important}
.page-sammenlign .knapp:not(.primar){background:transparent!important;color:var(--p26-brand)!important}

/* Innlogging: rolig arbeidsinngang med tydelig skjema. */
.page-login{background:linear-gradient(90deg,#123d37 0 36%,var(--p26-bg) 36%)!important}
.page-login .topbar{background:transparent!important;border-bottom:0!important}
.page-login .brand strong,.page-login .brand span span{color:#fff!important}
.page-login .navbtn{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.page-login .wrap{min-height:calc(100vh - 72px)!important;place-items:center end!important;max-width:1120px!important;margin:0 auto!important;padding:2rem clamp(18px,4vw,40px)!important}
.page-login .card{width:min(500px,100%)!important;border-radius:2px!important;border-color:var(--p26-line)!important;box-shadow:0 18px 42px rgba(24,41,36,.12)!important;padding:clamp(1.4rem,4vw,2.4rem)!important;background:var(--p26-card)!important}
.page-login h1{font-size:clamp(2.2rem,5vw,3.4rem)!important}
.page-login label{color:var(--p26-ink)!important;font-size:.85rem!important}
.page-login button{min-height:50px!important}
.page-login .links a{text-decoration:underline!important;text-underline-offset:4px}

/* Kontakt, personvern, nettstedskart og erklæringer: lesbare dokumenter. */
.page-info{overflow-x:clip!important}
.page-info main{max-width:920px!important;margin:0 auto!important;padding:clamp(3rem,8vw,6rem) clamp(18px,4vw,40px) 5rem!important}
.page-info h1{max-width:16ch;overflow-wrap:anywhere}
.page-info .section{overflow-wrap:anywhere}
.public-2026 .uu-kopier{color:#fff}
.page-info .lead{font-size:1.1rem!important;max-width:68ch!important;margin-bottom:3rem!important}
.page-info .kort{border:0!important;border-top:1px solid var(--p26-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:clamp(2rem,5vw,3.5rem) 0!important;margin:0!important}
.page-info .kort h2{margin-top:0}
.page-info .status{border-radius:0!important;background:var(--p26-soft)!important;border-color:var(--p26-brand)!important;box-shadow:none!important}
.page-info .sitemap{columns:2;column-gap:2.5rem}
.page-info :where(.section,.tabell-skroll){min-width:0;max-width:100%}
.page-info .tabell-skroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:920px){
  .page-priser .plans{grid-template-columns:1fr 1fr!important}.page-priser .plan:nth-child(2){border-right:0!important}.page-priser .plan{border-bottom:1px solid var(--p26-line)!important}
  .page-kriterier .metric-grid{grid-template-columns:1fr 1fr!important}.page-kriterier .metric{border-bottom:1px solid var(--p26-line)!important}.page-kriterier .grid{grid-template-columns:1fr!important}
  .page-login{background:var(--p26-bg)!important}.page-login .brand strong,.page-login .brand span span{color:var(--p26-ink)!important}.page-login .navbtn{color:var(--p26-brand)!important;border-color:var(--p26-line)!important}.page-login .wrap{place-items:center!important}
}
@media(max-width:640px){
  .public-2026 h1{font-size:clamp(2.35rem,13vw,3.45rem)!important}
  .page-priser .plans{grid-template-columns:1fr!important}.page-priser .plan{border-right:0!important}.page-priser .toolgrid{grid-template-columns:1fr!important}
  .page-kriterier .metric-grid{grid-template-columns:1fr!important}.page-kriterier .metric{border-right:0!important}.page-kriterier .legend{grid-template-columns:1fr!important}.page-kriterier .legend-item{border-right:0!important;border-bottom:1px solid var(--p26-line)!important}.page-kriterier .toolbar{position:static!important}.page-kriterier .fbtn{width:100%}
  .page-sammenlign .knapperad{display:grid!important}.page-sammenlign .knapp{width:100%;justify-content:center}
  .page-info .sitemap{columns:1}
}
@media(prefers-reduced-motion:reduce){.public-2026 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}