@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Serif+TC:wght@200..900&family=Zen+Kaku+Gothic+Antique&display=swap');
/* Reset */
body {
  margin: 0;
  font-family: "Inter", sans-serif;
  background: #ffffff;
  color: #434343;
  margin-top: 50px;
  margin-left: 50px;
  margin-bottom: 0px;
  font-size: 1rem; 
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

/* Footer */
footer {
  
  background: #ffffff;
  color: rgb(82, 82, 82);
  text-align: left;
  padding: 0;
  font-size: 0.9rem; 
}

h1, h2 {
  margin-left: 50px;
  margin: 0px;
  padding: 0px;
  margin: -10px;
  padding: 0;
}

h1 {
  font-family: "Noto Serif TC", serif;
  font-size: 4.1rem; 
  font-size: 4rem; 
  text-align: left;  
  color: #333; /* Header color */
  letter-spacing: 3px; /* Optional spacing between letters */
  top: 0; /* Adjust vertically */
}

h2 {
  font-family: "Inter", sans-serif;
  font-size: 2.05rem; 
  text-align: left; 
  color: #333; /* Header color */
  letter-spacing: 3px; /* Optional spacing between letters */
  margin-top: -5px;
}

h3 {
  font-family: "Inter", sans-serif;
  font-size: 1.2rem; 
  text-align: left; 
  color: #2c2c2c; /* Header color */
  font-weight: light;
  margin-bottom: 0;
}

h4 {
  font-family: "Inter", sans-serif;
  font-size: 1rem; 
  text-align: left; 
  color: #2c2c2c; /* Header color */
  font-weight: bold;
  margin-bottom: 0;
}

.nav-menu a {
  display: block;
  margin: 0.8rem 0;
  margin-top: 0;
}

.nav-menu a:link,
.nav-menu a:visited {
  color: blue; 
  text-decoration: none;   /* Remove underline always */
}

.nav-menu a:hover {
  text-decoration: underline; /* Only on hover */
}

.nav-menu a:active {
  color: blue; 
}

.spacer {
  height: 1rem; /* adjust space */
}

/* style.css */

/* General post container */
.post-content {
  max-width: 700px;        /* keeps lines readable */
  margin-top: 0rem;
  margin-bottom: 0rem;
  padding: 1rem 2rem;      /* inner spacing */
  line-height: 1.6;        /* good line spacing */
  font-family: "Inter", sans-serif;
  color: #333;
  margin-left: -2rem;
}

/* Paragraphs inside the post */
.post-content p {
  margin-bottom: 1rem;     /* spacing between paragraphs */
}

/* Optional code/pre blocks */
.post-content pre {
  background: #ffffff;
  padding: 1rem;
  border-radius: 8px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin-bottom: 1rem;
  font-family: monospace;
}

/* Images inside post */
.post-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 2rem 0;
}

img {
  max-width: 100%;
  margin: 3.5rem;
  height: auto;
  display: block;

}
.home-link {
  text-decoration: none; /* remove underline */
  color: inherit;        /* keep header color */
  display: inline-block; /* or block, depending on layout */
}

.home-link:hover h1,
.home-link:hover h2 {
  text-decoration: none; /* optional hover effect */
}