/* =====================================
   Modern Minimal – Verdana
   Alpine Theme Override (Micro.blog)
===================================== */

/* Base typography */
body {
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important; /* slightly tighter than 1.7 */
  color: #222 !important;
  background: #fff !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Reading width */
#wrapper,
.container,
main {
  max-width: 740px !important;
}

/* Global links – annall brown */
a {
  color: #9a5a00 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
a:hover {
  color: #6f3f00 !important;
  text-decoration: underline !important;
}

/* Subtle separators */
#header,
#post-meta,
hr {
  border-color: #eee !important;
}
hr {
  height: 1px !important;
  background: #eee !important;
  width: 60% !important;
}

/* =====================================
   Header spacing (fix squish)
===================================== */
#header,
header.site-header,
header {
  padding-top: 2rem !important;
  padding-bottom: 1.2rem !important;
}

nav.main-nav {
  margin-bottom: 2rem !important;
}

/* =====================================
   Site title (your name) – 1rem bold Verdana
   (wins over nav link styling)
===================================== */
nav.main-nav .site-title a,
.site-title a {
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 0.9rem !important;     /* same as nav */
  font-weight: 700 !important;    /* bold */
  letter-spacing: 0 !important;
  color: #111 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;    /* a touch tighter for the title */
}

nav.main-nav .site-title a:hover,
.site-title a:hover {
  color: #111 !important;
  text-decoration: none !important;
  opacity: 0.85 !important;
}

/* Space between title and menus (only inside nav) */
nav.main-nav .site-title {
  margin-bottom: 0.8rem !important;
}

/* =====================================
   Navigation – only menu links (not title)
===================================== */
nav.main-nav,
nav.main-nav .site-menus a {
  font-family: Verdana, Geneva, sans-serif !important;
}

nav.main-nav .site-menus a {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Hide “Also on Micro.blog” */
nav.main-nav .site-menus a.cta,
a.cta {
  display: none !important;
}

/* =====================================
   Post titles – restrained hierarchy
===================================== */
article h1,
.post h1,
.entry h1,
h1.post-title,
h1.entry-title {
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;     /* tighter headline */
  letter-spacing: -0.2px !important;
  color: #111 !important;
  margin-top: 1.6rem !important;
  margin-bottom: 0.7rem !important;
}

/* Images */
article img {
  width: 100% !important;
  height: auto !important;
  margin: 2rem 0 !important;
}