*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2c2c2c;background:#fff;line-height:1.7}a{color:#2c2c2c;text-decoration:none}a:hover{color:#666}.layout{max-width:640px;margin:0 auto;padding:0 1.5rem;min-height:100vh;display:flex;flex-direction:column}.header{padding:3rem 0 2.5rem;margin-bottom:.5rem}.header-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:.75rem}.header-link:hover{text-decoration:none;color:inherit}.header-icon{color:#2c2c2c;flex-shrink:0}.site-title{font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.site-subtitle{color:#999;font-size:.8rem;margin-top:.1rem;letter-spacing:.02em}.main{flex:1}.footer{padding:2.5rem 0 2rem;margin-top:3rem;color:#ccc;font-size:.75rem;letter-spacing:.02em}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:.7rem;font-weight:500;color:#bbb;text-transform:uppercase;letter-spacing:.12em}.page-info{font-size:.75rem;color:#ccc}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.pagination-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:#888;font-size:.8rem;cursor:pointer;padding:.4rem 0;transition:color .15s;font-family:inherit}.pagination-btn:hover:not(:disabled){color:#2c2c2c}.pagination-btn:disabled{color:#ddd;cursor:default}.pagination-pages{display:flex;gap:.25rem}.pagination-page{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:#999;font-size:.8rem;cursor:pointer;font-family:inherit;transition:color .15s,background .15s}.pagination-page:hover{color:#2c2c2c;background:#f7f7f7}.pagination-page.active{color:#2c2c2c;font-weight:600}.articles-list{display:flex;flex-direction:column}.article-card{padding:1.75rem 0;border-top:1px solid #f0f0f0}.article-card:last-child{border-bottom:1px solid #f0f0f0}.article-card-link{color:inherit;display:flex;align-items:flex-start;gap:.85rem}.article-card-link:hover{text-decoration:none}.article-card-link:hover .article-card-title{color:#666}.article-card-icon{color:#ccc;flex-shrink:0;margin-top:.15rem}.article-card-title{font-size:1.05rem;font-weight:500;line-height:1.5;transition:color .15s}.article-card-meta{display:flex;align-items:center;gap:.6rem;margin-top:.4rem;margin-left:2.35rem;color:#bbb;font-size:.8rem}.article-card-tags{display:flex;gap:.35rem;flex-wrap:wrap}.article-card-summary{margin-top:.4rem;margin-left:2.35rem;color:#888;font-size:.9rem;line-height:1.6}.tag-badge{display:inline-block;color:#aaa;font-size:.75rem;font-weight:400}.tag-badge:before{content:"#"}.article-detail{padding:0}.back-link{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:2rem;color:#bbb;font-size:.8rem;font-weight:400;letter-spacing:.02em;transition:color .15s}.back-link:hover{color:#2c2c2c;text-decoration:none}.back-link svg{width:14px;height:14px}.article-header{margin-bottom:2rem}.article-title{font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#2c2c2c}.article-meta{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;color:#bbb;font-size:.8rem}.article-tags{display:flex;gap:.35rem;flex-wrap:wrap}.article-content h1,.article-content h2,.article-content h3{margin-top:2rem;margin-bottom:.6rem;font-weight:600;line-height:1.35;color:#2c2c2c}.article-content h1{font-size:1.3rem}.article-content h2{font-size:1.1rem}.article-content h3{font-size:1rem}.article-content p{margin-bottom:1rem;color:#444}.article-content ul,.article-content ol{margin-bottom:1rem;padding-left:1.25rem;color:#444}.article-content li{margin-bottom:.3rem}.article-content strong{font-weight:600;color:#2c2c2c}.article-content code{background:#f7f7f7;padding:.12rem .4rem;border-radius:3px;font-size:.88em;font-family:SF Mono,Fira Code,Menlo,monospace;color:#555}.article-content pre{background:#fafafa;border:1px solid #eee;padding:1rem 1.25rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.article-content pre code{background:none;padding:0;border-radius:0;font-size:.85rem;color:#444}.article-content blockquote{border-left:2px solid #ddd;padding-left:1rem;color:#888;margin-bottom:1rem}.article-content hr{border:none;border-top:1px solid #f0f0f0;margin:2rem 0}.article-content table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9rem}.article-content th,.article-content td{border-bottom:1px solid #f0f0f0;padding:.5rem .75rem;text-align:left}.article-content th{font-weight:500;color:#999;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.article-content img{max-width:100%;height:auto;border-radius:4px}.loading,.empty,.not-found{color:#ccc;padding:3rem 0;text-align:center;font-size:.9rem}@media(max-width:600px){.layout{padding:0 1.25rem}.header{padding:2rem 0 1.75rem}.site-title{font-size:1.15rem}.article-title{font-size:1.3rem}.article-card-meta,.article-card-summary{margin-left:0}.article-card-link{flex-direction:column;gap:0}.article-card-icon{display:none}.article-meta{flex-direction:column;align-items:flex-start;gap:.3rem}}