.blog-page{--bg:#0b0b0f;--surface:#15151b;--surface-high:#1b1b23;--text:#f5f5f7;--muted:#b5b5c0;--accent:#8b5cf6;--line:#30303b;background:var(--bg);color:var(--text);min-height:100vh}.blog-page .blog-main{max-width:1280px}.blog-page .public-header{position:relative;margin-top:0}.blog-page .blog-hero{padding:clamp(48px,8vw,100px) 0 44px;max-width:800px}.blog-page .blog-hero .section-label{color:#c4b5fd;font-size:.8rem;letter-spacing:.1em;margin-bottom:18px}.blog-page .blog-hero h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.065em;margin-bottom:18px}.blog-page .blog-hero>p:last-child{max-width:58ch;font-size:1.1rem;line-height:1.7;color:#c5c5cf;margin-bottom:0}.blog-categories{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:12px 2px 22px;border-bottom:1px solid var(--line);scrollbar-color:#777784 transparent}.blog-categories a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #373741;border-radius:7px;color:#d2d2dc;font-size:.86rem}.blog-categories a:hover,.blog-categories a[aria-current]{background:#2a2038;color:#fff;border-color:#8b5cf6}.blog-categories a span{color:#b5b5c0;font-size:.78rem}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;padding-block:38px 90px;align-items:start}.blog-results{min-width:0}.blog-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.blog-results-heading h2{font-size:1.35rem;margin:0}.blog-results-heading>span{color:#b5b5c0;font-size:.85rem}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.blog-card{min-width:0;background:var(--surface);border:1px solid #292933;border-radius:12px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:#777784}.blog-card:focus-visible{outline:3px solid #c4b5fd;outline-offset:4px}.blog-card-cover,.article-cover{aspect-ratio:16/9;background:#201b29;display:flex;flex-direction:column;justify-content:space-between;padding:20px 22px;position:relative;isolation:isolate;overflow:hidden}.blog-card-cover:after,.article-cover:after{content:"</>";position:absolute;right:20px;bottom:-.21em;color:#a78bfa22;font-size:clamp(6rem,12vw,10rem);font-weight:700;letter-spacing:-.1em;line-height:1;z-index:-1}.blog-card-cover>span,.article-cover>span{font-size:.8rem;color:#d4c3ff}.blog-card-cover>strong,.article-cover>strong{font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.12;letter-spacing:-.04em;max-width:22ch}.blog-card-cover>small{color:#b5b5c0;font-size:.68rem;letter-spacing:.06em}.blog-card-copy{padding:19px 20px 18px}.blog-category{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border-radius:5px;background:#2a2038;color:#d7c7ff;font-size:.76rem}.blog-card-copy h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.03em;margin:12px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-copy>p{font-size:.9rem;line-height:1.55;color:#c5c5cf;margin-bottom:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-tags,.blog-tags{display:flex;flex-wrap:wrap;gap:7px}.blog-card-tags span{font-size:.75rem;color:#c4b5fd}.blog-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;margin-top:17px;padding-top:13px;border-top:1px solid #30303b;color:#b5b5c0;font-size:.74rem}.blog-card-meta b{color:#d7c7ff}.blog-sidebar{display:grid;gap:28px;min-width:0}.blog-side-section{padding-bottom:25px;border-bottom:1px solid #30303b}.blog-side-section h2{font-size:1.1rem;margin-bottom:14px}.blog-search{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}.blog-search input{flex:1 1 100%;width:100%;min-width:0;min-height:48px;border:1px solid #454550;border-radius:7px;background:#15151b;color:#f5f5f7;padding:10px 12px}.blog-search input::placeholder{color:#b5b5c0}.blog-search button,.blog-clear{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:8px 12px;border:1px solid #777784;border-radius:7px;background:#1a1a22;color:#f5f5f7}.blog-search button:hover,.blog-clear:hover{background:#2a2038}.blog-side-categories,.blog-latest{list-style:none;padding:0;margin:0}.blog-side-categories{display:grid;gap:4px}.blog-side-categories a{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d2d2dc;font-size:.88rem}.blog-side-categories a:hover,.blog-latest a:hover strong{color:#d4c3ff}.blog-side-categories span,.blog-latest span{color:#b5b5c0;font-size:.76rem}.blog-tags a{display:inline-flex;align-items:center;min-height:36px;padding:5px 9px;border-radius:5px;background:#1a1a22;color:#d2d2dc;font-size:.8rem}.blog-tags a:hover{background:#2a2038;color:#fff}.blog-latest{display:grid;gap:15px}.blog-latest a{display:grid;gap:5px}.blog-latest strong{font-size:.88rem;line-height:1.4}.blog-profile{padding:22px;background:#15151b;border:1px solid #30303b;border-radius:10px}.blog-profile .section-label{font-size:.75rem;color:#b5b5c0;margin-bottom:9px}.blog-profile h2{font-size:1.6rem;margin-bottom:7px}.blog-profile p:not(.section-label){color:#c5c5cf;font-size:.88rem;line-height:1.55}.blog-profile .button{min-height:44px}.blog-empty{padding:44px 24px;background:#15151b;border:1px solid #30303b;border-radius:10px}.blog-empty h2{font-size:1.5rem}.blog-empty p{color:#c5c5cf}.blog-empty a{display:inline-flex;min-height:44px;align-items:center;color:#d4c3ff;text-decoration:underline}.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #454550;border-radius:6px}.blog-pagination a[aria-current]{background:#7040c0;border-color:#7040c0}.blog-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-block:24px;border-top:1px solid #30303b;color:#b5b5c0;font-size:.85rem}.blog-footer>a{font-size:1rem;color:#f5f5f7;font-weight:600}.blog-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}.blog-footer nav a{min-height:44px;display:inline-flex;align-items:center}.article-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;background:#8b5cf6;transform:scaleX(0);transform-origin:left}.article-page{max-width:1100px;padding-block:28px 90px}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:#b5b5c0;font-size:.84rem}.article-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.article-breadcrumb a:hover{color:#fff}.article-header{max-width:850px;margin:32px auto 34px;text-align:center}.article-draft{margin:15px 0 11px;color:#c4b5fd;font-size:.78rem;letter-spacing:.07em}.article-header h1{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.06em;margin:0 0 22px}.article-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;color:#b5b5c0;font-size:.85rem}.article-cover{max-width:900px;margin:0 auto 48px;aspect-ratio:16/7;border:1px solid #30303b;border-radius:12px}.article-cover strong{font-size:clamp(1.8rem,4vw,3.2rem)}.article-layout{display:grid;grid-template-columns:220px minmax(0,680px);justify-content:center;gap:48px}.article-toc{align-self:start;position:sticky;top:24px}.article-toc summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.article-toc nav{display:grid;gap:7px}.article-toc nav a{color:#c5c5cf;font-size:.84rem;line-height:1.4;padding:5px 0}.article-toc nav a:hover{color:#d4c3ff}.article-content{min-width:0;font-size:1.06rem;line-height:1.8;color:#e2e2e8;overflow-wrap:anywhere}.article-content h2{font-size:clamp(1.55rem,3vw,2rem);margin:2em 0 .6em}.article-content h3{font-size:1.3rem;margin:1.6em 0 .5em}.article-content p,.article-content li{color:#dedee6}.article-content a{color:#d4c3ff;text-decoration:underline;text-underline-offset:3px}.article-content blockquote{margin:1.5em 0;padding:14px 20px;background:#15151b;border-left:3px solid #8b5cf6;color:#e7ddf9}.article-content pre{max-width:100%;overflow:auto;padding:18px;background:#111116;border:1px solid #30303b;border-radius:8px;font-size:.9rem}.article-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-content th,.article-content td{padding:9px 12px;border:1px solid #454550}.article-share{display:flex;flex-wrap:wrap;gap:9px}.article-share button,.article-share a{min-height:44px;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #454550;border-radius:6px;background:#15151b;color:#f5f5f7;text-decoration:none}.article-share button:hover,.article-share a:hover{border-color:#8b5cf6}.article-share [role=status]{align-self:center;color:#d4c3ff;font-size:.85rem}.article-related{padding-left:20px}.article-related li{margin-bottom:8px}.blog-page :is(a,button,input,summary):focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}@media(max-width:960px){.blog-layout{grid-template-columns:minmax(0,1fr) 270px;gap:30px}.blog-grid{gap:18px}.article-layout{grid-template-columns:180px minmax(0,680px);gap:30px}}@media(max-width:720px){.blog-page .wrap{width:min(100% - 32px,620px)}.blog-page .public-header{width:calc(100% - 32px)}.blog-page .blog-hero{padding-block:42px 30px}.blog-page .blog-hero h1{font-size:clamp(2.75rem,12vw,4rem)}.blog-layout{grid-template-columns:minmax(0,1fr);gap:42px;padding-top:28px}.blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-card-copy{padding:15px}.blog-card-meta{flex-direction:column}.blog-card-cover{padding:15px}.blog-card-cover>strong{font-size:1.4rem}.article-page{width:calc(100% - 32px)}.article-header{margin-block:26px}.article-layout{grid-template-columns:minmax(0,1fr);gap:20px}.article-toc{position:static}.article-toc details:not([open]) nav{display:none}.article-cover{aspect-ratio:16/9}.blog-footer{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.blog-sidebar{grid-template-columns:minmax(0,1fr)}.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-card-cover{aspect-ratio:16/8}.blog-card-meta{flex-direction:row}.article-byline{gap:6px 12px}.article-header h1{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){.blog-page *, .blog-page *::before,.blog-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.blog-page .public-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0b0b0f;border:0;border-bottom:1px solid #292933;box-shadow:none}.blog-page .glass-filter-defs{display:none}.blog-page .public-header:before{content:none}