:root{--ff-bg:#17181c;--ff-text:#c1c3c8;--ff-text-bright:#fff;--ff-muted:#888c96;--ff-border:#353841;--ff-surface:#23262f;--ff-surface-raised:#1d1f25;--ff-accent-low:#17264f;--ff-accent:#3369ff;--ff-accent-high:#b3c7ff;--ff-error-bg:#471f1f;--ff-error-text:#f7baba;--ff-member:#39ac86;--ff-nav-height:3.5rem;--ff-nav-pad-x:1rem;--ff-nav-pad-y:.75rem;--ff-nav-gap:1rem;--ff-text-h4:1.25rem;--ff-line-height-headings:1.2}@media (width>=50rem){:root{--ff-nav-height:4rem;--ff-nav-pad-x:1.5rem;--ff-text-h4:1.5rem}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{background:var(--ff-bg);min-height:100vh;color:var(--ff-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;line-height:1.6}a{color:var(--ff-accent);text-decoration:none}a:hover{color:var(--ff-accent-high)}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--ff-nav-gap);width:100vw;max-width:100vw;height:var(--ff-nav-height);padding:var(--ff-nav-pad-y) var(--ff-nav-pad-x);box-sizing:border-box;background:var(--ff-surface);border-bottom:1px solid var(--ff-bg);display:flex;position:fixed;top:0;left:0}.site-header-title{align-items:center;min-width:0;height:100%;margin:-.25rem;padding:.25rem;display:flex}.site-brand{align-items:center;gap:var(--ff-nav-gap);white-space:nowrap;min-width:0;line-height:var(--ff-line-height-headings);display:inline-flex}.brand-label{text-overflow:ellipsis;min-width:0;font-size:var(--ff-text-h4);font-weight:600;line-height:var(--ff-line-height-headings);color:var(--ff-accent-high);align-items:baseline;gap:.35rem;text-decoration:none;display:inline-flex;overflow:hidden}.brand-label:hover,.brand-family{color:var(--ff-accent-high)}.brand-sep{color:var(--ff-muted);font-weight:400}.brand-product{color:var(--ff-text);font-weight:600}.site-brand :global(blog-services-menu){display:contents}.site-nav{align-items:center;gap:1.5rem;height:100%;font-size:.875rem;display:flex}.site-nav>a{color:var(--ff-text);font-weight:500}.site-nav>a:hover{color:var(--ff-text-bright)}.site-nav :global(blog-user-menu){flex-shrink:0;align-items:center;display:flex}main{max-width:42rem;padding:calc(var(--ff-nav-height) + 2rem) 1.5rem 4rem;margin:0 auto}main.post-page{max-width:48rem}main.feed-page{max-width:72rem}.post-header{margin-bottom:2rem}.breadcrumbs{color:var(--ff-muted);margin-bottom:1.25rem;font-size:.8rem}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:.35rem;display:inline-flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--ff-border)}.breadcrumbs a{color:var(--ff-muted);text-decoration:none}.breadcrumbs a:hover,.breadcrumbs li:last-child span{color:var(--ff-text)}.post-topic-label{letter-spacing:.08em;text-transform:uppercase;color:var(--topic-fg,var(--ff-accent));margin-bottom:.65rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.post-topic-label:hover{color:var(--topic-fg,var(--ff-accent-high));opacity:.9}.post-title{font-size:clamp(2.25rem,5.5vw,3.25rem);font-weight:700;line-height:var(--ff-line-height-headings);color:var(--ff-text-bright);margin:0 0 1.25rem}.post-byline{border-bottom:1px solid var(--ff-border);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem 1rem;padding-bottom:1.5rem;display:flex}.post-author{align-items:center;gap:.65rem;min-width:0;display:flex}.post-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.post-author-initials{background:var(--ff-accent);color:var(--ff-text-bright);letter-spacing:.02em;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.post-author-name{color:var(--ff-text-bright);font-size:.95rem;font-weight:600}.post-byline-meta{color:var(--ff-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.post-body{margin-top:1.75rem}.post-feed{grid-template-columns:1fr;align-items:start;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.post-feed{grid-template-columns:repeat(2,1fr);gap:1.35rem}}@media (width>=64rem){.post-feed{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.post-card{border:1px solid var(--ff-border);background:var(--ff-surface);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.post-card-image-link{line-height:0;display:block}.post-card-image{aspect-ratio:16/9;object-fit:cover;background:var(--ff-surface-raised);width:100%;display:block}.post-card-content{flex-direction:column;gap:.55rem;padding:1.1rem 1.15rem 1.2rem;display:flex}.post-card-topic{letter-spacing:.08em;text-transform:uppercase;color:var(--topic-fg,var(--ff-accent));align-self:flex-start;font-size:.72rem;font-weight:700;text-decoration:none}.post-card-topic:hover{color:var(--topic-fg,var(--ff-accent-high));opacity:.9}.post-card-title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.post-card-title a{color:var(--ff-text-bright);text-decoration:none}.post-card-title a:hover{color:var(--ff-accent-high)}.post-card-excerpt{color:var(--ff-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}.post-card-meta{color:var(--ff-muted);flex-wrap:wrap;align-items:center;gap:.2rem 0;margin:0;font-size:.8rem;display:flex}.post-meta{color:var(--ff-muted);margin-bottom:.5rem;font-size:.85rem}.post-meta-sep{margin:0 .35rem}.home-section{margin-bottom:2.5rem}.section-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--ff-muted);margin:0 0 .85rem;font-size:.8rem;font-weight:600}.topic-row{flex-wrap:wrap;gap:.4rem;margin:.35rem 0 .75rem;display:flex}.topic-cloud{flex-wrap:wrap;gap:.65rem;display:flex}.topic-pill{background:var(--topic-bg,var(--ff-accent-low));color:var(--topic-fg,var(--ff-accent-high));border:1px solid var(--topic-border,color-mix(in srgb, var(--ff-accent) 35%, transparent));border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-block}.topic-pill:hover{filter:brightness(1.12);color:var(--topic-fg,var(--ff-text-bright))}.topic-cloud .topic-pill{padding:.45rem .9rem;font-size:.95rem;font-weight:600}.topic-pill-sm{padding:.1rem .4rem;font-size:.65rem}.topic-pill-count{align-items:center;gap:.4rem;display:inline-flex}.topic-cloud .topic-count{opacity:.75;font-size:.8rem}.topic-count{opacity:.75;font-size:.65rem}.search-trigger{min-height:calc(var(--ff-nav-height) - 2 * var(--ff-nav-pad-y));border:1px solid var(--ff-border);background:var(--ff-surface-raised);color:var(--ff-muted);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.875rem;line-height:1.2;display:inline-flex}.search-trigger:hover{color:var(--ff-text);border-color:var(--ff-accent)}.search-trigger-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex}.search-trigger-icon svg{width:100%;height:100%;display:block}.search-trigger-label{display:none}.search-trigger-kbd{border:1px solid var(--ff-border);background:var(--ff-bg);color:var(--ff-muted);border-radius:6px;align-items:center;gap:.15rem;padding:.2rem .45rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;display:none}@media (width>=40rem){.search-trigger-label,.search-trigger-kbd{display:inline-flex}}.search-overlay[hidden]{display:none}body.search-open{overflow:hidden}.search-backdrop{background:color-mix(in srgb, var(--ff-bg) 40%, transparent);backdrop-filter:blur(4px);z-index:100;position:fixed;inset:0}.search-panel{z-index:101;background:var(--ff-surface);border:1px solid var(--ff-border);width:min(36rem,100vw - 2rem);box-shadow:0 16px 48px color-mix(in srgb, var(--ff-bg) 60%, transparent);border-radius:12px;position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}.search-form{border-bottom:1px solid var(--ff-border);align-items:center;gap:.65rem;padding:.9rem 1.1rem;display:flex}.search-form input{color:var(--ff-text-bright);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:1.0625rem;line-height:1.4}.search-kbd{border:1px solid var(--ff-border);color:var(--ff-muted);border-radius:6px;align-items:center;padding:.2rem .45rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.search-results{max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.search-results li a{border-bottom:1px solid var(--ff-border);color:var(--ff-text);padding:.75rem 1rem;text-decoration:none;display:block}.search-results li a:hover{background:var(--ff-surface-raised)}.search-results strong{color:var(--ff-text-bright);margin-bottom:.2rem;display:block}.search-snippet{color:var(--ff-muted);margin-top:.25rem;font-size:.85rem;display:block}.search-hint{margin:0;padding:1rem}.search-page-form{gap:.5rem;margin:1.5rem 0;display:flex}.search-page-form input{border:1px solid var(--ff-border);background:var(--ff-surface);color:var(--ff-text);font:inherit;border-radius:8px;flex:1;padding:.55rem .75rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;border-radius:4px;margin-left:.5rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-member{background:color-mix(in srgb, var(--ff-member) 25%, transparent);color:#99e6cc;border:1px solid var(--ff-member)}.badge-locked{background:color-mix(in srgb, var(--ff-accent) 20%, transparent);color:var(--ff-accent-high);border:1px solid var(--ff-accent)}.prose h1{color:var(--ff-text-bright);margin-top:0;font-size:1.75rem}.prose img{border-radius:6px;max-width:100%;height:auto}.prose pre,.prose code{background:var(--ff-surface);border-radius:4px}.prose pre{padding:1rem;overflow-x:auto}.locked-teaser{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:8px;margin:1.5rem 0;padding:1.25rem}.button{border:1px solid var(--ff-accent);background:var(--ff-accent);color:var(--ff-text-bright);cursor:pointer;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:500;display:inline-block}.button:hover{background:var(--ff-accent-high);border-color:var(--ff-accent-high);color:var(--ff-bg)}.button.ghost{color:var(--ff-accent);background:0 0}.comments{border-top:1px solid var(--ff-border);margin-top:3rem;padding-top:2rem}.comments h2{color:var(--ff-text-bright);font-size:1.2rem}.comment{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:8px;margin-bottom:.75rem;padding:1rem}.comment-header{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.comment-header img{border-radius:50%;width:24px;height:24px}.comment-body{white-space:pre-wrap;margin:0}.comment-form textarea{border:1px solid var(--ff-border);background:var(--ff-surface);width:100%;min-height:5rem;color:var(--ff-text);font:inherit;resize:vertical;border-radius:8px;padding:.75rem}.comment-form .row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.comment-form input[type=text]{border:1px solid var(--ff-border);background:var(--ff-surface);min-width:12rem;color:var(--ff-text);border-radius:8px;flex:1;padding:.5rem .75rem}.muted{color:var(--ff-muted);font-size:.9rem}.error{color:var(--ff-error-text);background:var(--ff-error-bg);border-radius:6px;padding:.5rem .75rem}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{border:1px solid var(--ff-border);text-align:left;vertical-align:top;padding:.5rem}.admin-table th{background:var(--ff-surface)}