:root{--bg:#0f0f0f;--bg-surface:#1a1a1a;--bg-elevated:#222222;--text:#e5e5e5;--text-bright:#ffffff;--muted:#888888;--accent:#2dd4bf;--accent-dim:rgba(45, 212, 191, 0.12);--border:#2a2a2a;--border-light:#333333}*{box-sizing:border-box}body{margin:0;font-family:inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--text-bright)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--border);background:var(--bg-surface)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.nav .logo{color:var(--text-bright);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.nav .logo span{color:var(--accent)}.nav-links{display:flex;gap:1.25rem;flex-wrap:wrap}.nav-links a{color:var(--muted);font-size:.95rem;transition:color .15s}.nav-links a:hover{color:var(--text-bright);text-decoration:none}.hero{padding:4rem 0 2.5rem}.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 .75rem;letter-spacing:-.03em}.hero p{color:var(--muted);max-width:700px;font-size:1.1rem}.grid{display:grid;gap:1.25rem}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:var(--bg-surface);transition:border-color .2s,background .2s}.card:hover{border-color:var(--border-light);background:var(--bg-elevated)}.card h3{margin-top:0;font-size:1.05rem}.card a{color:var(--text-bright)}.card a:hover{color:var(--accent);text-decoration:none}.meta{color:var(--muted);font-size:.9rem}.article-wrap{display:grid;gap:2rem;grid-template-columns:1fr;padding:2rem 0}.article-content{min-width:0}.article-content h1{font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:-.03em;margin-bottom:.5rem}.article-content h2{font-size:1.35rem;margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.article-content h3{font-size:1.1rem;margin-top:1.75rem}.article-content p{margin:.75rem 0}.article-content ul,.article-content ol{padding-left:1.5rem}.article-content li{margin-bottom:.4rem}.article-content strong{color:var(--text-bright)}.article-content blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:.75rem 1rem;background:var(--accent-dim);border-radius:0 8px 8px 0;color:var(--text)}.toc{border:1px solid var(--border);padding:1rem;border-radius:10px;background:var(--bg-surface);font-size:.9rem}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.affiliate-link{display:inline;color:var(--accent);font-weight:600;border-bottom:1px dashed var(--accent);transition:opacity .15s}.affiliate-link:hover{opacity:.8;text-decoration:none}.author-box{border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-top:2.5rem;background:var(--bg-surface)}.author-box strong{color:var(--text-bright)}.related-list{display:grid;gap:.8rem}.related-list a{color:var(--text)}.related-list a:hover{color:var(--accent)}.compound-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th{background:var(--bg-surface);color:var(--text-bright);font-weight:600}th,td{border:1px solid var(--border);padding:.7rem .9rem;text-align:left}tr:hover{background:var(--bg-surface)}code{background:var(--bg-elevated);padding:.15rem .4rem;border-radius:4px;font-size:.9em;color:var(--accent)}.site-footer{border-top:1px solid var(--border);margin-top:3rem;padding:2rem 0;color:var(--muted);font-size:.9rem}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}@media(min-width:980px){.article-wrap{grid-template-columns:240px 1fr}.toc{position:sticky;top:1.5rem}}@media(max-width:600px){.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:1.6rem}.grid.cols-3{grid-template-columns:1fr}}