/* === Force overrides (placed LAST in custom.css) === */

/* Base text + page width */
body{
  background: var(--bg) !important;
  color: var(--fg) !important;
  font: 16px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
#container, .gollum-site, .markdown-body, main, .page{
  max-width: 80ch !important;
  margin: 0 auto !important;
  padding: 2.5rem 1rem 6rem !important;
}

/* Links */
a{
  color: var(--link) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
a:visited{ color: var(--link-visited) !important; }

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 2.5rem 0 1rem !important;
}
h1{
  font-size: 1.9rem !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: .3rem !important;
}
h2{ font-size: 1.4rem !important; }
h3{ font-size: 1.2rem !important; color: var(--muted) !important; }
h4,h5,h6{ font-size: 1rem !important; color: var(--muted) !important; }

/* Code blocks */
pre{
  background: var(--code-bg) !important;
  padding: 1rem 1.2rem !important;
  border-radius: 6px !important;
  overflow: auto !important;
}
code,kbd,samp{
  background: var(--code-bg) !important;
  padding: .15rem .35rem !important;
  border-radius: 4px !important;
}

/* Tables */
table{ width: 100% !important; border-collapse: collapse !important; }
th,td{ border: 1px solid var(--border) !important; padding: .6rem .7rem !important; }

/* Blockquotes */
blockquote{
  border-left: 3px solid var(--border) !important;
  color: var(--muted) !important;
  margin: 1.2rem 0 !important; padding: .6rem 1rem !important;
}

/* Trim chrome */
header, .header, .gollum-header{ background: none !important; border: 0 !important; }
.gollum-footer, .footer, nav, .actions{ color: var(--muted) !important; }

/* Keep images responsive */
img, video{ max-width: 100% !important; height: auto !important; }