/*
Theme Name: Heving av bilkjøp
Theme URI: https://hevingavbilkjop.no
Author: Austin Lyngmyr & Co Advokatfirma AS
Description: Frittstående tema for hevingavbilkjop.no – nisjeside for heving av bilkjøp. Bygget på biladvokaten-temaets arkitektur (v1.4.14). Ingen avhengigheter.
Version: 1.4.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: hevingavbilkjop
*/

:root{
  --navy:#1c1c1a; --ink:#14181f; --gold:#e0a526; --gold-deep:#b8841a; --marine:#121210;
  --paper:#faf9f7; --stone:#f4f2ed; --line:#e6e3dc; --muted:#5B6472; --warn:#B0432F;
  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --measure:44rem; --wide:72rem; --radius:6px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0; font-family:var(--sans); font-size:1.0625rem; line-height:1.65; color:var(--ink); background:var(--paper)}
img,svg{max-width:100%; height:auto; display:block}
a{color:var(--navy); text-decoration-thickness:1px; text-underline-offset:.15em}
a:hover{color:#8a6210}
:focus-visible{outline:3px solid var(--gold); outline-offset:2px}
.skip{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0}
.skip:focus{position:fixed; left:1rem; top:1rem; width:auto; height:auto; margin:0; clip-path:none; white-space:normal; background:var(--navy); color:#fff; padding:.5rem 1rem; z-index:100}

h1,h2,h3{font-family:var(--serif); font-weight:600; line-height:1.12; letter-spacing:-.01em; color:var(--ink); margin:0; font-variation-settings:"opsz" 48}
h1{font-size:clamp(2rem,4.5vw,3rem); letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,3vw,1.9rem); margin-top:2.75rem; margin-bottom:.75rem}
h3{font-size:1.2rem; font-family:var(--sans); font-weight:600; margin-top:1.75rem; margin-bottom:.4rem}
p,ul,ol{margin:0 0 1.1rem}
ul,ol{padding-left:1.25rem}
li{margin-bottom:.35rem}
strong{font-weight:600}
hr{border:0; border-top:1px solid var(--line); margin:2.5rem 0}

/* Layout */
.wrap{width:min(100% - 2.5rem, var(--wide)); margin-inline:auto}
.measure{width:min(100% - 2.5rem, var(--measure)); margin-inline:auto}

/* Header */
.site-header{border-bottom:1px solid var(--line); background:var(--paper); position:sticky; top:0; z-index:50}
.site-header__inner{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:4.5rem}
.site-logo{display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--ink); font-weight:600; letter-spacing:-.01em}
.site-logo img{height:38px; width:auto}
.site-logo span b{color:var(--gold-deep); font-weight:600}
.nav{display:flex; align-items:center; gap:1.5rem}
.nav ul{list-style:none; margin:0; padding:0; display:flex; gap:1.4rem}
.nav a{text-decoration:none; font-size:.95rem; color:var(--ink)}
.nav a:hover{color:var(--navy); text-decoration:underline}
.nav .menu-item-has-children{position:relative}
.nav li ul{display:none; position:absolute; top:100%; left:-1rem; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:.6rem 0; min-width:16rem; box-shadow:0 12px 30px rgba(28,28,26,.08); flex-direction:column; gap:0}
.nav .menu-item-has-children:hover > ul,.nav .menu-item-has-children:focus-within > ul{display:flex}
.nav li ul a{display:block; padding:.45rem 1rem}
.btn{display:inline-block; background:var(--navy); color:#fff; padding:.7rem 1.15rem; border-radius:var(--radius); text-decoration:none; font-weight:600; font-size:.95rem; border:0; cursor:pointer}
.btn:hover{background:#333330; color:#fff}
.btn--gold{background:var(--gold); color:var(--ink)}
.btn--gold:hover{background:var(--gold-deep); color:var(--ink)}
.nav-toggle{display:none; background:none; border:1px solid var(--line); border-radius:var(--radius); padding:.5rem .7rem; font:inherit; cursor:pointer}
@media (max-width:1080px){
  .nav-toggle{display:inline-block}
  .nav{position:absolute; left:0; right:0; top:100%; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; padding:1rem 1.25rem; display:none}
  .nav.is-open{display:flex}
  .nav ul{flex-direction:column; gap:.2rem}
  .nav li ul{display:flex; position:static; border:0; box-shadow:none; padding:.2rem 0 .4rem 1rem; min-width:0}
  .nav li ul a{padding:.3rem 0}
  .nav .btn{align-self:flex-start; margin-top:.5rem}
}

/* Page head */
.page-head{padding:3rem 0 1.5rem}
.page-head .eyebrow{font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:.8rem; font-weight:600}
.page-head h1{margin-bottom:1rem}
.reviewed{font-size:.875rem; color:var(--muted); display:flex; gap:.6rem; align-items:center; margin-top:1rem}
.reviewed img{width:32px; height:32px; border-radius:50%}
.hero-image{margin:1.5rem 0 2rem; border-radius:var(--radius); overflow:hidden; aspect-ratio:16/7; background:var(--stone)}
.hero-image img{width:100%; height:100%; object-fit:cover}

/* Content signature: Kort svar */
.bla-kortsvar{border-left:4px solid var(--gold); background:var(--stone); padding:1.25rem 1.5rem; margin:0 0 2.25rem; border-radius:0 var(--radius) var(--radius) 0}
.bla-kortsvar__label{font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-deep); font-weight:700; margin-bottom:.4rem}
.bla-kortsvar p:last-child{margin-bottom:0}
.bla-kortsvar p{font-family:var(--serif); font-size:1.15rem; line-height:1.55}

.bla-intro{font-family:var(--serif); font-size:1.35rem; line-height:1.4; color:var(--ink); max-width:34ch; margin-bottom:2rem}

/* Valg (front) */
.bla-valg{display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:0 0 2rem}
.bla-valg__kort{display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.4rem 1.5rem; border:1px solid var(--line); border-radius:var(--radius); text-decoration:none; font-family:var(--serif); font-size:1.25rem; color:var(--ink); background:var(--paper); transition:border-color .15s, transform .15s}
.bla-valg__kort:hover{border-color:var(--navy); transform:translateY(-2px); color:var(--ink)}
.bla-valg__pil{color:var(--gold-deep); font-size:1.5rem}
@media (max-width:640px){.bla-valg{grid-template-columns:1fr}}
.bla-forsikringslinje{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:1rem 0; margin:0 0 3rem; color:var(--muted)}
.bla-forsikringslinje p{margin:0}

/* Saker cards */
.bla-saker{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1rem 0 2rem}
.bla-saker__kort{background:var(--stone); border-radius:var(--radius); padding:1.25rem; font-size:.97rem}
.bla-saker__kort p{margin:0}
.bla-saker__kort strong{display:block; font-family:var(--serif); font-size:1.15rem; margin-bottom:.4rem; font-weight:600}
.bla-saker__kort em{display:block; margin-top:.6rem; color:var(--muted); font-style:normal; font-size:.85rem}
@media (max-width:800px){.bla-saker{grid-template-columns:1fr}}

/* Prosess */
.bla-prosess{list-style:none; padding:0; margin:1rem 0 2rem; counter-reset:step; display:grid; grid-template-columns:repeat(2,1fr); gap:1rem 2rem}
.bla-prosess li{counter-increment:step; position:relative; padding-left:2.6rem; margin:0}
.bla-prosess li::before{content:counter(step); position:absolute; left:0; top:.1rem; width:1.9rem; height:1.9rem; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:600; font-size:.9rem}
.bla-prosess li p{margin:0}
@media (max-width:700px){.bla-prosess{grid-template-columns:1fr}}

/* Advokat */
.bla-advokat{display:grid; grid-template-columns:120px 1fr; gap:1.5rem; align-items:center; margin:1rem 0 2rem; max-width:44rem}
.bla-advokat p{margin:0 0 .5rem}
.bla-advokat img{width:120px; height:120px; object-fit:cover; border-radius:50%}
.bla-advokat img{border-radius:var(--radius)}
@media (max-width:560px){.bla-advokat{grid-template-columns:1fr}.bla-advokat img{max-width:200px}}

/* Sitat */
.bla-sitat{margin:2rem 0; padding:0 0 0 1.25rem; border-left:3px solid var(--gold)}
.bla-sitat p{font-family:var(--serif); font-size:1.15rem; line-height:1.5; margin-bottom:.4rem}
.bla-sitat footer{font-size:.875rem; color:var(--muted)}

/* Anmeldelser */
.bla-score{background:var(--stone); border-radius:var(--radius); padding:1.25rem 1.5rem; margin:0 0 2rem}
.bla-score p{margin:0 0 .4rem}
.bla-score strong{font-family:var(--serif); font-size:2rem; font-weight:600; color:var(--navy)}
.bla-anmeldelse{border:1px solid var(--line); border-radius:var(--radius); padding:1.25rem 1.5rem; margin:0 0 1rem}
.bla-anmeldelse__stars{color:var(--gold); letter-spacing:.1em; margin-bottom:.4rem}
.bla-anmeldelse p:first-of-type strong{font-family:var(--serif); font-size:1.1rem}
.bla-anmeldelse footer{font-size:.875rem; color:var(--muted); margin-top:.4rem}

/* Tabell */
.bla-tabell{overflow-x:auto; margin:1rem 0 1.5rem}
table{border-collapse:collapse; width:100%; font-size:.95rem}
th,td{text-align:left; padding:.6rem .75rem; border-bottom:1px solid var(--line); vertical-align:top}
th{font-weight:600; background:var(--stone)}
td:last-child,th:last-child{color:var(--muted); font-size:.85rem; white-space:nowrap}

/* Illustrasjon */
.bla-illustrasjon{margin:1.5rem 0 2rem; background:var(--stone); border-radius:var(--radius); padding:1rem}
.bla-illustrasjon img{width:100%}
.bla-illustrasjon figcaption{font-size:.85rem; color:var(--muted); margin-top:.6rem}

/* FAQ */
.bla-faq{margin:1rem 0 2rem; border-top:1px solid var(--line)}
.bla-faq__item{border-bottom:1px solid var(--line)}
.bla-faq__item summary{cursor:pointer; padding:1rem 2rem 1rem 0; font-weight:600; list-style:none; position:relative}
.bla-faq__item summary::-webkit-details-marker{display:none}
.bla-faq__item summary::after{content:"+"; position:absolute; right:0; top:.9rem; color:var(--gold-deep); font-size:1.3rem}
.bla-faq__item[open] summary::after{content:"–"}
.bla-faq__a{padding:0 0 1rem}

/* Mal, sjekkliste, regneeksempel, kilder */
.bla-mal{background:var(--stone); border:1px dashed var(--line); border-radius:var(--radius); padding:1.25rem 1.5rem; margin:1rem 0 2rem; font-size:.97rem}
.bla-mal p:last-child{margin-bottom:0}
.bla-sjekkliste{margin:1rem 0 2rem}
.bla-sjekkliste p{padding-left:2rem; position:relative; margin-bottom:.9rem}
.bla-sjekkliste p::before{content:""; position:absolute; left:0; top:.35em; width:1.1rem; height:1.1rem; border:2px solid var(--gold); border-radius:3px}
.bla-regneeksempel{background:var(--navy); color:#fff; border-radius:var(--radius); padding:1.25rem 1.5rem; margin:1rem 0 2rem}
.bla-regneeksempel p{margin:0 0 .3rem}
.bla-regneeksempel strong{color:var(--gold)}
.bla-kilder{margin:3rem 0 0; padding-top:1rem; border-top:1px solid var(--line); font-size:.85rem; color:var(--muted)}
.bla-kilder__label{font-weight:600; text-transform:uppercase; letter-spacing:.08em; font-size:.75rem; margin-bottom:.3rem}
.bla-ordbok p{padding:.9rem 0; border-bottom:1px solid var(--line); margin:0}
.bla-ordbok p strong{font-family:var(--serif); font-size:1.1rem; display:block; margin-bottom:.2rem}

/* Rettspraksis */
.bla-sak{border-left:3px solid var(--line); padding:0 0 0 1.25rem; margin:0 0 1.5rem}
.bla-sak p{margin:0}
.bla-sak strong:first-child{font-family:var(--serif); font-size:1.05rem; color:var(--navy)}

/* Kontaktkort + skjema */
.bla-kontaktkort{background:var(--navy); color:#fff; border-radius:var(--radius); padding:2rem; margin:3rem 0 0}
.bla-kontaktkort h2{color:#fff; margin-top:0}
.bla-kontaktkort p{color:#DCE6F0}
.bla-kontaktkort a{color:#fff}
.bla-notice{padding:1rem 1.25rem; border-radius:var(--radius); margin:0 0 1.5rem}
.bla-notice--ok{background:#EAF3EC; color:#1E4D2B}
.bla-notice--err{background:#F8E9E6; color:var(--warn)}

/* Footer */
.site-footer{margin-top:4rem; border-top:1px solid var(--line); background:var(--stone); padding:2.25rem 0 1.5rem; font-size:.92rem; color:var(--muted)}
.site-footer__grid{display:grid; grid-template-columns:repeat(5,1fr); gap:1.5rem}
.site-footer h4{margin:0 0 .6rem; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink)}
.site-footer ul{list-style:none; padding:0; margin:0}
.site-footer li{margin-bottom:.35rem}
.site-footer a{color:var(--ink); text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer__sostersider{margin-top:2rem; padding-top:1.25rem; border-top:1px solid var(--line); font-size:.9rem}
.site-footer__sostersider a{margin-right:.15rem}
.site-footer__note{margin-top:1rem; font-size:.85rem}
@media (max-width:1000px){.site-footer__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.site-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:500px){.site-footer__grid{grid-template-columns:1fr}}

/* Mobile CTA */
.mobile-cta{display:none}
@media (max-width:900px){
  .mobile-cta{display:block; position:fixed; bottom:0; left:0; right:0; background:var(--paper); border-top:1px solid var(--line); padding:.6rem 1rem; z-index:40}
  .mobile-cta .btn{display:block; text-align:center}
  body{padding-bottom:4rem}
}

/* Sakliste (referansesaker) */
.bla-sakliste{display:grid; gap:1rem; margin:1rem 0 2rem}
.bla-sakliste a{display:block; border:1px solid var(--line); border-radius:var(--radius); padding:1.25rem 1.5rem; text-decoration:none; color:var(--ink)}
.bla-sakliste a:hover{border-color:var(--navy)}
.bla-sakliste h3{margin:0 0 .3rem; font-family:var(--serif); font-size:1.2rem}
.bla-sakliste p{margin:0; color:var(--muted); font-size:.95rem}

/* Related */
.bla-relatert{margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--line)}
.bla-relatert h2{font-size:1.1rem; font-family:var(--sans); margin-top:0}
.bla-relatert ul{list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.4rem 1.5rem}
@media (max-width:600px){.bla-relatert ul{grid-template-columns:1fr}}
.bla-nedlasting{background:var(--stone); border-radius:var(--radius); padding:1.25rem 1.5rem; margin:1rem 0 2rem}

/* Front hero */
.front-hero{background:var(--stone); border-bottom:1px solid var(--line); padding:3.5rem 0 3rem}
.front-hero__grid{display:grid; grid-template-columns:1.05fr .95fr; gap:3rem; align-items:center}
.front-hero .eyebrow{font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:.9rem; font-weight:600}
.front-hero h1{margin-bottom:1rem}
.front-hero .bla-intro{margin-bottom:1.75rem}
.front-hero .bla-valg{grid-template-columns:1fr; margin-bottom:1.25rem; max-width:32rem}
.front-hero__note{color:var(--muted); font-size:.95rem; margin:0}
.front-hero__image img{border-radius:var(--radius); aspect-ratio:4/3; object-fit:cover; width:100%; box-shadow:0 20px 50px rgba(28,28,26,.12)}
@media (max-width:900px){.front-hero__grid{grid-template-columns:1fr}.front-hero__image{order:-1}.front-hero__image img{aspect-ratio:16/9}}
.front-body{max-width:60rem; padding-top:1rem}
/* Menu sizing */
.nav a{font-size:.92rem}
.nav>ul>li>a{padding:.4rem 0; display:inline-block}
.site-logo span{font-size:1rem}
/* Header button: explicit colours (beats .nav a) */
.nav .btn,.nav a.btn{background:var(--gold); color:var(--ink); text-decoration:none; padding:.6rem 1.05rem}
.nav .btn:hover,.nav a.btn:hover{background:var(--gold-deep); color:var(--ink)}
.site-footer a.btn,.entry a.btn,a.btn{text-decoration:none}
.bla-kontaktkort a.btn.btn--gold{color:var(--ink)}
.bla-kontaktkort a.btn.btn--gold:hover{color:var(--ink)}

/* ===== Dawn hero ===== */
.dawn{position:relative; display:flex; align-items:center; overflow:hidden; background:var(--marine); color:#fff}
.dawn__media{position:absolute; inset:0}
.dawn__img{width:100%; height:100%; object-fit:cover; object-position:center 60%}
.dawn__shade{position:absolute; inset:0; background:linear-gradient(180deg, rgba(14,27,46,.10) 0%, rgba(14,27,46,.18) 45%, rgba(14,27,46,.62) 100%)}
.dawn__content{position:relative; padding:6rem 0 3.5rem; max-width:var(--wide)}
.dawn__eyebrow{font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; color:#f3dca0; font-weight:600; margin-bottom:.9rem}
.dawn h1{color:#fff; font-size:clamp(2.4rem,5.5vw,4rem); max-width:16ch; margin-bottom:.9rem}
.dawn__intro{font-family:var(--serif); font-size:clamp(1.15rem,2vw,1.4rem); max-width:36ch; color:#F3F5F8; margin-bottom:1.75rem}
.dawn__valg{max-width:56rem}
.dawn__valg .bla-valg__kort{background:rgba(255,255,255,.94); border-color:transparent; backdrop-filter:blur(6px)}
.dawn__valg .bla-valg__kort:hover{background:#fff}

/* Tallstripe */
.tall{background:var(--navy); color:#fff}
.tall__grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; padding:1.5rem 0}
.tall__grid div{display:flex; flex-direction:column; gap:.15rem; padding-left:1rem; border-left:2px solid var(--gold)}
.tall__grid strong{font-family:var(--serif); font-size:1.9rem; font-weight:600; line-height:1; color:#fff}
.tall__grid span{font-size:.85rem; color:#C9D3E0; line-height:1.35}
@media (max-width:800px){.tall__grid{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.tall__grid{grid-template-columns:1fr}}

/* Selvsjekk */
.sjekk{padding:3.5rem 0 1rem; max-width:60rem}
.sjekk__inner{max-width:none; background:var(--stone); border-radius:var(--radius); padding:2rem 2rem 1.5rem; border-left:4px solid var(--gold)}
.sjekk h2{margin-top:.2rem}
.sjekk__lead{color:var(--muted); margin-bottom:1.5rem}
.sjekk__form fieldset{border:0; padding:0; margin:0 0 1.1rem}
.sjekk__form legend{font-weight:600; margin-bottom:.4rem}
.sjekk__form label{display:inline-flex; align-items:center; gap:.45rem; margin:0 1.25rem .35rem 0; cursor:pointer}
.sjekk__form input[type=radio]{accent-color:var(--navy); width:1.05rem; height:1.05rem}
.sjekk__svar{margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--line)}
.sjekk__svar h3{margin-top:0; font-family:var(--serif); font-size:1.4rem}
.sjekk__note{font-size:.85rem; color:var(--muted)}
.front-body{padding-top:1.5rem}

/* Advokatkort (front) */
.advokatkort{display:grid; grid-template-columns:140px 1fr; gap:1.75rem; align-items:center; margin:3rem 0 0; padding:1.75rem; border:1px solid var(--line); border-radius:var(--radius); max-width:44rem}
.advokatkort img{width:140px; height:140px; border-radius:50%; object-fit:cover}
.advokatkort h2{margin:0 0 .5rem; font-size:1.4rem}
.advokatkort p{margin:0 0 .5rem; font-size:.97rem}
@media (max-width:560px){.advokatkort{grid-template-columns:1fr; text-align:center}.advokatkort img{margin:0 auto}}

/* E-postkort */
.bla-epostkort{background:var(--stone); border-left:4px solid var(--gold); border-radius:0 var(--radius) var(--radius) 0; padding:1.75rem 2rem; margin:1.5rem 0 2.5rem; max-width:34rem}
.bla-epostkort__label{font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:700; margin-bottom:.2rem}
.bla-epostkort__adresse{font-family:var(--serif); font-size:clamp(1.3rem,3vw,1.7rem); margin-bottom:1rem; word-break:break-all}
.bla-epostkort__adresse a{text-decoration:none}
.bla-epostkort__note{font-size:.875rem; color:var(--muted); margin:1rem 0 0}

/* --- biladvokat: team, referansesaker, lov --- */
.bla-team{display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem; margin:1.5rem 0 2.5rem}
.bla-team a{display:block; flex:0 1 205px; min-width:160px; text-decoration:none; color:var(--ink)}
.bla-team--partnere a{flex-basis:250px}
.bla-team a:hover h3{color:var(--gold-deep)}
.bla-team__bilde{aspect-ratio:1/1; background:var(--stone); border-radius:var(--radius); overflow:hidden; margin-bottom:.75rem; display:grid; place-items:center; color:var(--muted); font-family:var(--serif); font-size:2.5rem}
.bla-team__bilde img{width:100%; height:100%; object-fit:cover}
.bla-team h3{margin:0 0 .15rem; font-family:var(--serif); font-size:1.15rem}
.bla-team p{margin:0; color:var(--muted); font-size:.92rem}
.bla-team__rolle{display:block; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-deep); font-weight:600; margin-bottom:.35rem}
.bla-advokat{display:grid; grid-template-columns:220px 1fr; gap:2rem; align-items:start; margin:1rem 0 2.5rem}
.bla-advokat .bla-team__bilde{margin:0}
@media (max-width:600px){.bla-advokat{grid-template-columns:1fr}.bla-advokat .bla-team__bilde{max-width:260px}}
.bla-fakta{background:var(--stone); border-left:4px solid var(--gold); border-radius:var(--radius); padding:1.25rem 1.5rem; margin:1.5rem 0 2rem; font-size:.97rem}
.bla-fakta dl{display:grid; grid-template-columns:max-content 1fr; gap:.35rem 1.25rem; margin:0}
.bla-fakta dt{font-weight:600; color:var(--muted)}
.bla-fakta dd{margin:0}
.bla-saker{display:grid; gap:1rem; margin:1rem 0 2rem}
.bla-saker a{display:block; border:1px solid var(--line); border-radius:var(--radius); padding:1.25rem 1.5rem; text-decoration:none; color:var(--ink)}
.bla-saker a:hover{border-color:var(--navy)}
.bla-saker h3{margin:0 0 .3rem; font-family:var(--serif); font-size:1.2rem}
.bla-saker p{margin:0; color:var(--muted); font-size:.95rem}
.bla-saker__meta{font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-deep); font-weight:600; margin-bottom:.4rem; display:block}
.bla-paragrafer{columns:2; column-gap:2rem; list-style:none; padding:0; margin:1rem 0 2rem}
.bla-paragrafer li{break-inside:avoid; margin-bottom:.4rem; border-bottom:1px solid var(--line); padding-bottom:.4rem}
.bla-paragrafer a{text-decoration:none}
.bla-paragrafer a:hover{text-decoration:underline}
@media (max-width:600px){.bla-paragrafer{columns:1}}
.bla-pillarer{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1rem; margin:2rem 0}
.bla-pillarer a{display:block; border:1px solid var(--line); border-radius:var(--radius); padding:1.25rem 1.4rem; text-decoration:none; color:var(--ink); background:var(--paper)}
.bla-pillarer a:hover{border-color:var(--navy)}
.bla-pillarer h3{margin:0 0 .35rem; font-family:var(--serif); font-size:1.15rem}
.bla-pillarer p{margin:0; color:var(--muted); font-size:.93rem}
.bla-rettshjelp{border:1px solid var(--line); border-radius:var(--radius); padding:1.25rem 1.5rem; margin:2rem 0; background:var(--stone)}
.bla-rettshjelp h2{margin-top:0; font-size:1.2rem; font-family:var(--sans)}
.bla-rettshjelp p:last-child{margin:0}
.bla-reviewed{color:var(--muted); font-size:.85rem; margin:2rem 0 0}
.bla-forfatter{display:flex; gap:1rem; align-items:center; margin:2rem 0 0; padding-top:1.25rem; border-top:1px solid var(--line); font-size:.92rem; color:var(--muted)}
.bla-forfatter img{width:48px; height:48px; border-radius:50%; object-fit:cover}

/* FAQ-bokser */
details.bla-faq{border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); margin:0 0 .65rem; padding:0}
details.bla-faq summary{cursor:pointer; list-style:none; padding:.9rem 2.6rem .9rem 1.1rem; font-weight:600; position:relative; color:var(--ink)}
details.bla-faq summary::-webkit-details-marker{display:none}
details.bla-faq summary::after{content:"+"; position:absolute; right:1.1rem; top:50%; transform:translateY(-50%); color:var(--gold-deep); font-size:1.25rem; line-height:1}
details.bla-faq[open] summary::after{content:"–"}
details.bla-faq[open] summary{border-bottom:1px solid var(--line)}
details.bla-faq > p{padding:.9rem 1.1rem; margin:0}
details.bla-faq:hover{border-color:var(--navy)}

/* Paragrafnavigasjon */
.bla-paragrafnav{display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:2rem 0 0; padding:.75rem 1.1rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--stone); font-weight:600}
.bla-paragrafnav a{text-decoration:none}

/* Søk */
.bla-sok{display:flex; gap:.5rem; position:relative; max-width:34rem}
.bla-sok input[type=search]{flex:1; padding:.7rem 1rem; border:1px solid var(--line); border-radius:var(--radius); font:inherit; min-width:0}
.dawn__sok{margin-top:1rem}
.dawn__sok .bla-sok input[type=search]{border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.94)}
.bla-sok__forslag{position:absolute; top:calc(100% + 4px); left:0; right:0; margin:0; padding:.3rem 0; list-style:none; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 8px 24px rgba(28,28,26,.14); z-index:30}
.bla-sok__forslag li a{display:block; padding:.55rem 1rem; text-decoration:none; color:var(--ink)}
.bla-sok__forslag li a:hover{background:var(--stone)}
.bla-sok__treff{margin-bottom:1.1rem}

/* Omtaler */
.bla-omtaler{display:flex; flex-wrap:wrap; gap:.6rem 2rem; align-items:center; font-size:.9rem}
.tall .bla-omtaler{padding:1rem 0 1.3rem; color:#fff; font-size:1.05rem; border-top:1px solid rgba(255,255,255,.18); justify-content:center}
.tall .bla-omtaler span{font-weight:600}
.tall .bla-omtaler a{color:#fff; font-weight:700; text-decoration:none; border-bottom:2px solid var(--gold)}
.tall .bla-omtaler a:hover{color:var(--gold)}
.tall .bla-omtaler__stjerne{font-size:1.15em}
.bla-omtaler__stjerne{color:var(--gold); margin-right:.3rem}
.bla-kontaktkort .bla-omtaler{margin-top:1rem; padding-top:.9rem; border-top:1px solid rgba(255,255,255,.18); font-size:1rem; color:#fff}
.bla-kontaktkort .bla-omtaler span{font-weight:600}
.bla-kontaktkort .bla-omtaler a{color:#fff; font-weight:700; text-decoration:none; border-bottom:2px solid var(--gold)}
.bla-kontaktkort .bla-omtaler a:hover{color:var(--gold)}
.site-footer .bla-omtaler{margin-top:.6rem; display:block}
.site-footer .bla-omtaler span{display:block; margin-bottom:.3rem}

/* Popup */
.bla-popup--hjorne{position:fixed; right:1.1rem; bottom:1.1rem; z-index:90; max-width:min(23rem, calc(100vw - 2.2rem))}
.bla-popup--modal{position:fixed; inset:0; z-index:90; display:flex; align-items:center; justify-content:center; padding:1.2rem}
.bla-popup__bak{position:absolute; inset:0; background:rgba(28,28,26,.55)}
.bla-popup__kort{position:relative; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 14px 40px rgba(28,28,26,.28); padding:1.2rem 3.6rem 1.2rem 1.3rem; max-width:26rem}
.bla-popup__tittel{font-family:var(--serif); font-weight:700; font-size:1.15rem; margin:0 1.4rem .4rem 0; color:var(--ink)}
.bla-popup__tekst{margin:0 0 .9rem; font-size:.95rem}
.bla-popup__kort p:last-child{margin:0}
.bla-popup__lukk{position:absolute; top:.6rem; right:.6rem; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:50%; background:var(--stone); font-size:22px; line-height:1; cursor:pointer; color:var(--ink); padding:0}
.bla-popup__lukk:hover, .bla-popup__lukk:active{background:var(--ink); border-color:var(--ink); color:#fff}
.bla-popup__neitakk{display:block; margin-top:.7rem; background:none; border:0; padding:.35rem 0; cursor:pointer; font:inherit; font-size:.85rem; color:var(--muted); text-decoration:underline}
.bla-popup__neitakk:hover{color:var(--ink)}
.bla-popup--inn .bla-popup__kort{animation:blaPopupInn .25s ease-out}
@keyframes blaPopupInn{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){.bla-popup--inn .bla-popup__kort{animation:none}}
@media (max-width:900px){.bla-popup--hjorne{bottom:4.6rem}} /* over den faste mobil-knappen */
.nav ul{align-items:center}

.bla-team a{text-align:center}
.bla-epostknapp{margin:.4rem 0 1.4rem}

/* Kampanjesider */
.bla-kampanje__topp{padding:1rem 1.25rem; border-bottom:1px solid var(--line)}
.bla-kampanje article{padding:1.5rem 0 2rem}
.bla-kampanje__bunn{border-top:1px solid var(--line); padding:1.2rem; text-align:center; font-size:.85rem; color:var(--muted)}
.bla-kampanje h1{font-size:clamp(1.7rem, 4vw, 2.3rem)}
.front-body .front-senter{text-align:center}
.front-body h2.front-senter{margin-top:2.6rem}
.bla-epostknapp__note{font-size:.85rem; color:var(--muted); margin-top:-.6rem}

.bla-avgj-fakta{font-size:.9rem; color:var(--muted); border-left:3px solid var(--gold); padding:.4rem .9rem; background:var(--stone)}
.bla-avgjliste{list-style:none; padding:0; margin:0 0 1.5rem}
.bla-avgjliste li{padding:.55rem 0; border-bottom:1px solid var(--line)}
.bla-avgjliste li span{display:block; font-size:.85rem; color:var(--muted)}


/* ---------- «Kort oppsummert»-boks (fra biladvokaten-innholdet) ---------- */
.featured-legal{border:1px solid var(--line);border-radius:var(--radius);background:var(--stone);padding:1rem 1.1rem;margin:1.5rem 0;font-size:1rem}
.featured-legal .kicker{display:block;font-family:var(--sans);font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.6rem}
.featured-legal details{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}
.featured-legal summary{cursor:pointer;list-style:none;padding:.9rem 1rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:var(--ink)}
.featured-legal summary::-webkit-details-marker{display:none}
.featured-legal .chev{width:1.7rem;height:1.7rem;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .18s ease;color:var(--gold-deep)}
.featured-legal details[open] .chev{transform:rotate(180deg)}
.featured-legal .content{padding:0 1rem 1rem}
.featured-legal .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;margin-top:.6rem}
.featured-legal .card{border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .9rem;background:var(--paper)}
.featured-legal .card strong{display:block;margin-bottom:.3rem;color:var(--navy)}
.featured-legal .warn{background:#f9f1e0;border:1px solid var(--gold);border-radius:var(--radius);padding:.7rem .9rem;margin-top:.7rem;color:#6b4f13;font-size:.95rem}
.featured-legal .note{color:var(--muted);font-size:.95rem}
.featured-legal .cta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line)}
.featured-legal .cta .btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .9rem;border-radius:var(--radius);border:1px solid var(--navy);text-decoration:none;font-weight:700}


/* ---------- Forside: hero-CTA, problemvelger og prosess (v0.2.0) ---------- */
.dawn__cta{display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.4rem}
.btn--ghost{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.7)}
.btn--ghost:hover{background:rgba(255,255,255,.12)}
.problem{padding:3.5rem 0 1rem}
.problem h2{margin-bottom:.4rem}
.problem__intro{color:var(--muted); margin:0 0 1.5rem}
.problem__grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:.9rem}
.prosess{padding:3rem 0 2rem}
.prosess__grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; margin-top:1.5rem}
.prosess__steg{background:var(--stone); border:1px solid var(--line); border-radius:var(--radius); padding:1.25rem 1.25rem 1.4rem}
.prosess__nr{display:inline-flex; align-items:center; justify-content:center; width:1.9rem; height:1.9rem; border-radius:999px; background:var(--navy); color:#fff; font-weight:600; font-size:.9rem; margin-bottom:.7rem}
.prosess__steg h3{margin-top:0; font-size:1.05rem}
.prosess__steg p{margin:.35rem 0 0; color:var(--muted); font-size:.97rem}


/* ---------- v0.3.0 (biladvokaten-arkitekturen): identitet (marine/aksent) + seksjoner ---------- */
.site-logo span{font-family:var(--serif); letter-spacing:.14em; font-weight:600; text-transform:uppercase}
.site-logo small{display:block; font-family:var(--sans); font-size:.6rem; letter-spacing:.22em; color:var(--gold-deep); text-transform:uppercase; margin-top:.15rem}
.trustbar{background:var(--stone); border-bottom:1px solid var(--line); font-size:.85rem; color:var(--muted)}
.trustbar .wrap{display:flex; flex-wrap:wrap; gap:.4rem 1.5rem; justify-content:center; padding:.55rem 1rem}
.trustbar b{color:var(--ink); font-weight:600}
.trustbar .ok{color:var(--gold-deep)}
.kicker{display:block; font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--gold-deep); margin-bottom:.9rem}
.dawn__grid{display:grid; grid-template-columns:1.5fr 1fr; gap:3rem; align-items:center; padding:4.5rem 0; position:relative}
@media(max-width:820px){.dawn__grid{grid-template-columns:1fr; padding:3rem 0}}
.dawn__portrett{background:#2b2b28; border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; max-width:340px; justify-self:end}
@media(max-width:820px){.dawn__portrett{justify-self:start}}
.dawn__portrett img{width:100%; height:auto; display:block}
.dawn__portrett figcaption{padding:.8rem 1rem}
.dawn__portrett strong{display:block; color:#fff}
.dawn__portrett span{font-size:.85rem; color:rgba(255,255,255,.65)}
.problem-liste{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:0 3rem}
.problem-liste a{display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.05rem .2rem; border-bottom:1px solid var(--line); text-decoration:none; color:var(--ink); font-weight:500}
.problem-liste a:first-child, .problem-liste a:nth-child(-n+3){border-top:1px solid var(--line)}
@media(max-width:820px){.problem-liste a:nth-child(-n+3){border-top:0}.problem-liste a:first-child{border-top:1px solid var(--line)}}
.problem-liste a .pil{color:var(--gold-deep); transition:transform .15s ease}
.problem-liste a:hover .pil{transform:translateX(4px)}
.sec--dark{background:var(--marine); color:#fff; border-radius:16px; padding:3rem 2.5rem; margin:3rem 0}
@media(max-width:820px){.sec--dark{padding:2rem 1.25rem; border-radius:12px}}
.sec--dark h2{color:#fff; text-align:center}
.sec--dark .under{text-align:center; color:rgba(255,255,255,.7); margin:.5rem 0 2rem}
.sec--dark .prosess__steg{background:#2b2b28; border:1px solid rgba(255,255,255,.08)}
.sec--dark .prosess__steg h3{color:#fff}
.sec--dark .prosess__steg p{color:rgba(255,255,255,.68)}
.sec--dark .prosess__nr{background:transparent; border:1px solid var(--gold); color:var(--gold)}
.sec--dark .midt{text-align:center; margin-top:2rem}
.btn--hvit{background:#fff; color:var(--marine)}
.btn--hvit:hover{background:var(--gold); color:var(--marine)}
/* ---------- Bilsak-skjema ---------- */
.bla-skjema{background:var(--marine); color:#fff; border-radius:16px; padding:2.5rem; margin:2.5rem 0}
@media(max-width:820px){.bla-skjema{padding:1.5rem 1.1rem; border-radius:12px}}
.bla-skjema h2{color:#fff; margin-bottom:.4rem}
.bla-skjema .under{color:rgba(255,255,255,.7); margin:0 0 1.6rem}
.bla-skjema fieldset{border:0; padding:0; margin:0 0 1.3rem}
.bla-skjema legend, .bla-skjema label{display:block; font-weight:600; font-size:.92rem; margin-bottom:.45rem; color:#fff}
.bla-skjema .valg{display:flex; flex-wrap:wrap; gap:.5rem}
.bla-skjema .valg input{position:absolute; opacity:0}
.bla-skjema .valg span{display:inline-block; padding:.55rem 1.05rem; border:1px solid rgba(255,255,255,.25); border-radius:999px; cursor:pointer; font-size:.92rem; color:rgba(255,255,255,.85)}
.bla-skjema .valg input:checked + span{background:var(--gold); border-color:var(--gold); color:var(--marine); font-weight:600}
.bla-skjema .valg input:focus-visible + span{outline:3px solid var(--gold); outline-offset:2px}
.bla-skjema input[type=text], .bla-skjema input[type=email], .bla-skjema input[type=tel], .bla-skjema textarea{width:100%; box-sizing:border-box; background:#2b2b28; border:1px solid rgba(255,255,255,.18); border-radius:var(--radius); color:#fff; padding:.75rem .9rem; font:inherit}
.bla-skjema input:focus, .bla-skjema textarea:focus{outline:2px solid var(--gold); border-color:var(--gold)}
.bla-skjema .to-kol{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
@media(max-width:640px){.bla-skjema .to-kol{grid-template-columns:1fr}}
.bla-skjema .felt{margin-bottom:1.1rem}
.bla-skjema .hp{position:absolute; left:-9999px}
.bla-skjema .send{margin-top:.4rem}
.bla-skjema .info{font-size:.85rem; color:rgba(255,255,255,.55); margin-top:1rem}
.bla-skjema .ok, .bla-skjema .feil{padding:.9rem 1.1rem; border-radius:var(--radius); margin-bottom:1.2rem; font-weight:500}
.bla-skjema .ok{background:rgba(224,165,38,.15); border:1px solid var(--gold); color:#fff}
.bla-skjema .feil{background:rgba(176,67,47,.2); border:1px solid #b0432f; color:#fff}


/* ---------- Prosedabel-testen ---------- */
.bla-test{border:1px solid var(--line); border-radius:16px; background:var(--stone); padding:2rem; margin:2rem 0}
@media(max-width:640px){.bla-test{padding:1.25rem}}
.bla-test__under{color:var(--muted); margin-top:.3rem}
.bla-test__alt{display:grid; gap:.6rem; margin-top:1rem}
.bla-test__alt button{text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:.85rem 1rem; font:inherit; cursor:pointer; color:var(--ink)}
.bla-test__alt button:hover{border-color:var(--gold); background:#fff}
.bla-test__alt button:focus-visible{outline:3px solid var(--gold); outline-offset:2px}
.bla-test__nav{display:flex; justify-content:space-between; align-items:center; margin-top:1.2rem}
.bla-test__nav .btn--ghost{color:var(--ink); border-color:var(--line)}
.bla-test__telling{font-size:.85rem; color:var(--muted)}
.bla-test__res{border-radius:var(--radius); padding:1.4rem; background:var(--paper); border-left:4px solid var(--gold)}
.bla-test__res--ok{border-left-color:var(--gold)}
.bla-test__res--mid{border-left-color:var(--navy)}
.bla-test__res--lav{border-left-color:#b0432f}
.bla-test__res ul{margin:.8rem 0; padding-left:1.2rem}
.bla-test__res li{margin-bottom:.5rem}
.bla-test__disc{font-size:.82rem; color:var(--muted); margin-bottom:0}


/* ---------- v0.5.0: kontaktside + test-synlighet ---------- */
.test-rad{display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-top:1.1rem; padding:1rem 1.2rem; border:1px solid var(--gold); background:rgba(224,165,38,.08); border-radius:var(--radius); text-decoration:none; color:var(--ink)}
.test-rad:hover{background:rgba(224,165,38,.16)}
.test-rad .pil{color:var(--gold-deep)}
.dawn--kontakt .dawn__grid{padding:3.5rem 0}
.kontakt-fakta{list-style:none; margin:1.4rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem}
.kontakt-fakta li{border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:.4rem .9rem; font-size:.85rem; color:rgba(255,255,255,.85)}
.dawn__portrett figcaption span{display:block}
.kontakt-grid{display:grid; grid-template-columns:1fr 1.05fr; gap:2.5rem; align-items:start; padding-top:2.5rem}
@media(max-width:900px){.kontakt-grid{grid-template-columns:1fr; gap:1rem}.kontakt-grid .kontakt-skjema{order:-1}.kontakt-grid .kontakt-info{order:1}}
.kontakt-grid .bla-skjema{margin:0}
.k-steg{margin:1.5rem 0}
.k-steg > div{display:flex; gap:.9rem; align-items:flex-start; margin-bottom:.9rem}
.k-steg .prosess__nr{flex:0 0 auto; margin:0}
.k-steg p{margin:0; color:var(--muted)} .k-steg b{color:var(--ink)}
.k-info{border:1px solid var(--line); border-radius:var(--radius); background:var(--stone); padding:1.1rem 1.25rem; margin-bottom:1rem}
.k-info h3{margin:0 0 .4rem; font-size:1.02rem}
.k-info p{margin:0; color:var(--muted); font-size:.95rem}
.k-alt{font-size:.9rem; color:var(--muted); margin-top:1.4rem}


/* ---------- v0.5.1: Pris-widgeter (timepris, rettshjelp-fordeling, kalkulator) ---------- */
.ba-pris-widget, .ba-rh-widget, .ba-kalk{background:radial-gradient(600px 260px at 50% -15%, rgba(224,165,38,.09), transparent 65%), var(--marine); border:1px solid rgba(224,165,38,.16); border-radius:14px; color:#fff; box-shadow:0 8px 24px rgba(12,17,24,.14)}
.ba-pris-omr{display:grid; grid-template-columns:minmax(0,320px) 1fr; gap:24px; align-items:start; margin:28px 0 36px}
@media(max-width:800px){.ba-pris-omr{grid-template-columns:1fr}}
.ba-pris-widget{padding:24px}
.ba-toggle{display:inline-flex; padding:3px; margin-bottom:18px; background:rgba(255,255,255,.06); border:1px solid rgba(228,224,214,.14); border-radius:999px}
.ba-toggle button{border:0; padding:8px 14px; border-radius:999px; background:transparent; color:#f4f1ea; font:inherit; font-size:.82rem; font-weight:700; cursor:pointer}
.ba-toggle button.active{background:#fff; color:var(--marine)}
.ba-pris-boks{text-align:center}
.ba-pris-tittel{font-size:.88rem; color:#f4f1ea}
.ba-strek{width:78%; height:1px; margin:14px auto 20px; background:rgba(224,165,38,.55)}
.ba-pris-tall{font-family:var(--serif); font-size:2.6rem; font-weight:700; line-height:1; color:#fff}
.ba-pris-tall small{display:block; margin-top:10px; font-family:var(--sans); font-size:.92rem; font-weight:400; color:#f4f1ea}
.ba-pris-info{padding:22px; background:var(--paper); border:1px solid var(--line); border-radius:14px}
.ba-pris-info::before{content:""; display:block; width:10px; height:10px; margin-bottom:12px; border-radius:3px; background:var(--gold)}
.ba-pris-info p:last-child{margin-bottom:0}
.ba-rh-widget{margin:30px 0; padding:26px}
.ba-rh-hode{margin-bottom:20px; text-align:center}
.ba-rh-hode h3{margin:0 0 8px; color:#fff; font-size:1.4rem}
.ba-rh-hode p{margin:0; color:#f4f1ea; font-size:.9rem}
.ba-rh-toggle{display:flex; justify-content:center; margin-bottom:20px}
.ba-rh-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media(max-width:800px){.ba-rh-grid{grid-template-columns:1fr}}
.ba-rh-boks{padding:20px 16px; text-align:center; background:rgba(255,255,255,.045); border:1px solid rgba(228,224,214,.14); border-radius:14px}
.ba-rh-tittel{min-height:38px; font-size:.88rem; line-height:1.35; color:#f4f1ea}
.ba-rh-boks .ba-pris-tall{font-size:2.2rem}
.ba-rh-note{margin-top:18px; padding:16px 18px; background:rgba(224,165,38,.08); border:1px solid rgba(224,165,38,.24); border-radius:10px; color:#f4f1ea; font-size:.88rem; line-height:1.6}
.ba-kalk{max-width:620px; margin:30px auto 0; padding:28px}
.ba-kalk h3{margin:0 0 8px; color:#fff; font-size:1.4rem}
.ba-kalk > p{margin:0 0 20px; color:#f4f1ea; font-size:.9rem}
.ba-kalk label{display:block; margin-bottom:8px; color:#fff; font-weight:700; font-size:.95rem}
.ba-kalk input{width:100%; box-sizing:border-box; padding:13px 14px; border-radius:10px; border:1px solid rgba(228,224,214,.5); background:#fff; color:var(--marine); font:inherit; font-size:1.1rem; appearance:textfield; -webkit-appearance:none}
.ba-kalk input:focus{outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(224,165,38,.16)}
.ba-kalk input::-webkit-outer-spin-button, .ba-kalk input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.ba-kalk-varsel{min-height:20px; margin-top:10px; color:var(--gold); font-size:.82rem}
.ba-kalk-res{margin-top:10px; padding:20px; background:rgba(255,255,255,.045); border:1px solid rgba(228,224,214,.14); border-radius:14px; color:#f4f1ea; font-size:.88rem}
.ba-kalk-res span{display:block; margin-top:8px; font-family:var(--serif); font-size:2.4rem; font-weight:700; line-height:1; color:#fff}
.ba-kalk-note{margin:16px 0 0; color:#d8d4ca; font-size:.82rem; line-height:1.6}


/* ============================================================
   v0.6.0 LYS DRAKT – marine som aksent, ikke flate
   ============================================================ */
/* Hero: lys og varm */
.dawn{background:linear-gradient(180deg, var(--stone) 0%, var(--paper) 100%); color:var(--ink); border-bottom:1px solid var(--line)}
.dawn h1{color:var(--marine)}
.dawn__eyebrow{color:var(--gold-deep); text-shadow:none}
.dawn__intro{color:var(--muted)}
.dawn .btn--ghost{color:var(--marine); border-color:var(--marine)}
.dawn .btn--ghost:hover{background:rgba(28,28,26,.06)}
.dawn__portrett{background:#fff; border:1px solid var(--line); box-shadow:0 8px 24px rgba(28,28,26,.08)}
.dawn__portrett strong{color:var(--ink)}
.dawn__portrett span{color:var(--muted)}
.dawn__sok .bla-sok input[type=search]{border-color:var(--line); background:#fff}
.kontakt-fakta li{border:1px solid var(--line); background:#fff; color:var(--ink)}
/* Steg-seksjonen: lyst kort */
.sec--dark{background:var(--stone); color:var(--ink); border:1px solid var(--line)}
.sec--dark h2{color:var(--marine)}
.sec--dark .under{color:var(--muted)}
.sec--dark .prosess__steg{background:#fff; border:1px solid var(--line)}
.sec--dark .prosess__steg h3{color:var(--ink)}
.sec--dark .prosess__steg p{color:var(--muted)}
.sec--dark .prosess__nr{background:var(--navy); border:0; color:#fff}
.btn--hvit{background:var(--navy); color:#fff}
.btn--hvit:hover{background:var(--gold); color:var(--marine)}
/* Kontaktskjemaet: lyst og lett */
.bla-skjema{background:#fff; color:var(--ink); border:1px solid var(--line); box-shadow:0 8px 24px rgba(28,28,26,.07)}
.bla-skjema h2{color:var(--marine)}
.bla-skjema .under{color:var(--muted)}
.bla-skjema legend, .bla-skjema label{color:var(--ink)}
.bla-skjema .valg span{border:1px solid var(--line); background:var(--stone); color:var(--ink)}
.bla-skjema .valg input:checked + span{background:var(--gold); border-color:var(--gold); color:var(--marine)}
.bla-skjema input[type=text], .bla-skjema input[type=email], .bla-skjema input[type=tel], .bla-skjema textarea{background:#fff; border:1px solid var(--line); color:var(--ink)}
.bla-skjema .info{color:var(--muted)}
.bla-skjema .ok{background:rgba(224,165,38,.12); border:1px solid var(--gold); color:var(--ink)}
.bla-skjema .feil{background:#fbeae7; border:1px solid #b0432f; color:#7a2417}
/* Pris-widgeter: lyse kort med marine tall */
.ba-pris-widget, .ba-rh-widget, .ba-kalk{background:#fff; border:1px solid var(--line); color:var(--ink); box-shadow:0 6px 18px rgba(28,28,26,.06)}
.ba-toggle{background:var(--stone); border:1px solid var(--line)}
.ba-toggle button{color:var(--muted)}
.ba-toggle button.active{background:var(--navy); color:#fff}
.ba-pris-tittel, .ba-rh-tittel{color:var(--muted)}
.ba-pris-tall, .ba-kalk-res span{color:var(--marine)}
.ba-pris-tall small{color:var(--muted)}
.ba-rh-hode h3, .ba-kalk h3{color:var(--marine)}
.ba-rh-hode p, .ba-kalk > p{color:var(--muted)}
.ba-rh-boks{background:var(--stone); border:1px solid var(--line)}
.ba-rh-note{background:rgba(224,165,38,.1); border:1px solid rgba(224,165,38,.4); color:var(--ink)}
.ba-kalk label{color:var(--ink)}
.ba-kalk input{border:1px solid var(--line); color:var(--ink)}
.ba-kalk-varsel{color:var(--gold-deep)}
.ba-kalk-res{background:var(--stone); border:1px solid var(--line); color:var(--muted)}
.ba-kalk-note{color:var(--muted)}
/* Pris-sidens ankernav */
.pris-nav{display:flex; flex-wrap:wrap; gap:.5rem; margin:1.2rem 0 0}
.pris-nav a{display:inline-block; padding:.5rem 1rem; border:1px solid var(--line); border-radius:999px; background:#fff; text-decoration:none; color:var(--ink); font-size:.9rem}
.pris-nav a:hover{border-color:var(--gold); background:rgba(224,165,38,.08)}


/* ---------- Sporvalg/oppkobling (anti-kannibalisering) ---------- */
.ba-sporvalg{border:1px solid var(--line); border-left:4px solid var(--gold); background:var(--stone); border-radius:var(--radius); padding:.85rem 1.1rem; font-size:.95rem}
.ba-sporvalg b{color:var(--ink)}
.ba-sporvalg a{color:var(--navy); font-weight:600}


/* ---------- Footer-topplinje med MNA og omtaler ---------- */
.site-footer__topp{display:flex; justify-content:space-between; align-items:center; gap:2rem; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px solid var(--line)}
.site-footer__topp p{margin:.3rem 0 0}
.site-footer__stempler{display:flex; align-items:center; gap:.9rem; flex:0 0 auto}
.site-footer__stempler .mna-merke{width:64px; height:auto}
.site-footer__stempler span{display:block; font-size:.85rem; color:var(--ink)}
@media (max-width:700px){.site-footer__topp{flex-direction:column; align-items:flex-start; gap:1rem}}


/* ---------- Merkekort-grid + lenkerad (v0.7.3) ---------- */
.ba-merkegrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; margin:1.5rem 0}
.ba-merkekort a{display:block; text-decoration:none; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff; transition:box-shadow .15s ease}
.ba-merkekort a:hover{box-shadow:0 6px 18px rgba(28,28,26,.12)}
.ba-merkekort img{width:100%; aspect-ratio:4/3; object-fit:cover; display:block}
.ba-merkekort span{display:block; padding:.7rem 1rem; font-weight:600; color:var(--ink); letter-spacing:.04em}
.ba-lenkerad{display:flex; flex-wrap:wrap; gap:.6rem; margin:1rem 0 2rem}
.ba-lenkerad .btn{color:var(--marine); border-color:var(--line)}


/* ---------- v0.7.5: bildesikring for mobil ---------- */
.entry img, .front-body img{max-width:100%; height:auto}
.entry iframe{max-width:100%}
@media (max-width:640px){
	.ba-lenkerad .btn{width:100%; text-align:center; box-sizing:border-box}
	.dawn__cta{flex-wrap:wrap}
	.dawn__cta .btn{flex:1 1 100%; text-align:center; box-sizing:border-box}
}


/* ---------- v0.7.6: Klistret sidekort på fagsider ---------- */
.fagside{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:3rem}
.fagside > .measure{margin-left:0; margin-right:0; max-width:none}
.fag-aside{min-width:0}
.fag-sticky{position:sticky; top:90px; background:var(--stone); border:1px solid var(--line); border-radius:14px; padding:1.3rem; box-shadow:0 6px 18px rgba(28,28,26,.06)}
.fag-hode{display:flex; gap:.8rem; align-items:center; margin-bottom:1rem}
.fag-hode img{border-radius:50%; width:56px; height:56px; object-fit:cover; flex:0 0 auto}
.fag-hode strong{display:block; color:var(--marine); line-height:1.25}
.fag-hode span{font-size:.8rem; color:var(--muted)}
.fag-sticky input[type=text], .fag-sticky input[type=email], .fag-sticky input[type=tel], .fag-sticky textarea{width:100%; box-sizing:border-box; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:.65rem .8rem; font:inherit; font-size:.92rem; margin-bottom:.6rem; color:var(--ink)}
.fag-sticky input:focus, .fag-sticky textarea:focus{outline:2px solid var(--gold); border-color:var(--gold)}
.fag-sticky .btn{width:100%; text-align:center; box-sizing:border-box}
.fag-alt{font-size:.8rem; color:var(--muted); margin:.8rem 0 0}
.fag-ok{background:rgba(224,165,38,.12); border:1px solid var(--gold); border-radius:var(--radius); padding:.8rem 1rem}
.fag-feil{background:#fbeae7; border:1px solid #b0432f; border-radius:var(--radius); padding:.7rem .9rem; font-size:.9rem; color:#7a2417}
@media (max-width:1020px){.fagside{display:block}.fag-aside{display:none}}


/* ---------- v0.8.1: Rikt livesøk (overstyrer den enkle listen) ---------- */
.bla-sok{position:relative}
.bla-sok__forslag{position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:60; margin:0; padding:.4rem; list-style:none; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 14px 40px rgba(28,28,26,.16); max-height:420px; overflow:auto}
.bla-sok__antall{padding:.35rem .6rem; font-size:.78rem; color:var(--muted); border:0}
.bla-sok__forslag li{border:0}
.bla-sok__forslag li + li{border-top:1px solid var(--line)}
.bla-sok__forslag a{display:flex; gap:.75rem; padding:.65rem .6rem; text-decoration:none; color:var(--ink); border-radius:8px; align-items:flex-start}
.bla-sok__forslag a:hover{background:var(--stone)}
.bla-sok__forslag img, .bla-sok__ikon{width:56px; height:42px; object-fit:cover; border-radius:6px; flex:0 0 auto}
.bla-sok__ikon{display:flex; align-items:center; justify-content:center; background:var(--stone); color:var(--gold-deep); font-family:var(--serif); font-size:1.2rem}
.bla-sok__tekst{min-width:0}
.bla-sok__tittel{display:block; font-weight:600; line-height:1.3}
.bla-sok__tittel mark, .bla-sok__utdrag mark{background:rgba(224,165,38,.3); color:inherit; border-radius:2px; padding:0 1px}
.bla-sok__etikett{display:inline-block; margin:.15rem 0; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-deep); font-weight:600}
.bla-sok__utdrag{font-size:.82rem; color:var(--muted); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.bla-sok__tom{padding:.8rem; color:var(--muted)}
.bla-sok__alle button{width:100%; padding:.6rem; border:0; background:var(--stone); border-radius:8px; font:inherit; font-weight:600; color:var(--marine); cursor:pointer}
.bla-sok__alle button:hover{background:rgba(224,165,38,.15)}


/* ---------- v0.8.2: honeypot globalt, oppsummert-drakt ---------- */
.hp{position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden}
.fag-aside{height:100%}
.ba-oppsummert{background:var(--stone); border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:var(--radius); padding:1.1rem 1.3rem; margin:1.5rem 0; font-size:.98rem}
.ba-oppsummert > details > summary{cursor:pointer; font-weight:600; color:var(--marine); list-style:none; display:flex; justify-content:space-between; gap:1rem; align-items:baseline}
.ba-oppsummert summary::-webkit-details-marker{display:none}
.ba-oppsummert summary::after{content:"Skjul"; font-size:.78rem; font-weight:400; color:var(--muted); text-decoration:underline}
.ba-oppsummert details:not([open]) summary::after{content:"Vis"}
.ba-oppsummert details[open] summary{margin-bottom:.6rem}
.ba-oppsummert p:last-child{margin-bottom:0}


/* ---------- v0.9.0: Reklamasjonshjelperen ---------- */
.ba-brev-skjema fieldset{border:0; padding:0; margin:0 0 1.1rem}
.ba-brev-skjema legend, .ba-brev-skjema label{display:block; font-weight:600; font-size:.92rem; margin-bottom:.4rem; color:var(--ink)}
.ba-brev-skjema .valg{display:flex; flex-wrap:wrap; gap:.5rem}
.ba-brev-skjema .valg input{position:absolute; opacity:0}
.ba-brev-skjema .valg span{display:inline-block; padding:.5rem 1rem; border:1px solid var(--line); background:#fff; border-radius:999px; cursor:pointer; font-size:.9rem}
.ba-brev-skjema .valg input:checked + span{background:var(--gold); border-color:var(--gold); color:var(--marine); font-weight:600}
.ba-brev-skjema .valg input:focus-visible + span{outline:3px solid var(--gold); outline-offset:2px}
.ba-brev-skjema input[type=text], .ba-brev-skjema input[type=date], .ba-brev-skjema textarea{width:100%; box-sizing:border-box; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:.7rem .85rem; font:inherit}
.ba-brev-skjema input:focus, .ba-brev-skjema textarea:focus{outline:2px solid var(--gold); border-color:var(--gold)}
.ba-brev-skjema .to-kol{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
@media(max-width:640px){.ba-brev-skjema .to-kol{grid-template-columns:1fr}}
.ba-brev-skjema .felt{margin-bottom:1rem}
.ba-frist{border-radius:var(--radius); padding:.8rem 1rem; margin-bottom:1rem; background:#fff; border:1px solid var(--line); font-size:.92rem}
.ba-frist p{margin:.25rem 0}
.ba-frist .rod{color:#7a2417}
.ba-frist .gul{color:var(--gold-deep)}
.ba-frist .gronn{color:#2e5d34}
.ba-brev-ut{margin-top:1.5rem}
.ba-brev-ut textarea{width:100%; box-sizing:border-box; font-family:ui-monospace, Consolas, monospace; font-size:.88rem; line-height:1.55; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1rem}
.ba-brev-knapper{display:flex; gap:.6rem; flex-wrap:wrap; margin:.8rem 0}


/* ---------- v0.9.1: Søkeforslagene skal ikke klippes av hero-kanten ---------- */
.dawn{overflow:visible; z-index:5}
.bla-sok__forslag{z-index:80}

.bh-hint{font-size:.83rem; color:var(--muted); margin:.4rem 0 0}
.bh-hint b{color:var(--gold-deep)}


/* ---------- v0.9.7: Samtykkebanner (GA4 lastes kun etter ja) ---------- */
.bla-samtykke{position:fixed; bottom:1rem; left:1rem; z-index:90; max-width:380px; background:#fff; border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:12px; padding:1rem 1.1rem; box-shadow:0 14px 40px rgba(28,28,26,.2); font-size:.88rem}
.bla-samtykke p{margin:0 0 .7rem}
.bla-samtykke__knapper{display:flex; gap:.5rem; flex-wrap:wrap}
.bla-samtykke .btn{padding:.5rem .95rem; font-size:.85rem}
@media(max-width:640px){.bla-samtykke{left:.6rem; right:.6rem; bottom:3.6rem; max-width:none}}


/* ---------- v0.9.12: Veiviseren ---------- */
.bva-knapp{position:fixed; right:1rem; bottom:1rem; z-index:70; background:var(--marine); color:#fff; border:0; border-radius:999px; padding:.7rem 1.15rem; font:inherit; font-size:.9rem; cursor:pointer; box-shadow:0 10px 28px rgba(28,28,26,.3)}
.bva-knapp b{color:var(--gold)}
.bva-knapp:hover{transform:translateY(-1px)}
.bva-panel{position:fixed; right:1rem; bottom:4.2rem; z-index:85; width:min(400px, calc(100vw - 2rem)); background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 24px 60px rgba(28,28,26,.28); display:flex; flex-direction:column; max-height:min(560px, 78vh)}
.bva-topp{display:flex; justify-content:space-between; align-items:center; background:var(--marine); color:#fff; border-radius:16px 16px 0 0; padding:.75rem 1rem; font-weight:600}
.bva-topp button{background:none; border:0; color:#fff; font-size:1.4rem; cursor:pointer; line-height:1}
.bva-lopet{padding:1rem; overflow:auto; flex:1}
.bva-boble{max-width:88%; padding:.65rem .9rem; border-radius:14px; margin-bottom:.6rem; font-size:.92rem; line-height:1.45}
.bva-boble--bot{background:var(--stone); border:1px solid var(--line); border-bottom-left-radius:4px}
.bva-boble--meg{background:var(--marine); color:#fff; margin-left:auto; border-bottom-right-radius:4px}
.bva-valg{display:flex; flex-direction:column; gap:.45rem; margin:.2rem 0 .9rem}
.bva-valg button, .bva-lenke{display:block; text-align:left; background:#fff; border:1px solid var(--line); border-radius:10px; padding:.6rem .85rem; font:inherit; font-size:.9rem; color:var(--marine); text-decoration:none; cursor:pointer}
.bva-valg button:hover, .bva-lenke:hover{border-color:var(--gold); background:rgba(224,165,38,.07)}
.bva-lenke--gull{background:var(--gold); border-color:var(--gold); font-weight:600}
.bva-lenke--gull:hover{background:var(--gold)}
.bva-restart{background:none; border:0; color:var(--muted); font-size:.8rem; cursor:pointer; text-align:left; padding:.2rem 0}
.bva-fot{margin:0; padding:.55rem 1rem .8rem; font-size:.73rem; color:var(--muted); border-top:1px solid var(--line)}
@media(max-width:760px){.bva-knapp{bottom:3.6rem; right:.7rem}.bva-panel{bottom:6.6rem; right:.7rem}}


/* ---------- v1.0.0-rc2: Forside-skjema ---------- */
.fskjema{background:linear-gradient(180deg, var(--stone), #fff); border-bottom:1px solid var(--line); padding:3rem 0}
.fskjema__grid{display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start}
.fskjema__tekst h2{margin-top:0}
.fskjema__punkter{list-style:none; padding:0; margin:1.2rem 0 0}
.fskjema__punkter li{padding-left:1.6rem; position:relative; margin-bottom:.55rem}
.fskjema__punkter li::before{content:"✓"; position:absolute; left:0; color:var(--gold-deep); font-weight:700}
.fskjema__boks{background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.4rem; box-shadow:0 10px 30px rgba(28,28,26,.08)}
.fskjema__boks input, .fskjema__boks textarea{width:100%; box-sizing:border-box; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:.7rem .85rem; font:inherit; margin-bottom:.7rem}
.fskjema__boks input:focus, .fskjema__boks textarea:focus{outline:2px solid var(--gold); border-color:var(--gold)}
.fskjema__boks .to-kol{display:grid; grid-template-columns:1fr 1fr; gap:.7rem}
.fskjema__boks .btn{width:100%; text-align:center; box-sizing:border-box}
@media(max-width:900px){.fskjema__grid{grid-template-columns:1fr; gap:1.6rem}.fskjema{padding:2rem 0}}
@media(max-width:640px){.fskjema__boks .to-kol{grid-template-columns:1fr}}


/* ---------- v1.0.0-rc9: Resultater fra virkeligheten ---------- */
.fres{background:var(--stone); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:3rem 0; }
.fres h2{margin:0 0 .3rem}
.fres__intro{color:var(--muted); margin:0 0 1.5rem}
.fres__grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.2rem}
.fres__kort{display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; text-decoration:none; color:var(--ink); transition:box-shadow .15s ease}
.fres__kort:hover{box-shadow:0 10px 26px rgba(28,28,26,.12)}
.fres__kort img{width:100%; aspect-ratio:16/9; object-fit:cover}
.fres__tittel{padding:.9rem 1rem .3rem; font-weight:600; line-height:1.35}
.fres__mer{padding:0 1rem .95rem; margin-top:auto; font-size:.85rem; color:var(--gold-deep); font-weight:600}
.fres__alle{margin:1.6rem 0 0}

/* rc10: ghost-knapp på lys bunn + kvitteringsfiks */
.fres .btn--ghost{color:var(--marine); border:1px solid var(--marine); background:transparent}
.fres .btn--ghost:hover{background:var(--marine); color:#fff}

.k-team{font-size:.88rem; color:var(--muted); border-left:3px solid var(--gold); padding-left:.8rem; margin:.9rem 0 0; max-width:34ch}


/* ---------- v1.0.0-rc17: Vurderingskortet i redaksjonell drakt ---------- */
.bla-test__res{background:#fff; border:1px solid var(--line); border-top:3px solid var(--gold); border-left:none; border-radius:12px; padding:1.6rem 1.8rem; box-shadow:0 10px 30px rgba(28,28,26,.07)}
.res-eyebrow{display:block; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--gold-deep); margin-bottom:.5rem}
.bla-test__res h3{font-family:var(--serif); font-size:1.45rem; margin:0 0 .6rem; color:var(--marine)}
.res-ingress{color:var(--ink); margin:0 0 1.2rem}
.res-label{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:var(--muted); margin:0 0 .6rem; border-top:1px solid var(--line); padding-top:1.1rem}
.res-momenter{list-style:none; counter-reset:mom; margin:0 0 1.3rem; padding:0}
.res-momenter li{counter-increment:mom; position:relative; padding-left:2.6rem; margin-bottom:1rem; line-height:1.55}
.res-momenter li::before{content:counter(mom); position:absolute; left:0; top:.05rem; width:1.7rem; height:1.7rem; border-radius:50%; background:rgba(224,165,38,.15); color:var(--gold-deep); font-family:var(--serif); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:.95rem}
.res-kilde{display:inline-block; font-size:.76rem; letter-spacing:.04em; color:var(--muted); background:var(--stone); border:1px solid var(--line); border-radius:4px; padding:.05rem .45rem; margin-left:.15rem; white-space:nowrap}
.bla-test__res .bla-test__disc{border-top:1px solid var(--line); padding-top:.9rem; margin-top:1.2rem}


/* ---------- v1.0.5: Saksarkivet som kortgrid ---------- */
.sak-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.4rem; margin:2rem 0}
.entry .sak-kort{display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:12px; padding:1.4rem 1.5rem; box-shadow:0 6px 22px rgba(28,28,26,.06); transition:box-shadow .15s ease, transform .15s ease}
.entry .sak-kort:hover{box-shadow:0 14px 34px rgba(28,28,26,.13); transform:translateY(-2px)}
.sak-meta{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--gold-deep); margin-bottom:.55rem}
.entry .sak-kort h2{font-size:1.18rem; line-height:1.35; margin:0 0 .6rem}
.entry .sak-kort p{font-size:.93rem; line-height:1.55; margin:0 0 1rem; color:var(--ink)}
.sak-les{margin-top:auto; font-weight:600; color:var(--gold-deep); text-decoration:none}
.sak-les:hover{text-decoration:underline}
@media(max-width:640px){.sak-grid{grid-template-columns:1fr}}

.cta-inline{margin:1.6rem 0}


/* ---------- v1.0.7: «Visste du»-boksen ---------- */
.vd-boks{background:linear-gradient(180deg, rgba(224,165,38,.08), rgba(224,165,38,.03)); border:1px solid rgba(224,165,38,.4); border-radius:12px; margin:1.6rem 0; overflow:hidden}
.vd-boks summary{display:block; width:100%; box-sizing:border-box; cursor:pointer; list-style:none; padding:.95rem 1.2rem; font-weight:600; color:var(--marine); position:relative; padding-right:2.6rem}
.vd-boks summary::-webkit-details-marker{display:none}
.vd-boks summary::after{content:"+"; position:absolute; right:1.1rem; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; border:1px solid var(--gold-deep); border-radius:50%; color:var(--gold-deep); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:1rem; transition:transform .2s ease}
.vd-boks[open] summary::after{content:"–"}
.vd-boks summary:hover{background:rgba(224,165,38,.07)}
.vd-innhold{padding:.2rem 1.2rem 1.2rem; border-top:1px dashed rgba(224,165,38,.35)}
.vd-innhold p{margin:.8rem 0}
.vd-knapper{display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap}
.vd-mer{font-weight:600; color:var(--gold-deep); text-decoration:none}
.vd-mer:hover{text-decoration:underline}


/* ---------- v1.0.9: Oppsummert-grid uten juletre ---------- */
.ops-grid{display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.6rem; margin:1rem 0 1.2rem}
.ops-punkt{border-top:1px solid var(--line); padding-top:.7rem}
.ops-tittel{display:block; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--gold-deep); margin-bottom:.3rem}
.ops-punkt p{margin:0; font-size:.93rem; line-height:1.55}
.ops-husk{border-left:3px solid var(--gold); padding:.15rem 0 .15rem .9rem; margin:1.1rem 0; font-size:.93rem}
@media(max-width:700px){.ops-grid{grid-template-columns:1fr}}

.bla-omtaler__stjerne{letter-spacing:.06em; margin-right:.35em}

/* --- v1.2.0: egen sak vs. praksis --- */
.bla-sak-badge{display:inline-block;background:var(--gull,#e0a526);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2em .7em;border-radius:999px;margin-bottom:.4em}
.bla-saker a .bla-sak-badge{margin-bottom:.5em}
.bla-sak-badge--topp{margin:0 0 1em}
.bla-sak-praksislinje{font-size:.85rem;color:var(--grafitt-60,#666);border-left:3px solid var(--linje,#ddd);padding-left:.8em;margin:0 0 1.2em;font-style:italic}
#saker-vi-har-fort,#praksis-og-avgjorelser{scroll-margin-top:6rem}
#praksis-og-avgjorelser{margin-top:3rem}

/* v1.3.0: FKU-tidstabell */
.tabell-ramme{overflow-x:auto;margin:1.2em 0}.tabell-ramme table{border-collapse:collapse;width:100%;font-size:.92rem}.tabell-ramme th,.tabell-ramme td{border:1px solid var(--linje,#ddd);padding:.5em .7em;text-align:left}.tabell-ramme th{background:var(--marine,#121210);color:#fff}

/* v1.4.6: vilkårsporten i strenge moduser */
.fskjema__vilkaar{display:block;font-size:.88rem;line-height:1.5;margin:.9em 0;padding:.8em 1em;background:var(--stone);border-left:3px solid var(--gold)}.fskjema__vilkaar input{margin-right:.5em}

/* v1.4.7: portens ramme */
.fskjema__vilkaar-intro{font-size:.9rem;margin:.9em 0 .3em;font-weight:600}.fskjema__vilkaar-alt{font-size:.85rem;color:var(--grafitt-60,#555);margin:.4em 0 .9em}

/* ---------- Lenkeblokker nederst på fagsider (v1.0.1) ---------- */
.entry-content p.lenker{font-size:.95rem; line-height:1.7; padding:1rem 1.2rem; background:var(--stone); border-left:3px solid var(--gold); border-radius:6px; margin:2rem 0 0}
.entry-content p.lenker + p.lenker{margin-top:.6rem}
.entry-content p.lenker--soster{border-left-color:var(--navy); opacity:.92}

/* ---------- Toppmeny: plass til 6 punkter + CTA (v1.0.2) ---------- */
.nav{gap:1rem}
.nav ul{gap:1.1rem}
.nav>ul>li>a{white-space:nowrap}
.nav .btn,.nav a.btn{white-space:nowrap; padding:.55rem .9rem; font-size:.9rem}
@media (max-width:1240px){ .nav ul{gap:.85rem} .nav a{font-size:.88rem} }

/* ---------- Forside: toveis velger (v1.2.0) ---------- */
.velger{display:grid; grid-template-columns:1fr 1fr; gap:3rem; padding:3.5rem 0 1.5rem}
.velger h2{font-size:1.6rem; margin-bottom:.3rem}
.velger__kol>p{color:var(--muted); margin:0 0 .6rem}
.velger .problem-liste{grid-template-columns:1fr}
.velger .problem-liste a:hover .pil{transform:translateX(4px)}
.velger .problem-liste .pil{color:var(--gold-deep); transition:transform .15s}
@media(max-width:820px){.velger{grid-template-columns:1fr; gap:2rem; padding-top:2.5rem}}
.dawn__intro{font-family:var(--sans); font-weight:400}
.fres__intro{max-width:60ch}

/* ---------- Advokatkollasj + firmalogo (v1.3.1) ---------- */
.dawn__team{display:grid; grid-template-columns:repeat(6,1fr); gap:.6rem; padding:1rem; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 24px 50px rgba(28,28,26,.12); max-width:360px}
.dawn__team .dawn__team-bilde{grid-column:span 2; aspect-ratio:1; border-radius:10px; overflow:hidden; background:var(--stone); display:grid; place-items:center; font-weight:600; color:var(--navy)}
.dawn__team .dawn__team-bilde img{width:100%; height:100%; object-fit:cover; display:block}
.dawn__team .dawn__team-bilde:nth-child(4){grid-column:2/span 2}
.dawn__team .dawn__team-bilde:nth-child(5){grid-column:4/span 2}
.dawn__team figcaption{grid-column:1/-1; padding:.5rem .2rem 0}
.dawn__team figcaption strong{display:block; color:var(--ink); font-size:1rem}
.dawn__team figcaption span{display:block; color:var(--muted); font-size:.88rem; line-height:1.4}
.bla-firmalogo{display:block; height:auto; max-width:100%}
.bla-firmalogo--hero{width:190px; margin:.2rem 0 .5rem}
.bla-firmalogo--footer{width:220px; margin:0 0 .6rem}
.bla-kontaktkort__firma{display:flex; align-items:center; gap:.9rem; flex-wrap:wrap; margin-top:1rem; font-size:.9rem; color:rgba(255,255,255,.75)}
.bla-kontaktkort__firma .bla-firmalogo{width:170px; background:#fff; padding:.35rem .5rem; border-radius:6px}

/* ---------- Skjema: tydelig feilmelding og markerte felt (v1.3.7) ---------- */
.felt--feil input, .felt--feil textarea{border-color:#b0432f !important; box-shadow:0 0 0 3px rgba(176,67,47,.18)}
.bla-skjema .feil a, .fag-feil a{color:inherit; text-decoration:underline}