*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:sans-serif;line-height:1.6;color:#f0f0f0;background:#0a0a1a}.site-wrapper{position:relative;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;width:280px;height:100%;background:#392467;color:#f0e6ff;transform:translateX(-100%);transition:transform 0.3s ease;z-index:1000;overflow-y:auto}.sidebar.open{transform:translateX(0)}.sidebar .sidebar-header{display:flex;justify-content:flex-end;padding:1rem}.sidebar .close-sidebar{background:none;border:none;font-size:1.5rem;color:#f0e6ff;cursor:pointer}.sidebar .close-sidebar:hover{color:#FFD1E3}.sidebar .sidebar-content{padding:1rem}.sidebar .profile{text-align:center;margin-bottom:2rem}.sidebar .profile .profile-img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #A367B1}.sidebar .profile .profile-name{font-size:1.2rem;margin-bottom:0.5rem}.sidebar .profile .profile-bio{font-size:0.85rem;opacity:0.8}.sidebar .sidebar-nav ul{list-style:none;padding:0}.sidebar .sidebar-nav ul li{margin:1rem 0}.sidebar .sidebar-nav ul li a{display:block;padding:0.5rem;color:#f0e6ff;text-decoration:none;transition:background 0.2s}.sidebar .sidebar-nav ul li a:hover{background:#5D3587;border-radius:4px;color:#FFD1E3}.main-content{transition:margin-left 0.3s ease;min-height:100vh;display:flex;flex-direction:column}.sidebar.open+.main-content{margin-left:280px}@media (max-width: 768px){.sidebar.open+.main-content{margin-left:0}}.menu-toggle{position:fixed;top:1rem;left:1rem;background:rgba(57,36,103,0.9);border:none;font-size:2rem;cursor:pointer;z-index:1001;padding:0.25rem 0.5rem;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.3);color:#FFD1E3}.menu-toggle:hover{color:#A367B1}main{flex:1;padding:0}.site-footer{text-align:center;padding:1rem;border-top:1px solid #5D3587;font-size:0.9rem;color:#b0b0b0}.site-footer .post-nav{display:flex;gap:1rem;margin:0 10% 1rem 10%}.site-footer .post-nav .post-btn{flex:1;padding:0.75rem 1rem;text-align:center;border:2px solid #5D3587;border-radius:8px;background:#1e1a2f;color:#A367B1;text-decoration:none}.site-footer .post-nav .post-btn:hover{background:#A367B1;border-color:#A367B1;color:#fff}.site-footer .post-nav .post-btn.top{flex:0 auto}h1{border-bottom:2px solid #ffffff;padding-bottom:0;margin-bottom:1em}h2{padding-bottom:0;margin-bottom:1em;margin-top:1em}.banner{position:relative;width:100%;height:60vh;overflow:hidden;margin-bottom:2rem}.banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, transparent 15%, transparent 85%, rgba(0,0,0,0.4) 100%)}.banner img{width:100%;height:100%;object-fit:cover;object-position:center}.banner-text{position:absolute;bottom:20%;left:5%;max-width:80%;background:rgba(0,0,0,0.7);padding:1rem 2rem;border-radius:8px;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.banner-text h1{font-size:3rem;margin-bottom:0.5rem}.banner-text p{font-size:1.2rem}.banner-meta{display:inline-block;margin-left:0.5rem;font-size:0.9rem;font-weight:normal;opacity:0.9}.banner-meta>span{margin-right:1rem}.banner-credit{margin:0 10% 1.5rem 10%;font-size:0.85rem;font-style:italic;color:#b0b0b0;text-align:center}.post-figure{margin:0 0 1.5rem 0}.post-figure img{width:100%;height:auto;display:block;border-radius:8px}.post-figure figcaption{margin-top:0.5rem;font-size:0.85rem;font-style:italic;color:#b0b0b0;text-align:center}.hero{border:2px solid #5D3587;border-radius:8px;padding:2rem;margin:0 10% 2rem 10%;text-align:left;background:#1e1a2f;color:#f0f0f0}.recent-posts{padding:0 10%;margin:2rem 0}.recent-posts h2{font-size:2rem;margin-bottom:1.5rem;color:#FFD1E3}.recent-posts .post-list{display:flex;flex-direction:column;gap:1.5rem}.recent-posts .post-preview{border:2px solid #5D3587;border-radius:8px;padding:1.5rem;background:#1e1a2f;transition:box-shadow 0.2s ease}.recent-posts .post-preview:hover{box-shadow:0 2px 8px rgba(0,0,0,0.3)}.recent-posts .post-preview h3{margin-bottom:0.5rem}.recent-posts .post-preview h3 a{color:#f0f0f0;text-decoration:none}.recent-posts .post-preview h3 a:hover{color:#A367B1}.recent-posts .post-preview .post-meta{font-size:0.85rem;color:#b0b0b0;margin-bottom:0.5rem}.recent-posts .post-preview p{color:#f0f0f0}.recent-posts .post-preview.is-hidden{display:none !important}.recent-posts .post-filter{margin-bottom:2rem}.recent-posts .post-filter-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.recent-posts .post-filter-header h2{margin:0;font-size:1.5rem}.recent-posts .tag-filter-list{display:flex;flex-wrap:wrap;gap:0.75rem}.recent-posts .tag-filter-btn,.recent-posts .post-filter-clear{border:1px solid #5D3587;border-radius:999px;background:transparent;color:#f0f0f0;cursor:pointer;padding:0.45rem 0.9rem;transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease}.recent-posts .tag-filter-btn:hover,.recent-posts .tag-filter-btn.is-active,.recent-posts .post-filter-clear:hover,.recent-posts .post-filter-clear.is-active{background:#A367B1;border-color:#A367B1;color:#0a0a1a}.recent-posts .post-filter-clear{white-space:nowrap}.recent-posts .post-filter-empty{margin-top:1rem;color:#b0b0b0}.recent-posts a[href*="/blog/"]{display:inline-block;margin-top:1rem;color:#A367B1;text-decoration:none}.recent-posts a[href*="/blog/"]:hover{text-decoration:underline;color:#FFD1E3}.card{border:2px solid #5D3587;border-radius:8px;background:#1e1a2f;padding:1.5rem;margin:0 10% 1.5rem 10%}.post-featured-image{padding:0;overflow:hidden}.post-featured-image img{display:block;width:100%;height:auto}.sf-embed-wrap{margin:0 10% 1.5rem 10%}.sf-embed{display:block;width:100%;min-height:1200px;border:0;background:#fff}.post-preview{display:flex;gap:1rem;align-items:flex-start}.post-preview .post-thumbnail{flex-shrink:0;width:100px}.post-preview .post-thumbnail img{width:100%;height:auto;border-radius:4px;object-fit:cover}.post-preview .post-info{flex:1}.main-content a{color:#A367B1}.main-content a:hover{color:#FFD1E3}table{border-collapse:collapse;width:100%}table,th,td{border:1px solid white}th,td{padding:8px;text-align:left}.post{display:flex;flex-direction:column;gap:1.5rem;margin:0 10%}.post>.card{margin:0}.post-toc{font-size:0.9rem}.post-toc summary{cursor:pointer;font-weight:bold;color:#FFD1E3;user-select:none}.post-toc ul{list-style:none;padding-left:0.25rem;margin-top:0.75rem}.post-toc li{margin:0.4rem 0}.post-toc li.is-sub{padding-left:1rem;font-size:0.85rem}.post-toc a{color:#f0f0f0;text-decoration:none}.post-toc a:hover{color:#A367B1}.post-toc a.is-active{color:#FFD1E3;font-weight:bold}.post-content h1,.post-content h2{scroll-margin-top:1rem}@media (max-width: 768px){.post{grid-template-columns:1fr}.post-toc{grid-column:1;grid-row:auto;position:static;max-height:none}}@media (max-width: 480px){.post{margin-left:4%;margin-right:4%}}img,iframe,video{max-width:100%;height:auto;display:block}@media (max-width: 768px){.banner{height:40vh}.banner-text{padding:0.5rem 1rem;bottom:5%;left:5%;max-width:90%}.banner-text h1{font-size:1.75rem}.banner-text p{font-size:0.95rem}}@media (max-width: 480px){.banner{height:30vh}.banner-text h1{font-size:1.3rem}.banner-text p{font-size:0.85rem}}@media (max-width: 480px){.hero,.card{margin-left:4%;margin-right:4%;padding:1rem}}@media (max-width: 480px){.post-preview{flex-direction:column;align-items:stretch}.post-preview .post-thumbnail{width:100%;max-width:200px}}.sf-embed{min-height:300px}@media (max-width: 768px){.sf-embed{min-height:250px}}table{display:block;overflow-x:auto;white-space:nowrap}.close-sidebar{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){body{font-size:0.95rem}}