.blog-wrap{max-width:1180px;margin:0 auto;padding:0 var(--space-10)}.blog-wrap.narrow{max-width:760px}.blog-hero{padding:72px 0 var(--space-2)}.blog-hero .eyebrow{margin-bottom:var(--space-4)}.blog-hero h1{font-family:var(--font-sans);font-weight:600;font-size:var(--display-blog-hero);line-height:1.04;letter-spacing:-.03em;color:var(--ink);margin:0;text-wrap:balance}.blog-hero p{font-size:var(--text-lg);line-height:1.6;color:var(--fg-2);margin:var(--space-5) 0 0;max-width:560px}.blog-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-8) 0 0}.blog-filter{font-size:var(--text-sm);font-weight:500;color:var(--fg-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);cursor:pointer;background:var(--bg-surface);transition:all var(--duration-base) var(--ease-out)}.blog-filter:hover{border-color:var(--border-default);color:var(--fg-1)}.blog-filter.active{background:var(--product-600);border-color:var(--product-600);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-10) 0 0}.blog-grid.feat{grid-template-columns:repeat(2,1fr)}@media (max-width:980px){.blog-grid,.blog-grid.feat{grid-template-columns:1fr 1fr}}@media (max-width:680px){.blog-grid,.blog-grid.feat{grid-template-columns:1fr}}.bcard{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.bcard:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default);transform:translateY(-3px)}.bcard-cover{position:relative;height:150px;display:flex;align-items:flex-end;padding:var(--space-4);overflow:hidden}.bcard.feat .bcard-cover{height:200px}.bcard-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 85% -10%,rgba(255,255,255,.34),transparent 60%)}.bcard-cover .gly{position:absolute;top:-14px;right:-8px;font-size:108px;color:#fff3;transform:rotate(-8deg)}.bcard-cover.core{background:linear-gradient(135deg,var(--core-500),var(--core-700))}.bcard-cover.admin{background:linear-gradient(135deg,var(--admin-500),var(--admin-700))}.bcard-cover.portal{background:linear-gradient(135deg,var(--portal-500),var(--portal-700))}.bcard-cover.slate{background:linear-gradient(135deg,var(--slate-600),var(--slate-800))}.bcard-cover .cover-cat{position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#ffffffeb}.bcard-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-6);flex:1}.bcard-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.btag{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--fg-3);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2)}.bcard h2,.bcard h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:0;line-height:1.25}.bcard h2{font-size:var(--text-lg)}.bcard.feat h2{font-size:var(--text-xl)}.bcard h3{font-size:var(--text-md)}.bcard p{font-size:var(--text-base);line-height:1.55;color:var(--fg-2);margin:0}.bcard-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2);font-size:var(--text-xs);color:var(--fg-4)}.bcard-meta .dot{width:3px;height:3px;border-radius:999px;background:var(--border-strong)}.bcard-meta .more{margin-left:auto;font-weight:600;color:var(--product-700)}.bpost-hero{padding:var(--space-10) 0 0}.bpost-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--fg-3);text-decoration:none;margin-bottom:var(--space-6)}.bpost-back:hover{color:var(--product-700)}.bpost-hero .bcard-tags{margin-bottom:var(--space-4)}.bpost-hero h1{font-family:var(--font-sans);font-weight:600;font-size:var(--display-blog-post);line-height:1.1;letter-spacing:-.025em;color:var(--ink);margin:0;text-wrap:balance}.bpost-lede{font-size:var(--text-lg);line-height:1.55;color:var(--fg-2);margin:var(--space-5) 0 0;max-width:660px;text-wrap:pretty}.bpost-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-6) 0 0;padding:var(--space-5) 0 0;border-top:1px solid var(--border-subtle);font-size:var(--text-base);color:var(--fg-3)}.bpost-meta .au{font-weight:600;color:var(--fg-1)}.bpost-meta .mdiv{width:4px;height:4px;border-radius:999px;background:var(--border-strong)}.bpost-banner{height:8px;border-radius:var(--radius-pill);margin:var(--space-8) 0 0}.bpost-banner.core{background:linear-gradient(90deg,var(--core-500),var(--core-700))}.bpost-banner.admin{background:linear-gradient(90deg,var(--admin-500),var(--admin-700))}.bpost-banner.portal{background:linear-gradient(90deg,var(--portal-500),var(--portal-700))}.bpost-banner.slate{background:linear-gradient(90deg,var(--slate-500),var(--slate-700))}.prose{font-size:var(--text-lg);line-height:1.72;color:var(--fg-1)}.prose>*+*{margin-top:1.25em}.prose h2{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.25;margin-top:1.9em}.prose h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-top:1.6em}.prose p{color:var(--fg-1);text-wrap:pretty}.prose strong{font-weight:600;color:var(--ink)}.prose a{color:var(--product-700);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab,var(--product-500) 45%,transparent)}.prose a:hover{text-decoration-color:var(--product-600)}.prose ul,.prose ol{padding-left:1.3em;display:flex;flex-direction:column;gap:.5em}.prose li{padding-left:.2em}.prose ul li::marker{color:var(--product-500)}.prose blockquote{margin:1.6em 0;padding:var(--space-1) 0 var(--space-1) var(--space-6);border-left:3px solid var(--product-300);font-size:var(--text-lg);line-height:1.5;color:var(--fg-1);font-weight:500}.prose hr{border:0;border-top:1px solid var(--border-subtle);margin:2em 0}.bpost-related{background:var(--bg-canvas);border-top:1px solid var(--border-subtle);margin-top:var(--space-16);padding:60px 0}.bpost-related h2{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin:0 0 var(--space-6)}.bpost-cta{padding:56px 0 72px}.bpost-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;background:linear-gradient(135deg,var(--product-600),var(--product-700));border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-10)}.bpost-cta-inner h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;color:#fff;margin:0}.bpost-cta-inner p{font-size:var(--text-base);color:#ffffffdb;margin:var(--space-2) 0 0}.bpost-cta-inner .btn-white{background:#fff;color:var(--product-700);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2);transition:transform var(--duration-base) var(--ease-out)}.bpost-cta-inner .btn-white:hover{transform:translateY(-2px)}
