/* Theme1 Main Stylesheet */
:root {
  /* Responsive Font Size: Min 14px, Preferred 1.2vw, Max 18px */
  --base-font-size: clamp(14px, 1.25vw, 18px);
  --h1-size: calc(var(--base-font-size) * 2.2);
  --h2-size: calc(var(--base-font-size) * 1.8);
  --h3-size: calc(var(--base-font-size) * 1.5);
  --h4-size: calc(var(--base-font-size) * 1.3);
  --p-size: var(--base-font-size);
}

body {
  font-family: 'Outfit', 'Chakra Petch', 'Open Sans', 'Helvetica Neue', 'Sarabun', sans-serif;
  font-size: var(--base-font-size);
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  line-height: 1.6;
}

.main-content {
  flex: 1;
  padding: 20px 0;
}

.logo {
  max-width: 100%;
  height: auto;
}

h1 { font-size: var(--h1-size); color: #333; margin-bottom: 1rem; }
h2 { font-size: var(--h2-size); color: #444; margin-bottom: 0.8rem; }
h3 { font-size: var(--h3-size); color: #555; }
h4 { font-size: var(--h4-size); color: #666; }
p { font-size: var(--p-size); }