.blog-shell,.blog-article{color:var(--foreground)}.blog-shell{max-width:80rem;padding:var(--section-space) 2rem;margin:auto}.blog-eyebrow{color:var(--color-primary-400);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:700}.blog-heading{max-width:48rem;font-family:var(--font-heading);letter-spacing:-.055em;margin:.75rem 0 1rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.blog-intro{opacity:.7;max-width:38rem;line-height:1.8}.blog-featured-row{grid-template-columns:1.8fr 1fr;gap:2rem;margin-top:2.5rem;display:grid}.blog-card{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:var(--color-secondary-900);border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden}.blog-card-art{aspect-ratio:16/9;position:relative;overflow:hidden}.blog-card-category{background:var(--color-secondary-950);color:var(--color-primary-400);border-radius:2rem;padding:.4rem .7rem;font-size:.7rem;font-weight:600;position:absolute;bottom:1rem;left:1rem}.blog-card-copy{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-meta{opacity:.65;font-size:.72rem}.blog-card h2{font-family:var(--font-heading);letter-spacing:-.025em;margin:.65rem 0;font-size:1.15rem;font-weight:600;line-height:1.4}.blog-card-featured h2{font-size:clamp(1.5rem,2.4vw,2rem)}.blog-card-excerpt{opacity:.7;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card-bottom{justify-content:space-between;margin-top:auto;padding-top:1.5rem;font-size:.75rem;display:flex}.blog-card-bottom>:last-child{color:var(--color-primary-400)}.blog-editor-note{border-block:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);flex-direction:column;justify-content:center;padding:2rem;display:flex}.blog-editor-note h2{font-family:var(--font-heading);letter-spacing:-.04em;margin:1.5rem 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.25}.blog-editor-note p{opacity:.7;font-size:.9rem;line-height:1.85}.blog-note-line{background:var(--color-primary-400);width:4rem;height:3px;margin-top:2rem}.blog-generated-art{color:#b0ee54;background:radial-gradient(at 80% 0,#56860e55,#0000 65%),#152032;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.blog-generated-art>span{letter-spacing:-.08em;font-size:4rem;font-family:var(--font-heading)}.blog-generated-art i{aspect-ratio:1;border:1px solid #b0ee5433;border-radius:50%;width:65%;position:absolute;top:-35%;right:-10%}.blog-generated-art i:nth-of-type(2){width:80%}.blog-generated-art i:nth-of-type(3){width:95%}.blog-library-toolbar{border-block:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-block:1rem;display:flex}.blog-filter-list{flex-wrap:wrap;gap:.4rem;display:flex}.blog-filter-list button,.blog-load-more,.blog-share{cursor:pointer;border-radius:2rem;min-height:44px;padding:.6rem .9rem;font-size:.8rem}.blog-filter-list button[aria-pressed=true]{background:var(--color-primary-400);color:var(--color-on-primary)}.blog-search input{background:var(--color-secondary-900);border:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);border-radius:2rem;width:15rem;max-width:100%;min-height:44px;padding:.7rem 1rem}.blog-result-count{opacity:.65;margin:1.2rem 0;font-size:.75rem}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.blog-empty{padding:3rem 0}.blog-empty h2{margin-bottom:.75rem;font-size:1.5rem}.blog-empty p{opacity:.65}.blog-load-more{border:1px solid var(--color-primary-400);margin:2rem auto 0;display:block}.blog-article{max-width:74rem;padding:var(--section-space) 2rem;margin:auto}.blog-article-header{max-width:52rem;margin:auto}.blog-topics{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.blog-topics span{color:var(--color-primary-400);background:var(--color-secondary-900);border-radius:2rem;padding:.3rem .7rem;font-size:.7rem}.blog-article h1{font-family:var(--font-heading);letter-spacing:-.045em;text-wrap:balance;margin:1rem 0;font-size:clamp(2rem,4.8vw,3.8rem);line-height:1.16}.blog-deck{opacity:.7;font-size:1.125rem;line-height:1.8}.blog-byline{align-items:center;gap:.8rem;margin-top:1.5rem;font-size:.8rem;display:flex}.blog-byline p{opacity:.65;margin-top:.2rem;font-size:.72rem}.blog-avatar{background:var(--color-secondary-900);width:42px;height:42px;color:var(--color-primary-400);border-radius:50%;place-items:center;display:grid}.blog-share{margin-left:auto}.blog-cover{aspect-ratio:2;border-radius:1.25rem;margin-top:2rem;position:relative;overflow:hidden}.blog-reading-layout{align-items:flex-start;gap:3rem;margin-top:3rem;display:flex}.blog-reading-column{flex:1;min-width:0;max-width:46rem;margin-inline:auto}.blog-contents{top:calc(var(--header-h) + 1.5rem);flex:none;width:12rem;font-size:.8rem;position:sticky}.blog-contents summary{cursor:pointer;font-weight:600}.blog-contents nav{border-left:1px solid var(--color-primary-400);gap:.8rem;margin-top:1rem;padding-left:1rem;display:grid}.blog-contents a{opacity:.7;line-height:1.5}.blog-contents a:hover{opacity:1;color:var(--color-primary-400)}#article-body{overflow-wrap:anywhere;line-height:1.85}#article-body :is(h2,h3){scroll-margin-top:calc(var(--header-h) + 1.5rem)}#article-body img{border-radius:.75rem}#article-body blockquote{background:var(--color-secondary-900);border-color:var(--color-primary-400);padding:1rem 1.25rem;font-style:normal}#article-body pre{max-width:100%;padding-top:3rem;position:relative;overflow-x:auto}.blog-code-copy{cursor:pointer;color:#fff;background:#ffffff18;border-radius:.4rem;min-height:40px;padding:.4rem .7rem;font:12px sans-serif;position:absolute;top:.25rem;right:.5rem}.blog-reading-progress{transform-origin:0;background:var(--color-primary-400);z-index:60;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.blog-article-cta{border:1px solid color-mix(in srgb, var(--color-primary-400) 30%, transparent);background:var(--color-secondary-900);border-radius:1rem;margin-top:2.5rem;padding:1.75rem}.blog-article-cta h2{font-family:var(--font-heading);margin:.75rem 0;font-size:1.5rem}.blog-article-cta p{opacity:.7;line-height:1.7}.blog-article-cta a{background:var(--color-primary-400);color:var(--color-on-primary);border-radius:2rem;margin-top:1.2rem;padding:.8rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.blog-shell :is(a,button,input):focus-visible,.blog-article :is(a,button,summary):focus-visible{outline:2px solid var(--color-primary-400);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.blog-card{transition:transform .18s,border-color .18s}.blog-card:hover{border-color:var(--color-primary-400);transform:translateY(-3px)}.blog-card-art img{transition:transform .35s}.blog-card:hover .blog-card-art img{transform:scale(1.025)}}@media (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-row{grid-template-columns:1.5fr 1fr;gap:1rem}.blog-editor-note{padding:1rem}.blog-reading-layout{gap:1.5rem}.blog-contents{width:10rem}}@media (max-width:767px){.blog-shell,.blog-article{padding-inline:1.25rem}.blog-featured-row{grid-template-columns:1fr}.blog-editor-note{display:none}.blog-grid{grid-template-columns:1fr}.blog-library-toolbar{flex-direction:column;align-items:stretch;margin-top:2rem}.blog-search input{width:100%}.blog-reading-layout{flex-direction:column;margin-top:2rem}.blog-contents{border-bottom:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);width:100%;padding-bottom:1.5rem;position:static}.blog-contents nav{max-height:10rem;overflow-y:auto}.blog-deck{font-size:1rem}.blog-byline{flex-wrap:wrap}.blog-cover{aspect-ratio:16/10}}#article-body table{max-width:100%;display:block;overflow-x:auto}.blog-reading-column{max-width:42rem}.blog-reading-brief{border:1px solid color-mix(in srgb, var(--color-primary-400) 28%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-400) 7%, var(--color-secondary-900)), var(--color-secondary-900));border-radius:1.25rem;margin-bottom:2.5rem;padding:clamp(1.25rem,3vw,2rem)}.blog-reading-brief>div{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.blog-reading-brief>div p{opacity:.65;font-size:.75rem}.blog-reading-brief h2{font-family:var(--font-heading);letter-spacing:-.035em;margin:1rem 0;font-size:1.6rem}.blog-reading-brief ul{gap:.25rem;display:grid}.blog-reading-brief li a{border-top:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);justify-content:space-between;gap:1rem;padding:.75rem 0;font-size:.9rem;line-height:1.5;display:flex}.blog-reading-brief li span{color:var(--color-primary-400)}#article-body{color:color-mix(in srgb, var(--foreground) 82%, transparent);font-size:1.0625rem;line-height:1.9}#article-body>p{margin-block:0 1.4em}#article-body>p:first-child{color:var(--foreground);font-size:1.2rem;line-height:1.8}#article-body :is(h2,h3,h4){color:var(--foreground);font-family:var(--font-heading);text-wrap:balance}#article-body h2{border-top:1px solid color-mix(in srgb, var(--foreground) 13%, transparent);letter-spacing:-.035em;margin:2.75rem 0 1.1rem;padding-top:1.5rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3}#article-body h3{margin:2rem 0 .8rem;font-size:1.3rem;line-height:1.4}#article-body :is(ul,ol){margin-block:1.25rem;padding-left:1.5rem}#article-body li{margin-block:.65rem;padding-left:.35rem}#article-body li::marker{color:var(--color-primary-400);font-weight:700}#article-body strong{color:var(--foreground);font-weight:650}#article-body a{-webkit-text-decoration-color:var(--color-primary-400);text-decoration-color:var(--color-primary-400);text-underline-offset:4px}#article-body blockquote{border-left:3px solid var(--color-primary-400);border-radius:0 1rem 1rem 0;margin:2rem 0;padding:1.25rem 1.5rem;font-size:1.1rem;line-height:1.8}#article-body blockquote p{margin:0}#article-body blockquote p:before,#article-body blockquote p:after{content:none}#article-body img{border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);max-width:100%;height:auto;margin:2rem auto;display:block}#article-body figcaption{text-align:center;opacity:.65;margin-top:-.75rem;font-size:.8rem}#article-body table{border:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);border-radius:.75rem;font-size:.9rem}#article-body :is(th,td){min-width:8rem;padding:.9rem 1rem}#article-body th{background:var(--color-secondary-900);color:var(--foreground)}#article-body tbody tr:nth-child(2n){background:color-mix(in srgb, var(--foreground) 3%, transparent)}#article-body pre{color:#e2e8f0;background:#101827;border:1px solid #ffffff20;border-radius:1rem;margin-block:2rem;font-size:.85rem;line-height:1.8}#article-body :not(pre)>code{background:var(--color-secondary-900);color:var(--foreground);overflow-wrap:anywhere;border-radius:.3rem;padding:.15em .4em;font-size:.85em}.blog-contents nav{max-height:calc(100dvh - var(--header-h) - 6rem);overflow-y:auto}@media (max-width:767px){#article-body{font-size:1rem;line-height:1.85}#article-body>p:first-child{font-size:1.1rem}.blog-reading-brief{margin-bottom:1.75rem}.blog-contents nav{max-height:10rem}}#article-body mark{color:#152032;background:#b0ee54;border-radius:.2em;padding:.1em .2em}
