@page {
  margin: 18mm;
  size: A4;
}

:root {
  --text: #1a1a1a;
  --muted: #4a4a4a;
}

body {
  background: #fff !important;
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, Helvetica, Arial,
    'PingFang SC', 'Microsoft YaHei', sans-serif;
}

.shell,
.detail,
.topic-card,
.extra-card,
.fact,
.callout {
  box-shadow: none !important;
  background: #fff !important;
}

.page {
  margin: 0;
  padding: 0;
  max-width: none;
}

header.hero {
  border: none;
  background: #fff;
  padding: 0 0 14px;
}

.hero h1 {
  font-size: 26px;
}

.topics {
  break-after: avoid;
}

.toolbar,
.recommendations,
.filters,
.search-box,
.empty {
  display: none !important;
}

.topic-grid {
  display: none;
}

.detail {
  border: none;
  padding: 0;
}

.facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.footer {
  border-top: 1px solid #d4d7e5;
  padding-top: 12px;
  margin-top: 18px;
  font-size: 11px;
}

@media print and (max-width: 640px) {
  .facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}