@page {
  size: A4 portrait;
  margin: 12mm 11mm 15mm;

  @bottom-left {
    content: "©";
    min-width: 42mm;
    background: url("../images/logo-left-navy-blue.svg") left center / 30mm auto no-repeat;
    padding-left: 29.2mm;
    color: #274562;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 7pt;
  }

  @bottom-center {
    content: "www.arthroconcept.com";
    color: #60758a;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 8pt;
  }

  @bottom-right {
    content: "Seite " counter(page) " von " counter(pages);
    color: #60758a;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 8pt;
  }
}

html,
body {
  min-width: 0 !important;
  background: #fff !important;
}

body {
  margin: 0 !important;
  color: #111 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 10pt !important;
  -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

.no-print,
.site-header,
.site-footer,
.test-section,
.result-loading-section,
.result-actions {
  display: none !important;
}

.result-section,
.result-report {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.result-header {
  display: flex !important;
  min-height: 35mm;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12mm !important;
  margin: 0 0 12mm !important;
  break-inside: avoid;
}

.result-header__mobile-logo { display: none !important; }
.result-header .eyebrow { margin-bottom: 2mm !important; font-size: 9pt !important; }
.result-header h1 { color: #274562 !important; font-size: 27pt !important; line-height: 1.04 !important; }
.result-header__meta { text-align:right !important; }
.result-header__date { margin: 3mm 0 0 !important; font-size: 9.5pt !important; white-space: nowrap; }
.result-header__version { margin:1.5mm 0 0 !important; color:#60758a !important; font-size:8.5pt !important; font-weight:650 !important; white-space:nowrap; }

.score-dashboard {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8mm 5mm !important;
  margin: 0 !important;
  padding: 4mm 0 0 !important;
  break-inside: avoid;
}

.score-card {
  position: relative !important;
  display: block !important;
  min-height: 47mm !important;
  border: 0.35mm solid #dfe6ea !important;
  border-radius: 2mm !important;
  background: #fff !important;
  padding: 11mm 3mm 4mm !important;
  box-shadow: none !important;
  break-inside: avoid;
}

.score-card__heading {
  top: -4mm !important;
  width: calc(100% - 6mm) !important;
  max-width: none !important;
  min-height: 9mm !important;
  border-radius: 99mm !important;
  padding: 1.7mm 2mm !important;
  background: #119d7e !important;
}

.score-card__heading h2 {
  max-width: 100%;
  color: #fff !important;
  font-size: 10pt !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere;
}

.score-card__visual { min-height: 30mm !important; padding: 0 !important; }
.score-ring,
.score-ring--pain { width: 25mm !important; height: 25mm !important; }
.score-ring {
  background: #fff !important;
  color: #049906 !important;
}
.score-ring--potential {
  color: #ffc556 !important;
}
.score-ring--need,
.score-ring--review {
  color: #ff3131 !important;
}
.score-ring--zero.score-ring--good { background: rgba(4, 153, 6, .3) !important; }
.score-ring--zero.score-ring--need,
.score-ring--zero.score-ring--review { background: rgba(255, 49, 49, .3) !important; }
.score-ring--zero .score-ring__print-svg { display: none !important; }
.score-ring::before,
.score-ring--pain::before { display: none !important; }
.score-ring__print-svg {
  position: absolute;
  inset: 0;
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: rotate(-90deg);
}
.score-ring__print-track,
.score-ring__print-value {
  fill: none;
  stroke-width: 16;
}
.score-ring__print-track { stroke: #fff; }
.score-ring__print-value {
  stroke: currentColor;
  stroke-linecap: butt;
}
.score-ring span {
  background: none !important;
  color: #049906 !important;
  font-size: 17pt !important;
  -webkit-text-fill-color: #049906 !important;
}
.score-ring--potential span {
  color: #ffc556 !important;
  -webkit-text-fill-color: #ffc556 !important;
}
.score-ring--need span,
.score-ring--review span {
  color: #ff3131 !important;
  -webkit-text-fill-color: #ff3131 !important;
}
.pain-rings { width: 100% !important; gap: 3mm !important; }
.pain-ring { min-width: 0; }
.pain-ring p { margin-top: 3mm !important; font-size: 8.5pt !important; white-space: normal !important; }
.bmi-result { gap: 3mm !important; }
.bmi-result p {
  background: none !important;
  font-size: 9pt !important;
  text-align: center;
}
.bmi-result .bmi-status--good {
  color: #049906 !important;
  -webkit-text-fill-color: #049906 !important;
}
.bmi-result .bmi-status--potential {
  color: #ffc556 !important;
  -webkit-text-fill-color: #ffc556 !important;
}
.bmi-result .bmi-status--need {
  color: #ff3131 !important;
  -webkit-text-fill-color: #ff3131 !important;
}

.report-notice {
  margin: 12mm 0 10mm !important;
  border: 0.35mm solid #dfe6ea !important;
  border-radius: 2mm !important;
  background: #fff !important;
  padding: 6mm !important;
  box-shadow: none !important;
  break-inside: avoid;
}

.report-notice h2 { font-size: 15pt !important; }
.report-notice h3 { margin-top: 6mm !important; font-size: 12.5pt !important; }
.report-notice p { margin-top: 2.5mm !important; font-size: 10pt !important; line-height: 1.42 !important; }
.dot-legend,
.priority-legend { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 3mm 8mm !important; }
.dot-legend { margin-top: 4mm !important; }
.priority-legend { margin-top: 5mm !important; font-size: 10pt !important; }
.priority-swatch--relevant { background: #b2deb3 !important; }
.priority-swatch--review { background: #ffc556 !important; }

.evidence-card-stack { display: block !important; margin: 0 !important; }

.evidence-card {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0.35mm solid #dfe6ea !important;
  border-radius: 2mm !important;
  background: #fff !important;
  box-shadow: none !important;
  break-inside: auto;
}

.evidence-card + .evidence-card { break-before: page; }
.evidence-card:first-child { break-before: page; }

.evidence-card__label {
  position: static !important;
  display: inline-flex !important;
  max-width: calc(100% - 8mm) !important;
  min-height: 9mm !important;
  margin: 0 0 0 3mm !important;
  border-radius: 99mm !important;
  background: #119d7e !important;
  padding: 1.7mm 6mm 1.7mm 4mm !important;
  break-after: avoid;
}

.evidence-card__label img { width: 5.5mm !important; height: 5.5mm !important; }
.evidence-card__label h2 { color: #fff !important; font-size: 11.5pt !important; overflow-wrap: anywhere; }
.evidence-card__body { min-width: 0 !important; padding: 6mm !important; }

.knowledge-card-score { top: 3mm !important; right: 5mm !important; }
.knowledge-card-score .score-ring { width: 27mm !important; height: 27mm !important; box-shadow: none !important; }
.knowledge-card-score .score-ring::before { inset: 3.5mm !important; }
.knowledge-card-score .score-ring span { font-size: 20pt !important; }

#movement .action-columns,
#nutrition .nutrition-estimates { margin-top: 12mm !important; }

.action-columns { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7mm 12mm !important; }
.action-list { break-inside: avoid; }
.action-list h3,
.card-subtitle,
.supplement-group > h3,
.aid-group > h3,
.medication-group > h3,
.medication-joint-title {
  color: #111 !important;
  font-size: 13pt !important;
  line-height: 1.25 !important;
  break-after: avoid;
}

.action-list li,
.knowledge-card__intro,
.supplement-note p,
.card-intro p,
.medication-preamble p,
.supplement-guidance p,
.result-disclaimer {
  color: #111 !important;
  font-size: 10pt !important;
  line-height: 1.42 !important;
}

.good-list { margin-top: 7mm !important; }
.knowledge-card__intro { max-width: calc(100% - 32mm) !important; margin: 3mm 0 6mm !important; }
.knowledge-card__newsletter { margin-bottom: 7mm !important; font-size: 10.5pt !important; }
.knowledge-card__newsletter-screen { display: none !important; }
.knowledge-card__newsletter-print { display: inline !important; }
#education .card-subtitle,
#education .education-review,
#education .evidence-overview { display: none !important; }
.education-review { gap: 5mm !important; min-height: 0 !important; }
.knowledge-item { break-inside: avoid; }
.knowledge-item > ul { display: grid !important; }
.knowledge-item__result i { transform: none !important; }
.knowledge-item summary { grid-template-columns: 44mm minmax(0, 1fr) !important; gap: 5mm !important; font-size: 10pt !important; }
.knowledge-item__result { gap: 2mm !important; }
.knowledge-item ul { margin-top: 3mm !important; }
.knowledge-answer-row { min-width: 0 !important; font-size: 9.5pt !important; break-inside: avoid; }

.nutrition-estimates { gap: 3mm !important; }
.nutrition-estimates > p {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(30mm, 0.55fr) !important;
  gap: 3mm !important;
  font-size: 10pt !important;
  break-inside: avoid;
}
.nutrition-estimates > p strong { grid-column: auto !important; }
.protein-warning { font-size: 9.5pt !important; break-inside: avoid; }

.supplement-note {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 5mm 10mm !important;
  margin: 0 0 6mm !important;
  break-inside: avoid;
}

.supplement-group,
.aid-group,
.medication-group { break-inside: avoid-page; }
.supplement-group + .supplement-group,
.aid-group + .aid-group,
.medication-group + .medication-group { margin-top: 8mm !important; }
.supplement-group > h3,
.aid-group > h3,
.medication-group > h3 { margin: 0 0 4mm !important; }

.evidence-table-wrap { width: 100% !important; max-width: 100% !important; overflow: visible !important; }
.evidence-table { width: 100% !important; min-width: 0 !important; color: #111 !important; font-size: 9.5pt !important; }
.evidence-table__head {
  position: static !important;
  display: grid !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  margin: 0 !important;
  break-after: avoid-page;
}

.evidence-table__head,
.evidence-table__row { grid-template-columns: minmax(0, 25%) minmax(0, 1fr) minmax(27mm, 21%) !important; gap: 0 !important; }
.evidence-table--4-columns .evidence-table__head,
.evidence-table--4-columns .evidence-table__row { grid-template-columns: minmax(0, 24%) minmax(0, 23%) minmax(0, 1fr) minmax(27mm, 20%) !important; }

.evidence-table__head > span,
.evidence-table__cell {
  position: static !important;
  display: block !important;
  min-width: 0 !important;
  padding: 2.5mm !important;
  color: #111 !important;
  font-size: 9.5pt !important;
  line-height: 1.38 !important;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

.evidence-table__head > span { font-weight: 700 !important; }
.evidence-table__cell::before { display: none !important; }
.evidence-table__body { gap: 1.2mm !important; }
.evidence-table__row {
  position: relative !important;
  border-radius: 1.8mm !important;
  padding: 0 !important;
  box-shadow: none !important;
  break-inside: avoid;
}

.evidence-table__row.is-priority,
.evidence-table__row.supplement-row--positive,
.evidence-table__row.aid-row--positive,
.evidence-table__row.medication-row--positive {
  background: #b2deb3 !important;
}

.evidence-table__row.needs-review,
.evidence-table__row.supplement-row--review,
.evidence-table__row.aid-row--review,
.evidence-table__row.medication-row--review {
  background: #ffc556 !important;
}

.evidence-table__row.medication-row--avoid {
  background: rgba(255, 49, 49, .3) !important;
}

.action-list--up::before,
.good-list .action-list--down::before {
  background: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.evidence-table__row.injection-row { margin-bottom: 2mm; border: 0.3mm solid #e3e9ec; background: #fff !important; }
#injections .evidence-table__body { gap: 3mm !important; }
#injections .evidence-table__cell { padding: 2.2mm !important; font-size: 9pt !important; line-height: 1.32 !important; }
.injection-assessment { margin-top: 3mm !important; }
.injection-assessment p { font-size: 9pt !important; line-height: 1.32 !important; }
#injections .evidence-overview { margin-top: 4mm !important; }
.supplement-effects,
.supplement-evidence-list { gap: 2.5mm !important; }
.supplement-effect-row { break-inside: avoid; }
.supplement-review-notices { gap: 1.5mm !important; padding: 1mm 2.5mm 3mm !important; }
.supplement-review-notices p { color: #fff !important; font-size: 9pt !important; line-height: 1.35 !important; }
.supplement-review-notices__claim { padding-left: 7mm !important; }
.supplement-guidance { padding: 1mm 2.5mm 3mm !important; }
.supplement-guidance--vitamin-d p { color: #fff !important; }
.medication-preamble,
.card-intro { break-inside: avoid; }
.medication-disclaimer > span { flex-basis: 5.5mm !important; width: 5.5mm !important; height: 5.5mm !important; }

.evidence-dots { gap: 1.4mm !important; white-space: nowrap; }
.evidence-dots i { width: 3.6mm !important; height: 3.6mm !important; border-width: 0.45mm !important; }

.info-popover button { display: none !important; }
.info-popover [role="tooltip"] {
  position: static !important;
  display: block !important;
  width: auto !important;
  margin-top: 1.5mm !important;
  border: 0 !important;
  border-radius: 1.5mm !important;
  background: #f1f7f8 !important;
  padding: 2.5mm !important;
  box-shadow: none !important;
  color: #111 !important;
  font-size: 8.8pt !important;
  line-height: 1.35 !important;
}

.nutrition-estimates .info-popover { grid-column: 1 / -1; }
.injection-name { display: block !important; }
.injection-name .info-popover { display: block !important; margin-top: 2mm; font-style: normal; }

.evidence-overview { margin-top: 7mm !important; border-radius: 1.8mm !important; break-inside: avoid; }
.evidence-overview > .evidence-overview__content { display: block !important; }
.evidence-overview summary {
  display: flex !important;
  border-radius: 1.8mm !important;
  background: #274562 !important;
  padding: 4mm 5mm !important;
  color: #fff !important;
  font-size: 11pt !important;
}
.evidence-overview summary { border-radius: 1.8mm 1.8mm 0 0 !important; }
.evidence-overview summary > span { transform: none !important; }
.evidence-overview__content { padding: 0 5mm 4mm !important; }
.evidence-overview h3 { color: #fff !important; font-size: 11pt !important; }
.evidence-overview__content p { color: #fff !important; font-size: 9.5pt !important; }

.result-disclaimer { margin: 8mm 0 0 !important; font-size: 8.5pt !important; break-inside: avoid; }
p,
li,
.evidence-table__cell { orphans: 3; widows: 3; }