*{box-sizing:border-box}html,body{background-color:#fff}html{scroll-behavior:smooth}body{color:#222;font-family:sans-serif;font-size:16px;line-height:1.5rem;margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%}main,.wrapper{max-width:1360px;margin:0 auto}header{position:sticky;top:0;z-index:1000}header .wrapper{display:flex;align-items:center;height:3.8rem;padding:0 1rem}.site-brand{display:flex;align-items:center;text-decoration:none;color:inherit}.site-logo{height:1em;width:auto;margin-right:.5rem;vertical-align:main}.site-title{font-size:1.3rem;font-weight:700}header nav ul{display:flex;list-style:none;margin:0;padding:0;gap:1rem}header nav{margin-left:auto}header nav a{text-decoration:none;color:#555;font-weight:500}header nav a:hover{color:#000}header nav a.active,header nav a.ancestor{color:#05c;border-bottom:.2rem solid #05c}.menu-toggle{display:none;cursor:pointer;border:none;background:0 0;font-family:inherit;font-size:1rem;color:#888}.search-button{margin-left:20px}footer{text-align:center;background-color:#eee}main{display:flex}.sidebar-left,.sidebar-right{width:250px;display:flex;flex-direction:column;position:sticky;top:3.8rem;height:calc(100vh - 3.8rem)}.main-container{width:768px;padding:0 1rem}#TableOfContents{max-height:calc(100vh - 10rem);overflow-y:auto}#TableOfContents ul{list-style:none;margin:0;padding:0}#TableOfContents li li{margin-left:1rem}#TableOfContents a{text-decoration:none;color:#999}#TableOfContents a:hover,#TableOfContents a:focus{color:#000;border-bottom:.1rem solid #000}.sidebar-toggle{display:none;margin:1rem;padding:.5rem 1rem;cursor:pointer}@media(max-width:1280px){.sidebar-right{position:absolute;top:3.8rem;left:0;right:0;height:calc(100vh - 3.8rem);transform:translateX(100%);z-index:10}.sidebar-right .sidebar-toggle{display:block}.sidebar-right.open{transform:translateX(0)}}@media(max-width:1024px){.sidebar-left{position:absolute;top:3.8rem;bottom:0;right:0;height:calc(100vh - 3.8rem);transform:translateX(-100%);z-index:10}.sidebar-left .sidebar-toggle{display:block}.sidebar-left.open{transform:translateX(0)}.main-container{max-width:768px;width:100%}}@media(max-width:768px){.menu-toggle{display:inline-block}header nav ul.active{display:flex}header nav ul{display:none;flex-direction:column;gap:0;position:absolute;top:60px;left:0;width:100%;background:#fff;border-top:1px solid #ddd}header nav ul li{padding:.5rem 1rem}}.cat-tabs{display:flex;flex-wrap:wrap;margin:.5rem;padding:.5rem;gap:.25rem;border-bottom:1px solid #ddd}.cat-tab{font-family:inherit;font-size:.9rem;cursor:pointer;border:none;background-color:#eee;padding:.25rem .5rem;border-radius:1rem}.cat-tab:hover{background-color:#bbb}.cat-tab .status-indicator{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:gray;transition:background-color .3s ease}.cat-tab.active .status-indicator{background:#2ecc71}.cat-tab.background .status-indicator{background:#f1c40f}.cat-panels{flex:auto;overflow-y:auto;font-size:.9rem}.cat-panels ul{list-style:none;margin:0;padding:0}.cat-panel a{display:block;text-decoration:none;color:#333;cursor:pointer;position:relative;padding:.1rem 1rem}.cat-panel a::after{content:"";position:absolute;top:0;left:-999px;right:0;bottom:0;z-index:-1;transition:background .2s}.cat-panel a:hover::after{background:#cec4b8}.cat-panel a.active::after{background:#7ca3cc}.cat-panel a:hover,.cat-panel a.active{color:#fff}.cat-panel ul ul{border-left:1px solid #666}.cat-panel ul li{padding-left:.8rem}.cat-panel{display:none}.cat-panel.active{display:block}.cat-tree-section{font-weight:600}.cat-panel ul ul{display:none}.cat-panel li.open>ul{display:block}.cat-panel li:has(ul)>a::before{content:">";position:absolute;left:0;transition:transform .2s;font-size:1rem}.cat-panel li.open>a::before{transform:rotate(90deg)}.cat-panel li:not(:has(ul))>a::before{content:"📄";position:absolute;left:-4px}.ephemera-stream{display:flex;flex-wrap:wrap;gap:1rem;position:relative}.ephemera-item{flex:1 1 200px;max-width:250px;padding:1rem;background:rgba(255,255,255,.8);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);animation:flicker 6s infinite}.ephemera-img img{max-width:100%;border-radius:6px;margin-bottom:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem}.project-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;flex-direction:row}.project-info{flex:1;padding:1rem}.project-title{font-size:1.2rem;margin-bottom:.5rem}.project-desc{font-size:.95rem;color:#555;margin-bottom:1rem}.project-featured img{padding:1rem}.project-featured img{width:60px;height:60px;object-fit:cover;object-position:center;border-left:1px solid #ddd}@media print{header,footer,aside{display:none}}