:root{--motif-bg-light: #d2e4e2;--motif-bg-dark: #170126;--motif-border-light: #4bb8f7;--motif-border-dark: #555555;--motif-text: #caf8c8;--motif-button-padding: 8px 15px;--motif-border-width: 2px;--mobile-padding: 10px;--desktop-padding: 20px;--gradient-start-color: #060000;--gradient-mid-color: #320006;--gradient-end-color: #fbf3c8}.about-button{right:calc(var(--mobile-padding) + 60px)}.about-content-wrapper{padding:0 0 var(--mobile-padding) 0}.about-content-wrapper summary h1{font-size:1.1rem;display:inline;padding:0;border:none}.about-content-wrapper h1,.about-content-wrapper h2,.about-content-wrapper h3{border-bottom:1px solid var(--motif-border-light);padding-bottom:.2em;margin-top:.8em}.about-content-wrapper h1:first-child{margin-top:0}body{background-image:linear-gradient(to bottom,var(--gradient-start-color) 0%,var(--gradient-start-color) 50%,var(--gradient-mid-color) 70%,var(--gradient-end-color) 100%);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;font-family:Josefin Sans,Courier,monospace;font-size:14pt;margin:0;color:var(--motif-text);overscroll-behavior-x:contain}h1,h2,h3,h4,h5,h6{margin-top:1em;margin-bottom:.5em}p{line-height:1.6}a{color:#03c6f7;text-decoration:underline}a:visited{color:#551a8b}pre,code{font-family:Courier New,Courier,monospace;background-color:var(--motif-bg-light);padding:2px 4px;border-radius:3px;font-size:.9em}pre{padding:1em;overflow-x:auto;border:1px solid var(--motif-border-dark)}button,.button-like{display:inline-block;background-color:var(--motif-bg-dark);border-top:var(--motif-border-width) solid var(--motif-border-light);border-left:var(--motif-border-width) solid var(--motif-border-light);border-bottom:var(--motif-border-width) solid var(--motif-border-dark);border-right:var(--motif-border-width) solid var(--motif-border-dark);padding:var(--motif-button-padding);cursor:pointer;font-family:inherit;font-size:1rem;color:var(--motif-text);text-align:center;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;box-sizing:border-box;vertical-align:middle}button:active,.button-like:active{border-top:var(--motif-border-width) solid var(--motif-border-dark);border-left:var(--motif-border-width) solid var(--motif-border-dark);border-bottom:var(--motif-border-width) solid var(--motif-border-light);border-right:var(--motif-border-width) solid var(--motif-border-light)}button.footnote-ref{background:none;border:none;padding:0;margin:0 1px;font:inherit;color:#00a;text-decoration:none;display:inline;vertical-align:baseline;cursor:pointer;border-radius:0;text-align:inherit;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:auto;min-height:auto;font-size:.8em;line-height:1;vertical-align:super}button.footnote-ref:hover,button.footnote-ref:focus{color:#d00;text-decoration:underline;outline:none;background-color:transparent}.footnote-popup{background-color:var(--motif-bg-dark);border-top:var(--motif-border-width) solid var(--motif-border-light);border-left:var(--motif-border-width) solid var(--motif-border-light);border-bottom:var(--motif-border-width) solid var(--motif-border-dark);border-right:var(--motif-border-width) solid var(--motif-border-dark);padding:calc(var(--mobile-padding) / 1.5);max-width:280px;box-shadow:3px 3px 8px #0006;font-size:.9rem;line-height:1.4}.footnote-popup p{margin-top:0;margin-bottom:.5em}.footnote-popup p:last-child{margin-bottom:0}.footnote-close-btn{position:absolute;top:0;right:0;background:var(--motif-bg-dark);border:var(--motif-border-width) solid var(--motif-border-dark);border-top-color:var(--motif-border-light);border-left-color:var(--motif-border-light);color:var(--motif-text);font-weight:700;padding:0 4px;line-height:1;min-width:auto;min-height:auto;cursor:pointer}.footnote-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:109}.horizontal-scroll-container::-webkit-scrollbar{height:18px;background-color:transparent}.horizontal-scroll-container::-webkit-scrollbar-track{background-color:var(--motif-bg-dark);border-radius:9px;border:1px solid;border-color:var(--motif-border-dark) var(--motif-border-light) var(--motif-border-light) var(--motif-border-dark);box-shadow:inset 1px 1px 2px #0003}.horizontal-scroll-container::-webkit-scrollbar-thumb{background-color:var(--motif-border-dark);border:2px solid var(--motif-bg-light);border-radius:50%;height:14px;min-width:14px;box-shadow:1px 1px 1px #ffffff80,-1px -1px 1px #0003}.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#666;border-color:#fff}.horizontal-scroll-container::-webkit-scrollbar-thumb:active{background-color:#333;border-color:#fff}.horizontal-scroll-container{scrollbar-width:auto;scrollbar-color:var(--motif-border-dark) var(--motif-bg-dark)}main{position:relative}.overlay-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:.15;object-fit:cover;filter:invert(1) brightness(1.8) contrast(1.2);animation:svgPulse 1s ease-in-out infinite}.loading-indicator{padding:var(--mobile-padding);text-align:center;font-style:italic}.toc-button,.home-button,.about-button{position:fixed;bottom:var(--mobile-padding);z-index:10;box-shadow:2px 2px 5px #0000004d}.toc-button{right:var(--mobile-padding)}.home-button{left:var(--mobile-padding)}

.home-button svg {
  width: 20px;
  height: 20px;
  color: var(--motif-text);
}.horizontal-scroll-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100vh;width:100vw;padding-top:var(--mobile-padding);padding-bottom:calc(var(--mobile-padding) + 60px);box-sizing:border-box}.section{flex:0 0 auto;width:calc(100vw - 2 * var(--mobile-padding));max-width:600px;height:calc(100% - 2 * var(--mobile-padding));margin:var(--mobile-padding);padding:var(--mobile-padding);overflow-y:auto;box-sizing:border-box;scroll-snap-align:center;position:relative}.section h1,.section h2,.section h3{border-bottom:1px solid var(--motif-bg-dark);padding-bottom:.3em}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100;padding:var(--mobile-padding);box-sizing:border-box}.modal-content{background-color:var(--motif-bg-dark);padding:var(--mobile-padding);border-top:var(--motif-border-width) solid var(--motif-border-light);border-left:var(--motif-border-width) solid var(--motif-border-light);border-bottom:var(--motif-border-width) solid var(--motif-border-dark);border-right:var(--motif-border-width) solid var(--motif-border-dark);max-height:85vh;max-width:500px;width:calc(100% - 2 * var(--mobile-padding));overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column}.modal-content h2{margin:0 0 var(--mobile-padding) 0;padding-bottom:var(--mobile-padding);border-bottom:var(--motif-border-width) solid var(--motif-border-dark);text-align:center}.modal-content ul{list-style:none;padding:0;margin:0 0 var(--mobile-padding) 0;flex-grow:1;overflow-y:auto}.modal-content li{margin-bottom:5px}.modal-content li button{width:100%;text-align:left}.modal-content .close-button{margin-top:auto;align-self:center}/* Document Selection Styles */
.document-selection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: var(--mobile-padding);
  box-sizing: border-box;
  text-align: center;
}

