/* /public/assets/css/content.css */
/* White content pages + consistent typography */

html, body{
  background:#ffffff !important;
  color:#111827 !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

.qmk-page{
  max-width: 980px;
  margin: 0 auto;
  padding: 18px 14px 48px;
}

.qmk-page__head{
  padding: 10px 2px 14px;
}

.qmk-page__title{
  margin: 0 0 8px;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color:#111827;
}

.qmk-page__lead{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color:#4b5563;
}

.qmk-card{
  margin-top: 12px;
  background:#ffffff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

.qmk-card__title{
  margin: 0 0 8px;
  font-size: 16px;
  color:#111827;
}

.qmk-card__body{
  color:#111827;
  font-size: 14px;
  line-height: 1.7;
}

.qmk-card__body a{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.25);
}

.qmk-card__body a:hover{
  border-bottom-color: rgba(0,0,0,.5);
}