/* Forsiden: «Hva er du ute etter?» (niva.js). Bare forsiden laster denne filen. */
.niva { margin: 1rem 0 1.5rem; }
.niva > h2 { font-size: 1.15rem; margin: 0 0 .6rem; }
.niva-valg { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; }
.niva-valg button {
  display: flex; flex-direction: column; align-items: flex-start; gap: .15rem; text-align: left;
  padding: .7rem .9rem; border: 2px solid var(--linje); border-radius: .8rem; background: #fff; color: var(--brun);
  font: inherit; cursor: pointer; transition: border-color .15s, background .15s;
}
.niva-valg button:hover { border-color: var(--honning); }
.niva-valg button:focus-visible { outline: 3px solid var(--honning-dyp); outline-offset: 2px; }
.niva-valg button[aria-pressed="true"] { border-color: var(--honning-dyp); background: var(--honning-lys); }
.niva-navn { font-weight: 700; font-size: 1rem; }
.niva-hint { font-size: .85rem; color: var(--brun-lys); line-height: 1.3; }
.niva-panel { margin-top: .9rem; padding: 1rem 1.2rem; background: var(--krem-dyp); border-radius: .8rem; }
.niva-panel h3 { margin: 0 0 .4rem; }
.niva-panel p { margin: .4rem 0; }
.niva-lenker { margin: .4rem 0; padding-left: 1.3rem; }
.niva-lenker li { margin: .25rem 0; }
.niva-fakta { list-style: none; margin: .2rem 0 .6rem; padding: 0; font-size: 1.15rem; line-height: 1.45; min-height: 3em; }
.niva-fakta a { font-size: .95rem; white-space: nowrap; }
.niva-knapper .knapp { border: 0; font: inherit; font-weight: 700; cursor: pointer; margin-right: .6rem; }
.niva-nullstill { margin: .5rem 0 0; }
.niva-nullstill button { background: none; border: 0; padding: 0; font: inherit; font-size: .9rem; color: var(--honning-dyp); text-decoration: underline; cursor: pointer; }
@media (max-width: 40rem) {
  .niva-valg { grid-template-columns: 1fr 1fr; }
  .niva-hint { font-size: .8rem; }
  .niva-fakta { font-size: 1.05rem; min-height: 6em; }
}