/* ========== BASE RESET & TYPOGRAPHY ========== */
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
body {
     font-family: Arial, sans-serif;
     line-height: 1.5;
     color: #333;
     background-color: #f4f4f4;
     max-width: 960px;
     margin: auto;
     padding: 1rem;
}
h1, h2, h3 {
     color: #003366;
     margin-top: 1rem;
 text-decoration: none #003366;
}
h1 {
     font-size: 2rem;
     text-align: center;
}
h2 {
     font-size: 1.8rem;
}
h2.chapter {
     margin-bottom:1rem;
     background-color: #ccc;
     padding: 1rem;
}
h2.small {
     font-size: 1.2rem;
     text-align: center;
}

h3 {
     font-size: 1.5rem;
}
.lvha {
     font-size: 1rem;
     text-align: center;
}
p {
     font-size: 1rem;
     Font-weight: normal;
     margin-left: 0;
     margin-bottom: 0.75rem;
}
/* unvisited link */

a {
     text-decoration:inherit;
}

a:hover, a:active {
  color: blue;
}

/* visited link */
a:hover, a:visited {
  color: initial;
}


.subtitle {
     font-weight: bold;
}
blockquote {
     margin-left: 10%;
     margin-right: 10%;
     margin-bottom: 1rem;
     text-align-last: center;
}

cite {
     margin-right: 25%;
     text-align-last: center;
}
blockquote.small {
     font-size: .8rem;
     text-align-last: center;
     align-content: center; 
}
blockquote a.small {
     font-size: .8rem;
     text-align-last: center;
     align-content: center; 
     text-decoration:underline;  
}

img {
     display:block;
     margin:auto;
     padding-bottom:.8rem;
     width: 80%;
     height: auto;
}
/* ========== NAVIGATION ========== */
header {
     background-color: #fff;
     padding: 1rem;
     text-align: center;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.menu-toggle {
     display: none;
     background: none;
     border: none;
     font-size: 1.5rem;
     margin-bottom: .1rem;
}
nav {
     background-color: #007bff;
}
.main-nav ul {
     list-style: none;
     display: flex;
     justify-content: center;
     gap: 2rem;
     padding: 0;
     margin: 0;
     flex-wrap: wrap;
}
.main-nav li {
     position: relative;
}
.main-nav a {
     color: white;
     text-decoration: none;
     font-weight: bold;
     padding: 0.5rem 1rem;
     display: block;
}
.main-nav a:hover, .main-nav a:focus {
     background-color: #0056b3;
     outline: none;
}
.has-submenu, .submenu {
     display: block;
}
ul.submenu {
     display: none;
}
.has-submenu a:hover, .submenu ul li {
     display: block;
}
.submenu {
     font-size: .7rem;
     display: block;
     position: absolute;
     top: 100%;
     left: 0;
     background: white;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     z-index: 1000;
}
.submenu li a {
     color: #007bff;
     background: white;
     font-weight: normal;
}
.has-submenu:hover .submenu {
     display: block;
}
/* ========== DETAILS AND COLLAPSIBLES ========== */
details {
     margin-top: 1rem;
     padding: 1rem;
     background: #f9f9f9;
     border-left: 4px solid #007bff;
     border-radius: 4px;
}
summary {
     font-size: 1rem;
     font-weight: bold;
     cursor: pointer;
     outline: none;
}
summary:focus {
     outline: 2px dashed #003366;
}
summary.summary ul li p {
     margin-bottom:1rem;
}
.button {

     color: #fff;
     background-color: #007bff; /* blue */
     border: red;
     border-radius: 14px;
     font-size: 1rem;
     font-weight: bold;
     text-align: center;
     display: block;
     width: 25%;
      margin:auto;
     padding:.4em;
     height: auto;
}
     
.button:hover, .button:focus {
     Tex-decoration:none;
     background-color: #0056b3;
     outline: none;
}
.button a:hover, a:active {
     Tex-decoration:none;
     background-color: #0056b3;
}
.button a:link, a:visited {
     Tex-decoration:none;
     display: inline-block;
     background-color: #CCC;
}

/* ========== RESPONSIVE STYLES ========== */
@media (max-width: 366px) {
  .menu-toggle {
    display: block;
  }
     .main-nav ul {
          display: none;
          flex-direction: column;
          align-items: center;
          gap: 0;
     }
  .main-nav.open ul {
          display: flex;
     }
     .main-nav li {
          width: 100%;
     }
     .main-nav a {
          border-top: 1px solid #ccc;
     }
     .submenu {
          position: static;
          box-shadow: none;
          background: #f4f4f4;
     }
     
.has-submenu:hover .submenu {
    display: none;
  }

  .has-submenu.open .submenu {
    display: block;
  }

  .has-submenu > a::after {
    content: " ▼";
    font-size: 0.8rem;
  }
}
/* ========== PRINT STYLES ========== */
@media print {
     body {
          background: #fff;
          color: #000;
          font-size: 12pt;
     }
     nav, .menu-toggle, .submenu, summary {
          display: none !important;
     }
     details[open] summary {
          display: block;
          font-weight: bold;
          margin-top: 1rem;
     }
     details[open] {
          display: block;
     }
     details {
          page-break-inside: avoid;
     }
     }