p { font-family: Georgia, "Times New Roman"; font-size: 14px; line-height: 24px; }

    a:link { color:#000; text-decoration: none; }
    a:visited { color:#333; text-decoration: none; }
    a:hover { color:#DC143C; text-decoration: underline; }
    a:active { color:#436e70; text-decoration: underline; }

    h1 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; font-size: 18px; margin-bottom: 10px;}
    h2 { color: #4C371E; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; font-size: 16px; margin-bottom: 10px;}
    h3 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; font-size: 14px; margin-bottom: 10px;}
blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 24px;
}
    /* Desktop layout */
    #sidebar {
      position: absolute;
      top: 0;
      padding: 10px;
      width: 11em;
      overflow-y: auto;
      left: 0;
      box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
      background-color: #e8e8e8;
    }

    #content {
      padding: 1em 1em 5em 1em;
      margin-left: 11em;
      box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);
      position: relative;
      background-color: #fff;

      width: 600px;
      max-width: calc(100vw - 11em);
      padding-right: 90px;
      padding-left: 110px;
      box-sizing: border-box;
    }

    #datum {
      font-size: 11px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #000;
    }

    /* Hamburgermeny: bara mobil */
    .menu-toggle {
      display: none;
      position: sticky;
      top: 0;
      z-index: 50;
      background: #e8e8e8;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(0,0,0,0.15);
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    }
    .menu-toggle button {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      background: transparent;
      border: 0;
      padding: 0;
      font-family: Georgia, "Times New Roman", Times, serif;
      cursor: pointer;
      font-size: 16px;
      color: #000;
    }
    .menu-icon {
      font-size: 20px;
      line-height: 1;
    }

    .poem-line {  
  white-space: pre-wrap;
  font-family: Georgia, "Times New Roman"; font-size: 14px; line-height: 24px;
    }
    #sidebarMobile {
      display: none;
      background-color: #e8e8e8;
      padding: 10px 12px;
      box-shadow: inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15);
    }

    #sidebarMobile img {
      height: 125px !important;
      max-width: 100%;
      display: block;
      margin-bottom: 10px;
      border-bottom-width: 4px;
      border-bottom-style: solid;
      border-bottom-color: #667751;
    }

    /* När menyn är öppen */
    body.menu-open #sidebarMobile {
      display: block;
    }

    @media (max-width: 768px) {
      body { margin: 0; }

      /* Dölj desktop-sidomenyn på mobil */
      #sidebar { display: none; }

      /* Visa hamburgermeny */
      .menu-toggle { display: block; }

      /* Innehåll full bredd */
      #content {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-shadow: none;
      }

      h1 { font-size: 16px; }
      h2 { font-size: 15px; }
      h3 { font-size: 14px; }
      p { font-size: 14px; }
    }

    @media (max-width: 380px) {
      p { font-size: 13px; line-height: 21px; }
      #content { padding-left: 10px; padding-right: 10px; }
    }

ul {
  list-style-type: none;
  padding-left: 0;
}

ul li {
  margin-left: 1.5em;
  text-indent: -1.5em;
  padding-left: 1.5em;
  line-height: 24px;
  font-family: Georgia, "Times New Roman"; 
  font-size: 14px;
}

ul li::before {
  content: "» ";
  margin-right: 0.5em;
}