/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/
/* Container width: site-wide bump for Tailwind containers */
:root{ --site-container-max: 90rem; }
.max-w-7xl{ max-width: var(--site-container-max, 90rem) !important; }

/* Subtle background patterns (no images) */
:root {
  --pattern-fg: rgba(100,116,139,0.05); /* slate-500 @ 8% */
  --pattern-bg: #ffffff;
}

/* Dotted pattern */
.bg-dots-slate {
  background-color: var(--pattern-bg);
  background-image: radial-gradient(var(--pattern-fg) 1px, transparent 1px);
  background-size: 24px 24px;
  background-position: center top;
}

/* Grid pattern */
.bg-grid-slate {
  background-color: var(--pattern-bg);
  background-image:
    linear-gradient(var(--pattern-fg) 1px, transparent 1px),
    linear-gradient(90deg, var(--pattern-fg) 1px, transparent 1px);
  background-size: 32px 32px, 32px 32px;
  background-position: center top, center top;
}

@media (min-width: 1024px) {
  .bg-dots-slate { background-size: 20px 20px; }
  .bg-grid-slate { background-size: 28px 28px, 28px 28px; }
}


/* 404 page specific background (body class from baseof.html) */
body.is-404{
  background-color: var(--pattern-bg);
  background-image: radial-gradient(var(--pattern-fg) 1px, transparent 1px);
  background-size: 24px 24px;
  background-position: center top;
}
@media (min-width: 1024px){ body.is-404{ background-size: 28px 28px; } }

/* ---- Typography overrides (after theme/style.min.css) ---- */
/* Some deployments set body to 300; normalize to 400 to ensure bold has contrast */
body{ font-weight: 400; }
/* Make semantic bolds visibly bold across stacks */
b, strong{ font-weight: 700; }

/* ---- Footer bottom-gap guard (highest priority, loaded last) ---- */
/* In some builds (e.g., style.min.css present) margins can reappear via cascade.
   Normalize bottom spacing to eliminate a blank gap under the footer. */
html, body{ margin:0 !important; padding:0 !important; }
main{ margin:0 !important; padding-bottom:0 !important; }
footer{ margin:0 !important; }
footer > *:last-child{ margin-bottom:0 !important; }