body {
            font-family: Georgia, serif;
            line-height: 1.6;
            color: #1A1A1A;
            background: #FAFAF9;
            margin: 0;
            padding: 40px 20px;
            max-width: 65ch;
            margin: 0 auto;
        }

        h1 {
            font-size: 1.8rem;
            font-weight: 400;
            /*margin-bottom: 3rem;*/
            color: #222;
        }

        p {
            margin-bottom: 1.8rem;
            font-size: 1rem;
        }

        p + ul {
            margin-top: -0.3rem;
        }   

        p + ul + p {
            margin-top: 0.5rem;
        }

        ul {
            margin: 0.5rem 0 1.3rem 0;
            padding-left: 0;
            list-style: none;
        }

        ul li {
            margin-bottom: 0.5rem;
            position: relative;
            padding-left: 20px;
        }

        ul li::before {
            content: '-';
            position: absolute;
            left: 0;
        }

       .expandable {
    color: inherit;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #777; /* Darker than #999 */
    text-decoration-thickness: 1.5px; /* Slightly thicker */
    cursor: pointer;
    transition: text-decoration-color 0.2s ease;
}

.expandable:hover {
    text-decoration-color: #333;
}

        .explanation {
            max-height: 0;
            overflow: hidden;
            margin: 0;
            padding: 0 0 0 20px;
            border-left: 1px solid #eee;
            font-style: italic;
            color: #666;
            font-size: 0.95rem;
            transition: max-height 0.3s ease, margin 0.3s ease;
        }

        .explanation.show {
            max-height: 200px;
            margin: 1rem 0;
        }

        @media (max-width: 600px) {
            body {
                padding: 20px 15px;
            }
            
            h1 {
                font-size: 1.5rem;
            }
        }

      .spacer {
        height: 32px;
      }

      #index-button-blog a {
        text-decoration: none; /* Remove underline from button link */
      }
       #index-button-blog .fa-light {
        font-size: 20px; /* Adjust icon size if needed */
      }
      
      hr {
        border: none;
        border-top: 1px solid #DDDDDD;
        margin: 40px 0;
      }
      
      blockquote {
        font-style: italic;
        margin: 24px 0;
        padding-left: 16px;
        border-left: 2px solid #BFBFBF;
      }
      
      blockquote p span { /* For attribution within blockquote */
        display: block;
        font-size: 0.9em; 
        margin-top: 8px;
        font-style: normal; 
      }
      
      a {
        color: #1A1A1A;
        text-decoration: underline;
      }
      
      .territory {
        margin: 24px 0;
      }
      .territory-title {
        font-weight: 500;
        color: #444;
        margin-bottom: 8px;
      }
      

        /* Override the poem container alignment to move text higher */
        .poem-container {
            align-items: flex-start;
            padding-top: 10vh;
        }