/* ===== Layout + Typography ===== */
html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #1b1f22;
}

/* Ensure all elements respect box-sizing */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/* Outer page wrapper, lets footer sit at bottom if desired */
.content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Main content width control */
.wrap {
  max-width: 875px;        /* Target width on desktop - this matches the 45rem width of the main article pages*/
  width: 100%;             /* Let it shrink on small screens */
  margin: 0 auto;          /* Center horizontally */
  padding: 1.5rem 1rem 3rem;
}

/* Keep header nicely spaced within the wrap */
.site-header {
  margin-bottom: 1.5rem;
}

    qte {
      color: #a9cec2;     
    }  
    a {
      color: #8aacab;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    a:visited {
      color: #a9cec2;      
      text-decoration: none;
    }


.hangingindent {
  padding-left: 45px ;
  text-indent: -45px ;
}

.indent {
  padding-left: 45px ;
}


/* Make sure <main> grows to fill space between header and footer */
main {
  flex: 1;
}

/* Basic typography tweaks */
h1.header-title {
  margin: 0 0 0.5rem;
  text-align: center;
}

.header-subtitle {
  margin: 0 0 0.5rem;
  text-align: center;
}

.header-comment {
  margin: 0;
}

/* List spacing */
#main ul {
  line-height: 0.8;
  margin: 0px 0px 0px -10px;
}
#main li {
  line-height: 1.3;
  margin: 10px 0px 0px 30px;
}


/* Footer */
#footer {
  text-align: center;
  padding: 1.5rem 1rem 2rem;
  font-size: 0.9rem;
}

/* ===== Responsive tweaks for smaller screens ===== */
@media (max-width: 600px) {
  .header-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .header-logo img {
    height: 110px;
    width: 110px;
  }

  h1.header-title {
    font-size: 1.4rem;
  }

  .header-subtitle {
    font-size: 0.9rem;
  }
}
