/* Stiler for salgsvilkar/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: var(--et-radius-xl);
  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: var(--et-tracking-title);
  color: var(--et-heading); 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: var(--et-radius-lg);
  border: 1px solid var(--et-border-light); box-shadow: var(--et-shadow-md);
}

.et-prose { font-size: 16px; line-height: 26px; color: var(--et-text); }
.et-prose h2 {
  font-family: var(--et-font-title); font-weight: 800;
  font-size: 23px; line-height: 32px; color: var(--et-heading);
  letter-spacing: var(--et-tracking-title);
  margin: 34px 0 12px;
}
.et-prose h2:first-child { margin-top: 0; }
.et-prose h2 .nr {
  color: var(--et-heading); font-variant-numeric: tabular-nums;
  margin-right: 10px;
}
.et-prose h3 {
  font-family: var(--et-font-body); font-weight: 700;
  font-size: 17px; color: var(--et-heading); margin: 22px 0 8px;
}
.et-prose p { margin: 0 0 16px; }
.et-prose ul { margin: 0 0 16px 22px; }
.et-prose li { margin-bottom: 7px; }
.et-prose a { color: var(--et-link); }
.et-prose a:hover { color: var(--et-heading); }
.et-prose strong { font-weight: 700; }

.contact-box {
  background: var(--et-lys-stein); border-radius: var(--et-radius);
  padding: 22px 26px; margin: 20px 0; font-size: 15px; line-height: 25px;
}
.contact-box strong {
  font-family: var(--et-font-title); font-weight: 800; color: var(--et-heading);
}

.info-note, .warn-note {
  padding: 14px 18px; border-radius: 0 var(--et-radius-sm) var(--et-radius-sm) 0;
  margin: 18px 0; font-size: 15px; line-height: 24px;
}
.info-note { background: var(--et-vinterhimmel); border-left: 4px solid var(--et-fjellbla); color: var(--et-fjellbla-dark); }
.warn-note { background: var(--et-anorakk-tint); border-left: 4px solid var(--et-anorakk); color: var(--et-bark); }
.info-note a, .warn-note a { color: inherit; }

.toc {
  background: var(--et-lys-stein); border-radius: var(--et-radius);
  padding: 20px 26px; margin-bottom: 30px;
}
.toc-title {
  font-family: var(--et-font-body); font-weight: 700; font-size: 13px;
  text-transform: uppercase; letter-spacing: .09em;
  color: var(--et-text-muted); margin-bottom: 12px;
}
.toc ol { margin: 0 0 0 20px; }
.toc li { margin-bottom: 4px; font-size: 15px; }
.toc a { color: var(--et-link); text-decoration: none; }
.toc a:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .toc li { margin-bottom: 0; }
  .toc a { display: inline-flex; align-items: center; min-height: var(--et-touch); }
}

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