.blog-main{background:var(--background);color:var(--text-primary)}.blog-section{position:relative;padding:var(--space-16) var(--space-6)}.blog-inner{width:100%;max-width:var(--container-md);margin-inline:auto}.blog-inner--post{max-width:65ch;font-size:var(--text-lg)}.blog-overline{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-orange-dark)}[data-theme=dark] .blog-overline{color:var(--primary-orange)}.post-backlink{display:inline-flex;align-items:center;min-height:44px;color:var(--primary-orange-dark);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.post-backlink:hover{color:var(--primary-orange-hover);text-decoration:underline;text-underline-offset:3px}[data-theme=dark] .post-backlink{color:var(--primary-orange-light)}[data-theme=dark] .post-backlink:hover{color:var(--primary-orange-light-hover)}.blog-hero{padding-top:calc(var(--header-height) + var(--space-20));padding-bottom:var(--space-6)}.blog-title{margin-top:var(--space-3);font-size:var(--h2);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.blog-sub{margin-top:var(--space-4);max-width:55ch;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.blog-index{padding-top:var(--space-6);padding-bottom:var(--space-24)}.blog-list{display:flex;flex-direction:column;gap:var(--space-5);margin:0;padding:0;list-style:none}.blog-card{display:flex;flex-direction:column;gap:var(--space-2);min-height:44px;padding:var(--space-8) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary-orange) 45%,transparent);box-shadow:var(--glass-shadow),0 4px 24px color-mix(in srgb,var(--primary-orange) 14%,transparent)}.blog-card__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:-.01em;color:var(--text-primary)}.blog-card__desc{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary)}.blog-card__date{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.post{padding-top:calc(var(--header-height) + var(--space-16));padding-bottom:var(--space-24)}.post-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-10)}.post-title{font-size:var(--h2);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.post-meta__divider{color:var(--text-secondary)}.post-content{display:flex;flex-direction:column;gap:var(--space-5);line-height:var(--leading-relaxed);color:var(--text-primary)}.post-content h2{margin-top:var(--space-8);font-size:var(--h3);font-weight:var(--font-bold);line-height:var(--leading-snug);letter-spacing:-.015em;color:var(--text-primary)}.post-content h3{margin-top:var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.post-content a{color:var(--primary-orange-dark);font-weight:var(--font-medium);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary-orange) 40%,transparent);text-underline-offset:3px;transition:color var(--transition-fast)}.post-content a:hover{color:var(--primary-orange-hover);text-decoration-color:currentColor}[data-theme=dark] .post-content a{color:var(--primary-orange-light)}[data-theme=dark] .post-content a:hover{color:var(--primary-orange-light-hover)}.post-content ul,.post-content ol{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding-inline-start:var(--space-6)}.post-content li::marker{color:var(--primary-orange)}.post-content blockquote{margin:0;padding:var(--space-4) var(--space-6);border-inline-start:3px solid var(--primary-orange);border-radius:var(--radius-md);background:var(--background-secondary);color:var(--text-secondary);font-style:italic}.post-content hr{margin-block:var(--space-6);border:none;border-top:1px solid var(--border)}.post-content code{padding:.1em .35em;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background-secondary);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.9em}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10);padding:0;list-style:none}.post-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--background-secondary);font-size:var(--text-sm);color:var(--text-secondary)}.post-footer{margin-top:var(--space-8);font-size:var(--text-base)}@media(max-width:640px){.blog-section{padding-inline:var(--space-4)}.blog-hero{padding-top:calc(var(--header-height) + var(--space-12))}.blog-card{padding:var(--space-6) var(--space-5)}}