:root{--color-primary: #373632;--color-secondary: #1b3525;--color-tertiary: #2a4d3a;--shadow-color: #010703;--bg-primary: #96ba96;--bg-secondary: #6ea16e;--bg-tertiary: #6ea16e;--text-light: #ffffff;--text-dark: #000000;--text-muted: #666666;--text-link: var(--color-secondary);--text-link-hover: var(--color-primary);--text-header: var(--color-primary);--text-paragraph: var(--color-primary);--text-accent: var(--color-secondary);--border-color-light: #eeeeee;--error-color: #d32f2f;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--line-height-relaxed: 1.8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-light)}a{font-weight:500;color:var(--text-link);text-decoration:inherit}a:hover{color:var(--text-link-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.section-content{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-layout{display:flex;flex-direction:row;min-height:100vh;width:100%;box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);box-sizing:border-box}.site-header{background-color:var(--bg-dark);color:var(--text-light);width:120px;min-width:120px;padding:var(--spacing-xl) 0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;box-sizing:border-box}.site-header .container{padding:0 var(--spacing-md);max-width:100%;margin:0;flex:1;box-sizing:border-box}.site-header nav{flex:1}.site-header nav ul{display:flex;flex-direction:column;list-style:none;gap:var(--spacing-sm);margin:0;padding:0;text-align:right}.site-header nav a{color:var(--text-light);text-decoration:none;font-weight:500;font-size:1rem;display:block;padding:var(--spacing-xs) 0}.site-header nav a:hover{text-decoration:underline;color:var(--bg-primary)}.site-main{flex:1;background-color:var(--bg-secondary);padding:var(--spacing-xl) var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box;width:calc(100% - 120px)}.site-main .container{flex:1;display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;padding:0;box-sizing:border-box}.site-footer{background-color:var(--bg-dark);color:var(--text-light);text-align:center;padding:var(--spacing-md) 0;width:100%;margin-top:auto;box-sizing:border-box}@media (max-width: 768px){.main-layout{flex-direction:column}.site-header{width:100%;min-width:100%;height:auto;position:static;padding:var(--spacing-md) 0}.site-header nav ul{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-start;text-align:left}.site-main{width:100%}.site-footer{position:static;width:100%}}.home-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl);text-align:center}.home-fallback{text-align:center;padding:3rem 1rem}.about-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.sections-list{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 1px 3px #0000001a}.about-post{margin-bottom:var(--spacing-xl);background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xl)}.about-post:last-child{margin-bottom:0}.about-post-header{margin-bottom:var(--spacing-md)}.about-post-title{margin:0 0 var(--spacing-xs) 0;font-size:2rem;color:var(--color-primary);font-weight:700;letter-spacing:-.5px}.about-post-content{width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.about-post-content img{max-width:100%;height:auto}.about-post-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}.about-post-content table{max-width:100%;display:block;overflow-x:auto}@media (max-width: 600px){.about-post-title{font-size:1.3rem}}.about-header{margin-bottom:var(--spacing-xl);text-align:center}.about-content{display:flex;gap:var(--spacing-xl)}.about-section{margin-bottom:var(--spacing-xl);border-radius:var(--radius-md);overflow:hidden;width:100%;box-sizing:border-box;background-color:var(--bg-primary)}.section-header{padding:var(--spacing-lg);width:100%;box-sizing:border-box;border-bottom:1px solid var(--shadow-color)}.section-header h2{margin:0 0 var(--spacing-xs) 0;font-size:2rem;color:var(--color-primary);font-weight:700;letter-spacing:-.5px}.section-content{padding:var(--spacing-xl);width:100%;box-sizing:border-box}.about-section:last-child{margin-bottom:0}@media (max-width: 600px){.section-header h2{font-size:1.3rem}.section-content{padding:var(--spacing-lg)}}.about-nav{flex:0 0 200px;position:sticky;top:var(--spacing-xl);align-self:flex-start}.about-nav-item{display:block;width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);text-align:left;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dark);transition:all .2s;box-shadow:0 1px 3px #0000001a}.about-nav-item:hover{background-color:var(--color-primary-light);color:var(--text-light);box-shadow:0 2px 5px #00000026}.about-nav-item.active{background-color:var(--color-primary);color:var(--text-light);box-shadow:0 2px 5px #00000026}.section-content img,.section-content pre,.section-content table{max-width:100%;height:auto}.section-content pre,.section-content code{overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.section-content table{display:block;overflow-x:auto}.section-header:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.about-section-content{color:var(--text-dark);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-xl);border-bottom:none}.about-section-content:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.about-error{padding:var(--spacing-md);background-color:var(--error-color);border-radius:var(--radius-sm);color:var(--text-light)}@media (max-width: 768px){.about-content{flex-direction:column}.about-nav{position:static;margin-bottom:var(--spacing-xl)}}.section-content{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.error-message{padding:var(--spacing-md);background-color:var(--error-color);border-radius:var(--radius-sm);color:var(--text-light);margin-top:var(--spacing-md)}.post-list{margin-top:var(--spacing-xl);background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 1px 3px #0000001a}.post-list>*{margin-bottom:var(--spacing-xl)}.post-list>*:last-child{margin-bottom:0}.blog-list-container,.blog-post-container{display:none}.blog-error{padding:var(--spacing-md);background-color:var(--error-color);border-radius:var(--radius-sm);color:var(--text-light);margin-top:var(--spacing-md)}.post-preview{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color-light)}.blog-post header{margin-bottom:var(--spacing-xl)}.post-content{width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.post-content img{max-width:100%;height:auto}.post-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}.post-content table{max-width:100%;display:block;overflow-x:auto}code,pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%}p,li,a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.post-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl);align-items:stretch}.card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;flex-direction:column;min-height:220px}.blog-post-header{margin-bottom:var(--spacing-md)}.blog-post-title{margin:0 0 var(--spacing-xs) 0;font-size:2rem;color:var(--color-primary);font-weight:700;letter-spacing:-.5px}.blog-post-link{text-decoration:none;color:inherit}.read-more-cta{display:inline-block;margin-top:var(--spacing-md);color:var(--text-link);font-weight:600;text-decoration:none;border-bottom:2px solid var(--text-link);transition:color .2s,border-color .2s}.read-more-cta:hover{color:var(--text-link-hover);border-color:var(--text-link-hover)}.blog-post-footer{margin-top:auto}.post-meta{color:var(--text-muted);font-size:.9rem;margin-top:var(--spacing-xs)}@media (max-width: 600px){.post-list-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.card{padding:var(--spacing-lg)}.blog-post-title{font-size:1.3rem}}.blog-post{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.blog-post:last-child{margin-bottom:0}.friend-container{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.friends-grid{margin-top:var(--spacing-xl);background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 1px 3px #0000001a}.friends-grid>*{margin-bottom:var(--spacing-xl)}.friends-grid>*:last-child{margin-bottom:0}.friend-card{background-color:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);display:flex;flex-direction:column}.friend-card img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.friend-card h2{margin:0 0 var(--spacing-xs) 0;font-size:2rem;color:var(--color-primary);font-weight:700;letter-spacing:-.5px}.friend-card a{color:var(--text-link);text-decoration:none;margin-bottom:var(--spacing-md)}.friend-content{margin-top:var(--spacing-md)}.friend-card .friend-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.friend-card .friend-links a{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-link);transition:background-color .2s}.friend-card .friend-links a:hover{background-color:var(--color-primary);color:var(--text-light);text-decoration:none}.friend-image-link{display:block;height:100%;width:100%}@media (max-width: 600px){.friend-card h2{font-size:1.3rem}.friend-card{padding:var(--spacing-lg)}}.contact-container{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.contact-content{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 1px 3px #0000001a}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--border-color-light);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:1rem;color:var(--text-dark);background-color:var(--text-light);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #32373433}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background-color:var(--color-primary);color:var(--text-light);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:var(--spacing-md);align-self:flex-start}.submit-button:hover{background-color:var(--color-primary)}.status-message{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-dark);text-align:center}@media (max-width: 600px){.contact-container{padding:var(--spacing-md)}.contact-content{padding:var(--spacing-lg)}.submit-button{width:100%}}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-family:var(--font-family);line-height:var(--line-height-relaxed)}p{color:var(--text-paragraph);font-family:var(--font-family);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{color:var(--text-paragraph);line-height:var(--line-height-relaxed)}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin-left:0;color:var(--text-muted)}code{background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:monospace}pre{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto}img{max-width:100%;height:auto;border-radius:var(--radius-md)}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.not-found-container h1{font-size:3rem;margin-bottom:1rem;color:var(--text-dark)}.not-found-container p{font-size:1.2rem;margin-bottom:2rem;color:#666}.not-found-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.not-found-links a{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s}.not-found-links a:hover,.not-found-links .home-link{background-color:var(--color-primary)}.not-found-links .blog-link{background-color:#60c}.not-found-links .friends-link{background-color:#c60}.not-found-links .home-link:hover{background-color:#005ab3}.not-found-links .blog-link:hover{background-color:#5500b3}.not-found-links .friends-link:hover{background-color:#b35500}