.kb-hero{background:var(--color-primary);color:#fff}.kb-hero .inner{max-width:75rem;margin:0 auto;padding:4.5rem 2rem}.kb-hero .eyebrow{color:#9fd4ff;margin-bottom:1.125rem}.kb-hero h1{font-family:var(--font-heading);font-weight:700;font-size:var(--text-48);color:#fff;max-width:22ch;line-height:1.08}.kb-hero h1 .italic{font-style:italic}.kb-hero p{color:#fffc;font-size:var(--text-body-lg-plus);max-width:52ch;margin-top:1.125rem;line-height:1.7}.kb-hero .back{color:#fffc;font-size:var(--text-body-sm);align-items:center;gap:.375rem;margin-bottom:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.kb-hero .back:hover{color:#fff}.kb-hero .back svg{width:.875rem;height:.875rem}.blog-filter{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.625rem;padding:1.375rem 0;display:flex}.blog-filter .fl{font-size:var(--text-12);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-right:.375rem;font-weight:600}.blog-filter a{font-family:var(--font-body);font-size:var(--text-body-sm);cursor:pointer;white-space:nowrap;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:.5rem .9375rem;font-weight:600;text-decoration:none;transition:all .15s}.blog-filter a:hover{color:var(--color-text);border-color:var(--color-primary)}.blog-filter a.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-theme=dark] .blog-filter a.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.blog-filter .all-tags{color:var(--color-primary);background:0 0;border-color:transparent;margin-left:auto}[data-theme=dark] .blog-filter .all-tags{color:var(--color-accent)}.blog-layout{grid-template-columns:1fr 20.625rem;align-items:start;gap:3rem;margin-top:2.5rem;display:grid}.featured{border:1px solid var(--color-border);border-radius:var(--radius-xl);color:inherit;grid-template-columns:1.1fr 1fr;gap:0;text-decoration:none;transition:border-color .15s;display:grid;overflow:hidden}.featured:hover{border-color:var(--color-primary)}.featured .thumb{background:linear-gradient(135deg,var(--color-secondary),var(--color-background));justify-content:center;align-items:center;min-height:15rem;display:flex;overflow:hidden}.featured .thumb img{object-fit:cover;width:100%;height:100%}.featured .body{padding:1.875rem}.featured .meta{align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex}.featured .date{font-size:var(--text-12);color:var(--color-text-muted)}.featured h2{font-family:var(--font-heading);font-weight:700;font-size:var(--text-26);margin-bottom:.75rem;line-height:1.2}.featured p{font-size:var(--text-body);color:var(--color-text-muted);line-height:1.7}.featured .read{margin-top:1.125rem}.post-list{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.post-list .blog-card .thumb{overflow:hidden}.post-list .blog-card .thumb img{object-fit:cover;width:100%;height:100%}.side{gap:1.5rem;display:grid;position:sticky;top:6.25rem}.recent h4,.side-tags h4{font-size:var(--text-12);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:1rem;font-weight:600}.recent a{color:inherit;border-bottom:1px solid var(--color-border);padding:.875rem 0;text-decoration:none;display:block}.recent a:first-of-type{padding-top:0}.recent a:last-of-type{border-bottom:none}.recent a .rt{font-weight:600;font-size:var(--text-body);line-height:1.4}.recent a:hover .rt{color:var(--color-primary)}[data-theme=dark] .recent a:hover .rt{color:var(--color-accent)}.recent a .rd{font-size:var(--text-12);color:var(--color-text-muted);margin-top:.25rem}.tag-cloud{flex-wrap:wrap;gap:.75rem;display:flex}.tag-cloud a{font-size:var(--text-body);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.tag-cloud a:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .tag-cloud a:hover{color:var(--color-accent)}.tag-cloud a .n{font-size:var(--text-12);color:var(--color-text-muted);background:var(--color-secondary);border-radius:999px;padding:.0625rem .5625rem;font-weight:600}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:2.5rem;display:flex}.pagination .pg{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);min-width:2.375rem;height:2.375rem;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}a.pg:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] a.pg:hover{color:var(--color-accent)}.pagination .pg.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=dark] .pagination .pg.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.pagination .pg.is-disabled{opacity:.4;cursor:default}.pagination .pg svg{width:.9375rem;height:.9375rem}@media(max-width:960px){.blog-layout{grid-template-columns:1fr}.side{position:static}.featured{grid-template-columns:1fr}.featured .thumb{min-height:11.25rem}}@media(max-width:600px){.post-list{grid-template-columns:1fr}.kb-hero h1{font-size:var(--text-36)}.blog-filter .all-tags{margin-left:0}}