/* 1. Reset & Global Box-Sizing */
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    /* 2. Base Document Styles */
    body {
      margin: 0;
      padding: 1rem;
      background: #EEF2EC;
      font-family: "Sarabun", sans-serif;
      font-optical-sizing: auto;
    }

    /* 3. Base Typography & Elements */
    h1 {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1.2;
      margin: 0;
    }

    h2 {
      margin: 2rem 0 1rem;
      font-size: 1.2rem;
      font-weight: 700;
    }

    p {
      font-size: 1.125rem;
      line-height: 1.6;
      margin: 1.5em 0;
    }

    strong {
      font-weight: 500;
    }
    
    em {
    font-style: normal;
    font-weight: 600;
    }

    /* 4. Structural Header Component */
    .site-header {
      max-width: 42rem;
      margin: 2rem auto 3rem;
    }

    .site-logo {
      font-family: "Young Serif", serif;
      font-size: 1rem;
      font-weight: 700;
      color: #000;
      text-decoration: none;
    }

    .site-logo:hover {
      text-decoration: underline;
    }

    .site-tagline {
      margin: 0;
      font-size: .74rem;
      line-height: 1.1;
      color: #666;
    }

    /* 5. Main Article & Component Specifics */
    article {
      max-width: 42rem;
      margin: 0 auto;
      background: #fff;
      padding: 2rem;
      border-radius: 8px;
    }

    .section-title {
      margin-top: 3.5rem;
      margin-bottom: 1rem;
      font-size: 1.2rem;
      font-weight: 500;
    }

    .article-subtitle {
      margin: 0;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 1.2;
    }

    .article-subtitle + .article-subtitle {
      margin-top: .15rem;
    }

    h1 + .article-subtitle {
      margin-top: 1.2rem;
    }

    .life-years {
      margin: 1.2rem 0 0;
      font-size: .9rem;
      line-height: 1.4;
      color: #666;
    }

    .life-years + p {
      margin-top: 3.5rem;
    }

    /* 6. Footer & Navigation */
    .site-footer {
      max-width: 42rem;
      margin: 3rem auto 2rem;
      padding-top: 2rem;
      border-top: 0px solid #ddd;
      text-align: center;
      font-size: .95rem;
      color: #666;
    }

    .site-footer p {
      margin: .5rem 0;
    }

    .site-nav {
      font-size: 1rem;
      font-weight: 400;
      color: #000;
      text-decoration: none;
    }

    .site-nav:hover {
      text-decoration: underline;
    }