.blog-page{font-family:system-ui,sans-serif;min-height:100vh;background:var(--surface);color:var(--ink)}.blog-nav{display:flex;gap:20px;padding:20px 48px;border-bottom:1px solid var(--rule)}.blog-nav a{color:var(--ink);text-decoration:none;font-size:14px}.blog-header{max-width:760px;margin:0 auto;padding:56px 24px 8px}.blog-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.blog-lede{font-size:18px;color:var(--ink-muted);line-height:1.6;margin:0}.blog-main{max-width:760px;margin:0 auto;padding:24px 24px 96px;line-height:1.7}.blog-main h2{font-size:24px;margin:36px 0 12px}.blog-main a{color:var(--green)}.blog-collections,.blog-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}.blog-collections a,.blog-list a{display:block;padding:18px 20px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;text-decoration:none;color:var(--ink)}.blog-collections a:hover,.blog-list a:hover{border-color:var(--green)}.blog-collections strong,.blog-list strong{display:block;font-size:17px;margin-bottom:4px}.blog-collections span,.blog-list p{margin:0 0 6px;color:var(--ink-muted);font-size:14px}.blog-meta{font-size:13px;color:var(--ink-muted)}.blog-meta .blog-status{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid var(--sendback);color:var(--sendback);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.blog-draft-banner{margin:0 0 22px;padding:12px 16px;background:var(--surface);border:1.5px solid var(--sendback);border-radius:8px;color:var(--sendback);font-size:14px}.blog-byline{margin:0 0 26px;color:var(--ink-muted);font-size:14px}