/* Avielo – felles stil for alle sidene på nettsiden.
   Endrer du denne fila, øk ?v=… i <link> på sidene så nettlesere henter den nye. */
/* ===== Farger og mål =====
   Alt som er farge ligger her. Et mørkt tema senere = et nytt sett verdier
   under f.eks. :root[data-theme="dark"], uten å røre resten av CSS-en.
   (Unntak: selve app-skjermene i telefonen, som viser appens lyse tema.) */
:root{
  --bg:#FFFFFF;
  --soft:#F1F5F2;
  --soft-2:#E4ECE6;
  --ink:#101512;
  --ink-2:#444C47;
  --ink-3:#5D6661;
  --line:#E2E8E3;
  --green:#009A48;        /* logo-grønn: grafikk og store flater */
  --green-ink:#007A3D;    /* tekst og knapper (kontrast 5,5:1 mot hvit) */
  --green-hover:#006633;
  --on-green:#E3F5EA;     /* tekst på grønn flate */
  --r-xl:40px;
  --wrap:1240px;
  --gutter:clamp(20px,4vw,40px);
  --font:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* Mørk grønn flate (utforskeren og bunnen) */
  --deep:#0B241A;
  --deep-2:#123629;
  --deep-line:rgba(255,255,255,.12);
  --on-deep:#EAF5EE;
  --on-deep-2:#A7C2B3;
  --lime:#6EE7A0;          /* lys grønn på mørk flate */
  /* Farger per funksjon: --c-* til ikon og tekst, --t-* til lys bakgrunn (samme familie som appens kategorifarger) */
  --c-green:#007A3D;  --t-green:#DFF3E7;
  --c-blue:#2563EB;   --t-blue:#E5EDFE;
  --c-purple:#7C3AED; --t-purple:#EFE7FE;
  --c-teal:#0F766E;   --t-teal:#DCF3EF;
  --c-orange:#C2410C; --t-orange:#FEEADB;
  --c-pink:#BE185D;   --t-pink:#FCE4EE;
  --c-amber:#B45309;  --t-amber:#FDEFD3;
  --c-indigo:#4338CA; --t-indigo:#E7E6FC;
  --c-cyan:#0E7490;   --t-cyan:#DAF1F7;
  /* Myke fargeglød bak telefonene */
  --glow-green:rgba(0,154,72,.20);
  --glow-blue:rgba(37,99,235,.14);
  --glow-amber:rgba(245,158,11,.16);
  --glow-pink:rgba(219,39,119,.16);
  --glow-purple:rgba(124,58,237,.14);
  --glow-orange:rgba(234,88,12,.15);
  --mo-bg:#FBF6FA;
  --glow-indigo:rgba(67,56,202,.16);
  --mep-bg:#F6F6FE;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-weight:700}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Knapper og lenker ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;font-size:17px;font-weight:600;white-space:nowrap;transition:background-color .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn .ic{width:18px;height:18px;stroke-width:2}
.btn-sm{height:44px;padding:0 20px;font-size:15px}
.btn-green{background:var(--green-ink);color:#fff}
.btn-green:hover{background:var(--green-hover)}
.btn-white{background:#fff;color:var(--green-ink);font-weight:700}
.btn-line{border:1.5px solid rgba(255,255,255,.6);color:#fff}
.btn-line:hover{border-color:#fff}
.store{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 24px 0 20px;border-radius:999px;background:var(--ink);color:#fff;text-align:left;transition:transform .15s}
.store:hover{transform:translateY(-1px)}
.store .ic{width:22px;height:22px;stroke-width:1.8}
.store small{display:block;font-size:12px;line-height:1.1;color:#D5DBD7}
.store b{display:block;font-size:17px;font-weight:600;line-height:1.1}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--green-ink)}
.link .ic{width:16px;height:16px;stroke-width:2}
.link:hover{text-decoration:underline;text-underline-offset:4px}

/* ===== Toppmeny ===== */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}
.top-in{height:72px;display:flex;align-items:center;gap:24px}
.brand{display:flex;flex:none}
.brand img{height:28px;width:auto}
.nav{display:flex;gap:2px;margin-left:16px;font-size:15px;font-weight:500;color:var(--ink-2)}
.nav a{padding:10px 14px;border-radius:999px}
.nav a:hover,.nav a[aria-current="page"]{background:var(--soft);color:var(--ink)}
.nav .nav-login{display:none}
.top-right{margin-left:auto;display:flex;align-items:center;gap:6px}
.login{padding:10px 16px;font-size:15px;font-weight:500}
.login:hover{color:var(--green-ink)}
.menu-btn{display:none;align-items:center;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px;font-weight:600;cursor:pointer}
@media (max-width:860px){
  .nav,.login{display:none}
  .menu-btn{display:inline-flex}
  .top.is-open .nav{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:72px;margin:0;padding:8px var(--gutter) 20px;background:#fff;border-bottom:1px solid var(--line);font-size:18px}
  .top.is-open .nav a{padding:15px 4px;border-radius:0;border-bottom:1px solid var(--line)}
  .top.is-open .nav .nav-login{display:block}
}
.nav .nav-demo{display:none}
/* Smale telefoner: «Book en demo» flyttes fra toppfeltet og inn i menyen, ellers får ikke «Meny» plass */
@media (max-width:480px){
  .top-right .btn-sm{display:none}
  .top.is-open .nav .nav-demo{display:inline-flex;align-self:flex-start;margin-top:16px;padding:0 28px;border:0;border-radius:999px;background:var(--green-ink);color:#fff}
}

/* ===== Toppseksjon ===== */
.hero{padding-top:72px;text-align:center}
.rename{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--soft);font-size:15px;color:var(--ink-2)}
.rename span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600}
.rename .ic{width:14px;height:14px;stroke-width:2.2}
.hero h1{margin-top:30px;font-size:clamp(48px,7vw,104px);line-height:.98;letter-spacing:-.05em}
.hero-lead{margin:28px auto 0;max-width:42ch;font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--ink-2)}
.hero-cta{margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hero-note{margin:16px 0 0;font-size:14px;color:var(--ink-3)}
.stage{position:relative;margin-top:56px;height:740px;border-radius:var(--r-xl);background:var(--soft);display:flex;align-items:center;justify-content:center;text-align:left}
.stage .phone{--s:.72}
/* Forklaringene peker på deler av Min plan-skjermen; posisjonene hører sammen med telefonens størrelse (skala .72) */
.annot{position:absolute;width:380px;display:flex;align-items:center;gap:14px}
.annot.l{right:calc(50% + 123px)}
.annot.r{left:calc(50% + 123px)}
.annot .tx{width:250px;flex:none;margin:0}
.annot.l .tx{text-align:right}
.annot .tx b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}
.annot .tx span{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.annot .ln{flex:1;height:1px;background:var(--ink)}
.annot .dt{flex:none;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #fff}
.annot.l .dt{margin-left:-14px}
.annot.r .dt{margin-right:-14px}
@media (max-width:1100px){.annot{display:none}.stage{height:auto;padding:48px 0}}

/* ===== Kilder ===== */
.sources{padding:56px 0 24px}
.sources .wrap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:12px 36px}
.sources span{font-size:15px;color:var(--ink-3)}
.sources b{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ink-2)}

/* ===== Påstand ===== */
.statement{padding:112px 0 128px}
.statement p{margin:0 auto;max-width:30ch;text-align:center;font-size:clamp(28px,3.3vw,46px);line-height:1.22;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
.statement p span{color:var(--ink-3)}

/* ===== Felles for seksjoner ===== */
.sec{padding:0 0 128px}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px}
.sec-head.center{display:block;max-width:760px;margin:0 auto;text-align:center}
.kicker{font-size:16px;font-weight:600;color:var(--green-ink)}
.h2{margin-top:12px;font-size:clamp(32px,3.8vw,54px);line-height:1.05;letter-spacing:-.04em}
.h2.solo{margin-top:0}
.intro{margin:0;max-width:40ch;font-size:18px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.center .intro{margin:18px auto 0;max-width:46ch;font-size:19px;text-wrap:balance}
.sec-head .narrow{max-width:640px}

/* ===== Roller ===== */
.panel{background:var(--soft);border-radius:var(--r-xl);padding:clamp(28px,5vw,64px)}
.seg{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(16,21,18,.06)}
.seg button{height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font-size:15px;font-weight:600;cursor:pointer}
.seg button:hover{color:var(--ink)}
.seg button[aria-selected="true"]{background:var(--ink);color:#fff}
.cards{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.card{background:#fff;border-radius:24px;padding:28px 26px 30px}
.card .ic{width:26px;height:26px;stroke-width:1.8;color:var(--green-ink)}
.card h3{margin-top:22px;font-size:20px;letter-spacing:-.02em}
.card p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--ink-2)}

/* ===== Funksjoner med telefon ===== */
.ex{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;align-items:center}
@media (max-width:900px){.ex{grid-template-columns:minmax(0,1fr)}}
.ex-list{border-bottom:1px solid var(--line)}
.ex-item{border-top:1px solid var(--line)}
.ex-item > button{width:100%;min-height:44px;display:flex;align-items:center;gap:18px;padding:22px 4px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--ink-2)}
.ex-item > button:hover{color:var(--ink)}
.ex-num{width:26px;flex:none;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-3)}
.ex-title{flex:1;font-size:23px;font-weight:600;letter-spacing:-.025em}
.ex-chev{width:20px;height:20px;stroke-width:2;transition:transform .2s}
.ex-item.is-on > button{color:var(--ink)}
.ex-item.is-on .ex-num{color:var(--green-ink)}
.ex-item.is-on .ex-chev{transform:rotate(90deg)}
.ex-body{padding:0 4px 28px 48px}
.ex-body p{margin:0;max-width:46ch;font-size:17px;line-height:1.6;color:var(--ink-2)}
.js .ex-item:not(.is-on) .ex-body{display:none}
.ex-stage{height:720px;border-radius:var(--r-xl);background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ex-stage .phone{--s:.72}

/* Funksjoner på mobil: én telefon per skjerm, sveip sidelengs, teksten under følger med.
   Bygges av skriptet nederst; uten skript vises lista + telefonen som på PC. */
.ex-mob{display:none;margin-top:40px}
.pa-mob{display:none}
@media (max-width:900px){
  .mob-klar .ex{display:none}
  .mob-klar .ex-mob{display:block}
  .mob-klar .pa-pc{display:none}
  .mob-klar .pa-mob{display:inline}
}
.ex-spor{position:relative;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}
.ex-spor::-webkit-scrollbar{display:none}
.ex-slide{flex:0 0 min(86%,400px);scroll-snap-align:center;display:flex;justify-content:center;padding:28px 0;border-radius:28px;background:var(--soft)}
.ex-slide .phone{--s:.6}
@media (max-width:360px){.ex-slide .phone{--s:.52}}
.ex-prikker{display:flex;justify-content:center;gap:2px;margin-top:14px}
.ex-prikker button{height:36px;padding:0 4px;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.ex-prikker button::before{content:"";width:8px;height:8px;border-radius:99px;background:#C3CEC6;transition:width .2s,background-color .2s}
.ex-prikker button[aria-current="true"]::before{width:24px;background:var(--green-ink)}
.ex-mobtekst{max-width:36ch;min-height:200px;margin:8px auto 0;text-align:center}
.ex-mobnr{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--green-ink)}
.ex-mobtekst p{margin:10px 0 0;font-size:17px;line-height:1.6;color:var(--ink-2)}
.ex-mobtekst h3,.ex-mobtekst .ex-mobh{margin:6px 0 0;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--ink)}
/* Toppen på mobil: forklaringene (som står ved siden av telefonen på PC) blir lysbilder */
@media (max-width:1100px){
  .hero.mob-klar .stage{display:none}
  .hero.mob-klar .hero-mob{display:block}
}
.hero-mob .ex-mobtekst{min-height:150px}
/* Det forklaringen handler om, markeres i telefonen */
.fokus{outline:3.5px solid var(--green);outline-offset:4px;box-shadow:0 0 0 12px rgba(0,154,72,.12)}

/* ===== Filmer ===== */
.film{margin-top:48px;display:flex;flex-wrap:wrap;gap:24px 28px;align-items:flex-start}
.film-main{flex:3 1 520px;min-width:0}
.film-frame{position:relative;aspect-ratio:16/10;border-radius:32px;overflow:hidden;background:var(--soft)}
.film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.film-ph{position:absolute;inset:0;background:center/cover no-repeat}
.film-soon{position:absolute;left:20px;top:20px;padding:6px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--ink-2)}
.film-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#fff;box-shadow:0 12px 30px -12px rgba(16,21,18,.35);display:flex;align-items:center;justify-content:center;color:var(--green-ink)}
.film-play .ic{width:30px;height:30px}
.film-time{position:absolute;right:20px;bottom:20px;padding:5px 12px;border-radius:999px;background:#fff;font-size:15px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.film-main h3{margin-top:22px;font-size:24px;letter-spacing:-.025em}
.film-main p{margin:8px 0 0;max-width:56ch;font-size:17px;line-height:1.55;color:var(--ink-2)}
.film-list{flex:2 1 320px;min-width:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.film-list button{width:100%;display:flex;align-items:center;gap:16px;padding:10px;border:0;border-radius:20px;background:transparent;cursor:pointer;text-align:left}
.film-list button:hover,.film-list button[aria-pressed="true"]{background:var(--soft)}
.film-thumb{flex:none;width:112px;height:70px;border-radius:12px;background:var(--soft-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--green-ink)}
.film-thumb .ic{width:18px;height:18px}
.film-list b{display:block;font-size:17px;font-weight:700;letter-spacing:-.015em}
.film-list small{display:block;margin-top:3px;font-size:14.5px;line-height:1.4;color:var(--ink-3)}

/* ===== Og mye mer ===== */
.more{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));column-gap:32px}
.more div{padding:24px 0 30px;border-top:1px solid var(--line)}
.more b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em}
.more span{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--ink-3)}

/* ===== Fra sidelinja ===== */
.story{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:20px;align-items:stretch}
.story img{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:32px}
.story-tx{background:var(--soft);border-radius:32px;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:40px}
.story-tx h2{margin-top:14px;font-size:clamp(30px,3.2vw,46px);line-height:1.06;letter-spacing:-.04em}
.story-tx p{margin:18px 0 0;font-size:18px;line-height:1.6;color:var(--ink-2)}

/* ===== Personvern ===== */
.trust{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}
.trust > div{border:1px solid var(--line);border-radius:28px;padding:32px 30px 34px}
.trust .ic{width:28px;height:28px;stroke-width:1.7;color:var(--green-ink)}
.trust h3{margin-top:22px;font-size:21px;letter-spacing:-.02em}
.trust p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.after{margin-top:28px}

/* ===== Kom i gang ===== */
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:40px}
.step-top{display:flex;align-items:center;gap:14px}
.step-n{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.step-n.go{border-color:var(--green-ink);background:var(--green-ink);color:#fff}
.step-line{flex:1;border-top:2px dotted #C5CFC8}
.steps h3{margin-top:24px;font-size:22px;letter-spacing:-.02em}
.steps p{margin:8px 0 0;font-size:16.5px;line-height:1.55;color:var(--ink-2)}

/* ===== Pris og demo ===== */
.cta{border-radius:var(--r-xl);background:var(--green-ink);color:#fff;padding:clamp(32px,6vw,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:40px 64px;align-items:end}
.cta .kicker{color:var(--on-green)}
.cta h2{margin-top:14px;font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:-.045em}
.cta p{margin:20px 0 0;max-width:44ch;font-size:18px;line-height:1.6;color:var(--on-green)}
.cta-act{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cta-act small{margin-top:4px;font-size:14.5px;color:var(--on-green)}

/* ===== Bunn ===== */
.foot{border-top:1px solid var(--line);padding:56px 0 40px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:40px}
.foot-grid > div > p{margin:16px 0 0;max-width:28ch;font-size:15px;line-height:1.55;color:var(--ink-3)}
.foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:15px}
.foot-col h2{margin-bottom:4px;font-size:14px;letter-spacing:0}
.foot-col a:hover{color:var(--green-ink)}
.foot-col span{color:var(--ink-3)}
.foot-note{margin:40px 0 0;padding:20px 24px;border-radius:20px;background:var(--soft);font-size:15px;line-height:1.55;color:var(--ink-2)}
.foot-bottom{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink-3)}

@media (max-width:640px){
  .stage{padding:32px 0;border-radius:28px}
  .stage .phone,.ex-stage .phone{--s:.6}
  .ex-stage{height:600px;border-radius:28px}
  .panel,.cta{border-radius:28px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none !important}
}

/* ===== iPhone-illustrasjonen =====
   Tegnet i HTML etter appens lyse tema (verdiene er hentet fra web/assets/css/app.css
   og minplan-stilene i web/index.php). Navnene er oppdiktet. */
/* Telefonen krympes med transform, ikke zoom: Safari runder tekst i zoomet innhold opp til minst 9 px,
   så teksten ble for stor og radene brakk på iPhone. Margene gjør at telefonen tar like mye plass som den vises.
   Skriften er appens egen (Segoe UI / systemfonten), så tekstbredden blir som i appen. */
.phone{--s:1;position:relative;width:425px;height:874px;flex:none;transform:scale(var(--s));margin:calc(874px * (var(--s) - 1) / 2) calc(425px * (var(--s) - 1) / 2);font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:14px;color:#111827;line-height:1.35;text-align:left}
.phone .pb{position:absolute;width:5px;background:#2B2E2C}
.phone .l1{left:1px;top:172px;height:32px;border-radius:3px 0 0 3px}
.phone .l2{left:1px;top:228px;height:62px;border-radius:3px 0 0 3px}
.phone .l3{left:1px;top:304px;height:62px;border-radius:3px 0 0 3px}
.phone .r1{right:1px;top:252px;height:98px;border-radius:0 3px 3px 0}
.phone-body{position:absolute;left:5px;top:0;width:415px;height:874px;padding:11px;border-radius:68px;background:#1C1F1D;box-shadow:inset 0 0 0 1.5px #565B58,inset 0 0 0 4px #121413,0 70px 90px -50px rgba(8,38,22,.5),0 30px 50px -30px rgba(0,0,0,.35)}
.screen{position:relative;width:393px;height:852px;border-radius:57px;overflow:hidden;background:#F6F8FA;display:flex;flex-direction:column}
.island{position:absolute;left:50%;top:11px;width:124px;height:36px;margin-left:-62px;border-radius:20px;background:#000}
.homebar{position:absolute;left:50%;bottom:8px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:#111827}
/* Hodet slik det er i appen nå: logo med hus-merke (til Hjem), lag + rolle, bjelle med tall, profil */
.a-head{flex:none;height:104px;padding:56px 14px 0 18px;background:#fff;border-bottom:2px solid #0F7A4F;display:flex;align-items:center;gap:8px}
.a-logo{position:relative;display:flex;flex:none}
.a-logo img{height:30px;width:auto}
.a-logo i{position:absolute;right:-7px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #E6EAEF;display:flex;align-items:center;justify-content:center;color:#0F7A4F}
.a-logo i .ic{width:10px;height:10px;stroke-width:2.6}
.a-team{margin-left:auto;display:flex;align-items:center;gap:7px;height:40px;padding:0 9px 0 10px;border:1px solid #E6EAEF;border-radius:10px;background:#fff;white-space:nowrap}
.a-team > span{display:flex;flex-direction:column;line-height:1.12}
.a-team b{font-size:13.5px;font-weight:700}
.a-team small{font-size:10px;font-weight:600;color:#5B6472}
.a-team .ic{width:12px;height:12px;stroke-width:2.5;color:#5B6472}
.a-bell{position:relative;width:34px;height:36px;display:flex;align-items:center;justify-content:center}
.a-bell .ic{width:20px;height:20px;stroke-width:1.8}
.a-bell i{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#EF4444;color:#fff;font-size:10px;font-weight:800;font-style:normal;line-height:16px;text-align:center}
.a-me{flex:none;width:34px;height:34px;border-radius:50%;background:#EEF2F6;border:1px solid #E6EAEF;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.a-body{flex:none;position:relative;height:665px;overflow:hidden}
.a-view{position:absolute;inset:0;padding:16px 16px 0;overflow:hidden}
.a-tabs{flex:none;height:83px;padding:6px 4px 0;background:#fff;border-top:1px solid #E6EAEF;display:flex;align-items:flex-start}
.a-tabs .side{flex:1;display:flex;justify-content:space-around}
.a-tab{width:64px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:#5B6472}
.a-tab .ic{width:23px;height:23px}
.a-tab.on{color:#0F7A4F}
.a-plus{flex:none;padding:0 6px}
.a-plus span{width:46px;height:46px;margin-top:-16px;border-radius:50%;background:#0F7A4F;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(17,24,39,.2)}
.a-plus .ic{width:24px;height:24px;stroke-width:2.4}
.a-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.a-h{font-size:21px;font-weight:700;letter-spacing:-.015em}
.a-sub{margin-left:auto;font-size:12.5px;color:#5B6472}
.a-day{margin:18px 2px 9px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#5B6472}
.a-day.first{margin-top:0}
.a-card{background:#fff;border:1px solid #E6EAEF;border-radius:14px;padding:14px 16px;margin-bottom:11px}
.a-ttl{font-size:16px;font-weight:700}
.a-meta{margin-top:2px;font-size:13px;color:#5B6472}
.a-filters{display:flex;gap:6px;margin-bottom:14px;white-space:nowrap;overflow:hidden}
.a-f{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #E6EAEF;font-size:12.5px;font-weight:600}
.a-f.on{background:#111827;border-color:#111827;color:#fff}
.a-f i{width:7px;height:7px;border-radius:50%}
.a-post{position:relative;overflow:hidden;background:#fff;border:1px solid #E6EAEF;border-radius:14px;padding:14px 15px 14px 16px;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-bottom:12px}
.a-post::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tc)}
.a-phead{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.a-phead > div{flex:1;min-width:0}
.a-tile{flex:none;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--tc);background:var(--tt)}
.a-tile .ic{width:17px;height:17px}
.a-cat{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--tc)}
.a-pteam{margin-top:2px;font-size:10.5px;color:#5B6472}
.a-when{align-self:flex-start;font-size:11px;color:#5B6472}
.a-ph3{margin-bottom:6px;font-size:15.5px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.a-ptxt{font-size:13px;line-height:1.5;color:#5B6472}
/* Bilde i et innlegg (et moment lagt i feeden), som .postit .attachments .msg-image i appen */
.a-pimg{display:block;width:100%;height:190px;margin-top:10px;object-fit:cover;border-radius:8px;border:1px solid #E6EAEF}
.a-pmeta{display:flex;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #E6EAEF;font-size:11px;color:#5B6472}
.a-pmeta span + span{margin-left:auto}
.a-segbig{display:flex;gap:6px;margin-bottom:16px}
.a-segbig span{flex:1;padding:9px 0;border-radius:11px;border:1px solid #E6EAEF;background:#fff;text-align:center;font-size:13px;font-weight:700}
.a-segbig span.on{background:#0F7A4F;border-color:#0F7A4F;color:#fff}
.a-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#0F7A4F}
.a-match{display:flex;align-items:center;gap:12px;margin-top:11px}
.a-match > div{flex:1;min-width:0}
.a-crest{flex:none;width:42px;height:42px;border-radius:12px;background:#0F7A4F;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.a-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.a-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:#F6F8FA;font-size:12px;font-weight:600}
.a-tag.g{background:#E7F2ED;color:#0F7A4F;font-weight:700}
.a-tag .ic{width:12px;height:12px;stroke-width:3;color:#0F7A4F}
.a-res{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:13px 16px;background:#fff;border:1px solid #E6EAEF;border-radius:14px}
.a-res > div{flex:1;min-width:0}
.a-res .n{font-size:16px;font-weight:700}
.a-res .d{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:12.5px;color:#5B6472}
.a-away{padding:2px 8px;border-radius:6px;background:#FDEEE3;color:#C2410C;font-weight:600}
.a-score{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.a-sync{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#5B6472}
.a-sync .ic{width:13px;height:13px;stroke-width:2}
.a-view.chat{padding:0;display:flex;flex-direction:column}
.a-chathead{flex:none;padding:16px 16px 10px}
.a-msgs{flex:1;min-height:0;overflow:hidden;padding:8px 16px 0;display:flex;flex-direction:column;gap:12px}
.a-date{text-align:center;font-size:11.5px;font-weight:600;color:#5B6472}
.a-msg{display:flex;align-items:flex-end;gap:8px;max-width:88%}
.a-av{flex:none;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.a-from{margin:0 0 3px 2px;font-size:11.5px;font-weight:700;color:#5B6472}
.a-from.coach{color:#0F7A4F}
.a-bub{padding:9px 12px;background:#fff;border:1px solid #E6EAEF;border-radius:16px 16px 16px 5px;font-size:14px;line-height:1.4}
.a-seen{margin:4px 0 0 4px;font-size:11px;color:#5B6472}
.a-me{align-self:flex-end;max-width:78%}
.a-me .a-bub{background:#0F7A4F;border-color:#0F7A4F;color:#fff;border-radius:16px 16px 5px 16px}
.a-me .a-seen{margin:4px 4px 0 0;text-align:right}
.a-input{flex:none;margin:8px 12px 12px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 16px;background:#fff;border:1px solid #E6EAEF;border-radius:22px}
.a-input span:first-child{flex:1;font-size:14px;color:#5B6472}
.a-send{flex:none;width:34px;height:34px;border-radius:50%;background:#0F7A4F;color:#fff;display:flex;align-items:center;justify-content:center}
.a-send .ic{width:16px;height:16px;stroke-width:2}
.a-big{margin-top:4px;font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.a-bar{height:8px;border-radius:99px;background:#E6EAEF;overflow:hidden}
.a-bar i{display:block;height:100%;border-radius:99px;background:#0F7A4F}
.a-driver{display:flex;align-items:center;gap:10px}
.a-driver > div{flex:1;min-width:0}
.a-seats{display:flex;gap:4px}
.a-seats i{width:9px;height:9px;border-radius:50%;background:#0F7A4F}
.a-seats i.free{background:#CFE3D8}
.a-pass{margin-top:9px;padding:7px 10px;border-radius:9px;background:#F6F8FA;font-size:12.5px}
.a-outline{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:11px;border:1px solid #0F7A4F;background:#fff;color:#0F7A4F;font-size:14px;font-weight:700}
.a-outline .ic{width:16px;height:16px;stroke-width:2}
.a-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.a-stat{padding:11px 6px;background:#fff;border:1px solid #E6EAEF;border-radius:12px;text-align:center}
.a-stat b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.a-stat span{display:block;margin-top:2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#5B6472}
.a-pay{margin-top:12px;padding:11px;border-radius:10px;background:#0F7A4F;color:#fff;text-align:center;font-size:14px;font-weight:700}
.a-list{padding:2px 14px;background:#fff;border:1px solid #E6EAEF;border-radius:14px}
.a-li{display:flex;align-items:center;gap:11px;padding:11px 0}
.a-li + .a-li{border-top:1px solid #E6EAEF}
.a-li > div{flex:1;min-width:0}
.a-li b{display:block;font-size:14px;font-weight:600}
.a-li span{font-size:12px;color:#5B6472}
.a-amt{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.a-ico{flex:none;width:32px;height:32px;border-radius:9px;background:#F6F8FA;display:flex;align-items:center;justify-content:center}
.a-ico.g{background:#DBEBE5;color:#0F7A4F}
.a-ico .ic{width:16px;height:16px}
/* Kjøreplan «Min bil»: nummererte passasjerer */
.a-plist{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.a-plist div{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:10px;background:#E7F2ED;border:1px solid #A9CDBB;font-size:13.5px;font-weight:600}
.a-plist span{flex:none;width:20px;height:20px;border-radius:50%;background:#0F7A4F;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* ===== Undersider ===== */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--ink-3)}
.crumbs a{color:var(--ink-2)}
.crumbs a:hover{color:var(--green-ink);text-decoration:underline;text-underline-offset:3px}
.page-hero{padding:48px 0 112px}
.page-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px 64px;align-items:center}
@media (max-width:900px){.page-hero-in{grid-template-columns:minmax(0,1fr)}.page-hero{padding-bottom:88px}}
.page-hero h1{margin-top:20px;font-size:clamp(40px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.page-hero .lead{margin:22px 0 0;max-width:42ch;font-size:clamp(18px,1.4vw,20px);line-height:1.6;color:var(--ink-2)}
.who{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:var(--soft);font-size:14px;font-weight:600;color:var(--ink-2)}
.chip.ny{background:var(--green-ink);color:#fff}
.page-cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.btn-soft{background:var(--soft);color:var(--ink)}
.btn-soft:hover{background:var(--soft-2)}
.page-stage{height:680px;border-radius:var(--r-xl);background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.page-stage .phone{--s:.68}
@media (max-width:640px){.page-stage{height:560px;border-radius:28px}.page-stage .phone{--s:.56}}
.how{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.how > div{background:var(--soft);border-radius:24px;padding:28px 26px 30px}
.how-n{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--green-ink)}
.how h3{margin-top:20px;font-size:20px;letter-spacing:-.02em}
.how p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.facts{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));column-gap:48px}
.facts li{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.5;color:var(--ink-2)}
.facts li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--green)}
.facts b{color:var(--ink);font-weight:600}
.note{margin-top:32px;display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:20px;border:1px solid var(--line);font-size:16px;line-height:1.55;color:var(--ink-2)}
.note .ic{width:22px;height:22px;stroke-width:1.8;color:var(--green-ink);margin-top:1px}
.note p{margin:0}
.extra{border-radius:var(--r-xl);background:var(--soft);padding:clamp(28px,5vw,56px)}
.extra h2{margin-top:12px;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em}
.extra p{margin:14px 0 0;max-width:60ch;font-size:17px;line-height:1.6;color:var(--ink-2)}
.related{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.related a{display:block;padding:24px 24px 26px;border-radius:24px;border:1px solid var(--line);transition:border-color .15s,transform .15s}
.related a:hover{border-color:var(--green-ink);transform:translateY(-2px)}
.related b{display:flex;align-items:center;gap:14px;font-size:19px;letter-spacing:-.02em}
.related b > .ic{margin-left:auto}
.related b .ic{width:18px;height:18px;stroke-width:2;color:var(--green-ink)}
.related span{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--ink-3)}
.groups{display:flex;flex-direction:column;gap:72px}
.group h2{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em}
.group > p{margin:10px 0 0;max-width:56ch;font-size:17px;line-height:1.6;color:var(--ink-2)}
.group .related{margin-top:24px}
.film.en .film-list{display:none}
/* «Og mye mer» på forsiden som lenker */
.more a{display:block;padding:24px 0 30px;border-top:1px solid var(--line)}
.more a b{display:flex;align-items:center;gap:14px}
.more a b > .ic{margin-left:auto}
.more a b .ic{width:18px;height:18px;stroke-width:2;color:var(--green-ink)}
.more a:hover b{color:var(--green-ink)}
.ex-body .link{margin-top:14px}
.ex-mobtekst .link{margin-top:14px;justify-content:center}
/* Priser */
.plans{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}
.plan{border:1px solid var(--line);border-radius:28px;padding:32px 30px}
.plan.hl{background:var(--soft);border-color:transparent}
.plan .pn{font-size:16px;font-weight:700}
.plan .ps{margin-top:4px;font-size:15px;color:var(--ink-3)}
.plan .pp{margin-top:22px;display:flex;align-items:baseline;gap:8px}
.plan .pp small{font-size:15px;color:var(--ink-3)}
.plan .pp b{font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.plan .py{margin-top:8px;font-size:14.5px;color:var(--ink-3)}
.addons{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}
.addon{border:1px solid var(--line);border-radius:28px;padding:28px 30px}
.addon h3{font-size:19px;letter-spacing:-.02em}
.addon p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.addon .pr{margin-top:14px;font-size:17px;font-weight:700;color:var(--green-ink)}
.addon .pr span{font-size:14px;font-weight:500;color:var(--ink-3)}

/* ===== Flere appskjermer i telefonen (undersidene) ===== */
.a-court{margin-top:10px}
.a-court svg{display:block;width:100%;height:auto}
.a-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:11.5px;color:#5B6472}
.a-legend span{display:inline-flex;align-items:center;gap:5px}
.a-legend i{width:8px;height:8px;border-radius:50%}
.a-rank{flex:none;width:24px;height:24px;border-radius:50%;background:#F6F8FA;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.a-field{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:13.5px}
.a-field + .a-field{border-top:1px solid #E6EAEF}
.a-field span{color:#5B6472}
.a-note{margin-top:12px;padding:9px 12px;border-radius:10px;background:#F6F8FA;font-size:12px;line-height:1.45;color:#5B6472}
.a-pl{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px}
.a-pl i{flex:none;width:9px;height:9px;border-radius:50%}
.a-pl span{margin-left:auto;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#5B6472}
.a-tfoot{margin-top:6px;padding-top:8px;border-top:1px solid #E6EAEF;font-size:11.5px;color:#5B6472}
.a-st{flex:none;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap}
.a-st.ok{background:#E7F2ED;color:#0F7A4F}
.a-st.wait{background:#F6EEE2;color:#9A6416}
.a-st.new{background:#DEE8FC;color:#1D4ED8}
.a-st.off{background:#F6F8FA;color:#5B6472}
.a-select{flex:1;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 10px 0 12px;background:#fff;border:1px solid #E6EAEF;border-radius:10px;font-size:13px;font-weight:600}
.a-select .ic{width:13px;height:13px;stroke-width:2;color:#5B6472}
.a-slot{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;background:#fff;border:1px solid #E6EAEF;border-radius:12px}
.a-slot > b{flex:none;width:84px;font-size:12.5px;font-variant-numeric:tabular-nums}
.a-slot > div{flex:1;min-width:0;font-size:13.5px;font-weight:600}
.a-slot.free{background:transparent;border-style:dashed}
.a-slot.free > div{color:#5B6472;font-weight:500}
.a-phases{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}
.a-phases span{padding:4px 8px;border-radius:6px;background:#F6F8FA;font-size:11px;font-weight:600;color:#5B6472}
.a-phases span.done{background:#E7F2ED;color:#0F7A4F}
.a-phases span.on{background:#0F7A4F;color:#fff}

/* ===== Lag-fanen i appen: Om laget / Sport / Plan og knappene under ===== */
.a-grp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}
.a-grp span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:11px;background:#fff;border:1px solid #E6EAEF;font-size:12px;font-weight:600}
.a-grp .ic{width:19px;height:19px;stroke-width:1.7}
.a-grp span.on{background:#0F7A4F;border-color:#0F7A4F;color:#0D0D0D}
.a-knp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:10px;border-radius:12px;background:#FBFCFD;border:1px solid #E6EAEF}
.a-knp span{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 7px;border-radius:9px;background:#F6F8FA;border:1px solid #E6EAEF;font-size:11.2px;font-weight:600;line-height:1.1}
.a-knp .ic{width:21px;height:21px;stroke-width:1.7;color:#0F7A4F}
.a-knp span.on{background:#D6E6E2;border-color:#7AB29F;color:#0F7A4F}
.a-knp i{position:absolute;top:4px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#EF4444;color:#fff;font-size:10px;font-weight:800;font-style:normal;line-height:16px;text-align:center}
/* Kamper */
.a-kbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.a-kbar .a-select{flex:0 0 46%}
.a-new{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:8px 12px;border-radius:10px;background:#0F7A4F;color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}
.a-new .ic{width:13px;height:13px;stroke-width:3}
.a-ksum{margin:0 2px 8px;font-size:12px;color:#5B6472}
.a-kl{background:#fff;border:1px solid #E6EAEF;border-radius:12px}
.a-kl > div{display:grid;grid-template-columns:minmax(0,1fr) 58px 70px 13px;align-items:center;gap:6px;padding:8px 10px 8px 14px}
.a-kl > div + div{border-top:1px solid #E6EAEF}
.a-kl b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden}
.a-kl em{font-style:normal;padding:1px 6px;border-radius:5px;background:#FDEEE3;color:#C2410C;font-size:10.5px;font-weight:500}
.a-kl span{font-size:11px;line-height:1.35;color:#5B6472}
.a-kl strong{font-size:16px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:#5B6472}
.a-kl strong.w{color:#0F7A4F}
.a-kl strong.l{color:#DC2626}
.a-kl .ic{width:13px;height:13px;stroke-width:2;color:#5B6472}
/* Seriespill-tabell */
.a-tcard{padding:12px 12px 10px;background:#fff;border:1px solid #E6EAEF;border-radius:12px}
.a-thead{display:flex;align-items:center;gap:8px}
.a-thead small{flex:none;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#5B6472}
.a-thead .a-select{height:32px;font-size:12px}
.a-tdiv{margin:9px 2px 4px;font-size:11.5px;color:#5B6472}
.a-table{width:100%;border-collapse:collapse;font-size:11.5px;font-variant-numeric:tabular-nums}
.a-table th{padding:6px 2px;font-size:10px;font-weight:600;color:#5B6472;text-align:center;border-bottom:1px solid #E6EAEF}
.a-table td{padding:6px 2px;text-align:center;border-bottom:1px solid #EEF1F4}
.a-table th:nth-child(2),.a-table td:nth-child(2){text-align:left;padding-left:4px}
.a-table td.p{font-weight:800;color:#0F7A4F}
.a-table td.up{color:#0F7A4F}
.a-table td.dn{color:#DC2626}
.a-table tr.me td{background:#EEF6F1;font-weight:800}
.a-tsrc{margin-top:8px;font-size:10.5px;color:#5B6472}
.a-tsrc b{font-weight:500;color:#2563EB}
/* Lag-økonomi */
.a-sech{display:flex;align-items:center;gap:7px;margin:2px 2px 10px}
.a-sech .ic{width:17px;height:17px}
.a-sech b{font-size:15px;font-weight:700}
.a-sech span{margin-left:auto;font-size:12px;color:#5B6472}
.a-fin{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;margin-bottom:8px;background:#fff;border:1px solid #E6EAEF;border-radius:12px}
.a-fin .ic{width:20px;height:20px;stroke-width:1.8}
.a-fin .ic.up{color:#0F7A4F}
.a-fin .ic.dn{color:#DC2626}
.a-fin span{margin-top:8px;font-size:12.5px;font-weight:600;color:#374151}
.a-fin b{margin-top:2px;font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.a-fin b.g{color:#0F7A4F}
.a-fin b.r{color:#DC2626}
.a-fin .a-bar{display:block;align-self:stretch;height:5px;margin-top:9px}
.a-fin .a-bar.r i{background:#DC2626}
.a-fin small{margin-top:6px;font-size:11px;color:#5B6472}
/* Kjøreplan: bilde av bilen */
.a-car{display:block;width:100%;height:118px;object-fit:cover;margin-top:10px;border-radius:10px;background:#E5E7EA}

/* ===== Meldinger: samtalelista og en samtale ===== */

/* ===== Drakter ===== */
.a-cnt4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.a-cnt4 div{padding:10px 6px;background:#fff;border:1px solid #E6EAEF;border-radius:12px;text-align:center}
.a-cnt4 b{display:block;font-size:24px;font-weight:800;line-height:1.1}
.a-cnt4 span{display:block;margin-top:2px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:#5B6472}
.a-mgr{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;background:#fff;border:1px solid #E6EAEF;border-radius:10px}
.a-mgr > div{flex:1;min-width:0}
.a-mgr small{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#5B6472}
.a-mgr small .ic{width:12px;height:12px;color:#0F7A4F}
.a-mgr b{display:block;margin-top:3px;font-size:13.5px;font-weight:600}
.a-mgr > span{padding:6px 12px;border-radius:9px;border:1px solid #E6EAEF;font-size:12.5px;font-weight:600}
.a-h4{display:flex;align-items:center;gap:7px;margin:12px 2px 8px;font-size:14px;font-weight:700}
.a-h4 .ic{width:15px;height:15px;color:#B7791F}
.a-kit{padding:12px 12px 12px 14px;margin-bottom:8px;background:#fff;border:1px solid #E6EAEF;border-left:3px solid #B7791F;border-radius:10px}
.a-kit-top{display:flex;gap:10px}
.a-kit-top > div{flex:1;min-width:0}
.a-kit-av{flex:none;width:34px;height:34px;border-radius:50%;background:#0F7A4F;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.a-kit-top b{display:block;font-size:14px;font-weight:700}
.a-kit-top > div span{display:block;margin-top:1px;font-size:11px;color:#5B6472}
.a-kit-chips{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 0 44px}
.a-kit-chips span{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;border:1px solid #E6EAEF;font-size:11px}
.a-kit-chips .ic{width:11px;height:11px}
.a-kit-chips .warn{color:#9A6416;font-weight:600}
.a-kit-act{display:flex;gap:6px;margin:10px 0 0 44px}
.a-kit-act span{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700}
.a-kit-act .ok{background:#0F7A4F;color:#fff}
.a-kit-act .no{background:#FEECEC;border:1px solid #F7C3C3;color:#DC2626}
.a-kit-act .ic{width:12px;height:12px;stroke-width:3}

/* ===== Filer ===== */
.a-ftitle{margin:2px 0 12px;font-size:21px;font-weight:700;letter-spacing:-.015em}
.a-ftiles{display:flex;gap:8px;margin:0 -16px 12px;padding:0 16px;overflow:hidden}
.a-ftiles div{flex:none;width:148px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E6EAEF}
.a-ftiles div.on{border:2px solid #0F7A4F;background:#F1F8F4}
.a-ftiles .ic{width:20px;height:20px;color:#0F7A4F}
.a-ftiles b{display:block;margin-top:8px;font-size:13.5px;font-weight:700}
.a-ftiles span{display:block;margin-top:2px;font-size:11px;color:#5B6472}
.a-finfo{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11.5px;color:#5B6472}
.a-finfo span{display:inline-flex;align-items:center;gap:5px}
.a-finfo .ic{width:13px;height:13px}
.a-fbar{display:flex;gap:6px;margin-bottom:12px}
.a-fbar span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:9px;background:#fff;border:1px solid #E6EAEF;font-size:12px;font-weight:600}
.a-fbar span:first-child{margin-right:auto}
.a-fbar span.on{border-color:#0F7A4F;color:#0F7A4F;background:#F1F8F4}
.a-fbar .ic{width:13px;height:13px}

/* ===== Booking: ukevisning ===== */

/* ===== Klubbadmin og styreportal ===== */
.a-adm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #E6EAEF}
.a-adm span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;border-radius:10px;background:#F6F8FA;border:1px solid #E6EAEF;font-size:10.5px;font-weight:600;text-align:center;line-height:1.15}
.a-adm .ic{width:17px;height:17px}
.a-adm span.on{background:#0F7A4F;border-color:#0F7A4F;color:#fff}
.a-boards{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.a-boards span{padding:5px 10px;border-radius:99px;background:#EEF0F2;font-size:11px;font-weight:600}
.a-boards span.on{background:#0F7A4F;color:#fff}
.a-stabs{display:flex;justify-content:flex-end;gap:5px;margin-bottom:10px}
.a-stabs span{padding:5px 9px;border-radius:8px;background:#EEF0F2;font-size:11px;font-weight:700}
.a-stabs span.on{background:#0F7A4F;color:#fff}
.a-ovh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.a-ovh b{font-size:14.5px;font-weight:800}
.a-ovh span{padding:4px 9px;border-radius:8px;background:#EEF0F2;font-size:11px;font-weight:700}
.a-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}
.a-kpi{padding:9px 9px 10px;background:#fff;border:1px solid #E6EAEF;border-radius:10px}
.a-kpi small,.a-meet small,.a-attn > small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#5B6472;line-height:1.25}
.a-kpi b{display:block;margin-top:4px;font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.a-kpi b.g{color:#0F7A4F}
.a-kpi span{display:block;margin-top:3px;font-size:9.5px;line-height:1.3;color:#5B6472}
.a-meet{padding:11px 12px;margin-bottom:8px;background:#fff;border:1px solid #E6EAEF;border-radius:10px}
.a-meet b{display:block;margin-top:5px;font-size:14px;font-weight:800}
.a-meet span{display:block;margin-top:2px;font-size:11.5px;color:#5B6472}
.a-meet em{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:8px;background:#EEF0F2;font-style:normal;font-size:11px;font-weight:700}
.a-attn{padding:11px 12px;background:#fff;border:1px solid #E6EAEF;border-radius:10px}
.a-attn div{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px}
.a-attn div + div{border-top:1px solid #E6EAEF}
.a-attn em{font-style:normal;padding:2px 7px;border-radius:6px;font-size:10.5px;font-weight:600}
.a-attn em.y{background:#FBF1DF;color:#9A6416}
.a-attn em.b{background:#E3ECFD;color:#2563EB}

/* ===== iPad-ramme (statistikk-appene er laget for nettbrett) ===== */
.ipad{position:relative;width:100%;padding:1.9%;border-radius:3.6%/5.2%;background:#1C1F1D;box-shadow:inset 0 0 0 1.5px #565B58,inset 0 0 0 4px #121413,0 60px 80px -48px rgba(8,38,22,.45),0 24px 44px -28px rgba(0,0,0,.35)}
.ipad::before{content:"";position:absolute;left:50%;top:.8%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2E3331}
.ipad img{display:block;width:100%;height:auto;border-radius:1.8%/2.6%;background:#EEF1F5}
.page-hero.wide .page-hero-tx{max-width:820px}
.page-hero.wide .lead{max-width:54ch}
.ipad-stage{margin-top:56px;padding:clamp(20px,5vw,72px) clamp(14px,6vw,96px);border-radius:var(--r-xl);background:var(--soft)}
.ipad-cap{margin:24px 0 0;text-align:center;font-size:15px;color:var(--ink-3);text-wrap:balance}
@media (max-width:640px){.ipad-stage{border-radius:28px}}

/* Fire statistikk-apper */
.mods{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:20px}
.mod{display:flex;flex-direction:column;border-radius:32px;background:var(--soft);padding:clamp(16px,2.4vw,28px)}
.mod .ipad{box-shadow:inset 0 0 0 1.5px #565B58,inset 0 0 0 3px #121413,0 24px 40px -28px rgba(8,38,22,.45)}
.mod-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:26px}
.mod-n{font-size:14px;font-weight:600;color:var(--green-ink)}
.mod h3{font-size:24px;letter-spacing:-.025em}
.mod .chip{background:#fff}
.mod p{margin:10px 0 0;font-size:16.5px;line-height:1.55;color:var(--ink-2)}
.mod ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.mod li{display:flex;gap:10px;font-size:15.5px;line-height:1.45;color:var(--ink-2)}
.mod li::before{content:"";flex:none;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--green)}

/* Kamprapport PRO: tall fra én kamp + utsnitt av rapporten */
.rp-strip{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px}
.rp-strip div{padding:18px 20px 20px;border-radius:20px;border:1px solid var(--line)}
.rp-strip b{display:block;font-size:clamp(28px,2.6vw,36px);font-weight:700;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.rp-strip span{display:block;margin-top:4px;font-size:14.5px;line-height:1.4;color:var(--ink-3)}
.rp-note{margin:12px 0 0;font-size:14px;color:var(--ink-3)}
.rp-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.rp-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.rp{margin:0;padding:12px 12px 22px;border-radius:24px;background:var(--soft)}
.rp img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:#fff}
.rp figcaption{margin:16px 8px 0}
.rp b{display:block;font-size:18px;letter-spacing:-.02em}
.rp figcaption span{display:block;margin-top:5px;font-size:15px;line-height:1.5;color:var(--ink-2)}
@media (max-width:980px){
  .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-col:nth-child(3){grid-column:1/-1;flex-direction:row}
  .rp-col:nth-child(3) .rp{flex:1;min-width:0}
}
@media (max-width:640px){
  .rp-grid{grid-template-columns:minmax(0,1fr)}
  .rp-col:nth-child(3){flex-direction:column}
}

/* ===== Lag-siden: tre faner og hvem som ser hva ===== */
.lag3{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;align-items:start}
.lagk{border-radius:28px;background:var(--soft);padding:28px 26px 14px}
.lagk-top{display:flex;align-items:center;gap:12px}
.lagk-ic{flex:none;width:44px;height:44px;border-radius:14px;background:var(--green-ink);color:#fff;display:flex;align-items:center;justify-content:center}
.lagk-ic .ic{width:22px;height:22px;stroke-width:1.8}
.lagk h3{font-size:22px;letter-spacing:-.025em}
.lagk-who{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--ink-3)}
.lagk ul{list-style:none;margin:16px 0 0;padding:0}
.lagk li{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--soft-2)}
.lagk li > .ic{flex:none;width:20px;height:20px;margin-top:2px;stroke-width:1.8;color:var(--green-ink)}
.lagk li b{display:block;font-size:16.5px;letter-spacing:-.01em}
.lagk li span{display:block;margin-top:3px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.matrix{margin-top:40px;overflow-x:auto;border:1px solid var(--line);border-radius:24px}
.matrix table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
.matrix th,.matrix td{padding:13px 20px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.matrix thead th{border-top:0;font-size:14px;font-weight:600;color:var(--ink-3);background:var(--soft)}
.matrix tbody th{font-weight:600}
.matrix td{color:var(--ink-2)}
.matrix .grp th{padding-top:22px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green-ink)}
.matrix .ja{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.matrix .ja .ic{width:18px;height:18px;stroke-width:2.4;color:var(--green-ink)}
.matrix .nei{color:var(--ink-3)}
@media (max-width:640px){
  .matrix table{min-width:0;font-size:14.5px}
  .matrix th,.matrix td{padding:11px 12px}
  .matrix thead th{font-size:12.5px}
  .matrix .ja .ic{display:none}
}


/* ===== Ikon foran hver funksjon i lister og kort ===== */
.mi{flex:none;width:40px;height:40px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center}
.more a b .mi .ic,.related b .mi .ic{width:20px;height:20px;stroke-width:1.8;color:var(--green-ink)}
.related a:hover .mi,.more a:hover .mi{background:var(--soft-2)}
.related span{margin-left:54px}
.more a span{margin-left:54px}

/* ===== Foto ===== */
/* Forsiden: tre bilder fra hverdagen. Stort bilde til venstre, to til høyre. */
.mosaic{margin-top:48px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:clamp(520px,50vw,700px)}
.mosaic figure{position:relative;margin:0;border-radius:28px;overflow:hidden;background:var(--soft)}
.mosaic .m1{grid-row:1/3}
.mosaic img{width:100%;height:100%;object-fit:cover}
.mosaic figcaption{position:absolute;left:16px;bottom:16px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.92);font-size:14px;font-weight:600;color:var(--ink)}
@media (max-width:760px){
  .mosaic{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto}
  .mosaic .m1{grid-row:auto;aspect-ratio:4/5}
  .mosaic .m2,.mosaic .m3{aspect-ratio:4/3}
}
/* Undersidene: ett bredt bilde */
.foto{margin:0}
.foto img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r-xl);background:var(--soft)}
.foto figcaption{margin-top:14px;font-size:15px;line-height:1.5;color:var(--ink-3)}
@media (max-width:640px){.foto img{aspect-ratio:4/3;border-radius:28px}}
/* ===== Mobil: mindre tekst over hele siden =====
   Størrelsene over er laget for PC. På telefon ble alt for stort, så her skrus
   brødtekst, overskrifter og knapper ned (samlet her, så det er lett å justere). */
@media (max-width:640px){
  body{font-size:16px}
  .btn{height:50px;padding:0 24px;font-size:16px}
  .store{height:50px}
  .store b{font-size:16px}
  .rename{font-size:13.5px}
  .hero{padding-top:44px}
  .hero h1{margin-top:22px;font-size:clamp(36px,10.5vw,48px)}
  .hero-lead{margin-top:20px;font-size:16.5px}
  .hero-cta{margin-top:28px}
  .sources span{font-size:14px}
  .sources b{font-size:18px}
  .statement{padding:72px 0 88px}
  .statement p{font-size:24px}
  .sec{padding-bottom:88px}
  .kicker{font-size:14.5px}
  .h2{font-size:28px}
  .intro{font-size:16px}
  .center .intro{font-size:16.5px}
  .card{padding:22px 20px 24px}
  .card h3{margin-top:16px;font-size:18px}
  .card p{font-size:15px}
  .ex-mobtekst{min-height:180px}
  .ex-mobtekst h3,.ex-mobtekst .ex-mobh{font-size:21px}
  .ex-mobtekst p{font-size:15.5px}
  .film-main h3{font-size:20px}
  .film-main p{font-size:15.5px}
  .film-list b{font-size:15.5px}
  .film-list small{font-size:13.5px}
  .film-thumb{width:96px;height:60px}
  .more b{font-size:17px}
  .more span{font-size:14.5px}
  .story-tx h2{font-size:26px}
  .story-tx p{font-size:16px}
  .trust > div{padding:24px 22px 26px}
  .trust h3{font-size:18px}
  .trust p{font-size:15px}
  .steps{margin-top:40px}
  .steps h3{margin-top:18px;font-size:19px}
  .steps p{font-size:15px}
  .cta h2{font-size:30px}
  .cta p{font-size:16px}
  .cta-act small{font-size:13.5px}
  .foot-col{font-size:14.5px}
  .foot-note{font-size:14px}
  .crumbs{font-size:13px}
  .page-hero{padding:32px 0 72px}
  .page-hero h1{margin-top:16px;font-size:34px}
  .page-hero .lead{font-size:16.5px}
  .chip{height:30px;font-size:13px}
  .how > div{padding:22px 20px 24px}
  .how h3{font-size:18px}
  .how p{font-size:15px}
  .facts li{font-size:15.5px}
  .note{font-size:15px}
  .extra h2{font-size:24px}
  .extra p{font-size:15.5px}
  .related a{padding:20px 20px 22px}
  .related b{font-size:17px}
  .related span{font-size:14.5px}
  .group h2{font-size:23px}
  .group > p{font-size:15.5px}
  .plan .pp b{font-size:40px}
  .addon h3{font-size:17px}
  .addon p{font-size:15px}
  .mod h3{font-size:20px}
  .mod p{font-size:15.5px}
  .mod li{font-size:14.5px}
  .rp-strip b{font-size:26px}
  .rp-strip span{font-size:13.5px}
  .rp b{font-size:16.5px}
  .rp figcaption span{font-size:14.5px}
  .lagk{padding:22px 20px 10px}
  .lagk h3{font-size:19px}
  .lagk-who{font-size:14px}
  .lagk li b{font-size:15.5px}
  .lagk li span{font-size:14.5px}
  .ipad-cap{font-size:14px}
  .mosaic figcaption{font-size:13px}
  .foto figcaption{font-size:14px}
}


/* ===== Mer farge: glød bak telefonene, farge per funksjon, mørk seksjon og mørk bunn ===== */
.c-green{--c:var(--c-green);--t:var(--t-green)}
.c-blue{--c:var(--c-blue);--t:var(--t-blue)}
.c-purple{--c:var(--c-purple);--t:var(--t-purple)}
.c-teal{--c:var(--c-teal);--t:var(--t-teal)}
.c-orange{--c:var(--c-orange);--t:var(--t-orange)}
.c-pink{--c:var(--c-pink);--t:var(--t-pink)}
.c-amber{--c:var(--c-amber);--t:var(--t-amber)}
.c-indigo{--c:var(--c-indigo);--t:var(--t-indigo)}
.c-cyan{--c:var(--c-cyan);--t:var(--t-cyan)}

/* Glød bak telefonene og iPaden */
.stage,.page-stage,.ipad-stage{background:
  radial-gradient(50% 65% at 12% 18%,var(--glow-green),transparent 70%),
  radial-gradient(45% 60% at 88% 22%,var(--glow-blue),transparent 70%),
  radial-gradient(55% 55% at 65% 100%,var(--glow-amber),transparent 72%),
  var(--soft)}
.hero{background:radial-gradient(55% 340px at 50% 0%,var(--glow-green),transparent 75%)}
.page-hero{background:radial-gradient(40% 420px at 92% 0%,var(--glow-green),transparent 72%),radial-gradient(35% 360px at 0% 0%,var(--glow-blue),transparent 72%)}

/* Ikonfliser i farge */
.mi{background:var(--t,var(--soft));color:var(--c,var(--green-ink));transition:background-color .15s,color .15s}
.more a b .mi .ic,.related b .mi .ic{color:inherit}
.related a:hover .mi,.more a:hover .mi{background:var(--c,var(--green-ink));color:#fff}
.card .ic{width:48px;height:48px;padding:12px;border-radius:14px;background:var(--t,var(--t-green));color:var(--c,var(--c-green))}
.card h3{margin-top:18px}

/* Utforskeren: mørk seksjon */
.sec.dark{padding:120px 0;margin-bottom:128px;background:
  radial-gradient(45% 50% at 85% 10%,rgba(110,231,160,.12),transparent 70%),
  radial-gradient(40% 50% at 5% 95%,rgba(37,99,235,.14),transparent 70%),
  var(--deep);color:var(--on-deep)}
.dark .h2{color:#fff}
.dark .intro,.dark .center .intro{color:var(--on-deep-2)}
.dark .kicker{color:var(--lime)}
.dark .ex-list,.dark .ex-item{border-color:var(--deep-line)}
.dark .ex-item > button{color:var(--on-deep-2)}
.dark .ex-item > button:hover,.dark .ex-item.is-on > button{color:#fff}
.dark .ex-num{color:var(--on-deep-2)}
.dark .ex-item.is-on .ex-num{color:var(--lime)}
.dark .ex-body p{color:var(--on-deep-2)}
.dark .link{color:var(--lime)}
.dark .ex-stage,.dark .ex-slide{background:radial-gradient(60% 55% at 50% 45%,rgba(110,231,160,.20),transparent 72%),var(--deep-2)}
.dark .ex-prikker button::before{background:rgba(255,255,255,.25)}
.dark .ex-prikker button[aria-current="true"]::before{background:var(--lime)}
.dark .ex-mobnr{color:var(--lime)}
.dark .ex-mobtekst h3{color:#fff}
.dark .ex-mobtekst p{color:var(--on-deep-2)}
.dark :focus-visible{outline-color:var(--lime)}

/* Moments: varm fargeglød, to telefoner */
.moments{padding:112px 0;margin-bottom:128px;background:
  radial-gradient(45% 60% at 92% 12%,var(--glow-pink),transparent 70%),
  radial-gradient(50% 60% at 6% 92%,var(--glow-orange),transparent 70%),
  radial-gradient(55% 60% at 60% 60%,var(--glow-purple),transparent 72%),
  var(--mo-bg)}
.mo-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px 56px;align-items:center}
.moments .kicker{color:var(--c-pink)}
.mo-pkt{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.mo-pkt li{display:flex;gap:14px;align-items:center;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.mo-pkt .ic{width:40px;height:40px;padding:10px;border-radius:12px;background:#fff;color:var(--c-pink);box-shadow:0 1px 2px rgba(16,21,18,.06)}
.mo-pkt b{color:var(--ink);font-weight:600}
.mo-tx .link{margin-top:28px;color:var(--c-pink)}
.mo-phones{display:flex;justify-content:center;align-items:center;padding:12px 0}
.mo-phones .phone{--s:.6}
.mo-phones .phone:first-child{transform:translateY(-18px) scale(var(--s)) rotate(-5deg);margin-right:calc(425px * (var(--s) - 1) / 2 - 36px)}
.mo-phones .phone:last-child{transform:translateY(26px) scale(var(--s)) rotate(4deg);z-index:1}
@media (max-width:900px){.mo-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .sec.dark{padding:72px 0;margin-bottom:88px}
  .moments{padding:72px 0;margin-bottom:88px}
  .mo-pkt li{font-size:15px}
  .mo-phones .phone{--s:.42}
  .mo-phones .phone:first-child{margin-right:calc(425px * (var(--s) - 1) / 2 - 26px)}
}
/* Fullskjerm i telefonen (et moment): ingen app-hode eller bunnmeny */
.screen.full .a-head,.screen.full .a-tabs{display:none}
.screen.full .a-body{height:852px}
.screen.full .homebar{background:#fff}
/* Moments-raden på Tavle (som .mo-stories i appen) */
.a-mohd{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}
.a-mohd span{font-size:10.9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5B6472}
.a-mohd b{font-size:12.5px;font-weight:700;color:#0F7A4F}
.a-morow{display:flex;gap:12px;margin:0 -16px 12px;padding:2px 16px 6px;overflow:hidden}
.a-mo{flex:none;width:64px;display:grid;justify-items:center;gap:5px;color:#5B6472}
.a-mo.on{color:#111827}
.a-mo small{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.9px}
.a-ring{position:relative;width:56px;height:56px;border-radius:50%;padding:2.5px;display:grid;place-items:center;background:#E6EAEF}
.a-ring.new{background:#0F7A4F}
.a-ring.mine{background:#5B6472}
.a-ring img,.a-ring .a-moav{width:100%;height:100%;border-radius:50%;border:2px solid #F6F8FA;object-fit:cover}
.a-moav{display:grid;place-items:center;background:#CDE3D8;color:#111827;font-size:15px;font-weight:700;font-style:normal}
.a-ring em{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#0F7A4F;color:#fff;display:grid;place-items:center;border:2px solid #F6F8FA;box-sizing:content-box}
.a-ring em .ic{width:12px;height:12px;stroke-width:2.6}
.a-segpill{display:inline-flex;gap:2px;padding:3px;margin-bottom:12px;border-radius:12px;background:#E9EDF1}
.a-segpill span{padding:7px 16px;border-radius:9px;font-size:13px;font-weight:700;color:#5B6472}
.a-segpill span.on{background:#0F7A4F;color:#fff}
/* Et moment i fullskjerm (som .mo-viewer i appen) */
.a-movis{padding:56px 0 0;background:#000;color:#fff;display:flex;flex-direction:column}
.a-moprog{display:flex;gap:4px;padding:0 10px}
.a-moprog i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.32)}
.a-moprog i.done{background:#fff}
.a-moprog i.cur{background:linear-gradient(90deg,#fff 45%,rgba(255,255,255,.32) 45%)}
.a-movh{display:flex;align-items:center;gap:8px;padding:10px 12px}
.a-mowho{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto}
.a-mowho img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.a-mowho b{display:block;font-size:13.8px;line-height:1.2}
.a-mowho small{font-size:11.5px;color:rgba(255,255,255,.75)}
.a-mochip{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:rgba(234,179,8,.22);color:#FDE68A;font-size:11.5px;font-weight:700;white-space:nowrap}
.a-mochip .ic{width:12px;height:12px;stroke-width:2.2}
.a-mox{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.a-mox .ic{width:16px;height:16px;stroke-width:2.2}
.a-mostage{position:relative;flex:1;min-height:0;margin-top:4px;overflow:hidden}
.a-mostage img{width:100%;height:100%;object-fit:cover}
.a-mostk{position:absolute;left:50%;bottom:20%;transform:translateX(-50%) rotate(-4deg);padding:9px 16px;border-radius:14px;background:#fff;color:#111827;font-size:19px;font-weight:800;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.a-mocap{padding:10px 14px 0;font-size:14.7px;font-weight:500}
.a-mofoot{padding:10px 12px 34px}
.a-moreact{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.a-moreact span{font-size:21.6px;line-height:1;padding:6px 7px;border-radius:999px}
.a-moreact span.on{background:rgba(255,255,255,.22);transform:scale(1.15)}
.a-moreact b{display:grid;place-items:center;padding:0 6px;color:#fff}
.a-moreact .ic{width:20px;height:20px}

/* Fra sidelinja, personvern og stegene i farge */
.story-tx{background:linear-gradient(140deg,var(--t-green),var(--t-teal))}
.trust > div{border:0;background:var(--t,var(--soft))}
.trust .ic{width:48px;height:48px;padding:12px;border-radius:14px;background:#fff;color:var(--c,var(--green-ink))}
.steps .step-n{border-color:var(--c,var(--ink));color:var(--c,var(--ink))}
.mo-tx .intro{margin-top:18px}
.steps .step-n.go{border-color:var(--green-ink);color:#fff}
/* Pris og demo: glød i den grønne flaten */
.cta{background:radial-gradient(45% 80% at 95% 0%,rgba(110,231,160,.35),transparent 65%),radial-gradient(40% 70% at 0% 100%,rgba(0,0,0,.18),transparent 70%),var(--green-ink)}
/* Mørk bunn */
.foot{background:var(--deep);border-top:0;color:var(--on-deep)}
.foot-grid > div > p,.foot-col span,.foot-bottom{color:var(--on-deep-2)}
.foot-col h2{color:#fff}
.foot-col a:hover{color:var(--lime)}
.foot-note{background:var(--deep-2);color:var(--on-deep-2)}
.foot-note b{color:#fff}
.foot-bottom{border-top-color:var(--deep-line)}
.foot :focus-visible{outline-color:var(--lime)}
/* Undersidene: «Slik virker det» i tre farger */
.how > div:nth-child(1){--c:var(--c-blue);--t:var(--t-blue)}
.how > div:nth-child(2){--c:var(--c-purple);--t:var(--t-purple)}
.how > div:nth-child(3){--c:var(--c-green);--t:var(--t-green)}
.how > div{background:var(--t,var(--soft))}
.how-n{color:var(--c,var(--green-ink))}
/* Statistikk-appene og Lag-fanene får hver sin farge */
.mods .mod:nth-child(1){--t:var(--t-green);--c:var(--c-green)}
.mods .mod:nth-child(2){--t:var(--t-blue);--c:var(--c-blue)}
.mods .mod:nth-child(3){--t:var(--t-purple);--c:var(--c-purple)}
.mods .mod:nth-child(4){--t:var(--t-orange);--c:var(--c-orange)}
.mod{background:var(--t,var(--soft))}
.mod-n{color:var(--c,var(--green-ink))}
.mod li::before{background:var(--c,var(--green))}
.lag3 .lagk:nth-child(1){--t:var(--t-green);--c:var(--c-green)}
.lag3 .lagk:nth-child(2){--t:var(--t-orange);--c:var(--c-orange)}
.lag3 .lagk:nth-child(3){--t:var(--t-blue);--c:var(--c-blue)}
.lagk{background:var(--t,var(--soft))}
.lagk-ic{background:var(--c,var(--green-ink))}
.lagk li{border-top-color:rgba(16,21,18,.08)}
.lagk li > .ic{color:var(--c,var(--green-ink))}

/* ===== Integrert regnskap: flyten fra kvittering til PowerOffice ===== */
.flowpanel{border-radius:var(--r-xl);padding:clamp(28px,5vw,64px);background:
  radial-gradient(45% 70% at 100% 0%,var(--glow-blue),transparent 70%),
  linear-gradient(140deg,var(--t-blue),var(--t-teal))}
.flow{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:steg}
.flow li{position:relative;padding:22px 20px 24px;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(16,21,18,.05)}
.flow li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-13px;width:10px;height:10px;border-top:2.5px solid var(--ink-3);border-right:2.5px solid var(--ink-3);transform:rotate(45deg);z-index:1}
.fl-ic{width:48px;height:48px;border-radius:14px;background:var(--t);color:var(--c);display:flex;align-items:center;justify-content:center}
.fl-ic .ic{width:24px;height:24px;stroke-width:1.8}
.flow b{display:block;margin-top:18px;font-size:18px;letter-spacing:-.02em}
.flow li > span:last-child{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
@media (max-width:980px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow li:nth-child(2)::after{display:none}}
@media (max-width:560px){.flow{grid-template-columns:minmax(0,1fr)}.flow li::after{display:none}}
.po{margin-top:16px;padding:22px 22px 18px;border-radius:22px;background:rgba(255,255,255,.7)}
.po-hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.po-hd b{font-size:17px;letter-spacing:-.015em}
.po-hd span{font-size:14px;color:var(--ink-3)}
.po-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.po-grid div{padding:14px 16px;border-radius:16px;background:#fff;border-top:4px solid var(--c)}
.po-grid small{display:block;font-size:13px;line-height:1.3;color:var(--ink-3)}
.po-grid b{display:block;margin-top:6px;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--c);font-variant-numeric:tabular-nums}
.po p{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.flowpanel > .link{margin-top:24px}
@media (max-width:760px){.po-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.flowpanel{border-radius:28px}.flow b{font-size:17px}.flow li > span:last-child{font-size:14.5px}.po-grid b{font-size:26px}}
/* Telefon: Plan → Økonomi → Til godkjenning */
.a-backl{margin:2px 2px 8px;font-size:12.5px;color:#0F7A4F}
.a-h4b{display:flex;align-items:center;gap:7px;margin:0 2px 10px;font-size:16px;font-weight:800}
.a-h4b .ic{width:16px;height:16px;stroke-width:2.2}
.a-infobox{padding:9px 12px;margin-bottom:10px;border-radius:8px;background:#F4EEE6;border-left:3px solid #B7791F;font-size:12px;line-height:1.45}
.a-tx{display:flex;align-items:center;gap:9px;padding:10px 10px 10px 12px;margin-bottom:7px;background:#fff;border:1px solid #E6EAEF;border-left:3px solid #E0B43C;border-radius:10px}
.a-tx > .ic{width:15px;height:15px;color:#374151}
.a-tx > div{flex:1;min-width:0}
.a-tx b{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-tx span{display:block;margin-top:2px;font-size:11px;color:#5B6472}
.a-tx strong{font-size:14px;font-weight:800;color:#DC2626;white-space:nowrap}
.a-tx i{flex:none;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;border:1px solid}
.a-tx i.ok{border-color:#86C9A5;color:#0F7A4F}
.a-tx i.no{border-color:#F3A9A9;color:#DC2626}
.a-tx i .ic{width:14px;height:14px;stroke-width:2.4}


/* ===== Priser: gratisversjonen som kommer ===== */
.free-soon{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 48px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:28px;background:
  radial-gradient(60% 90% at 100% 0%,var(--glow-green),transparent 70%),var(--t-green)}
.fs-tx h2{margin-top:14px;font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.03em}
.fs-tx p{margin:12px 0 0;max-width:52ch;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.fs-tx .link{margin-top:16px}
.fs-list{padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.75)}
.fs-list b{font-size:14px;font-weight:600;color:var(--ink-3)}
.fs-list ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:9px}
.fs-list li{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:500}
.fs-list li .ic{width:18px;height:18px;stroke-width:1.9;color:var(--green-ink)}
@media (max-width:760px){.free-soon{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.fs-tx p{font-size:15.5px}.fs-list li{font-size:15px}}


/* ===== MEP – Most Effective Player ===== */
.mep{padding:112px 0;margin-bottom:128px;background:
  radial-gradient(45% 60% at 95% 10%,var(--glow-indigo),transparent 70%),
  radial-gradient(50% 60% at 4% 95%,var(--glow-blue),transparent 70%),
  var(--mep-bg)}
.mep-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px 56px;align-items:center}
.mep .kicker{color:var(--c-indigo)}
.mep-tx .intro{margin-top:18px}
.mep-lag{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.mep-lag li{display:flex;gap:14px;align-items:flex-start}
.ml-n{flex:none;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--c-indigo);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(16,21,18,.06)}
.mep-lag b{display:block;font-size:16.5px;letter-spacing:-.01em}
.mep-lag span:not(.ml-n){display:block;margin-top:2px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.mep-tx .link{margin-top:24px;color:var(--c-indigo)}
.mep-phones{display:flex;justify-content:center;align-items:center;padding:12px 0}
.mep-phones .phone{--s:.6}
.mep-phones .phone:first-child{transform:translateY(-14px) scale(var(--s)) rotate(-4deg);margin-right:calc(425px * (var(--s) - 1) / 2 - 36px)}
.mep-phones .phone:last-child{transform:translateY(24px) scale(var(--s)) rotate(3deg);z-index:1}
.mep-bruk{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}
.mep-bruk div{padding:22px 22px 24px;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(16,21,18,.05)}
.mep-bruk .ic{width:44px;height:44px;padding:11px;border-radius:13px;background:var(--t-indigo);color:var(--c-indigo)}
.mep-bruk b{display:block;margin-top:14px;font-size:17px;letter-spacing:-.015em}
.mep-bruk span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.mep-note{margin:20px 0 0;font-size:14px;color:var(--ink-3)}
@media (max-width:900px){.mep-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .mep{padding:72px 0;margin-bottom:88px}
  .mep-lag b{font-size:15.5px}
  .mep-lag span:not(.ml-n){font-size:14.5px}
  .mep-phones .phone{--s:.42}
  .mep-phones .phone:first-child{margin-right:calc(425px * (var(--s) - 1) / 2 - 26px)}
  .mep-bruk{margin-top:40px}
  .mep-bruk b{font-size:16px}
  .mep-bruk span{font-size:14.5px}
}

/* Telefon: MEP-kortet til en spiller (som .mep-detail-* i appen) */
.a-mephd{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.a-mephd > div:first-child{flex:1;min-width:0}
.a-mephd b{display:block;font-size:18.4px;font-weight:800}
.a-mephd span{display:block;margin-top:2px;font-size:12.8px;color:#5B6472}
.a-mepbadge{flex:none;min-width:60px;padding:8px 14px;border-radius:12px;border:1px solid #22c55e40;background:#22c55e20;color:#16A34A;text-align:center}
.a-mepbadge b{font-size:22.4px;line-height:1}
.a-mepbadge span{margin-top:2px;font-size:10.4px;text-transform:uppercase;letter-spacing:.5px;color:inherit;opacity:.75}
.a-spark{padding:10px 14px;margin-bottom:12px;border-radius:10px;background:#F1F4F7;border:1px solid #E6EAEF}
.a-spark small{display:block;margin-bottom:6px;font-size:11.2px;color:#5B6472}
.a-spark svg{display:block;width:100%;height:auto}
.a-mf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.a-mf div{flex:1;min-width:72px;padding:9px 6px;border-radius:8px;background:#fff;border:1px solid #E6EAEF;text-align:center}
.a-mf b{display:block;font-size:17px;font-weight:700;color:#0F7A4F}
.a-mf b small{font-size:11px;font-weight:400}
.a-mf span{display:block;margin-top:2px;font-size:10.4px;color:#5B6472}
.a-mf em{display:block;margin-top:3px;font-style:normal;font-size:9.6px;color:#5B6472}
.a-mepsec{margin:14px 0 2px;font-size:14px;font-weight:700}
.a-mephint{margin:0 0 6px;font-size:11.5px;color:#5B6472}
.a-mept{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.a-mept th{padding:5px 4px;text-align:right;font-size:10.5px;font-weight:600;color:#5B6472;border-bottom:1px solid #E6EAEF}
.a-mept th:first-child{text-align:left}
.a-mept td{padding:7px 4px;text-align:right;border-bottom:1px solid #EEF1F4;vertical-align:top}
.a-mept td:first-child{text-align:left;color:#5B6472;line-height:1.45}
.a-mept td:first-child b{color:#111827;font-weight:600}
.a-mept td.mu{color:#5B6472}
.a-mept td.pos{color:#16A34A;font-weight:700}
.a-mept td.chev{color:#5B6472;padding-left:0}
.a-mept tr:last-child td{background:#F1F8F4}
.a-mept .hb{display:inline-block;padding:0 5px;border-radius:4px;font-size:10.5px;font-weight:700}
.a-mept .hb.h{background:#E7F2ED;color:#0F7A4F}
.a-mept .hb.b{background:#FDEEE3;color:#C2410C}

/* Telefon: kampkortet som ark over spillerkortet (som .mk-* i appen) */
.a-mksheetbg{padding:62px 0 0;background:rgba(17,24,39,.45)}
.a-mksheet{position:relative;height:100%;padding:18px 16px 0;border-radius:20px 20px 0 0;background:#fff;overflow:hidden}
.a-grab{position:absolute;left:50%;top:7px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#D5DAE0}
.a-mkback{padding:0 0 10px;font-size:13px;font-weight:600;color:#5B6472}
.a-mkhead{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.a-mkhead > div:first-child{flex:1;min-width:0}
.a-mkhead b{display:block;font-size:18px;font-weight:800;letter-spacing:-.01em}
.a-mkhead span{display:block;margin-top:3px;font-size:13px;color:#5B6472}
.a-mkraw{flex:none;min-width:74px;padding:8px 10px;border-radius:14px;border:1px solid #A9D3BE;background:#E9F4EE;color:#0F7A4F;text-align:center}
.a-mkraw b{font-size:19px;color:inherit}
.a-mkraw span{margin-top:0;font-size:9.6px;letter-spacing:.06em;font-weight:700;color:inherit}
.a-mkmoment{padding:12px 14px;margin-bottom:10px;border-radius:16px;background:#0F7A4F;color:#F6F8FA}
.a-mkmoment small{font-size:9.9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;opacity:.85}
.a-mkmoment p{margin:5px 0 0;font-size:14.4px;line-height:1.45;font-weight:600}
.a-mkmoment span{display:block;margin-top:4px;font-size:11px;opacity:.85}
.a-mknums{display:flex;gap:6px;margin-bottom:10px}
.a-mknums div{flex:1;min-width:0;padding:8px 2px;border-radius:14px;border:1px solid #E6EAEF;text-align:center}
.a-mknums b{display:block;font-size:16.8px;font-weight:800}
.a-mknums b.up{color:#0F7A4F}
.a-mknums span{display:block;font-size:9.3px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#5B6472}
.a-mknums em{display:block;margin-top:2px;font-style:normal;font-size:10.5px;color:#5B6472}
.a-mkblock{padding:10px 13px;margin-bottom:10px;border-radius:16px;border:1px solid #E6EAEF}
.a-mkblock h4{margin:0 0 4px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#5B6472;font-weight:800}
.a-mkblock.good{background:#F3F9F6;border-color:#C9E2D5}
.a-mkblock.next{background:#FCF8F1;border-color:#EEDCC0}
.a-mkrow{display:flex;align-items:center;gap:10px;padding:6px 0}
.a-mkrow + .a-mkrow{border-top:1px dashed #E6EAEF}
.a-mkrow > div{flex:1;min-width:0}
.a-mkrow b{font-size:13.8px}
.a-mkrow span{display:block;margin-top:1px;font-size:11.5px;color:#5B6472}
.a-mkbar{display:block;height:6px;margin-top:5px;border-radius:99px;background:#EAEDF1;overflow:hidden}
.a-mkbar i{display:block;height:100%;border-radius:99px;background:#0F7A4F}
.a-mkbar i.m{background:#E86A6A}
.a-mkrow strong{width:50px;text-align:right;font-size:14.4px;font-weight:800}
.a-mkrow strong.up{color:#0F7A4F}
.a-mkrow strong.dn{color:#DC2626}
.a-mksum{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;border-top:1px solid #E6EAEF;font-size:12.5px;color:#5B6472}
.a-mksum b{font-size:16px;color:#0F7A4F}
.a-mkitem{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13.8px;line-height:1.4}
.a-mkitem + .a-mkitem{border-top:1px dashed #E6EAEF}
.a-mkitem > span{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-size:13px;background:#DFF0E6}
.a-mkblock.next .a-mkitem > span{background:#F5E8CF}
.a-mkitem em{display:block;margin-top:2px;font-style:normal;font-size:12px;color:#5B6472}

/* ===== Skjermene etter redesignet i appen (okt. 2026) =====
   Min plan (Arrangement v2), arrangementet, Hjem, Meldinger, Filer og Booking.
   Mål og farger fra web/assets/css/app.css i lyst tema (.evr*, .ev-chip, .evd-*, .stat-card,
   .mg-*, .sc-*, .space-card, .file-row og .bk-*), sjekket mot skjermbilder av appen 14.10.2026. */

/* Min plan: tittel med rund knapp (Treningsplan), filterknapper og én rad per arrangement, uke for uke */
.a-mphd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.a-mphd b{font-size:20px;font-weight:700}
.a-rund{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(17,24,39,.07);color:#111827;display:flex;align-items:center;justify-content:center}
.a-rund .ic{width:20px;height:20px;stroke-width:2}
.a-chips{display:flex;gap:8px;margin-right:-16px;padding:8px 0 12px;overflow:hidden;white-space:nowrap}
.a-chips > span{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:18px;border:1px solid #E6EAEF;background:#fff;font-size:14px;font-weight:600}
.a-chips > span.on{background:#111827;border-color:#111827;color:#F6F8FA}
.a-chips i{min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#0F7A4F;color:#fff;font-size:11px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
.a-evl{margin:0 -16px}
.a-uke{display:flex;justify-content:space-between;padding:14px 16px 4px 20px;font-size:13px;font-weight:600;color:#5B6472}
.a-uke span + span{font-weight:400}
.a-evr{position:relative;display:flex;gap:12px;padding:12px 16px}
.a-evr::after{content:"";position:absolute;left:72px;right:0;bottom:0;height:1px;background:#E6EAEF}
.a-evd{flex:none;width:44px;display:flex;flex-direction:column;align-items:center;padding-top:2px}
.a-evd small{font-size:12px;color:#5B6472}
.a-evd b{font-size:22px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.a-evm{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.a-l1{display:flex;align-items:flex-start;gap:8px}
.a-l1 > b{flex:1;min-width:0;font-size:16px;font-weight:500}
.a-l1 time{flex:none;padding-top:2px;font-size:13px;color:#5B6472}
.a-kamp{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.a-kamp span{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:500}
/* Drakta: vår fylt, motstanderens tom kontur når fargen ikke er registrert (som evrDrakt() i appen) */
.a-drakt{flex:none;width:16px;height:16px;fill:var(--f);stroke:var(--k);stroke-width:1.6;stroke-linejoin:round}
.a-l2{display:flex;align-items:center;gap:8px;font-size:14px;color:#5B6472}
.a-l2 span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-l2 span + span{flex:none;font-size:13px}
.a-l3{display:flex;align-items:center;gap:12px;min-height:28px}
.a-tall{flex:1;display:flex;align-items:center;gap:12px;font-size:13px;color:#5B6472;font-variant-numeric:tabular-nums}
.a-tall span{display:inline-flex;align-items:center;gap:4px}
.a-tall .ic{width:15px;height:15px;stroke-width:2.2}
.a-tall .ja .ic,.a-dsr .ja{color:#0F7A4F}
.a-tall .vet .ic,.a-dsr .vet{color:#B7791F}
.a-tall .nei .ic,.a-dsr .nei{color:#DC2626}
.a-status{flex:1;font-size:13px;color:#5B6472}
.a-svar{flex:none;height:28px;padding:0 12px;border:1px solid #0F7A4F;border-radius:14px;color:#0F7A4F;font-size:13px;font-weight:600;display:inline-flex;align-items:center}
.a-mitt{flex:none;font-size:13px;font-weight:500;color:#5B6472}
.a-mitt.ja{color:#0F7A4F}
.a-uke.fokus,.a-evr.fokus{outline-offset:-5px;border-radius:14px}

/* Arrangementet (delt detaljside, ev-detalj.js): toppknapper, lagene med drakt, inforader, kart og vær */
.a-dtopp{display:flex;gap:8px;margin:12px 0 14px}
.a-dtopp .a-rund:nth-child(2){margin-left:auto}
.a-dkilde{display:flex;align-items:center;gap:6px;font-size:14px;color:#5B6472}
.a-dkilde i{flex:none;width:8px;height:8px;border-radius:50%}
.a-dlag{display:flex;flex-direction:column;gap:2px;margin:8px 0 10px}
.a-dlag span{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.a-dlag .a-drakt{width:28px;height:28px;stroke-width:1.4}
.a-darr{display:flex;align-items:center;gap:4px;font-size:15px;color:#5B6472}
.a-darr b{color:#111827;font-weight:600}
.a-darr .ic{width:16px;height:16px}
.a-dinfo{margin:14px -16px 0;border-top:1px solid #E6EAEF}
.a-drad{display:flex;align-items:flex-start;gap:14px;padding:14px 16px 14px 20px;border-bottom:1px solid #E6EAEF}
.a-drad > .ic{flex:none;width:22px;height:22px;margin-top:1px;stroke-width:1.8;color:#5B6472}
.a-drad > span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.a-drad b{font-size:17px;font-weight:500}
.a-drad small{font-size:14px;color:#5B6472}
.a-drad .a-chev{align-self:center;width:18px;height:18px;color:#8A93A0}
.a-dsted{padding-bottom:14px;border-bottom:1px solid #E6EAEF}
.a-dsted .a-drad{padding-bottom:10px;border-bottom:0}
.a-kart{position:relative;height:150px;margin:0 16px 0 56px;border-radius:14px;overflow:hidden;background:#ECEAE3}
.a-kart > svg:first-child{position:absolute;inset:0;width:100%;height:100%}
.a-nal{position:absolute;left:50%;top:50%;width:30px;height:38px;margin:-38px 0 0 -15px}
.a-veien{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:#fff;box-shadow:0 2px 8px rgba(17,24,39,.15);font-size:13px;font-weight:600}
.a-veien .ic{width:14px;height:14px}
.a-vaer{display:flex;align-items:center;gap:12px;padding:12px 16px 0 56px}
.a-vaer > .ic{flex:none;width:26px;height:26px;stroke-width:1.6;color:#5B6472}
.a-vaer span{display:flex;flex-direction:column}
.a-vaer b{font-size:15px;font-weight:500}
.a-vaer small{font-size:12px;color:#5B6472}
/* Ditt svar og Svar (lenger ned på samme side) */
.a-dh2{padding:18px 4px 8px;font-size:20px;font-weight:700}
.a-dsvar{margin:0 -16px;padding:6px 16px 16px 20px;border-bottom:1px solid #E6EAEF}
.a-dsvar small{display:block;font-size:13px;color:#5B6472}
.a-dsvar > b{display:block;margin-top:2px;font-size:18px;font-weight:600}
.a-dsvar em{font-style:normal;font-size:13px;font-weight:400;color:#5B6472}
.a-dvalg{display:flex;gap:10px;margin-top:10px}
.a-dvalg span{flex:1;height:52px;border-radius:26px;border:1px solid #E6EAEF;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600}
.a-dvalg span.on{background:#0F7A4F;border-color:#0F7A4F;color:#fff}
.a-dvalg .ic{width:20px;height:20px;stroke-width:2}
.a-dsr{display:flex;align-items:center;gap:14px;height:56px;margin:0 -16px;padding:0 16px 0 20px}
.a-dsr + .a-dsr{background:linear-gradient(#E6EAEF,#E6EAEF) 58px 0/calc(100% - 92px) 1px no-repeat}
.a-dsr > .ic{flex:none;width:24px;height:24px;stroke-width:1.9}
.a-dsr .org{color:#5B6472}
.a-dsr > span{flex:1;font-size:17px}
.a-dsr > span b{font-weight:600}
.a-dsr .a-chev{width:18px;height:18px;color:#8A93A0}
.a-dknapp{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;margin-top:8px;border-radius:24px;border:1px solid #E6EAEF;background:#fff;font-size:15px;font-weight:600}
.a-dknapp .ic{width:18px;height:18px}

/* Hjem (Tavle-knappen): nøkkeltall øverst og «Siste fra tavla» */
.a-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.a-stats > div{min-height:98px;padding:16px 16px 14px;border-radius:14px;background:#fff;border:1px solid #E6EAEF;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.a-stats small{display:block;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#5B6472}
.a-stats b{display:block;margin-top:8px;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:#0F7A4F}
.a-stats span{display:block;margin-top:6px;font-size:12px;color:#5B6472}
.a-homesec{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 12px}
.a-homesec b{font-size:17px;font-weight:800}
.a-homesec span{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#0F7A4F}
.a-homesec .ic{width:14px;height:14px;stroke-width:2.4}
/* Kampresultat i et oppslag (fixtureHtml) og rollemerket nederst (role-badge) */
.a-fix2{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 10px;margin-top:11px;padding:12px 14px;border-radius:11px;background:#EEF3FD}
.a-fix2 .l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5B6472}
.a-fix2 .o{font-size:15px;font-weight:800}
.a-fix2 .s{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:#0F7A4F}
.a-fix2 .m{grid-column:1/-1;margin-top:4px;font-size:12px;color:#5B6472}
.a-pmeta em{padding:2px 8px;border-radius:99px;font-style:normal;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.a-pmeta em.tr{background:#DCF0E3;color:#0F7A4F}
.a-pmeta em.ll{background:#DEE8FC;color:#2563EB}
.a-pmeta em.ad{background:#F1F3F5;color:#9AA3AF}
.a-pmeta > span:last-child{margin-left:auto}
.a-tog{display:flex;gap:6px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #E6EAEF}
.a-tog span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid #E6EAEF;background:#fff;font-size:11.5px;color:#5B6472}
.a-tog i{width:7px;height:7px;border-radius:50%;background:#D5DAE0}
.a-filters.wrap{flex-wrap:wrap;white-space:normal;overflow:visible}

/* Meldinger: samtalelista (mgRenderList) */
.a-mgtop{display:flex;align-items:center;gap:8px;margin:2px 0 12px;font-size:13px;color:#5B6472}
.a-mgtop > span:first-child{margin-right:auto}
.a-mgtop .a-new{margin-left:0}
.a-sokk{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #E6EAEF;background:#fff;color:#111827;display:flex;align-items:center;justify-content:center}
.a-sokk .ic{width:19px;height:19px;stroke-width:2}
.a-chips.mg{padding-top:2px}
.a-chips.mg > span{height:34px;font-size:13px;color:#5B6472}
.a-chips.mg > span.on{color:#F6F8FA}
.a-chips.mg i{background:rgba(17,24,39,.16);color:#111827;font-size:10.5px;font-weight:800}
.a-cvr{display:flex;align-items:center;gap:12px;padding:10px 4px 0}
.a-mav{flex:none;width:48px;height:48px;border-radius:50%;font-size:15px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;border:1px solid}
.a-mav.grp{border-radius:14px}
.a-mav.rom{background:#F1ECFE;border-color:#D3CEF2;color:#A78BFA}
.a-mav.stab{background:#DCF8FC;border-color:#ABE3EF;color:#22D3EE}
.a-mav.styre{background:#E0EBFE;border-color:#B3CBF1;color:#3B82F6}
.a-mgm{flex:1;min-width:0;padding-bottom:10px;border-bottom:1px solid #E6EAEF}
.a-cvr:last-child .a-mgm{border-bottom:0}
.a-ml1{display:flex;align-items:baseline;gap:8px}
.a-ml1 b{flex:1;min-width:0;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-ml1 time{flex:none;font-size:11.5px;color:#5B6472}
.a-ml1 .ic,.a-ml2 .ic{flex:none;align-self:center;width:14px;height:14px;color:#5B6472;opacity:.75}
.a-ml2{display:flex;align-items:center;gap:7px;margin-top:3px}
.a-ml2 span{flex:1;min-width:0;font-size:13px;color:#5B6472;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-ml2 i{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#22C55E;color:#0D0D0D;font-size:10.5px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center}
.a-cvr.un b{font-weight:700}
.a-cvr.un .a-ml2 span{color:#111827}
.a-cvr.un time{color:#22C55E;font-weight:600}
.a-mghint{margin:14px 0 0;text-align:center;font-size:12px;color:#5B6472}

/* Meldinger: en åpen samtale. Bunnmenyen er skjult i appen så lenge samtalen står åpen. */
.screen.uten-meny .a-tabs{display:none}
.screen.uten-meny .a-body{height:748px}
.a-view.trad{padding:0;display:flex;flex-direction:column}
.a-cvh{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px 11px;border-bottom:1px solid #E6EAEF}
.a-cvback{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:#F1ECFE;border:1px solid #D3CEF2;color:#7C5CE0;display:flex;align-items:center;justify-content:center}
.a-cvback .ic{width:18px;height:18px;stroke-width:2.2}
.a-cvback i{position:absolute;top:-6px;left:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#0F7A4F;color:#fff;font-size:10px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center}
.a-cvh .a-mav{width:38px;height:38px;margin-left:6px;font-size:12.5px}
.a-cvt{flex:1;min-width:0;display:flex;flex-direction:column}
.a-cvt b{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-cvt small{font-size:11.5px;color:#5B6472}
.a-cvinfo{flex:none;width:28px;height:28px;border-radius:50%;background:#F1ECFE;border:1px solid #D3CEF2;color:#7C5CE0;display:flex;align-items:center;justify-content:center}
.a-cvinfo .ic{width:16px;height:16px}
.a-trad{flex:1;min-height:0;overflow:hidden;padding:6px 16px 10px;display:flex;flex-direction:column}
.a-dag{align-self:center;margin:10px 0 6px;padding:3px 11px;border-radius:99px;background:#fff;border:1px solid #E6EAEF;font-size:11px;color:#5B6472}
.a-sm{display:flex;flex-direction:column;align-items:flex-start;max-width:82%;margin-top:4px}
.a-sm.f{margin-top:10px}
.a-sm.me{align-self:flex-end;align-items:flex-end}
.a-sm .who{margin:0 5px 3px 41px;font-size:11.5px;font-weight:700}
.a-sline{display:flex;align-items:flex-end;gap:8px}
.a-sface{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #E6EAEF;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.a-sface.tom{visibility:hidden}
.a-sb{padding:8px 14px;border-radius:18px;background:#fff;font-size:14.2px;line-height:1.4}
.a-sm.me .a-sb{background:#6E5CA5;color:#fff}
.a-sm.me.l .a-sb{border-bottom-right-radius:6px}
.a-sm.l:not(.me) .a-sb{border-bottom-left-radius:6px}
.a-sb time{float:right;margin:7px 0 0 10px;font-size:10.5px;color:#5B6472}
.a-sm.me .a-sb time{color:rgba(255,255,255,.72)}
.a-rx{display:flex;gap:4px;margin-top:4px}
.a-sm:not(.me) .a-rx{margin-left:36px}
.a-rx span{padding:2px 8px;border-radius:99px;background:#fff;border:1px solid #E6EAEF;font-size:12.5px}
.a-rx span.on{background:#E7F2ED;border-color:#A9CDBB}
.a-kvitt{margin:3px 6px 0;font-size:10.7px;color:#5B6472}
.a-skriv{flex:none;display:flex;align-items:center;gap:9px;padding:14px 16px 32px;border-top:1px solid #E6EAEF}
.a-skriv .clip{flex:none;width:44px;height:46px;border-radius:12px;background:#F1F3F5;border:1px solid #E6EAEF;color:#5B6472;display:flex;align-items:center;justify-content:center}
.a-skriv .clip .ic{width:18px;height:18px}
.a-skriv .inp{flex:1;min-width:0;height:46px;padding:0 13px;border-radius:12px;border:1px solid #E6EAEF;background:#fff;font-size:14.4px;color:#8A93A0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}
.a-skriv .snd{flex:none;height:38px;padding:0 16px;border-radius:10px;background:#0F7A4F;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center}

/* Filer: søk, snarveier (Favoritter, Nylig brukt) og områder, og én rad per mappe eller fil */
.a-fsok{display:flex;align-items:center;gap:10px;height:44px;margin-bottom:12px;padding:0 14px;border-radius:12px;border:1px solid #E6EAEF;background:#fff;font-size:15px;color:#5B6472}
.a-fsok .ic{width:18px;height:18px;color:#111827}
.a-ftiles div{width:130px;padding:14px 12px 12px;border-radius:14px}
.a-ftiles div.on{border:1.5px solid #0F7A4F;background:#E3EFEA}
.a-ftiles .ic{width:22px;height:22px}
.a-ftiles b{margin-top:10px;font-size:15px}
.a-ftiles span{font-size:11px;white-space:nowrap}
.a-fbar span i{min-width:16px;height:16px;padding:0 5px;border-radius:99px;background:#FDE2E2;color:#DC2626;font-size:10px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
.a-frow{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:12px 10px 12px 14px;border-radius:12px;border:1px solid #E6EAEF;background:#fff}
.a-frow > .ic{flex:none;width:22px;height:22px;stroke-width:1.7}
.a-frow > div{flex:1;min-width:0}
.a-frow b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.a-frow small{display:block;margin-top:1px;font-size:12.5px;color:#5B6472}
.a-fact{flex:none;display:flex;gap:14px;color:#5B6472}
.a-fact .ic{width:16px;height:16px;stroke-width:1.8}
.a-fact .fav{color:#E5A800;fill:#F5B301}
.a-frow > .a-chev{width:14px;height:14px;color:#5B6472}

/* Booking: ressursknapper, uke/dag/måned og ukekalenderen (booking.js v8) */
.a-bres{margin-bottom:12px;padding:12px 14px 14px;border-radius:14px;background:#fff;border:1px solid #E6EAEF}
.a-bres small{display:block;margin-bottom:8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5B6472}
.a-bres div{display:flex;flex-wrap:wrap;gap:8px}
.a-bres span{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:10px;background:#F6F8FA;border:1px solid #E6EAEF;font-size:15px;font-weight:500}
.a-bres span.on{background:#0F7A4F;border-color:#0F7A4F;color:#fff}
.a-bres i{padding:1px 5px;border-radius:4px;background:#F6EEE2;color:#B7791F;font-size:10px;font-weight:800;font-style:normal}
.a-bres span.on i{background:rgba(255,255,255,.25);color:#fff}
.a-bnav2{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.a-bnav2 .sq{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid #E6EAEF;background:#fff;display:flex;align-items:center;justify-content:center}
.a-bnav2 .sq .ic{width:16px;height:16px;stroke-width:2.2}
.a-bnav2 .idag{height:28px;padding:0 10px;border-radius:8px;border:1px solid #E6EAEF;background:#fff;font-size:13px;font-weight:600;display:flex;align-items:center}
.a-bnav2 .seg{display:flex;gap:2px;padding:4px;border-radius:12px;background:#E9EDF1}
.a-bnav2 .seg b{padding:6px 14px;border-radius:9px;font-size:14px;font-weight:600;color:#5B6472}
.a-bnav2 .seg b.on{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(17,24,39,.14)}
.a-bbtn{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
.a-bbtn span{height:32px;padding:0 12px;border-radius:9px;border:1px solid #E6EAEF;background:#fff;font-size:13.5px;font-weight:600;display:flex;align-items:center}
.a-bbtn span.g{background:#0F7A4F;border-color:#0F7A4F;color:#fff}
.a-bh{margin-bottom:10px;font-size:16px;font-weight:800}
.a-uke2{background:#fff;border:1px solid #E6EAEF;border-radius:12px;overflow:hidden}
.a-uke2h{display:grid;grid-template-columns:34px repeat(6,minmax(0,1fr));border-bottom:1px solid #E6EAEF}
.a-uke2h span{padding:8px 0 6px;border-left:1px solid #EEF1F4;text-align:center;font-size:10.5px;font-weight:700;text-transform:uppercase;color:#5B6472}
.a-uke2h span:first-child{border-left:0}
.a-uke2h b{display:block;margin-top:1px;font-size:15px;color:#111827;font-variant-numeric:tabular-nums}
.a-uke2h span.idag{color:#0F7A4F;background:#F1F7F4;box-shadow:inset 0 -3px #0F7A4F}
.a-uke2h span.idag b{color:#0F7A4F}
.a-uke2g{display:flex;height:360px}
.a-uke2g .t{flex:none;width:34px;background:#F6F8FA}
.a-uke2g .t em{display:block;height:72px;padding:3px 0 0 4px;border-top:1px solid #E3E7EC;font-style:normal;font-size:9.5px;color:#5B6472;font-variant-numeric:tabular-nums}
.a-uke2g .d{position:relative;flex:1;background:
  repeating-linear-gradient(to right,transparent 0 calc(100% / 6 - 1px),#EEF1F4 calc(100% / 6 - 1px) calc(100% / 6)),
  repeating-linear-gradient(to bottom,#E3E7EC 0 1px,transparent 1px 36px,#F0F2F5 36px 37px,transparent 37px 72px)}
.a-uke2g .idag{position:absolute;top:0;bottom:0;background:rgba(15,122,79,.05)}
.a-bk2{position:absolute;padding:6px 4px 0 8px;border-radius:7px;border:1px solid var(--bd);border-left:4px solid var(--c);background:var(--bg);overflow:hidden}
.a-bk2 b{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-bk2 span{display:block;font-size:11.5px;color:#5B6472;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-bk2.vent{background:#fff;border:1.5px dashed var(--c)}
.a-bk2 i{display:block;margin-top:5px;padding:2px 4px;border-radius:4px;background:#F6EEE2;color:#B7791F;font-size:9.5px;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden}

/* Kjøreplan (Lag → Plan → Kjøreplan), og Klubb-flisene slik de ser ut nå */
.a-kph{display:flex;align-items:center;gap:8px;margin:2px 0 12px;font-size:18px;font-weight:800}
.a-adm span{background:#fff;font-size:12px;font-weight:700;border-radius:12px}

/* To telefoner side om side i en vanlig seksjon (Min plan-siden) */
.duo-in{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px 56px;align-items:center}
.duo-tx .intro{margin-top:18px}
.duo-pkt{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.duo-pkt li{display:flex;gap:14px;align-items:center;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.duo-pkt .ic{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--soft);color:var(--c-blue)}
.duo-pkt b{color:var(--ink);font-weight:600}
.duo-phones{display:flex;justify-content:center;align-items:center;padding:12px 0}
.duo-phones .phone{--s:.6}
.duo-phones .phone:first-child{transform:translateY(-14px) scale(var(--s)) rotate(-4deg);margin-right:calc(425px * (var(--s) - 1) / 2 - 36px)}
.duo-phones .phone:last-child{transform:translateY(24px) scale(var(--s)) rotate(3deg);z-index:1}
@media (max-width:900px){.duo-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .duo-pkt li{font-size:15px}
  .duo-phones .phone{--s:.42}
  .duo-phones .phone:first-child{margin-right:calc(425px * (var(--s) - 1) / 2 - 26px)}
}

/* Meldinger-siden: samtalen spilles av (avielo.js, data-chat). Nye meldinger kommer nederst, som i appen. */
.a-trad.sim{justify-content:flex-end;transition:opacity .5s}
.a-trad.sim .skjult{display:none}
.a-trad.sim.ut{opacity:0}
.a-trad.sim .inn{animation:a-inn .35s cubic-bezier(.2,.8,.2,1) both}
.a-trad.sim .a-rx span.pop{animation:a-pop .45s cubic-bezier(.3,1.6,.5,1) both}
@keyframes a-inn{from{opacity:0;transform:translateY(12px) scale(.97)}}
@keyframes a-pop{from{opacity:0;transform:scale(.3)}}
.a-prikker{display:flex;gap:4px;padding:13px 14px}
.a-prikker i{width:7px;height:7px;border-radius:50%;background:#9AA3AF;animation:a-prikk 1.2s ease-in-out infinite}
.a-prikker i:nth-child(2){animation-delay:.15s}
.a-prikker i:nth-child(3){animation-delay:.3s}
@keyframes a-prikk{0%,60%,100%{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.a-skriv .inp.skriver{color:#111827}
.a-skriv .inp.skriver.lang{justify-content:flex-end}
.a-skriv .inp.skriver::after{content:"";flex:none;width:1.5px;height:18px;margin-left:1px;background:#0F7A4F;animation:a-mark 1s steps(1) infinite}
@keyframes a-mark{50%{opacity:0}}
.a-skriv .snd{transition:transform .15s,filter .15s}
.a-skriv .snd.trykk{transform:scale(.9);filter:brightness(1.2)}

/* Spillerutvikling: forsideseksjonen og bildene av panelene på Spillerutvikling-siden */
.utv{padding:0 0 128px}
.utv-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px 56px;align-items:center}
.utv .kicker{color:var(--c-purple)}
.utv-tx .intro{margin-top:18px}
.utv-pkt .ic{color:var(--c-purple)}
.utv-tx .link{margin-top:28px;color:var(--c-purple)}
.utv-skjerm{margin:0;padding:clamp(18px,3vw,40px);border-radius:var(--r-xl);background:radial-gradient(60% 70% at 85% 10%,var(--glow-purple),transparent 70%),var(--soft)}
.utv-skjerm figcaption,.utv-kort figcaption{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--ink-3);text-align:center;text-wrap:balance}
.utv-kort figcaption{text-align:left}
.utv-kort figcaption b{color:var(--ink)}
.utv-par{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:24px;align-items:start}
.utv-kort{margin:0;padding:14px 14px 18px;border-radius:24px;background:var(--soft)}
.utv-kort img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 1px 2px rgba(16,21,18,.06),0 18px 40px -28px rgba(16,21,18,.35)}
@media (max-width:900px){.utv-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.utv{padding-bottom:88px}.utv-skjerm{border-radius:28px}}