.document-selection h1 {
  font-size: 2.5rem;
  margin-bottom: 2em;
  color: var(--motif-text);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border: none;
}

.document-options {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  width: 100%;
  max-width: 500px;
}

.doc-button {
  padding: 1.5em;
  font-size: 1.1rem;
  line-height: 1.4;
  min-height: auto;
  background-color: var(--motif-bg-dark);
  border-top: var(--motif-border-width) solid var(--motif-border-light);
  border-left: var(--motif-border-width) solid var(--motif-border-light);
  border-bottom: var(--motif-border-width) solid var(--motif-border-dark);
  border-right: var(--motif-border-width) solid var(--motif-border-dark);
  color: var(--motif-text);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.doc-button:hover {
  background-color: rgba(23, 1, 38, 0.8);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.doc-button:active {
  border-top: var(--motif-border-width) solid var(--motif-border-dark);
  border-left: var(--motif-border-width) solid var(--motif-border-dark);
  border-bottom: var(--motif-border-width) solid var(--motif-border-light);
  border-right: var(--motif-border-width) solid var(--motif-border-light);
  transform: translateY(0);
}

.doc-button small {
  display: block;
  font-size: 0.8em;
  opacity: 0.8;
  margin-top: 0.5em;
  font-style: italic;
}

/* Numbered list spacing */
ol li {
  margin-bottom: 0.8em;
}

ol li:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px){
  :root{--desktop-padding: 20px;--button-spacing: 10px}
  
  .document-selection {
    padding: var(--desktop-padding);
  }
  
  .document-selection h1 {
    font-size: 3rem;
  }
  
  .document-options {
    flex-direction: row;
    gap: 2em;
    max-width: 800px;
  }
  
  .doc-button {
    flex: 1;
    padding: 2em;
    font-size: 1.2rem;
  }
  
  .section{width:70vw;max-width:800px;padding:var(--desktop-padding)}.toc-button,.home-button,.about-button{position:fixed;top:var(--desktop-padding);bottom:auto}.toc-button{right:var(--desktop-padding)}.about-button{right:calc(var(--desktop-padding) + 60px + var(--button-spacing))}.home-button{right:calc(var(--desktop-padding) + 60px + var(--button-spacing) + 60px + var(--button-spacing));left:auto}.horizontal-scroll-container{padding-top:calc(var(--desktop-padding) + 60px);padding-bottom:var(--desktop-padding)}.modal-content{max-width:600px;padding:var(--desktop-padding)}.modal-content h2{margin-bottom:var(--desktop-padding);padding-bottom:var(--desktop-padding)}.modal-content ul{margin-bottom:var(--desktop-padding)}}