/* Brukerveiledningen (/veiledning). Tier 2 · lastes bare av veiledning.html · fargene følger stil.css, med mørk modus */
.veiledning{--v-tekst:#14232E;--v-dempet:#566874;--v-kant:#D5DEE3;--v-flate:#FFFFFF;--v-tone:#EEF4F6;--v-navy:#0A2435;--v-turkis:#008C88;
  --v-ja:#1C7C54;--v-delvis:#9A6A00;--v-nei:#A8322D;
  max-width:62rem;margin:0 auto;color:var(--v-tekst);line-height:1.6;display:flex;flex-direction:column;gap:1.4rem}
.veiledning h1,.veiledning h2,.veiledning h3{color:var(--v-navy);text-wrap:balance;margin:0}
.veiledning h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15}
.veiledning h2{font-size:1.35rem;padding-top:.6rem;border-top:2px solid var(--v-navy);margin-bottom:.4rem}
.veiledning h3{font-size:1.05rem;margin-bottom:.3rem}
.veiledning p{margin:0 0 .6rem}
.veiledning .etikett{font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--v-turkis);margin:0}
.veiledning .ingress{font-size:1.1rem;color:var(--v-dempet);max-width:42rem}
.veiledning .innhold{font-size:.92rem;color:var(--v-dempet)}
.veiledning a{color:var(--v-turkis)}
.veiledning section{display:flex;flex-direction:column;gap:.9rem;scroll-margin-top:12px}
.veiledning .steg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.6rem;align-items:start;
  padding:1rem 0;border-bottom:1px solid var(--v-kant)}
.veiledning .steg:last-child{border-bottom:0}
.veiledning .tekst{min-width:0;max-width:34rem}
.veiledning .nr{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;
  background:var(--v-turkis);color:#fff;font-weight:700;margin-bottom:.4rem}
.veiledning ul{margin:0 0 .6rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.25rem}
.veiledning figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:.35rem}
.veiledning figure img{display:block;width:100%;height:auto;border:1px solid var(--v-kant);border-radius:8px;background:#fff}
.veiledning figure.mobil{max-width:16rem}
.veiledning figure.mobil img{border-radius:14px}
.veiledning figure.smal{max-width:20rem}
.veiledning figure.smal-mobil{max-width:14rem}
.veiledning figcaption{font-size:.82rem;color:var(--v-dempet)}
.veiledning .bilder3{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.veiledning .bilder3 figure.mobil{max-width:none}
.veiledning .faq{margin:0;display:grid;gap:.2rem .8rem}
.veiledning .faq dt{font-weight:700;color:var(--v-navy);margin-top:.5rem}
.veiledning .faq dd{margin:0}
.veiledning .tabell{overflow-x:auto;border:1px solid var(--v-kant);border-radius:8px;background:var(--v-flate)}
.veiledning table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.94rem}
.veiledning th,.veiledning td{text-align:left;vertical-align:top;padding:.6rem .75rem;border-bottom:1px solid var(--v-kant)}
.veiledning tr:last-child td{border-bottom:0}
.veiledning th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--v-dempet);background:var(--v-tone)}
.veiledning td.tall{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.veiledning .merke{display:inline-block;font-size:.76rem;font-weight:700;padding:.1rem .5rem;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.veiledning .ja{color:var(--v-ja)}.veiledning .delvis{color:var(--v-delvis)}.veiledning .nei{color:var(--v-nei)}
.veiledning .forbehold,.veiledning .liten{font-size:.88rem;color:var(--v-dempet)}
@media (max-width:640px){.veiledning .steg{grid-template-columns:minmax(0,1fr)}.veiledning .bilder3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .veiledning figure.mobil{max-width:14rem}}