figure {  
     width: 100%;  
     text-align: center;  
     font-style: italic;  
     font-size: smaller;  
     text-indent: 0;  
     border: thin silver solid;  
     margin: 0.5em;  
     padding: 0.5em;  
   }  
   img.scaled {  
     width: 100%;  
   }  
   .notice{padding:.5rem; border:thin solid black; background-color: #ec969e;}  
   dt{font-weight:600}  
   dd{font-style: oblique;}  
   .AKSOH-h2,  
   .AKSOH-h3,  
   .AKSOH-h4{margin-left: 1rem;}  
   /*
   .AKSOH-h2{border-left:thin solid #ee0f22}  
   .AKSOH-h3{border-left:thin solid #18e66e}  
   .AKSOH-h4{border-left:thin solid #480ee6}  
   */
   .aksoh-note{ 
     margin-bottom: 0;  
     margin-top: .5rem;  
     font-style: oblique;  
     padding:.4rem;  
     background-color: rgb(255, 244, 227); 
   }  
   /* Start the top-level counter on the document */  
   :root {  
     counter-reset: h2;  
   }  
   /* Reset downstream counters at each level */  
   h2 { counter-reset: h3; }  
   h3 { counter-reset: h4; }  
   h4 { counter-reset: h5; }  
   h5 { counter-reset: h6; }  
   /* add more resets if you go deeper */  
   /* Style tweaks for heading numbers */  
   h2::before,  
   h3::before,  
   h4::before,  
   h5::before {  
     display: inline-block;  
     margin-right: 0.4rem;  
     font-weight: 600;       /* make the numbers slightly bold */  
   }  
   /* The actual numbering rules */  
   h2::before {  
     counter-increment: h2;  
     content: counter(h2, upper-roman) ".";  
   }  
   h3::before {  
     counter-increment: h3;  
     /* Example: "I A." (space-separated). Use "." if you prefer dotted style */  
     content: counter(h3, upper-alpha) ".";  
   }  
   h4::before {  
     counter-increment: h4;  
     content: counter(h4, decimal) ".";  
   }  
   h5::before {  
     counter-increment: h5;  
     content: counter(h5, lower-alpha) ".";  
   }  
   h6::before {  
     counter-increment: h6;  
     content: counter(h6, lower-roman) ".";  
   }  
   /* Optional: keep headings from wrapping awkwardly after the number */  
   h2, h3, h4, h5, h6 { white-space: normal; }  
   table {  
     border-collapse: collapse; /* Collapses borders into a single line */  
   }  
   table{margin-left: 1rem;}  
   td{text-align: center;}  
   table, th, td {  
     border: 1px solid black;  
   }  
   .example{margin-left:-2rem;  
     background-color: rgb(227, 226, 248);	  
     padding:.5rem;  
     border-radius: 1rem;  
   }  
   li > p, li{
    margin-top: .7rem;
  } 
  p{margin-left: .5rem;}

    /* ── Lightbox Styles ───────────────────────── */

    #lightbox-overlay {
      display: none;
      position: fixed;
      inset: 0;                        /* top/right/bottom/left: 0 */
      background: rgba(0, 0, 0, 0.85);
      z-index: 1000;
      cursor: pointer;
      align-items: center;
      justify-content: center;
    }

    #lightbox-overlay.active {
      display: flex;
    }

    #lightbox-overlay img {
      max-width: 90vw;
      max-height: 90vh;
      box-shadow: 0 0 40px rgba(0,0,0,0.6);
      cursor: default;
    }

    #lightbox-overlay .close-btn {
      position: fixed;
      top: 1rem;
      right: 1.5rem;
      font-size: 2rem;
      color: white;
      cursor: pointer;
      line-height: 1;
      user-select: none;
    }

    /* ── Thumbnail Styles ──────────────────────── */

    img[data-large] {
      cursor: zoom-in;
    }
			.double-bottom{ 
  position: relative; /* 1. Establishes positioning context */
  border-bottom: 2px solid #080808; /* First border (red) */
  padding-bottom: 3rem;
  background-color: #ffffff;
  z-index: 1; /* Ensures content stays above pseudo-element */
	margin-top: 2rem;
}

.double-bottom::before {
  content: ""; /* 2. Required for the pseudo-element to render */
  position: absolute; /* 3. Positions the pseudo-element */
  top: 0; /* 4. Offsets to create the second border effect */
  left: 0;
  right: 0;
  bottom: 1.3rem;
  border-bottom: 2px solid #080808; /* Second border (blue) */
  z-index: -1; /* 5. Pushes the pseudo-element behind the main box */
}
.double-bottom::after {
  content: ""; /* 2. Required for the pseudo-element to render */
  position: absolute; /* 3. Positions the pseudo-element */
  top: 0; /* 4. Offsets to create the second border effect */
  left: 0;
  right: 0;
  bottom: -1.5rem;
  border-bottom: 2px solid #070707; /* Second border (blue) */
  z-index: -1; /* 5. Pushes the pseudo-element behind the main box */
}