*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#111;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}header{position:sticky;top:0}.nav{width:100%;background:#fff}.nav-inner{max-width:1000px;margin:0 auto;padding:0 24px;display:flex;align-items:center}.nav-title{font-size:32px;margin:0;padding-right:24px;flex-shrink:0}.nav-title-avatar{width:40px;height:40px;margin-top:4px;border-radius:50%;object-fit:cover;display:none}.nav-links{display:flex;margin-left:auto;gap:clamp(16px,4vw,48px)}.nav-links a{font-size:16px}.nav-links a:hover{text-decoration:underline}.main{max-width:1000px;margin:0 auto;padding:0 24px}section{scroll-margin-top:72px}.cards{display:grid;grid-template-columns:1fr;gap:20px}.card{padding:12px 18px 16px;border-radius:12px;border:2px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.card h3{margin:0;line-height:1.2}.card p{margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;padding:4px 10px;border-radius:1000px;background:#e6f0ff;color:#1d4ed8;font-weight:500;white-space:nowrap}@media(max-width:900px){.nav-title{font-size:28px}.nav-links a{font-size:14px}}@media(max-width:600px){.nav-title{font-size:24px}.nav-links a{font-size:12px}}@media(max-width:440px){.nav-title-text{display:none}.nav-title-avatar{display:block}}