body{margin:12px;font-family:sans-serif;overflow-x:hidden}*,body{box-sizing:border-box}header{display:flex;align-items:center;margin-bottom:23px}h1{padding-bottom:4px}a.selected{font-weight:600}nav a{text-decoration:none;position:relative;color:black}header img{border-radius:8px;margin-right:10px;width:76px;height:76px}li{margin-bottom:12px}nav{display:flex;gap:4px}a:visited{color:inherit}header h1{margin:0}nav a:not(:last-child):after{content:"|";color:black;margin-left:4px;font-weight:400}main{max-width:600px;width:100%}main img{max-width:100%;height:auto;border-radius:6px}main table{width:100%;border-collapse:collapse;margin:1em 0}main td,main th{text-align:left;padding:8px 12px;border:1px solid #ddd}main th{font-weight:600}main figure[data-rehype-pretty-code-figure],main pre{width:min(750px,calc(100vw - 24px))}hr{margin:0;max-width:600px}pre{padding:16px;border-radius:6px;overflow-x:auto;font-size:14px;line-height:1.5;max-width:100%;width:100%}figure[data-rehype-pretty-code-figure]{margin:1em 0}:not(pre)>code{background-color:#1e1e1e;color:#d4d4d4;padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em}h3[id],h4[id]{position:relative;scroll-margin-top:12px}h3[id] a.anchor-link,h4[id] a.anchor-link{position:absolute;left:-20px;color:#999;text-decoration:none;opacity:0;transition:opacity .2s}h3[id]:hover a.anchor-link,h4[id]:hover a.anchor-link{opacity:1}h3[id] a.anchor-link:hover,h4[id] a.anchor-link:hover{color:#666}.projects-main,.projects-page header,.projects-page hr{max-width:900px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.project-card{border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff}.project-card h3{margin:12px 16px 4px;font-size:.95em}.project-card p{margin:4px 16px 16px;color:#555;font-size:.82em}.project-carousel{position:relative;overflow:hidden;background:#f0f0f0}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:auto;display:block;opacity:0;transition:opacity .15s ease}.carousel-slide.active{position:relative;opacity:1}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s;background:rgba(0,0,0,.4);color:#fff;border:none;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:rgba(0,0,0,.7)}.project-carousel:hover .carousel-btn{opacity:1}.project-card-link{text-decoration:none;color:inherit}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}.carousel-dot.active{background:#fff}