:root{--color-bg:#ffffff;--color-text:#333333;--color-light-gray:#f5f5f5;--color-medium-gray:#e0e0e0;--color-dark-gray:#757575;--font-serif:'Merriweather', Georgia, serif;--content-width:800px;--content-padding:2rem;--body-font-size:16px;--nav-font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);font-size:var(--body-font-size);line-height:1.7;color:var(--color-text);background-color:var(--color-bg)}.site-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:2rem 0}.content-container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--content-padding)}.site-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-medium-gray);padding:.5rem 0}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--content-padding)}.site-title{font-size:1.5rem;font-weight:700}.site-title a{color:var(--color-text);text-decoration:none}.main-nav ul{display:flex;list-style:none;gap:1.5rem}.main-nav a{color:var(--color-text);text-decoration:none;font-weight:500;padding:.5rem .8rem;border-radius:4px;transition:background-color .2s ease;font-size:var(--nav-font-size)}.main-nav a:hover,.main-nav a.active{background-color:var(--color-medium-gray)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);margin:2rem 0 1rem;line-height:1.3}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.4rem}p,ol{margin-bottom:1.5rem}table{border-collapse:collapse;width:100%;margin:1.5rem 0}th,td{padding:.5rem;border:1px solid var(--color-medium-gray);text-align:left}th{background-color:var(--color-light-gray);font-weight:600}tbody tr:nth-child(even){background-color:var(--color-light-gray)}.page-header{background-color:var(--color-light-gray);padding:2rem;margin-bottom:2rem;text-align:right}.page-title{margin:0;color:var(--color-text);font-style:italic}.page-subtitle{color:var(--color-dark-gray);margin:.5rem 0 0;font-size:1.1rem;font-style:italic}.page-content{text-align:justify}.page-content h2,.page-content h3{margin-top:2.5rem}.page-content blockquote{border-left:4px solid var(--color-medium-gray);padding-left:1rem;margin-left:0;color:var(--color-dark-gray)}pre{background-color:var(--color-light-gray);padding:1rem;overflow-x:auto;margin:1.5rem 0;border-radius:4px;font-size:.9rem}code{font-size:.9em;background-color:var(--color-light-gray);padding:.2em .4em;border-radius:3px}pre code{padding:0;background-color:transparent}.chapter-navigation{display:flex;justify-content:space-between;margin-top:4rem;padding-top:1rem;border-top:1px solid var(--color-medium-gray)}.prev-chapter,.next-chapter{color:var(--color-text);text-decoration:none;font-weight:500;padding:.5rem .8rem;border-radius:4px;font-size:.9rem;transition:background-color .2s ease}.prev-chapter:hover,.next-chapter:hover{background-color:var(--color-medium-gray)}.track-list,.chapter-list{margin:2rem 0}.track-list ul,.chapter-list ol{margin-left:2rem}.track-list li,.chapter-list li{margin-bottom:.5rem}.track-list a,.chapter-list a{color:var(--color-text);text-decoration:none;font-weight:500;padding:.3rem;border-radius:4px}.track-list a:hover,.chapter-list a:hover{background-color:var(--color-medium-gray)}.featured-tracks{margin-top:3rem}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.track-card{background-color:var(--color-light-gray);padding:1.5rem;border-radius:4px}.track-card h3{margin-top:0}.track-link{display:inline-block;margin-top:1rem;color:var(--color-text);text-decoration:none;font-weight:700}.track-link:hover{text-decoration:underline}.tracks-more{text-align:right}.tracks-more a{color:var(--color-text);text-decoration:none;font-weight:500}.tracks-more a:hover{text-decoration:underline}.site-footer{background-color:var(--color-light-gray);padding:2rem 0;margin-top:4rem;text-align:center;font-size:.85rem;color:var(--color-dark-gray)}.footer-container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--content-padding)}@media(max-width:768px){body{font-size:15px}.header-container{flex-direction:column;gap:1rem;text-align:center}.main-nav ul{justify-content:center}.tracks-grid{grid-template-columns:1fr}}