/* Values from design/prototypes/Dashboard.dc.html (page, cards, type, links). */
body {
  margin: 0;
  background: #f0f4f7;
  font-family: 'Wix Madefor Text', system-ui, sans-serif;
  color: #000624;
}
a { color: #116dff; }
a:hover { color: #0f55cc; }
.page {
  padding: 32px 24px 64px;
  box-sizing: border-box;
}
.inner {
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
header {
  display: flex;
  align-items: center;
  gap: 14px;
}
header a { display: flex; align-items: center; gap: 14px; text-decoration: none; color: inherit; }
.brandText { display: flex; flex-direction: column; gap: 2px; }
h1, .display { font-family: 'Wix Madefor Display', system-ui, sans-serif; }
.title { margin: 0; font-size: 28px; font-weight: 700; }
.tagline { font-size: 14px; color: #3b4257; }
.card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 6, 36, 0.06);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.headline {
  margin: 0;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
h2 { margin: 0; font-size: 18px; font-weight: 700; }
h3 { margin: 0; font-size: 14px; font-weight: 600; }
p, li { margin: 0; font-size: 15px; line-height: 1.6; color: #3b4257; }
ul, ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }
.qa { display: flex; flex-direction: column; gap: 6px; }
.updated { font-size: 13px; color: #3b4257; }
nav { display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px; }