.blog-page{--bl-bg:var(--dash-bg,#f5f6fa);--bl-surface:var(--dash-surface,#ffffff);--bl-surface-soft:var(--dash-surface-2,#fafbff);--bl-border:var(--dash-border,#eef0f6);--bl-border-soft:var(--dash-border,#eef0f6);--bl-muted:var(--dash-text-muted,#64748b);--bl-text:var(--dash-text,#0f172a);--bl-label:var(--dash-text-faint,#94a3b8);--bl-accent:var(--dash-primary-strong,#4a8fad);--bl-accent-soft:var(--dash-primary-tint,rgba(107,168,196,0.08));--bl-accent-hover:#047857;--bl-shadow-sm:0 1px 2px rgba(15,23,42,0.05);--bl-shadow-md:0 2px 8px rgba(15,23,42,0.05),0 12px 32px -12px rgba(15,23,42,0.1);--bl-shadow-lg:0 4px 16px rgba(15,23,42,0.06),0 24px 48px -16px rgba(5,150,105,0.12);--bl-radius:0.875rem;--bl-radius-lg:1rem;min-height:100%;background:var(--bl-bg);color:var(--bl-text);-webkit-font-smoothing:antialiased}.dark .blog-page{--bl-bg:var(--dash-bg,#141a21);--bl-surface:var(--dash-surface,#1e2229);--bl-surface-soft:var(--dash-surface-2,#262b34);--bl-border:var(--dash-border,#2a2f38);--bl-border-soft:var(--dash-border,#2a2f38);--bl-muted:var(--dash-text-muted,#94a3b8);--bl-text:var(--dash-text,#f1f5f9);--bl-label:var(--dash-text-faint,#64748b);--bl-accent:var(--dash-primary,#6ba8c4);--bl-accent-soft:rgba(107,168,196,0.12);--bl-accent-hover:#8ec4da;--bl-shadow-sm:0 1px 2px rgba(0,0,0,0.25);--bl-shadow-md:0 2px 8px rgba(0,0,0,0.28),0 12px 32px -12px rgba(0,0,0,0.35);--bl-shadow-lg:0 4px 16px rgba(0,0,0,0.3),0 24px 48px -16px rgba(0,0,0,0.45)}.blog-page__sheet{position:relative;min-height:100%;background:transparent;padding:2.25rem 0 4rem;overflow:hidden}@media (min-width:768px){.blog-page__sheet{padding:3rem 0 4.5rem}}.blog-page__ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.blog-page__glow{position:absolute;border-radius:9999px;filter:blur(80px)}.blog-page__glow--tl{top:-6rem;left:-4rem;width:22rem;height:22rem;background:rgba(107,168,196,.08)}.dark .blog-page__glow--tl{background:rgba(107,168,196,.06)}.blog-page__glow--br{right:-5rem;bottom:8rem;width:18rem;height:18rem;background:rgba(99,102,241,.05)}.dark .blog-page__glow--br{background:rgba(99,102,241,.04)}.blog-page__container{position:relative;z-index:1;width:100%;max-width:90rem;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.blog-page__container{padding:0 1.75rem}}@media (min-width:1280px){.blog-page__container{padding:0 2.25rem}}.blog-page__header{max-width:48rem;margin-bottom:2.75rem}.blog-page__title{font-size:clamp(1.875rem,3.5vw,2.375rem);font-weight:600;line-height:1.22;letter-spacing:-.03em;color:var(--bl-text)}.blog-page__subtitle{margin-top:1rem;max-width:34rem;font-size:1.0625rem;line-height:1.72;color:var(--bl-muted)}.blog-hero{display:block;margin-bottom:3.25rem;border-radius:var(--bl-radius-lg);overflow:hidden;box-shadow:var(--bl-shadow-lg);transition:transform .35s ease,box-shadow .35s ease}.blog-hero:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(26,34,48,.07),0 28px 56px -16px rgba(13,150,104,.18)}.blog-hero__media{position:relative;aspect-ratio:16/7;min-height:240px;background:#243044}@media (min-width:768px){.blog-hero__media{min-height:320px}}.blog-hero__media img{transition:transform .6s ease}.blog-hero:hover .blog-hero__media img{transform:scale(1.02)}.blog-hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(180deg,rgba(20,28,40,.05) 20%,rgba(20,28,40,.45) 68%,rgba(20,28,40,.88))}@media (min-width:768px){.blog-hero__overlay{padding:2rem 2.5rem}}.blog-hero__title{max-width:48rem;font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:600;line-height:1.38;letter-spacing:-.02em;color:#fff}.blog-hero__meta{display:grid;gap:1.25rem;margin-top:1.375rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.16)}@media (min-width:768px){.blog-hero__meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:1.75rem}}.blog-hero__label{display:block;margin-bottom:.45rem;font-size:.75rem;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.68)}.blog-hero__author{display:flex;align-items:center;gap:.625rem}.blog-hero__avatar{position:relative;height:2.25rem;width:2.25rem;flex-shrink:0;overflow:hidden;border-radius:9999px;border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.blog-hero__author-name,.blog-hero__value{font-size:.875rem;font-weight:600;color:#fff}.blog-hero__tags{display:flex;flex-wrap:wrap;gap:.4rem}.blog-hero__tag{display:inline-flex;padding:.2rem .55rem;border-radius:9999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);font-size:.75rem;font-weight:500;color:rgba(255,255,255,.95);backdrop-filter:blur(6px)}.blog-page__section{margin-top:.5rem}.blog-page__section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.blog-page__section-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--bl-text)}.blog-page__count{padding:.35rem .7rem;border-radius:9999px;background:var(--bl-surface-soft);border:1px solid var(--bl-border-soft);font-size:.75rem;font-weight:600;color:var(--bl-label)}.blog-page__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.blog-page__grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (min-width:1024px){.blog-page__grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.75rem}}.blog-card{height:100%;border-radius:var(--bl-radius);background:var(--bl-surface);border:1px solid var(--bl-border-soft);box-shadow:var(--bl-shadow-sm);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.blog-card:hover{border-color:color-mix(in srgb,var(--bl-accent) 28%,transparent);box-shadow:var(--bl-shadow-md);transform:translateY(-2px)}.blog-card__link{display:flex;flex-direction:column;height:100%;padding:.75rem}@media (min-width:768px){.blog-card__link{padding:.875rem}}.blog-card__thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:calc(var(--bl-radius) - .25rem);background:var(--bl-surface-soft)}.blog-card__thumb img{transition:transform .5s ease}.blog-card:hover .blog-card__thumb img{transform:scale(1.03)}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:1rem .35rem .35rem}.blog-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem}.blog-card__title{font-size:1.0625rem;font-weight:600;line-height:1.45;letter-spacing:-.015em;color:var(--bl-text);transition:color .2s ease}.blog-card:hover .blog-card__title{color:var(--bl-accent)}.blog-card__arrow{width:1rem;height:1rem;flex-shrink:0;margin-top:.25rem;color:var(--bl-label);opacity:.7;transition:color .2s ease,opacity .2s ease,transform .2s ease}.blog-card:hover .blog-card__arrow{color:var(--bl-accent);opacity:1;transform:translate(1px,-1px)}.blog-card__excerpt{margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;font-size:.9375rem;line-height:1.62;color:var(--bl-muted)}.blog-card__author{display:flex;align-items:center;gap:.625rem;margin-top:1.125rem;padding-top:1rem;border-top:1px solid var(--bl-border-soft)}.blog-card__avatar{position:relative;height:2.125rem;width:2.125rem;flex-shrink:0;overflow:hidden;border-radius:9999px;border:1px solid var(--bl-border);background:var(--bl-surface-soft)}.blog-card__author-text{font-size:.8125rem;font-weight:500;line-height:1.4;color:var(--bl-text)}.blog-card__dot{color:var(--bl-label);font-weight:400}.blog-empty__hero{margin-bottom:2.75rem;border-radius:var(--bl-radius-lg);border:1px solid var(--bl-border);background:linear-gradient(145deg,var(--bl-surface) 0,var(--bl-surface-soft) 100%);box-shadow:var(--bl-shadow-sm)}.blog-empty__hero-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:200px;padding:2rem}@media (min-width:768px){.blog-empty__hero-inner{min-height:240px;padding:2.5rem 2.75rem}}.blog-empty__icon{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.75rem;background:var(--bl-surface-soft);border:1px solid color-mix(in srgb,var(--bl-accent) 20%,transparent);color:var(--bl-accent);margin-bottom:1rem;box-shadow:var(--bl-shadow-sm)}.blog-empty__hero-title{font-size:1.1875rem;font-weight:600;letter-spacing:-.01em;color:var(--bl-text)}.blog-empty__hero-desc{margin-top:.5rem;max-width:30rem;font-size:.9375rem;line-height:1.65;color:var(--bl-muted)}.blog-empty__grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:640px){.blog-empty__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-empty__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.blog-empty__card{padding:.875rem;border-radius:var(--bl-radius);border:1px solid var(--bl-border-soft);background:var(--bl-surface);box-shadow:var(--bl-shadow-sm)}.blog-empty__card-thumb{display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;border-radius:calc(var(--bl-radius) - .2rem);background:var(--bl-surface-soft);margin-bottom:.875rem;color:var(--bl-label)}.blog-empty__card-line{height:.5rem;margin-bottom:.45rem;border-radius:9999px;background:var(--bl-border)}.blog-empty__card-line--lg{width:78%;height:.625rem}.blog-empty__card-line--sm{width:42%;margin-bottom:0}.blog-page__alert{max-width:28rem;padding:1.25rem 1.375rem;border-radius:var(--bl-radius);border:1px solid color-mix(in srgb,var(--dash-danger,#f5365c) 35%,transparent);background:var(--dash-danger-soft,#fee2e2);box-shadow:var(--bl-shadow-sm)}.dark .blog-page__alert{background:rgba(245,54,92,.1)}.blog-page__alert-title{font-size:.9375rem;font-weight:600;color:var(--dash-danger,#b42318)}.blog-page__retry{margin-top:.875rem;padding:.55rem 1.125rem;border:none;border-radius:.5rem;background:var(--bl-accent);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s ease}.blog-page__retry:hover{background:var(--bl-accent-hover)}.blog-page__loading-hero{aspect-ratio:16/7;margin-bottom:2.75rem;border-radius:var(--bl-radius-lg);background:linear-gradient(110deg,var(--bl-surface-soft) 0,var(--bl-border-soft) 45%,var(--bl-surface-soft) 90%);background-size:200% 100%;animation:blog-shimmer 1.6s ease-in-out infinite}.blog-page__loading-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:1024px){.blog-page__loading-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.blog-page__loading-card{height:15rem;border-radius:var(--bl-radius);border:1px solid var(--bl-border-soft);background:linear-gradient(110deg,var(--bl-surface-soft) 0,var(--bl-border-soft) 45%,var(--bl-surface-soft) 90%);background-size:200% 100%;animation:blog-shimmer 1.6s ease-in-out infinite}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}