/* Sideo — artikkel- og bransjeside-stiler (bygger på styles.css) */

.article-hero{padding:calc(72px + clamp(40px,7vw,70px)) 0 clamp(28px,4vw,44px)}
.article-hero .eyebrow{margin-bottom:18px}
.article-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2rem,4.6vw,3.1rem);letter-spacing:-.035em;line-height:1.08;max-width:20ch}
.article-hero .article-sub{margin-top:18px;font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted);max-width:58ch;line-height:1.55}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:.9rem;color:var(--muted-2)}
.article-meta b{color:var(--muted);font-weight:500}

.prose{max-width:720px;font-size:1.05rem;line-height:1.72;color:var(--ink-2)}
.prose > * + *{margin-top:1.1em}
.prose h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.35rem,2.4vw,1.7rem);letter-spacing:-.025em;color:var(--ink);margin-top:2em;line-height:1.2}
.prose h3{font-family:var(--fd);font-weight:700;font-size:1.15rem;letter-spacing:-.015em;color:var(--ink);margin-top:1.7em}
.prose a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{text-decoration-thickness:2px}
.prose strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:.45em}
.prose li::marker{color:var(--muted-2)}
.prose blockquote{border-left:3px solid var(--accent);padding:.3em 0 .3em 1.1em;color:var(--muted);font-style:italic}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}
.prose table th,.prose table td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}
.prose table th{background:var(--bg-soft);font-family:var(--fd);font-weight:700;color:var(--ink);white-space:nowrap}
.prose img{max-width:100%;border-radius:var(--r-lg);border:1px solid var(--line)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose .lead-first::first-letter{font-family:var(--fd)}

/* Nøkkelsvar-boks (AEO: svaret først) */
.answer-box{background:var(--accent-soft);border:1px solid #d8dafb;border-radius:var(--r-lg);padding:20px 24px;color:var(--accent-ink);font-size:1.02rem;line-height:1.6}
.answer-box b,.answer-box strong{color:var(--accent-ink)}

/* Faktaboks */
.factbox{background:var(--bg-pure);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 24px;box-shadow:var(--sh-xs)}
.factbox h4{font-family:var(--fd);font-weight:700;font-size:1rem;margin-bottom:10px;color:var(--ink)}

/* Les også */
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:26px}
.related a{display:block;background:var(--bg-pure);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;text-decoration:none;color:var(--ink);transition:border-color .18s,transform .18s,box-shadow .18s}
.related a:hover{border-color:var(--muted-2);transform:translateY(-2px);box-shadow:var(--sh-sm)}
.related .rel-k{display:block;font-size:.8rem;color:var(--muted-2);margin-bottom:6px}
.related .rel-t{font-family:var(--fd);font-weight:700;font-size:1rem;letter-spacing:-.015em;line-height:1.3}

/* Blogg-index */
.postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.postcard{display:flex;flex-direction:column;gap:10px;background:var(--bg-pure);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px 28px;text-decoration:none;color:var(--ink);transition:border-color .18s,transform .18s,box-shadow .18s}
.postcard:hover{border-color:var(--muted-2);transform:translateY(-3px);box-shadow:var(--sh-sm)}
.postcard .pc-k{font-size:.82rem;color:var(--muted-2)}
.postcard h2{font-family:var(--fd);font-weight:700;font-size:1.22rem;letter-spacing:-.02em;line-height:1.25}
.postcard p{font-size:.96rem;color:var(--muted);line-height:1.55}
.postcard .pc-m{margin-top:auto;padding-top:8px;font-size:.88rem;color:var(--accent-ink);font-weight:500}

/* Bransje-hero trust (gjenbruk av hero__trust utenfor hero-klassen) */
.bransje-hero{padding:calc(72px + clamp(44px,8vw,84px)) 0 clamp(34px,5vw,56px);text-align:left}
.bransje-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.1rem,5vw,3.4rem);letter-spacing:-.04em;line-height:1.06;max-width:18ch}
.bransje-hero .article-sub{margin-top:20px;font-size:clamp(1.08rem,1.7vw,1.25rem);color:var(--muted);max-width:56ch;line-height:1.55}
.bransje-hero .hero__cta{justify-content:flex-start}
.bransje-hero .hero__trust{justify-content:flex-start}

@media(max-width:640px){
  .prose{font-size:1rem}
}