html,body{overflow:auto!important;height:auto!important}body{background:var(--bg-app);color:var(--fg-1);--text-1: var(--fg-1);--text-muted: var(--fg-3);--accent: var(--brand);--accent-deep: var(--brand);--badge-bg: var(--fg-1);--badge-fg: var(--brand-fg);--badge-shadow: 0 8px 20px color-mix(in srgb, var(--fg-1) 22%, transparent);--badge-shadow-hover: 0 14px 26px color-mix(in srgb, var(--fg-1) 28%, transparent)}body[data-theme=dark]{background:var(--bg-app);color:var(--fg-1);--text-1: var(--fg-1);--text-muted: color-mix(in srgb, var(--fg-1) 50%, transparent);--accent: var(--brand);--accent-deep: var(--brand);--badge-bg: var(--fg-1);--badge-fg: var(--fg-inverse);--badge-shadow: 0 12px 28px color-mix(in srgb, var(--fg-1) 50%, transparent);--badge-shadow-hover: 0 18px 36px color-mix(in srgb, var(--brand) 40%, transparent)}.post-shell{max-width:720px;margin:0 auto;padding:80px 24px 120px;font-family:var(--font-sans)}.post-shell .back{display:inline-block;font-size:13px;letter-spacing:.04em;color:var(--fg-2);text-decoration:none;margin-bottom:32px}.post-shell .back:hover{color:var(--fg-1)}.post-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px}.post-meta time{color:var(--brand)}.post-shell h1{font-family:var(--font-display);font-size:48px;font-style:normal;letter-spacing:-.01em;margin:0 0 16px;line-height:1.1}.post-shell .description{font-size:19px;line-height:1.5;color:var(--fg-2);margin:0 0 48px;font-style:italic}.post-hero{display:block;width:100%;height:auto;border-radius:16px;margin:0 0 48px}.post-body{font-size:17px;line-height:1.7;color:var(--fg-1)}.post-body h2{font-family:var(--font-display);font-size:26px;margin:48px 0 12px;color:var(--fg-1)}.post-body h3{font-family:var(--font-display);font-size:20px;margin:36px 0 8px}.post-body p{margin:0 0 20px}.post-body strong{color:var(--fg-1)}.post-body a{color:var(--fg-1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--fg-1) 40%,transparent)}.post-body a:hover{text-decoration-color:var(--fg-1)}.post-body blockquote{border-left:3px solid var(--brand);margin:24px 0;padding:4px 0 4px 20px;color:var(--fg-2);font-style:italic}.post-body code{background:color-mix(in srgb,var(--fg-1) 6%,transparent);padding:2px 6px;border-radius:4px;font-size:.92em}.post-body pre{background:var(--fg-1);color:var(--brand-fg);padding:18px 20px;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.5}.post-body pre code{background:transparent;padding:0}.post-body ul,.post-body ol{padding-left:22px;margin:0 0 20px}.post-body li{margin-bottom:6px}.post-body img{max-width:100%;height:auto;border-radius:10px;margin:24px 0}.post-body hr{border:0;border-top:1px solid color-mix(in srgb,var(--fg-1) 15%,transparent);margin:40px 0}.post-body .callout{margin:40px 0;padding:22px 26px;border:1px solid color-mix(in srgb,var(--fg-1) 14%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 50%,transparent);font-size:18px;line-height:1.6;color:var(--fg-1)}.post-body .callout p{margin:0}.post-body .callout p+p{margin-top:12px}.post-body a.cta-button{display:inline-flex;align-items:center;gap:8px;margin:12px 0;padding:13px 24px;border-radius:12px;background:var(--brand);color:var(--brand-fg);font-family:var(--font-display);font-weight:500;font-size:16px;text-decoration:none;transition:background .2s ease-out,transform .2s cubic-bezier(.22,1,.36,1)}.post-body a.cta-button:hover{background:var(--brand-hover);text-decoration:none;transform:translateY(-1px)}.post-author{margin-top:64px;padding:22px;border:1px solid color-mix(in srgb,var(--fg-1) 12%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 40%,transparent);display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}.post-author .avatar{width:48px;height:48px;border-radius:999px;background:var(--brand-hover);color:var(--fg-1);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;line-height:1;overflow:hidden}.post-author .avatar img{width:100%;height:100%;object-fit:cover;display:block}.post-author .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin:0 0 2px}.post-author .name{font-family:var(--font-display);font-size:18px;color:var(--fg-1);margin:0 0 4px}.post-author .bio{font-size:14px;line-height:1.55;color:var(--fg-2);margin:0}body[data-theme=dark] .post-author{background:color-mix(in srgb,var(--bg-surface) 40%,transparent);border-color:color-mix(in srgb,var(--fg-1) 18%,transparent)}.post-footer{margin-top:32px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--fg-1) 15%,transparent);display:flex;justify-content:space-between;font-size:13px;color:var(--fg-2)}.post-footer a{color:inherit}@media(max-width:640px){.post-shell h1{font-size:36px}.post-shell .description{font-size:17px}}.home-fab{position:fixed;top:20px;left:20px;z-index:50;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--fg-1) 12%,transparent);color:var(--fg-1);text-decoration:none;backdrop-filter:blur(8px);transition:background .2s,color .2s,border-color .2s,transform .22s cubic-bezier(.22,1,.36,1)}.home-fab svg{width:16px;height:16px}.home-fab:hover{background:var(--fg-1);color:var(--brand-fg);transform:translateY(-1px);border-color:var(--fg-1)}body[data-theme=dark] .home-fab{background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border-color:color-mix(in srgb,var(--fg-1) 18%,transparent);color:var(--fg-1)}body[data-theme=dark] .home-fab:hover{background:var(--fg-1);color:var(--fg-inverse);border-color:var(--fg-1)}body[data-theme=dark] .post-shell .back{color:color-mix(in srgb,var(--fg-1) 72%,transparent)}body[data-theme=dark] .post-shell .back:hover{color:var(--fg-1)}body[data-theme=dark] .post-meta{color:color-mix(in srgb,var(--fg-1) 55%,transparent)}body[data-theme=dark] .post-shell .description{color:color-mix(in srgb,var(--fg-1) 78%,transparent)}body[data-theme=dark] .post-body,body[data-theme=dark] .post-body h2,body[data-theme=dark] .post-body strong{color:var(--fg-1)}body[data-theme=dark] .post-body a{color:var(--fg-1);text-decoration-color:color-mix(in srgb,var(--fg-1) 45%,transparent)}body[data-theme=dark] .post-body a:hover{text-decoration-color:var(--fg-1)}body[data-theme=dark] .post-body blockquote{color:color-mix(in srgb,var(--fg-1) 78%,transparent)}body[data-theme=dark] .post-body code{background:color-mix(in srgb,var(--fg-1) 8%,transparent)}body[data-theme=dark] .post-body hr{border-top-color:color-mix(in srgb,var(--fg-1) 18%,transparent)}body[data-theme=dark] .post-body .callout{background:color-mix(in srgb,var(--bg-surface) 45%,transparent);border-color:color-mix(in srgb,var(--fg-1) 18%,transparent);color:var(--fg-1)}body[data-theme=dark] .post-author .label{color:color-mix(in srgb,var(--fg-1) 55%,transparent)}body[data-theme=dark] .post-author .name{color:var(--fg-1)}body[data-theme=dark] .post-author .bio{color:color-mix(in srgb,var(--fg-1) 72%,transparent)}body[data-theme=dark] .post-footer{color:color-mix(in srgb,var(--fg-1) 72%,transparent);border-top-color:color-mix(in srgb,var(--fg-1) 18%,transparent)}
