*{box-sizing:border-box}body{margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a,body{color:#000}a{text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:24px 16px}header.site-header{border-bottom:1px solid #000;padding:16px}header.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:0}header.site-header nav a{margin-left:16px;text-decoration:none}.name-logo{font-weight:700;font-size:20px;text-decoration:none}.intro-photo{width:160px;height:160px;border-radius:8px;object-fit:cover;float:right;margin-left:20px}h1{font-size:32px;margin-bottom:4px}.tagline{font-weight:700;margin-top:0}section{margin-top:48px}section h2{border-bottom:2px solid #000;padding-bottom:8px}.article-item,.project-item{border:1px solid #000;padding:12px 16px;margin-bottom:12px}.project-item h3{margin:0 0 6px}.article-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.article-date{font-size:13px;white-space:nowrap}.filters{margin-bottom:16px}.filter-btn{border:1px solid #000;background:#fff;color:#000;padding:6px 12px;margin-right:8px;margin-bottom:8px;cursor:pointer;font-family:inherit}.filter-btn.active{background:#000;color:#fff}.video-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.video-item iframe{width:100%;height:180px;border:1px solid #000}.video-item p{margin:6px 0 0;font-size:14px}.yt-btn{display:inline-block;margin-top:20px;border:1px solid #000;padding:8px 16px;text-decoration:none}footer.site-footer{border-top:1px solid #000;margin-top:60px;padding:16px;text-align:center;font-size:13px}@media (max-width:600px){header.site-header .container{align-items:flex-start;flex-direction:column;gap:8px}header.site-header nav{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:6px}header.site-header nav a{margin-left:0}.video-grid{grid-template-columns:1fr}.intro-photo{float:none;display:block;margin:0 0 16px}}#skills ul{padding-left:20px}#skills li{margin-bottom:6px}.tools-list{display:flex;flex-wrap:wrap;gap:8px}.tool-badge{border:1px solid #000;padding:6px 12px;font-size:14px}.experience-item{border:1px solid #000;padding:12px 16px;margin-bottom:12px}.experience-item h3{margin:0 0 4px}.experience-date{font-size:13px;font-weight:700;margin:0 0 8px}