/* Blåtur: LGR-profilen (Ink, Bone, Signal Green, Geist) med trikolor-stripe, rombemønster og avis-effekter.
   Fila er offentlig fordi innloggingssida bruker den, så den nevner ikke reisemålet. Fontene ligger lokalt (CSP). */

@font-face{font-family:"Geist";src:url(geist-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215;}
@font-face{font-family:"Geist";src:url(geist-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Geist Mono";src:url(geist-mono-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}
@font-face{font-family:"Geist Mono";src:url(geist-mono-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF;}
@font-face{font-family:"Anton";src:url(anton-latin.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}
@font-face{font-family:"Anton";src:url(anton-latin-ext.woff2) format("woff2");font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF;}

:root{
  --bg:#191B1F; --bg2:#1E2125; --card:#23262A; --card2:#2A2E33; --line:#363A41;
  --ink:#EEEFF1; --muted:#9CA0A8; --gold:#86E1A8; --green:#86E1A8; --warn:#F2B544;
  --wine:#CE2939; --wine-lt:#F08A97; --red:#CE2939; --yellow:#FFD400;
  --romb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%2386E1A8' stroke-opacity='.10'%3E%3Cpath d='M22 2 42 22 22 42 2 22Z'/%3E%3Cpath d='M22 9 35 22 22 35 9 22Z'/%3E%3Cpath d='M22 16 28 22 22 28 16 22Z' stroke='%23CE2939' stroke-opacity='.18'/%3E%3C/g%3E%3C/svg%3E");
  --trikolor:linear-gradient(90deg,var(--red) 0 33.3%,var(--ink) 33.3% 66.6%,var(--green) 66.6% 100%);
}
body{background:var(--bg); color:var(--ink); font-family:"Geist",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;}
a{color:var(--green); border-bottom-color:rgba(134,225,168,.35);}
a:hover{border-bottom-color:var(--green);}

/* Toppmeny med trikolor-stripe */
.topbar,nav.switch{background:#141619; border-bottom:0; position:relative;}
.topbar::after,nav.switch::after{content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--trikolor);}
.topbar .brand{color:var(--ink); font-family:"Anton",Impact,sans-serif; font-weight:400; letter-spacing:.06em; font-size:.95rem; background:var(--red); padding:3px 10px 1px; transform:skew(-6deg); border-radius:0;}
.topbar .brand .long{font-family:"Geist Mono",monospace; font-size:.7rem; letter-spacing:.08em;}
.topbar a{font-family:"Geist Mono",monospace; text-transform:uppercase; letter-spacing:.06em; font-size:.7rem;}
.topbar a.cur,nav.switch .cur{background:var(--green); color:var(--bg); font-weight:700;}

/* Hero: Ink med rombeflis og et svakt rødt og grønt lys fra hver sin bredd */
.hero{background:
   radial-gradient(900px 340px at 12% -10%, rgba(206,41,57,.28), transparent 60%),
   radial-gradient(900px 340px at 88% -10%, rgba(134,225,168,.20), transparent 60%),
   var(--romb), var(--bg);
  border-bottom:0; position:relative;}
.hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--trikolor); opacity:.9;}
.hero .kicker{display:inline-block; font-family:"Geist Mono",monospace; letter-spacing:.22em; color:var(--bg); background:var(--yellow); padding:4px 12px; font-weight:700; transform:skew(-6deg);}
.hero h1{font-family:"Anton",Impact,sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.01em; line-height:1;}
.hero h1 span{color:var(--red); text-shadow:0 0 30px rgba(206,41,57,.35);}
.hero .rule{font-family:"Geist Mono",monospace; font-size:.8rem; letter-spacing:.03em; border-radius:0; border-color:var(--line);}
.hero .rule b{color:var(--green);}
.chip{border-radius:0;} .chip b{color:var(--green);}

/* Overskrifter: nummer i en rød rombe, som LGR-merket */
h2{font-family:"Anton",Impact,sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.02em; color:var(--ink); font-size:1.7rem;}
h2 .n{background:var(--red); color:#fff; border-radius:0; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); width:34px; height:34px; font-family:"Geist Mono",monospace; font-size:.85rem;}
h3{color:var(--green); font-family:"Geist",sans-serif;}
h2 + .sub{color:var(--muted);}

/* Tabeller, kort og notater */
th{background:var(--card2); color:var(--green); font-family:"Geist Mono",monospace; text-transform:uppercase; letter-spacing:.06em; font-size:.72rem;}
tr.best td{background:rgba(134,225,168,.07);}
.tw{border-radius:0; border-color:var(--line);}
.card,.route,.pick,.kpi{border-radius:0; border-color:var(--line);}
.pick{background:linear-gradient(135deg,rgba(206,41,57,.14),var(--card));}
.kpi .l,.pick .lbl,.tldr .lbl{font-family:"Geist Mono",monospace; color:var(--green);}
.kpi .v{color:var(--ink); font-family:"Anton",Impact,sans-serif; font-weight:400; letter-spacing:.02em;}
.tldr{background:linear-gradient(135deg,rgba(206,41,57,.16),var(--card)); border:0; border-left:6px solid var(--red); border-radius:0;}
.note{border-left-color:var(--green); border-radius:0; background:var(--bg2);}
.note.warn{border-left-color:var(--warn);}
small.src{font-family:"Geist Mono",monospace; font-size:.72rem;}
.tabs a{border-radius:0; font-family:"Geist Mono",monospace; text-transform:uppercase; letter-spacing:.05em; font-size:.74rem;}
.tabs a .c{color:var(--green);}
.rel{color:var(--yellow);}
.foot{border-top:3px double var(--line);}

/* Gutteposten-effekter */
.stempel{display:inline-block; background:var(--red); color:#fff; font:400 1.05rem "Anton",Impact,sans-serif; letter-spacing:.06em; padding:5px 12px 3px; transform:rotate(-4deg); box-shadow:0 4px 14px rgba(0,0,0,.35); text-transform:uppercase;}
.stempel.gronn{background:var(--green); color:var(--bg);}
.stempel.gul{background:var(--yellow); color:var(--bg);}
.kicker-gul{display:inline-block; background:var(--yellow); color:var(--bg); font:700 .78rem "Geist Mono",monospace; letter-spacing:.12em; text-transform:uppercase; padding:3px 10px; transform:skew(-6deg);}
.ticker{margin:26px 0 0; background:#0f1113; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; overflow:hidden; white-space:nowrap; font:600 .82rem "Geist Mono",monospace; letter-spacing:.04em;}
.ticker .l{background:var(--red); color:#fff; padding:9px 14px; flex:none; font-family:"Anton",Impact,sans-serif; font-weight:400; letter-spacing:.1em;}
.ticker .run{padding:9px 0 9px 100%; animation:tick 60s linear infinite; color:var(--ink);}
.ticker .run b{color:var(--green); margin:0 4px;} .ticker .run i{color:var(--red); font-style:normal; margin:0 14px;}
@keyframes tick{to{transform:translateX(-100%);}}
@media (prefers-reduced-motion:reduce){.ticker .run{animation:none; padding-left:14px;}}
.dropcap::first-letter{float:left; font:400 3.4rem/.85 "Anton",Impact,sans-serif; color:var(--red); padding:6px 10px 0 0;}
.pull{margin:22px 0; padding:14px 0; border-top:3px solid var(--ink); border-bottom:1px solid var(--line);}
.pull q{display:block; font:700 1.25rem/1.35 "Geist",sans-serif; quotes:"«" "»";}
.pull .who{font:700 .74rem "Geist Mono",monospace; text-transform:uppercase; letter-spacing:.08em; color:var(--red); margin-top:8px;}
.gjeng{display:grid; grid-template-columns:repeat(auto-fill,minmax(84px,1fr)); gap:10px; margin-top:16px;}
.gjeng figure{margin:0; text-align:center;}
.gjeng img{width:100%; aspect-ratio:1; object-fit:cover; display:block; filter:grayscale(.15) contrast(1.05); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); transition:clip-path .3s, filter .3s;}
.gjeng figure:hover img{clip-path:polygon(0 0,100% 0,100% 100%,0 100%); filter:none;}
.gjeng figcaption{font:600 .66rem "Geist Mono",monospace; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); margin-top:6px;}
.avisbilde{position:relative; margin:18px 0 6px; border:2px solid var(--ink);}
.avisbilde img{display:block; width:100%; height:auto;}
.avisbilde .stempel{position:absolute; top:14px; right:14px;}
.bildetekst{font:italic .82rem/1.45 "Geist",sans-serif; color:var(--muted); padding:6px 0 12px; border-bottom:1px solid var(--line);}
.bildetekst b{font-style:normal; color:var(--ink);}