/* UNIKHET v2 — statusrad + tidslinje-rand · radius 0
   System serif/sans/mono · tegel + petroleum (skiljer från amber/cool slate) */

:root,
html body {
  --nnc-ink: #1a1512;
  --nnc-ink-2: #2a221c;
  --nnc-ink-3: #3d3229;
  --nnc-slate: #6a5f57;
  --nnc-slate-2: #8a7f75;
  --nnc-paper: #f3eee6;
  --nnc-paper-2: #e8e0d4;
  --nnc-surface: #fffaf3;
  --nnc-line: #d8cfc3;
  --nnc-amber: #a63a2b;
  --nnc-amber-dark: #7f2c21;
  --nnc-amber-tint: #f0ddd8;
  --nnc-radius: 0;
  --nnc-wrap: 760px;
  --nnc-wrap-wide: 1040px;
  --nnc-nav: #2c5f66;
}

body { background: var(--nnc-paper); color: var(--nnc-ink); }

.nnc-strip {
  background: var(--nnc-nav) !important;
  color: #e8f2f3 !important;
  font-family: var(--nnc-mono);
  font-size: .75rem !important;
  letter-spacing: .02em;
  padding: .4rem 0 !important;
  border-bottom: none !important;
}
.nnc-strip-help { display: none !important; }
.nnc-strip a { color: #f0c4bc; }

.nnc-head {
  background: var(--nnc-paper) !important;
  border-bottom: 1px solid var(--nnc-ink) !important;
}
.nnc-brand-mark {
  background: var(--nnc-amber) !important;
  border-radius: 0 !important;
  border-color: var(--nnc-amber) !important;
}
.nnc-find input {
  border: 1px solid var(--nnc-ink) !important;
  border-radius: 0 !important;
  background: #fff !important;
  font-family: var(--nnc-mono) !important;
  font-size: .82rem !important;
}
.nnc-find button {
  background: var(--nnc-amber) !important;
  border: 1px solid var(--nnc-amber) !important;
  border-radius: 0 !important;
  color: #fff !important;
}

.nnc-nav {
  background: var(--nnc-nav) !important;
  border-radius: 0 !important;
}
.nnc-nav a {
  color: rgba(255,255,255,.86) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.nnc-nav a:hover,
.nnc-nav a[aria-current="page"] {
  color: #fff !important;
  box-shadow: inset 0 -2px 0 var(--nnc-amber);
  background: transparent !important;
}

.nnc-nav::after {
  content: "1992 ——— 2010 ——— 2022 ——— 2023 ——— 2026";
  display: block;
  max-width: var(--nnc-wrap-wide);
  margin: 0 auto;
  padding: .35rem 1.1rem .55rem;
  font-family: var(--nnc-mono);
  font-size: .72rem;
  color: rgba(255,255,255,.55);
  letter-spacing: .04em;
}

.nnc-cards,
.nnc-home-cards,
ul.nnc-cards,
.nnc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid var(--nnc-ink);
  border-left: 1px solid var(--nnc-ink);
}
.nnc-card,
.nnc-cards > li,
.nnc-home-cards > li,
.nnc-grid > * {
  border: 1px solid var(--nnc-ink) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: var(--nnc-surface) !important;
  box-shadow: none !important;
  position: relative;
}
.nnc-card::before,
.nnc-cards > li::before,
.nnc-home-cards > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(var(--nnc-amber), var(--nnc-nav));
}

.nnc-foot {
  background: #1a1512 !important;
  color: #f3eee6 !important;
  border-radius: 0 !important;
}
.nnc-foot a { color: #e8a598 !important; }

a { color: var(--nnc-amber-dark); }

@media (max-width: 700px) {
  .nnc-cards, .nnc-home-cards, ul.nnc-cards, .nnc-grid {
    grid-template-columns: 1fr !important;
  }
}