/* norgepoker.org — egen identitet. Prefiks np-. Ingen tredjepart. */

@font-face{font-family:'Bitter';src:url('/assets/fonts/bitter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Bitter';src:url('/assets/fonts/bitter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Karla';src:url('/assets/fonts/karla-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Karla';src:url('/assets/fonts/karla-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --np-vin:#7b1e3a;
  --np-vin-mork:#5c1229;
  --np-skifer:#37474f;
  --np-blekk:#1d2126;
  --np-grafitt:#525c66;
  --np-papir:#faf8f5;
  --np-papir-2:#f2eee8;
  --np-strek:#ddd6cc;
  --np-strek-svak:#eae4db;
  --np-hvit:#fff;
  --np-serif:'Bitter',Georgia,'Times New Roman',serif;
  --np-sans:'Karla','Segoe UI',system-ui,sans-serif;
  --np-ramme:1140px;
  --np-tekst:720px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--np-papir);color:var(--np-blekk);
  font:400 17px/1.62 var(--np-sans);
  overflow-wrap:break-word;
}
img{max-width:100%;height:auto}
a{color:var(--np-vin);text-underline-offset:2px}
a:hover{color:var(--np-vin-mork)}

.np-ramme{max-width:var(--np-ramme);margin:0 auto;padding:0 20px}

/* hopplenke — klippes bort, flyttes ikke ut (ingen horisontal overflow) */
.np-hopp{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.np-hopp:focus{position:static;width:auto;height:auto;clip-path:none;display:inline-block;
  background:var(--np-vin);color:#fff;padding:8px 14px}

/* ——— topp ——— */
.np-topp{background:var(--np-blekk);color:#e8e2da;font-size:13.5px;letter-spacing:.02em}
.np-topp .np-ramme{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}
.np-topp a{color:#f0e9e1}

.np-hode{background:var(--np-papir);border-bottom:3px solid var(--np-vin)}
.np-hode .np-ramme{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px}
.np-merke{font:700 30px/1 var(--np-serif);color:var(--np-blekk);text-decoration:none;letter-spacing:-.015em}
.np-merke:hover{color:var(--np-vin)}
.np-tagline{font-size:14px;color:var(--np-grafitt)}

.np-nav{background:var(--np-papir-2);border-bottom:1px solid var(--np-strek)}
.np-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.np-nav a{
  display:block;padding:10px 14px;font-size:14.5px;font-weight:700;color:var(--np-skifer);
  text-decoration:none;border-bottom:3px solid transparent
}
.np-nav a:hover{color:var(--np-vin);border-bottom-color:var(--np-strek)}
.np-nav a[aria-current="page"]{color:var(--np-vin);border-bottom-color:var(--np-vin)}

/* ——— oppsett ——— */
.np-kropp{padding:26px 0 56px}
.np-oppsett{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:38px;align-items:start}
.np-hoved{min-width:0;max-width:var(--np-tekst)}

.np-sti{font-size:13.5px;color:var(--np-grafitt);margin:0 0 10px}
.np-sti a{color:var(--np-grafitt)}
.np-sti span{padding:0 6px;color:var(--np-strek)}

h1{font:700 clamp(28px,4vw,38px)/1.16 var(--np-serif);margin:0 0 12px;letter-spacing:-.015em}
.np-hoved h2{font:600 23px/1.28 var(--np-serif);margin:34px 0 12px;padding-top:14px;border-top:1px solid var(--np-strek-svak)}
.np-hoved h3{font:700 17px/1.35 var(--np-sans);margin:22px 0 8px}
.np-hoved p{margin:0 0 14px}

/* svar først */
.np-svar{
  font:400 19.5px/1.55 var(--np-sans);color:var(--np-blekk);
  border-left:4px solid var(--np-vin);padding:2px 0 2px 16px;margin:0 0 18px
}

/* statuslinje — sajtens signatur */
.np-status{
  display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;
  background:var(--np-papir-2);border:1px solid var(--np-strek);border-left:4px solid var(--np-skifer);
  padding:10px 14px;margin:0 0 22px;font-size:13.5px;color:var(--np-grafitt)
}
.np-merkelapp{
  font:700 11.5px/1 var(--np-sans);letter-spacing:.09em;text-transform:uppercase;
  padding:5px 8px;border:1px solid currentColor;color:var(--np-skifer);white-space:nowrap
}
.np-status--lov{border-left-color:var(--np-vin)}
.np-status--lov .np-merkelapp{color:var(--np-vin)}
.np-status--fersk{border-left-color:#8a6a12}
.np-status--fersk .np-merkelapp{color:#8a6a12}
.np-status--identitet,.np-status--kilde,.np-status--tynn{border-left-color:var(--np-grafitt)}

/* faktastripe */
.np-fakta{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:0;margin:0 0 24px;
  border:1px solid var(--np-strek);background:var(--np-hvit)}
.np-fakta div{padding:11px 14px;border-right:1px solid var(--np-strek-svak)}
.np-fakta div:last-child{border-right:0}
.np-fakta dt{font:700 11.5px/1 var(--np-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--np-grafitt);margin-bottom:5px}
.np-fakta dd{margin:0;font-size:15.5px}

/* blokker */
.np-punkter{margin:0 0 16px;padding-left:0;list-style:none}
.np-punkter li{position:relative;padding-left:20px;margin-bottom:8px}
.np-punkter li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--np-vin)}

.np-nokkelrad{margin:0 0 18px;border-top:1px solid var(--np-strek)}
.np-nokkelrad-rad{display:grid;grid-template-columns:minmax(120px,32%) 1fr;gap:14px;
  padding:10px 0;border-bottom:1px solid var(--np-strek-svak)}
.np-nokkelrad dt{font-weight:700;color:var(--np-skifer)}
.np-nokkelrad dd{margin:0}

.np-tabellramme{overflow-x:auto;margin:0 0 20px;border:1px solid var(--np-strek)}
.np-tabell{border-collapse:collapse;width:100%;font-size:15.5px;background:var(--np-hvit)}
.np-tabell th{background:var(--np-skifer);color:#fff;text-align:left;font-weight:700;padding:9px 12px;white-space:nowrap}
.np-tabell td{padding:9px 12px;border-top:1px solid var(--np-strek-svak);vertical-align:top}
.np-tabell tbody tr:nth-child(even){background:var(--np-papir)}

.np-tidslinje{list-style:none;margin:0 0 20px;padding:0;border-left:2px solid var(--np-strek)}
.np-tidslinje li{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:9px 0 9px 16px;position:relative}
.np-tidslinje li::before{content:"";position:absolute;left:-6px;top:17px;width:10px;height:10px;background:var(--np-vin)}
.np-tidslinje-aar{font:700 15px/1.5 var(--np-serif);color:var(--np-vin)}

.np-merknad,.np-advarsel{margin:0 0 18px;padding:12px 16px;border:1px solid var(--np-strek);background:var(--np-hvit)}
.np-merknad{border-left:4px solid var(--np-skifer)}
.np-advarsel{border-left:4px solid var(--np-vin);background:#fdf6f7}
.np-merknad p,.np-advarsel p{margin:0}

/* usikkert — arkivets ærlighetsbok */
.np-usikkert{margin:34px 0 0;border:1px solid var(--np-strek);background:var(--np-hvit)}
.np-usikkert h2{margin:0;padding:11px 16px;border:0;background:var(--np-papir-2);
  font:600 16px/1.3 var(--np-serif);border-bottom:1px solid var(--np-strek)}
.np-usikkert ul{list-style:none;margin:0;padding:0}
.np-usikkert li{padding:12px 16px;border-bottom:1px solid var(--np-strek-svak)}
.np-usikkert li:last-child{border-bottom:0}
.np-usikkert b{display:block;color:var(--np-skifer)}
.np-usikkert span{color:var(--np-grafitt);font-size:15.5px}

.np-ikkeher{margin:22px 0 0;padding:12px 16px;border:1px dashed var(--np-strek);color:var(--np-grafitt);font-size:15.5px}

/* faq */
.np-faq{margin:34px 0 0}
.np-faq h2{margin-top:0}
.np-faq details{border:1px solid var(--np-strek);border-bottom:0;background:var(--np-hvit)}
.np-faq details:last-of-type{border-bottom:1px solid var(--np-strek)}
.np-faq summary{cursor:pointer;padding:12px 44px 12px 16px;font-weight:700;position:relative;list-style:none}
.np-faq summary::-webkit-details-marker{display:none}
.np-faq summary::after{content:"+";position:absolute;right:16px;top:10px;font:700 20px/1 var(--np-sans);color:var(--np-vin)}
.np-faq details[open] summary::after{content:"–"}
.np-faq .np-faq-svar{padding:0 16px 14px;color:var(--np-grafitt)}

/* kilder */
.np-kilder{margin:36px 0 0;border-top:3px solid var(--np-skifer);padding-top:14px}
.np-kilder h2{margin:0 0 10px;border:0;padding:0}
.np-kilder ol{margin:0;padding-left:0;list-style:none;counter-reset:k}
.np-kilder li{counter-increment:k;position:relative;padding:9px 0 9px 34px;border-bottom:1px solid var(--np-strek-svak);font-size:15px}
.np-kilder li::before{content:counter(k);position:absolute;left:0;top:9px;width:23px;height:23px;
  background:var(--np-skifer);color:#fff;font:700 12.5px/23px var(--np-sans);text-align:center}
.np-kilder .np-utgiver{display:block;color:var(--np-grafitt);font-size:13.5px}
.np-fn{font-size:11.5px;font-weight:700;line-height:0}
.np-fn a{text-decoration:none;padding:0 1px}

/* relaterte */
.np-videre{margin:34px 0 0}
.np-videre ul{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--np-strek);border:1px solid var(--np-strek)}
.np-videre li{background:var(--np-hvit);padding:12px 14px}
.np-videre a{font-weight:700;text-decoration:none}
.np-videre span{display:block;color:var(--np-grafitt);font-size:14.5px;margin-top:3px}

/* skinne */
.np-skinne{position:sticky;top:14px;font-size:14.5px}
.np-skinne section{border:1px solid var(--np-strek);background:var(--np-hvit);margin-bottom:16px}
.np-skinne h2{margin:0;padding:9px 13px;font:700 11.5px/1 var(--np-sans);letter-spacing:.09em;
  text-transform:uppercase;color:var(--np-grafitt);background:var(--np-papir-2);border-bottom:1px solid var(--np-strek)}
.np-skinne ul{list-style:none;margin:0;padding:6px 0}
.np-skinne li a{display:block;padding:5px 13px;text-decoration:none;color:var(--np-skifer)}
.np-skinne li a:hover{color:var(--np-vin);background:var(--np-papir)}
.np-skinne li a[aria-current="page"]{color:var(--np-vin);font-weight:700}
.np-skinne .np-skinne-tekst{padding:11px 13px;color:var(--np-grafitt)}

/* hub og forside */
.np-hubliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--np-strek)}
.np-hubliste li{border-bottom:1px solid var(--np-strek-svak);padding:13px 0}
.np-hubliste a{font:600 18px/1.3 var(--np-serif);text-decoration:none}
.np-hubliste p{margin:4px 0 0;color:var(--np-grafitt);font-size:15px}

/* Ekte kantlinjer, ikke gap-som-kantlinje: en ufylt siste rad viste ellers
   containerens bakgrunn som en grå, tom rute. */
.np-rutenett{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0 0 28px}
.np-rutenett article{background:var(--np-hvit);border:1px solid var(--np-strek);
  border-top:3px solid var(--np-vin);padding:15px}
.np-rutenett h2{margin:0 0 6px;padding:0;border:0;font:600 18px/1.3 var(--np-serif)}
.np-rutenett a{text-decoration:none}
.np-rutenett p{margin:0;color:var(--np-grafitt);font-size:14.5px}

.np-inngang{border:1px solid var(--np-strek);border-left:4px solid var(--np-vin);background:var(--np-hvit);
  padding:18px 20px;margin:0 0 30px}
.np-inngang p{margin:0;font-size:18px}

/* register */
.np-register{columns:2;column-gap:34px;list-style:none;margin:0;padding:0}
.np-register li{break-inside:avoid;padding:4px 0;font-size:15.5px}

/* bunn */
.np-bunn{background:var(--np-blekk);color:#cfc8c0;margin-top:48px;padding:32px 0 26px;font-size:14.5px}
.np-bunn a{color:#f0e9e1}
.np-bunn-kol{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px}
.np-bunn h2{font:700 11.5px/1 var(--np-sans);letter-spacing:.09em;text-transform:uppercase;color:#9c948b;margin:0 0 9px}
.np-bunn ul{list-style:none;margin:0;padding:0}
.np-bunn li{margin-bottom:5px}
.np-kolofon{margin:26px 0 0;padding-top:16px;border-top:1px solid #333a41;text-align:center;color:#9c948b;font-size:13.5px}
.np-kolofon p{margin:0 auto 4px;max-width:640px}

.np-topplenke{display:inline-block;margin-top:26px;font-size:14px}

@media (max-width:900px){
  .np-oppsett{grid-template-columns:1fr;gap:26px}
  .np-skinne{position:static}
  .np-register{columns:1}
  .np-nokkelrad-rad{grid-template-columns:1fr;gap:2px}
}
@media (max-width:520px){
  body{font-size:16.5px}
  .np-merke{font-size:25px}
  .np-nav a{padding:7px 10px;font-size:13.5px}
  .np-hode .np-ramme{padding-top:12px;padding-bottom:8px}
  .np-topp .np-ramme{padding-top:5px;padding-bottom:5px;font-size:12.5px}
  .np-fakta{grid-template-columns:1fr}
  .np-fakta div{border-right:0;border-bottom:1px solid var(--np-strek-svak)}
  .np-tidslinje li{grid-template-columns:60px 1fr}
}
@media print{.np-nav,.np-skinne,.np-topp{display:none}}