/* Stiler for kjopsvilkar/index.html. Flyttet ut av <style> i siden (fase 1c, nov. 2026). Lastes på samme sted
   som før: etter tokens.css (og sider.css), før layout.css. */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--et-font-body); background: #fff; color: var(--et-text); }

.et-container { max-width: 820px; margin: 0 auto; padding: 48px 32px; }
.et-page-hero {
  background: var(--et-lys-stein); border-radius: 25px;
  padding: 56px 56px 48px; margin-bottom: 32px; text-align: center;
}
.et-page-hero h1 {
  font-family: var(--et-font-title); font-weight: 800;
  font-size: 48px; line-height: 56px; letter-spacing: -.96px;
  color: var(--et-text); margin: 0 0 12px;
}
.et-page-hero .last-updated {
  font-size: 14px; color: var(--et-text-muted);
}

.article-card {
  background: #fff; padding: 40px 48px; border-radius: 18px;
  border: 1px solid var(--et-border-light); box-shadow: 0 4px 18px rgba(0,0,0,0.04);
}

.et-prose { font-family: var(--et-font-body); font-size: 16px; line-height: 26px; color: var(--et-text); }
.et-prose h2 {
  font-family: var(--et-font-title); font-weight: 800;
  font-size: 24px; line-height: 32px; color: var(--et-heading);
  margin: 32px 0 14px;
}
.et-prose h2:first-child { margin-top: 0; }
.et-prose h3 {
  font-family: var(--et-font-title); font-weight: 800;
  font-size: 18px; color: var(--et-heading); margin: 24px 0 8px;
}
.et-prose p { margin: 0 0 16px; }
.et-prose ul { margin: 0 0 16px 22px; }
.et-prose li { margin-bottom: 6px; }
.et-prose a { color: var(--et-link); text-decoration: underline; }
.et-prose strong { font-weight: 700; color: var(--et-text); }

.contact-box {
  background: var(--et-lys-stein); border-radius: 14px;
  padding: 24px 28px; margin: 24px 0;
  font-size: 15px; line-height: 24px;
}
.contact-box strong { color: var(--et-heading); font-family: var(--et-font-title); }

.info-note {
  background: var(--et-warn-bg); border-left: 4px solid var(--et-warn);
  padding: 14px 18px; border-radius: 0 8px 8px 0;
  margin: 18px 0; font-size: 14px; line-height: 22px;
  color: var(--et-warn);
}
.info-note strong { color: var(--et-warn); }

@media(max-width: 780px) {
  .et-container { padding: 28px 16px; }
  .et-page-hero { padding: 36px 24px; border-radius: 18px; }
  .et-page-hero h1 { font-size: 30px; line-height: 38px; }
  .article-card { padding: 28px 24px; }
}