body.theme-blog{--blog-primary:var(--page);--blog-secondary:var(--deep);--blog-highlight:var(--growth);background:var(--blog-primary)}body.theme-blog .page-hero{background:var(--blog-secondary)}body.theme-blog .page-hero .btn.primary{border-color:var(--blog-highlight);background:var(--blog-highlight);color:var(--blog-secondary);box-shadow:0 14px 34px color-mix(in srgb, var(--blog-highlight), transparent 68%)}body.theme-blog .page-hero .btn.primary:hover,body.theme-blog .page-hero .btn.primary:focus-visible{border-color:color-mix(in srgb, var(--blog-highlight), white 18%);background:color-mix(in srgb, var(--blog-highlight), white 14%);box-shadow:0 18px 40px color-mix(in srgb, var(--blog-highlight), transparent 54%)}.blog-hero-board{align-content:end;gap:var(--space-lg);background:radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--blog-highlight), transparent 36%) 0, transparent 43%), linear-gradient(145deg, color-mix(in srgb, var(--blog-highlight), transparent 86%), transparent 56%), var(--surface);height:100%;box-shadow:0 28px 64px color-mix(in srgb, var(--blog-secondary), transparent 76%);padding:clamp(1.2rem,3vw,2rem);display:grid}.blog-hero-board strong{color:var(--blog-secondary);font-family:var(--font-display);font-size:clamp(6rem,14vw,11rem);line-height:.8}.blog-hero-board p{max-width:34ch;color:var(--muted);margin:0;font-weight:680}.blog-intro{align-items:center}body.theme-blog .blog-directory{background:var(--blog-primary)}.blog-search{gap:var(--space-xs);color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.4;display:grid}.blog-search input{border:1px solid color-mix(in srgb, var(--line), var(--blog-highlight) 38%);border-radius:var(--button-radius);background:radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--blog-highlight), transparent 74%) 0, transparent 38%), var(--surface);width:min(100%,420px);min-height:2.9rem;color:var(--ink);font-family:var(--font-body);letter-spacing:0;text-transform:none;padding:.85rem 1rem;font-size:1rem;font-weight:650}.blog-search input:focus{outline:2px solid var(--blog-highlight);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb, var(--blog-highlight), transparent 72%)}.blog-search input::placeholder{color:color-mix(in srgb, var(--muted), var(--ink) 42%);opacity:1}.blog-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,2.4vw,1.8rem);display:grid}.blog-item{min-width:0;display:grid}body.theme-blog .blog-directory .blog-card{border-color:color-mix(in srgb, var(--line), var(--blog-highlight) 26%);background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--blog-highlight), transparent 84%) 0, transparent 34%), var(--surface);min-height:100%}body.theme-blog .blog-directory .blog-card:hover,body.theme-blog .blog-directory .blog-card:focus-visible{border-color:color-mix(in srgb, var(--blog-highlight), var(--blog-secondary) 22%);background:radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--blog-highlight), transparent 64%) 0, transparent 38%), var(--surface);box-shadow:0 26px 58px color-mix(in srgb, var(--blog-secondary), transparent 84%)}body.theme-blog .blog-directory .blog-card h3{font-size:clamp(1.35rem,2vw,2.05rem)}body.theme-blog .blog-directory .blog-meta span:last-child{color:var(--blog-secondary)}.blog-item[hidden],.blog-empty[hidden]{display:none}.blog-empty{margin-top:var(--space-lg);color:var(--muted);font-weight:720}@media (width<=860px){.blog-directory-grid{grid-template-columns:1fr}}
