.topbar{width:100%;background:#fff;border-bottom:1px solid #e5e5e5;padding:.75rem 1rem}.topbar-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.right-side{display:flex;align-items:center;gap:.5rem}.searchbar{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;width:180px}.searchbar:focus{outline:none;border-color:var(--color-link)}.topbar-button{background:var(--color-link);color:var(--color-white);padding:.4rem .8rem;border-radius:6px;font-weight:600;text-decoration:none;transition:opacity .2s ease}.topbar-button:hover{opacity:.85}*{margin:0;padding:0;box-sizing:border-box}:root{--space-xs: .8rem;--space-sm: 1.2rem;--space-md: 1.6rem;--space-lg: 2.4rem;--color-bg: #F7F4EF;--color-text: #222;--color-muted: #555;--color-border: #ddd;--color-inline-code-bg: #eee;--color-white: #fff;--color-code-bg: #f0f0f0;--color-table-header: #f5f5f5;--color-footer: #666;--color-link: #0070f3}html{font-size:18px;line-height:1.65;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);text-rendering:optimizeLegibility}header{width:100%;background:#fff;border-bottom:1px solid #e5e5e5;padding:.75rem 1rem;top:0;z-index:10}header .inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;color:var(--color-text);font-weight:600}nav a{margin-left:1rem;font-weight:400;color:var(--color-muted)}nav a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:600}p,ul,ol{margin-bottom:1.2rem}ul,ol{padding-left:1.5rem}a{color:#0070f3}a:hover{text-decoration:underline}.prose{max-width:70ch;margin-inline:auto;padding-inline:1rem}.prose h1{font-size:2rem}.prose h2{font-size:1.6rem}.prose h3{font-size:1.3rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin-block:1.2rem}.prose h1,.prose h2,.prose h3{margin-block:2.2rem 1rem;line-height:1.25}pre,code{font-family:SF Mono,Fira Code,Roboto Mono,monospace}pre{background:#f0f0f0;padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}code{background:#eee;padding:.2rem .4rem;border-radius:4px}img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}blockquote{border-left:4px solid var(--color-border);padding-left:1rem;color:var(--color-muted);margin:1.5rem 0;font-style:italic}table{width:100%;border-collapse:collapse;margin-block:var(--space-md);font-size:.95rem;color:var(--color-text)}th,td{padding:.6rem 1rem;border-bottom:1px solid var(--color-border);text-align:left}th{font-weight:600;background:#0000000a}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background:#00000005}tr:hover td{background:#0000000f;transition:background .15s ease}.listcontainer{margin-top:24px;display:grid;gap:24px;margin-inline:auto;max-width:960px;width:auto}.hero-image img{display:block;max-width:360px;width:auto;border-radius:12px;box-shadow:var(--box-shadow);margin-inline:auto}.post-grid{max-width:1100px;margin:2rem auto;padding-inline:1rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{box-shadow:0 8px 16px #0000001a}.post-card-content{padding-inline:.5rem;padding-top:.5rem}.post-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2rem}