.blog-page{background:linear-gradient(180deg, var(--dt-hero-top,#fff) 0, var(--c-paper) 480px);min-height:60vh}.blog-head{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding:80px 32px 8px;display:flex}.blog-head .kicker{color:var(--c-accent-ink);font-size:14px}.blog-head h1{font-family:var(--f-display);letter-spacing:-.025em;color:var(--c-text);text-wrap:balance;margin:0;font-size:64px;font-weight:700;line-height:1}.blog-topics{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.blog-topics button{height:34px;font:14px var(--f-sans);background:var(--c-surface);color:var(--c-text-2);box-shadow:var(--dt-shadow-1);cursor:pointer;border:0;border-radius:999px;align-items:center;padding:0 14px;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.blog-topics button:hover{box-shadow:var(--dt-shadow-2);color:var(--c-text)}.blog-topics button[aria-pressed=true]{background:var(--c-inverse);color:var(--c-on-inverse)}.blog-list{flex-direction:column;gap:24px;display:flex}.blog-grid-wrap{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:0 32px 96px;display:flex}.blog-featured{background:var(--c-surface);box-shadow:var(--dt-shadow-1);color:var(--c-text);transition:box-shadow .35s var(--dt-ease), transform .35s var(--dt-ease);border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));text-decoration:none;display:grid;overflow:hidden}.blog-featured:hover,.blog-card:hover{box-shadow:var(--dt-shadow-2);transform:translateY(-2px)}.blog-featured-art{background:var(--c-ink);flex-direction:column;justify-content:flex-end;gap:12px;min-height:380px;padding:40px;display:flex}.blog-featured-bars{gap:4px;display:flex}.blog-featured-bars span{border-radius:6px;height:24px}.blog-featured-bars span:first-child{background:#27305a;border:1px solid #6b83ff;flex-grow:8}.blog-featured-bars span:nth-child(2){background:repeating-linear-gradient(135deg,#ffb45499 0 5px,#ffb45433 5px 10px);flex-grow:22}.blog-featured-bars span:nth-child(3){background:#173f33;border:1px solid #34d399;flex-grow:10}.blog-featured-art .mono{color:var(--c-dark-muted);font-size:13px}.blog-featured-copy{flex-direction:column;justify-content:center;gap:14px;padding:44px;display:flex}.blog-featured-copy h2{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:36px;font-weight:700;line-height:1.06}.blog-featured-copy p{color:var(--c-text-2);margin:0;font-size:17px;line-height:1.6}.blog-meta{color:var(--c-muted);font-size:13.5px;font-weight:500}.blog-meta-accent{color:var(--c-warn)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{background:var(--c-surface);box-shadow:var(--dt-shadow-1);color:var(--c-text);transition:box-shadow .35s var(--dt-ease), transform .35s var(--dt-ease);border-radius:22px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card-art{text-align:center;height:150px;font-family:var(--f-mono);place-items:center;padding:0 16px;font-size:13px;display:grid}.blog-card-copy{flex-direction:column;gap:10px;padding:22px;display:flex}.blog-card-copy h3{font-family:var(--f-display);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700;line-height:1.2}.blog-card-copy p{color:var(--c-text-2);margin:0;font-size:15px;line-height:1.55}.blog-empty{color:var(--c-muted);font-size:15px}.theme-accent{background:var(--c-accent-soft);color:var(--c-accent-ink)}.theme-ok{background:var(--c-t-ok-soft);color:var(--c-t-ok-ink)}.theme-dark{color:#8ea2ff;box-shadow:inset 0 -1px 0 var(--c-divider);background:#131a36}.theme-warn{background:var(--c-t-warn-soft);color:var(--c-t-warn-ink)}.theme-rec{background:var(--c-t-rec-soft);color:var(--c-t-rec-ink)}.theme-violet{background:var(--c-t-violet-soft);color:var(--c-t-violet-ink)}.post-page{background:var(--c-surface)}.post-top{max-width:1200px;margin:0 auto;padding:20px 32px 0}.post-top a{color:var(--c-text-2);font-size:15px;text-decoration:none}.post-top a:hover{color:var(--c-accent-ink)}.post{flex-direction:column;gap:24px;width:100%;max-width:784px;margin:0 auto;padding:48px 32px 96px;display:flex}.post-kicker{color:var(--c-muted);font-size:14.5px;font-weight:500}.post h1{font-family:var(--f-display);letter-spacing:-.025em;color:var(--c-text);text-wrap:balance;margin:0;font-size:52px;font-weight:700;line-height:1.04}.post-dek{color:var(--c-text-2);margin:0;font-size:21px;line-height:1.55}.post-byline{border-top:1px solid var(--c-divider);border-bottom:1px solid var(--c-divider);align-items:center;gap:12px;padding:16px 0;display:flex}.post-avatar{background:var(--c-inverse);width:40px;height:40px;color:var(--c-on-inverse);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.post-byline-name{color:var(--c-text);font-size:15px;font-weight:600}.post-byline-sub{color:var(--c-muted);font-size:13px}.post-body.dt-prose{color:var(--c-post-text);font-size:18px;line-height:1.7}.post-body.dt-prose h2{margin-top:40px;font-size:30px}.post-body.dt-prose h3{font-size:22px}.post-body.dt-prose :is(ul,ol):not([class])>li+li{margin-top:10px}.post-body.dt-prose>p,.post-body.dt-prose>ul,.post-body.dt-prose>ol{max-width:none}.post-cta{isolation:isolate;background:radial-gradient(60% 90% at 100% 0%, #3b5bfd38, transparent 70%), var(--c-ink);color:#fff;box-shadow:var(--c-dark-ring), 0 30px 70px -36px #0a0c1299;border-radius:28px;align-items:center;gap:24px;margin-top:16px;padding:36px;display:flex;position:relative;overflow:hidden}.post-cta-copy{flex-direction:column;flex-grow:1;gap:8px;display:flex}.post-cta-title{font-family:var(--f-display);letter-spacing:-.02em;font-size:26px;font-weight:700}.post-cta-sub{color:var(--c-dark-muted);font-size:15px;line-height:1.5}.post-cta a{background:var(--c-accent-fill);color:#fff;white-space:nowrap;height:50px;transition:transform .3s var(--dt-ease), background-color .2s;border-radius:14px;align-items:center;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 6px 18px -8px #3b5bfda6}.post-cta a:hover{background:var(--c-accent-fill-hover);transform:translateY(-1px)}.post-more{border-top:1px solid var(--c-line-soft);flex-direction:column;gap:16px;padding-top:28px;display:flex}.post-more .kicker{font-size:12px}.post-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.post-more-grid a{color:var(--c-text);background:var(--c-raised);box-shadow:var(--dt-shadow-1);transition:box-shadow .3s var(--dt-ease), transform .3s var(--dt-ease);border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.post-more-grid a:hover{box-shadow:var(--dt-shadow-2);transform:translateY(-2px)}.post-more-grid span:last-child{font-size:16px;font-weight:600;line-height:1.35}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.blog-head{padding:48px 16px 4px}.blog-head h1{font-size:40px}.blog-grid-wrap{padding:0 16px 64px}.blog-featured{grid-template-columns:minmax(0,1fr)}.blog-featured-art{min-height:200px;padding:24px}.blog-featured-copy{padding:24px}.blog-featured-copy h2{font-size:26px}.blog-grid{grid-template-columns:minmax(0,1fr)}.post-top{padding:16px 16px 0}.post{gap:20px;padding:28px 16px 64px}.post h1{font-size:34px}.post-dek{font-size:18px}.post-body.dt-prose{font-size:17px}.post-body.dt-prose h2{font-size:24px}.post-cta{flex-direction:column;align-items:flex-start;padding:24px}.post-more-grid{grid-template-columns:minmax(0,1fr)}}