.tool-header{display:flex;gap:var(--sp-5);align-items:center;margin-bottom:var(--sp-5)}.tool-header .tool-ic{width:64px;height:64px;font-size:1.8rem;border-radius:var(--r-md)}.tool-header h1{font-size:var(--fs-h2)}.tool-header .meta{display:flex;gap:14px;margin-top:6px;font-size:var(--fs-xs);color:var(--c-text-muted);font-family:var(--f-mono);flex-wrap:wrap}.content-block{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-8);margin-bottom:var(--sp-6)}.content-block h2{font-size:1.3rem;margin-bottom:var(--sp-4);margin-top:var(--sp-6)}.content-block h2:first-child{margin-top:0}.content-block p{color:var(--c-text-muted);margin-bottom:var(--sp-4)}.content-block ul{margin-bottom:var(--sp-4)}.content-block ul li{color:var(--c-text-muted);padding-inline-start:22px;position:relative;margin-bottom:8px;font-size:var(--fs-sm)}.content-block ul li::before{content:'✓';position:absolute;left:0;color:var(--c-accent);font-weight:700}.faq-item{border-bottom:1px solid var(--c-border);padding:var(--sp-4) 0}.faq-item summary{font-weight:600;cursor:pointer;font-size:var(--fs-sm)}.faq-item p{margin-top:10px;margin-bottom:0}.related-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-4)}.archive-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6);flex-wrap:wrap;gap:12px}.archive-toolbar .count{color:var(--c-text-muted);font-size:var(--fs-sm)}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row .chip{cursor:pointer}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.post-hero{padding-block:var(--sp-10);text-align:center;background:var(--c-surface-2);border-bottom:1px solid var(--c-border)}.post-hero h1{font-size:var(--fs-h2);max-width:720px;margin-inline:auto}.post-author{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:var(--sp-5);font-size:var(--fs-sm)}.avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--c-primary),var(--c-accent))}.avatar img{width:100%;height:100%;object-fit:cover}.post-cover{height:340px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--c-primary-100),var(--c-accent-100));display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:var(--sp-8);overflow:hidden}.post-cover img{width:100%;height:100%;object-fit:cover}.prose h2{font-size:1.4rem;margin:var(--sp-8) 0 var(--sp-4)}.prose h3{font-size:1.15rem;margin:var(--sp-6) 0 var(--sp-3)}.prose p{color:var(--c-text-muted);margin-bottom:var(--sp-4);line-height:1.85}.prose blockquote{border-inline-start:3px solid var(--c-primary);padding-inline-start:var(--sp-5);color:var(--c-text);font-style:italic;margin:var(--sp-6) 0}.prose img{border-radius:var(--r-md);margin-block:var(--sp-4)}.share-row{display:flex;gap:10px;align-items:center;margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.share-row .icon-btn{border:1px solid var(--c-border);background:none}#comments .comment-list li{border-bottom:1px solid var(--c-border);padding:var(--sp-4) 0}#comments textarea{width:100%;border:1px solid var(--c-border);border-radius:var(--r-sm);padding:12px;background:var(--c-surface);color:var(--c-text)}#comments input[type="text"],#comments input[type="email"],#comments input[type="url"]{width:100%;border:1px solid var(--c-border);border-radius:var(--r-sm);padding:10px 12px;background:var(--c-surface);color:var(--c-text);margin-bottom:var(--sp-3)}