:root{--max-width:800px;--primary:#1a73e8;--text:#1a1a2e;--muted:#6b7280;--bg:#ffffff;--card-bg:#f9fafb;--border:#e5e7eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}header{border-bottom:1px solid var(--border);padding:1rem 2rem}nav{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:700;color:var(--primary)}.logo,.nav-links a{text-decoration:none}.nav-links a{margin-left:1.5rem;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--primary)}main{margin:0 auto}footer,main{max-width:var(--max-width);padding:2rem}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.85rem;margin:4rem auto 0}.affiliate-disclosure{font-size:.75rem;margin-top:.5rem;opacity:.7}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin:2rem 0 .75rem}h3{font-size:1.2rem;margin:1.5rem 0 .5rem}.hero{margin-bottom:3rem}.hero p{color:var(--muted);font-size:1.1rem}.post-list{list-style:none}.post-card{padding:1.5rem 0;border-bottom:1px solid var(--border)}.post-card h2{margin:0 0 .25rem;font-size:1.3rem}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{color:var(--primary)}.post-date{color:var(--muted);font-size:.85rem}.post-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.keyword{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;font-size:.75rem;color:var(--muted)}article img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}article a{color:var(--primary)}article ol,article ul{margin:1rem 0 1rem 1.5rem}article p{margin-bottom:1rem}article blockquote{border-left:3px solid var(--primary);padding-left:1rem;margin:1rem 0;color:var(--muted)}article code{padding:.15rem .35rem;border-radius:3px;font-size:.9em}article code,article pre{background:var(--card-bg)}article pre{padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.back-link{margin-bottom:2rem;display:inline-block;color:var(--primary);text-decoration:none}.back-link:hover{text-decoration:underline}