:root{font-family:Instrument Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:top;min-width:320px}h1{font-size:3.2em;line-height:1.1}#root{width:100%;background:transparent;color:inherit;padding-top:50px}:root{--bg-color: #F1EFE0;--text-color: black;--border-color: black;--transition-duration: 1.5s;--transition-timing: .5s ease}[data-theme=dark]{--bg-color: #0A0037;--text-color: #FFFDE7;--border-color: #FFFDE7}html[data-theme],body[data-theme],[data-theme] .nonfiction-page,[data-theme] .nonfiction-header,[data-theme] .content-box,[data-theme] .animation-section,[data-theme] .text-section p,[data-theme] .text-section a,[data-theme] #root,[data-theme] *{transition:background-color var(--transition-duration) var(--transition-timing),color var(--transition-duration) var(--transition-timing),border-color var(--transition-duration) var(--transition-timing),fill var(--transition-duration) var(--transition-timing),stroke var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing)}html:not([data-theme]) *{transition:none!important}html,body{margin:0;padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:Instrument Sans,sans-serif}.nonfiction-page{background-color:var(--bg-color);width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}.nonfiction-header{font-family:"Instrument Serif",serif;font-size:clamp(40px,8vw,64px);color:var(--text-color);margin:0 0 20px;padding:0;text-align:right;width:100%}.main-container{position:relative;width:85%;margin:0}.content-box{position:relative;border:2px solid var(--border-color);box-shadow:-8px 8px 0 0 var(--border-color);z-index:0}.content-box:after{z-index:-1}.animation-section{width:100%;height:400px;overflow:hidden;background-color:var(--bg-color)}@media (max-width: 768px){.animation-section{height:250px}.nonfiction-header{margin:0 0 16px}}.text-section{max-width:80%;margin:0 auto;text-align:left;padding:2% 5% 50px;color:var(--text-color)}.text-section p{font-size:1.2rem;line-height:1.3;font-family:Instrument Sans,sans-serif;margin-bottom:2rem;color:var(--text-color)}@media (max-width: 768px){.text-section p{font-size:1rem;margin-bottom:1.5rem}}.text-section p:last-child{margin-bottom:0}.text-section a{color:var(--text-color);text-decoration:none;font-weight:500}.text-section a:hover{text-decoration:underline}