/* Kontosider. Bygger på artikler.css (samme designsystem). */
.konto{width:min(calc(100% - 40px),560px);margin:0 auto;padding:56px 0 90px}
.konto.bred{width:min(calc(100% - 40px),880px)}
.konto h1{font-size:clamp(32px,5vw,46px);line-height:1.05;margin:0 0 10px}
.konto .ingress{color:#c1d1e2;font-size:17px;line-height:1.55;margin:0 0 26px}
.kort{background:rgba(10,29,54,.9);border:1px solid rgba(130,178,213,.26);border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.kort+.kort{margin-top:22px}
.kort h2{font-size:22px;margin:0 0 6px}
.kort .liten{color:var(--muted);font-size:14px;margin:0 0 16px}
.felt{margin:0 0 16px}
.felt label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:#e6eef8}
.felt input[type=text],.felt input[type=email],.felt input[type=password]{width:100%;min-height:48px;padding:0 14px;border-radius:10px;border:1px solid rgba(130,178,213,.4);background:#081a33;color:#fff;font:16px 'DM Sans',sans-serif}
.felt input:focus{outline:2px solid var(--lime);outline-offset:1px}
.felt .hint{color:var(--muted);font-size:13px;margin-top:5px}
.felt .feil,.feilboks{color:#ffb4b4;font-size:14px;margin-top:6px}
.feilboks{background:rgba(239,68,68,.12);border:1px solid rgba(248,113,113,.4);border-radius:10px;padding:12px 14px;margin:0 0 16px}
.ok{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.4);color:#a7f3d0;border-radius:10px;padding:12px 14px;margin:0 0 18px;font-size:15px}
.samtykke{display:flex;gap:10px;align-items:flex-start;margin:6px 0 18px;font-size:14.5px;color:#cfdcea}
.samtykke input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}
.samtykke a{color:var(--lime);border-bottom:1px solid rgba(92,230,245,.4)}
.knapp{width:100%;min-height:52px;font-size:16.5px}
.under{margin-top:18px;color:var(--muted);font-size:14.5px}
.under a{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.35)}
.skjult{position:absolute;left:-9999px;height:0;width:0;overflow:hidden}
.typer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}
.type{border:1px solid rgba(130,178,213,.3);border-radius:14px;padding:14px 16px;background:rgba(8,26,51,.7);cursor:pointer;display:block}
.type input{position:absolute;opacity:0;pointer-events:none}
.type.valgt{border-color:var(--lime);background:rgba(23,62,104,.7)}
.type.last{opacity:.55;cursor:not-allowed}
.type b{display:block;font-size:15.5px}
.type span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.merke{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px;border:1px solid rgba(92,230,245,.5);color:var(--lime);margin-left:8px;vertical-align:middle}
.rad{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
.rad:last-child{border-bottom:0}.rad span:first-child{color:var(--muted)}
.artikkelrad{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.artikkelrad:last-child{border-bottom:0}.artikkelrad b{font-size:18px;font-family:'Manrope',sans-serif}.artikkelrad span{display:block;color:var(--muted);font-size:14px;margin-top:3px}
.artikkelrad:hover b{color:var(--lime)}
form.inline{display:inline}
.fare{border-color:rgba(248,113,113,.35)}
.artikkelramme{padding-top:8px}
.artikkelbar{width:min(calc(100% - 40px),1080px);margin:18px auto 0;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--muted);font-size:14px}
.artikkelbar a{color:#fff}
.kun-mobil{display:none}
@media(max-width:620px){.kun-mobil{display:block}.typer{grid-template-columns:1fr}.kort{padding:22px}.nav-actions .btn-ghost{display:none}}