@layer tokens,reset,base,utilities,components,pages;@layer pages{.blog-header{padding-top:var(--space-10);padding-bottom:var(--space-8);border-bottom:var(--border-default);background:var(--color-bg)}.blog-title{font-size:var(--text-10xl);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-4);line-height:var(--leading-none)}.blog-intro{font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text);line-height:var(--leading-relaxed);max-width:var(--container-content)}.blog-intro .post-count{display:block;font-size:var(--text-sm);font-weight:var(--font-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:var(--space-3);color:var(--color-text)}.blog-list{padding:var(--space-10) 0}.blog-masonry{column-count:2;column-gap:var(--space-6);max-width:100%;padding:var(--space-2);margin:calc(-1 * var(--space-2))}.blog-masonry .blog-card{break-inside:avoid;margin-bottom:var(--space-6);display:inline-flex;width:100%}@media(max-width:43.75rem){.blog-masonry{column-count:1}}.load-more-nav{position:relative;margin-top:var(--space-10);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.load-more-btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border:var(--border-default);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-accent-off);transition:all var(--transition-fast);transform:translateZ(0);cursor:pointer}.load-more-btn:hover{background:var(--color-accent);box-shadow:var(--shadow-accent);transform:translate3d(-2px,-2px,0)}.load-more-btn:active{transform:translateZ(0);box-shadow:var(--shadow-accent-off)}.load-more-btn.loading{opacity:var(--opacity-muted);cursor:wait;pointer-events:none}.load-more-end{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted)}.pagination-crawl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.no-posts{text-align:center;color:var(--color-text-muted);font-size:var(--text-xl);padding:var(--space-12) 0}.blog-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:var(--border-default);padding:var(--space-7)}.blog-card-meta{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.blog-card-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--color-text)}.blog-card-excerpt{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text);line-height:var(--leading-relaxed)}.blog-post-header{padding-top:var(--space-10);padding-bottom:var(--space-8);border-bottom:var(--border-default);background:var(--color-bg);position:relative;z-index:1}.post-title{font-size:var(--text-10xl);font-weight:var(--font-black);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-4);line-height:var(--leading-none);max-width:var(--container-narrow)}.post-meta{font-size:var(--text-base);color:var(--color-text-muted)}.post-meta .updated{color:var(--color-text-muted)}.blog-post-content{.container-content{max-width:var(--container-content)}.article-illustration{aspect-ratio:1.9 / 1;background:var(--color-accent);margin-bottom:var(--space-6);& img{width:100%;height:100%;object-fit:cover;margin:0}}& p{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);color:var(--color-text)}.lead-paragraph{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-6)}& h1:first-of-type{display:none}& h1{font-size:var(--text-5xl);font-weight:var(--font-black);margin-top:var(--space-10);margin-bottom:var(--space-5);line-height:var(--leading-tight);color:var(--color-text)}& h2{font-size:var(--text-6xl);font-weight:var(--font-extrabold);margin-top:var(--space-9);margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);border-bottom:var(--border-default);padding-bottom:var(--space-3);color:var(--color-text)}& h3{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-top:var(--space-7);margin-bottom:var(--space-3);line-height:var(--leading-snug);color:var(--color-text)}& h4{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-top:var(--space-5);margin-bottom:var(--space-2);line-height:var(--leading-snug);color:var(--color-text)}& h5{font-size:var(--text-xl);font-weight:var(--font-bold);margin-top:var(--space-4);margin-bottom:var(--space-2);line-height:var(--leading-snug);color:var(--color-text)}& h6{font-size:var(--text-lg);font-weight:var(--font-bold);margin-top:var(--space-4);margin-bottom:var(--space-2);line-height:var(--leading-snug);color:var(--color-text)}& ul,ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}& li{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);margin-bottom:var(--space-1);color:var(--color-text);&::marker{color:var(--color-accent)}}& ul li{list-style-type:disc}& ol li{list-style-type:decimal}.table-wrapper{overflow-x:auto;margin-bottom:var(--space-8)}& table{border-collapse:collapse;font-size:var(--text-base);border:var(--border-default)}& th{background:var(--color-text);color:var(--color-bg);font-weight:var(--font-bold);text-align:left;padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-sm)}& td{padding:var(--space-3) var(--space-4)}& tr:nth-child(2n){background:var(--color-gray-50)}& pre{background:var(--color-code-bg)!important;color:var(--color-text);padding:var(--space-5);overflow-x:auto;margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);& code{background:transparent;padding:0;border:none;font-size:inherit}}& code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-code-bg);padding:var(--space-1) var(--space-2)}& blockquote{border-left:var(--border-width-lg) solid var(--color-accent);padding-left:var(--space-5);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-muted);& p{font-size:var(--text-lg);font-weight:var(--font-normal)}}& hr{border:none;border-top:var(--border-default);margin:var(--space-8) 0;&:has(+h2){display:none}}& a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:var(--space-1);transition:color var(--transition-fast);&:hover{color:var(--color-accent-hover)}}& strong{font-weight:var(--font-bold)}& em{font-style:italic}& del,s{text-decoration:line-through;color:var(--color-text-muted)}& mark{background:var(--color-accent);padding:0 var(--space-1)}& small{font-size:var(--text-sm);color:var(--color-text-muted)}& img{max-width:100%;height:auto;margin:var(--space-6) 0}& figure{margin:var(--space-6) 0}& figcaption{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic}& kbd{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-gray-300);padding:var(--space-1) var(--space-2);border-radius:var(--space-1);box-shadow:inset 0 -2px #0000001a}& sub,sup{font-size:var(--text-xs);line-height:0;position:relative;vertical-align:baseline}& sup{top:-.5em}& sub{bottom:-.25em}& abbr[title]{text-decoration:underline dotted;cursor:help}& dl{margin-bottom:var(--space-6)}& dt{font-weight:var(--font-bold);margin-top:var(--space-4)}& dd{margin-left:var(--space-6);margin-bottom:var(--space-2)}}.related-parts,.related-articles{padding-block:var(--space-10)}.related-parts h2,.related-articles h2{font-size:var(--text-xl);font-weight:var(--font-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-6)}.related-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.related-articles .link-action{margin-top:var(--space-6)}.related-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:var(--border-default);padding:var(--space-6)}.related-card-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--color-text)}.related-card-desc{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.blog-nav{padding:var(--space-8) 0;border-top:var(--border-default)}@media(max-width:50rem){.blog-post-content{& h1{font-size:var(--text-4xl)}& h2{font-size:var(--text-5xl)}& h3{font-size:var(--text-3xl)}& h4{font-size:var(--text-xl)}& h5{font-size:var(--text-lg)}& h6{font-size:var(--text-base)}}.blog-card-title{font-size:var(--text-3xl)}.related-cards{grid-template-columns:1fr}.related-card-title{font-size:var(--text-2xl)}}}