/* Minimal readable styling for rendered Markdown */
:root{
  --max-width:900px;
  --accent:#0b63d6;
  --bg:#ffffff;
  --muted:#6b7280;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui;
  background:#FDFFF094;
  color:#111827;
  -webkit-font-smoothing:antialiased;
}
.site-header{background:linear-gradient(90deg,#fff,#f8fafc);border-bottom:1px solid #e6e9ef;padding:18px 16px;text-align:center}
.site-header h1{margin:0;font-size:1.15rem;font-weight:600;color:var(--accent)}
.markdown-body{
  max-width:var(--max-width);
  margin:28px auto;
  padding:28px;
  background:var(--bg);
  border-radius:8px;
  box-shadow:0 1px 2px rgba(16,24,40,0.03),0 4px 8px rgba(15,23,42,0.04);
  line-height:1.6;
}
.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#0f172a;margin-top:1.4em}
.markdown-body h1{font-size:1.5rem}
.markdown-body h2{font-size:1.25rem}
.markdown-body p{color:#111827}
.markdown-body a{color:var(--accent);text-decoration:none}
.markdown-body a:hover{text-decoration:underline}
.markdown-body img{max-width:100%;height:auto;border-radius:6px}
.markdown-body pre{background:#0f172a;color:#e6eef8;padding:12px;border-radius:6px;overflow:auto}
.markdown-body code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace}
.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0}
.markdown-body th,.markdown-body td{border:1px solid #e6e9ef;padding:10px;text-align:left}
.markdown-body blockquote{border-left:4px solid #e6eef8;padding:10px 16px;background:#fbfdff;color:#0f172a;border-radius:4px}
.site-footer{text-align:center;color:var(--muted);padding:18px 8px;font-size:0.9rem}

/* Responsive padding */
@media (max-width:600px){
  .markdown-body{margin:18px;padding:16px;border-radius:6px}
}