:root {
  --qsl-border: #bcd0e6;
  --blue-light: #e9f3fb;
  --blue-accent: #007bff;
  --blue-dark: #003366;
}
body { background-color: var(--blue-light); }
.qsl-card {
  background: linear-gradient(180deg, #f8fbff 0%, #e9f3fb 100%);
  border: 2px solid var(--qsl-border);
  border-radius: .75rem;
  box-shadow: 0 2px 8px rgba(0, 51, 102, 0.1);
}
.btn-primary { background-color: var(--blue-accent); border-color: var(--blue-accent); }
.btn-primary:hover { background-color: #0056b3; border-color: #0056b3; }
section.bg-body-tertiary { background-color: #f0f6fa !important; }
footer { background-color: var(--blue-dark); color: #fff; }
footer a { color: #aad4ff; }
footer a:hover { color: #fff; }
.qso-grid .qso-field {
  background: #fff; border: 1px dashed var(--qsl-border);
  border-radius: .5rem; padding: .5rem .75rem; height: 100%;
}
.qso-field .label { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #6c757d; }
.qso-field .value { font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size: 1rem; }
#posts .post-card { background:#fff; border:1px solid var(--qsl-border); border-radius:.75rem; padding:1rem; height:100%; }
#posts .post-card h3 { font-size:1.125rem; margin:0 0 .25rem 0; }
#posts .post-card .meta { font-size:.825rem; color:#6c757d; margin-bottom:.5rem; }
.club-card { background-color:#ffffff; border:1px solid var(--qsl-border); }
.club-card h3 { color: var(--blue-dark); }
.markdown-body h2 { margin-top:1.25rem; font-size:1.5rem; }
.markdown-body h3 { margin-top:1rem; font-size:1.25rem; }
.markdown-body p { margin:.6rem 0; }
.markdown-body pre, .markdown-body code { background:#f7f9fc; border:1px solid #e1e8f0; padding:.15rem .35rem; border-radius:.25rem; }
.markdown-body pre { padding:.75rem; overflow:auto; }