.decision-paths {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 12px 0 22px;
}

.decision-path {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: var(--surface-raised);
  color: var(--ink);
  text-decoration: none;
}

.decision-path:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-soft);
}

.decision-path-label {
  color: var(--accent-strong);
  font-weight: 850;
  line-height: 1.2;
}

.decision-path-description {
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.48;
}

.offer-worksheet-table {
  width: 100%;
  border-collapse: collapse;
}

.offer-worksheet-table th,
.offer-worksheet-table td {
  padding: 12px;
  border: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.offer-worksheet-table thead th {
  background: var(--surface-raised);
}

.offer-worksheet-table tbody th {
  width: 32%;
}

.offer-worksheet button {
  margin-top: 16px;
}

.calculator-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 20px 0;
}

.calculator-field label,
.calculator-field input {
  display: block;
  width: 100%;
}

.calculator-field label {
  font-weight: 750;
}

.calculator-field label span,
.field-help,
.calculator-caveat {
  color: var(--muted);
}

.calculator-field input {
  margin-top: 6px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  font: inherit;
}

.field-help {
  margin: 6px 0 0;
  font-size: 0.9rem;
}

.calculator-caveat,
.calculator-errors,
.calculator-results {
  padding: 14px;
  border-radius: 6px;
}

.calculator-caveat { background: var(--surface-raised); }
.calculator-errors { margin-top: 14px; background: #fff0ed; color: #70230e; }
.calculator-results { margin-top: 18px; background: var(--surface-raised); }
.calculator-results dl { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; }
.calculator-results dt, .calculator-results dd { margin: 0; }
.calculator-results dd { font-weight: 750; text-align: right; }
.calculator-explanation { margin-top: 26px; }

@media (max-width: 900px) {
  .decision-paths {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .decision-paths {
    grid-template-columns: 1fr;
  }

  .worksheet-table-wrap {
    overflow-x: auto;
  }

  .offer-worksheet-table {
    min-width: 560px;
  }

  .calculator-fields {
    grid-template-columns: 1fr;
  }
}

@media print {
  .site-header,
  .site-footer,
  .has-print-worksheet #main-content > :not([data-print-worksheet-context]),
  [data-print-worksheet] {
    display: none !important;
  }

  .offer-worksheet::after {
    content: "Kilde: " attr(data-canonical-url);
    display: block;
    margin-top: 16px;
    font-size: 0.8rem;
  }
}