/* --- Global Reset & Base Theme --- */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: #0b0d0c !important; /* Matte obsidian */
  color: #c8d1d9 !important; /* Terminal slate text */
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: 11px !important; /* High-density micro scale */
  line-height: 1.4 !important;
  padding: 15px !important;
}

/* Master Layout Constraints */
#blog, #post {
  max-width: 650px !important; /* Keeps paragraph columns perfectly scannable */
  margin: 0 left !important; /* Aligns content left for better widescreen framing */
  padding-right: 240px !important; /* Reserves breathing room for right sidebar */
}

/* Typography Restraints */
h1, h2, h3 {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-top: 14px !important;
  margin-bottom: 6px !important;
}

a {
  color: #4ade80 !important; /* Mint Green links */
  text-decoration: none !important;
}
a:hover {
  color: #22c55e !important;
  text-decoration: underline !important;
}

p, pre, code, ul, ol {
  margin-bottom: 8px !important;
}

/* --- Ergonomic Bottom-Right Fixed Navigation --- */
header {
  position: fixed !important;
  bottom: 15px !important;
  right: 15px !important;
  width: 180px !important;
  z-index: 9999 !important;
  background-color: #121614 !important; /* Translucent console block */
  border: 1px solid #2d3139 !important;
  padding: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

header h1 {
  font-size: 10px !important;
  margin: 0 0 8px 0 !important;
  border-bottom: 1px solid #2d3139 !important;
  padding-bottom: 4px !important;
}

header nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

header nav a {
  display: block !important;
  font-size: 10px !important;
  padding: 3px 5px !important;
  background: #0b0d0c !important;
  border: 1px solid #1f242c !important;
}

header nav a:hover {
  background: #1f242c !important;
  border-color: #4ade80 !important;
}

/* --- Content Feed Layout Configuration --- */
main ul {
  list-style: none !important;
  padding: 0 !important;
  margin-top: 10px !important;
}

main li {
  padding: 4px 0 !important;
  border-bottom: 1px dashed #1f242c !important;
}

/* --- Mobile Adaptations (iPhone 7+) --- */
@media (max-width: 650px) {
  #blog, #post {
    padding-right: 0 !important; /* Reclaim full width on micro screens */
    margin-bottom: 180px !important; /* Add bottom padding so navigation doesn't overlay posts */
  }
  header {
    width: calc(100% - 30px) !important; /* Stretch container edge-to-edge minus margins */
    left: 15px !important;
  }
  header nav {
    flex-direction: row !important; /* Convert stack into rows for comfortable thumb tapping */
    flex-wrap: wrap !important;
  }
  header nav a {
    flex: 1 1 auto !important;
    text-align: center !important;
  }
}

/* --- Complete Clean Up --- */
footer {
  display: none !important;
}
#post-footer {
  margin-top: 20px !important;
  border-top: 1px dashed #2d3139 !important;
  padding-top: 6px !important;
  font-size: 10px !important;
  color: #8b949e !important;
}