/* Blog / Knowledge Hub */
.blog-tools{display:grid;gap:18px;margin-bottom:42px}.blog-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.blog-search{position:relative;display:block}.blog-search input{width:100%;box-sizing:border-box;border:1px solid var(--border,#dfe3ea);background:var(--surface,#fff);color:var(--text,#111827);border-radius:16px;padding:16px 18px 16px 48px;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.blog-search input:focus{border-color:var(--accent,#6d5dfc);box-shadow:0 0 0 4px rgba(109,93,252,.10)}.blog-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);opacity:.55;pointer-events:none;font-size:20px}.blog-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 18px;border:1px solid var(--border,#dfe3ea);background:var(--surface,#fff);color:inherit;border-radius:16px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}.blog-filter-toggle:hover,.blog-filter-toggle[aria-expanded=true]{border-color:var(--text,#111827);background:var(--text,#111827);color:var(--bg,#fff)}.blog-filter-count{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:currentColor;color:var(--bg,#fff);font-size:.72rem}.blog-filter-toggle[aria-expanded=true] .blog-filter-count{background:var(--bg,#fff);color:var(--text,#111827)}.blog-filter-panel{border:1px solid var(--border,#dfe3ea);border-radius:18px;padding:20px;background:var(--surface,#fff)}.blog-filter-panel[hidden]{display:none}.blog-filter-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.blog-filter-panel-top p{margin:4px 0 0;color:var(--muted,#667085);font-size:.88rem}.blog-clear-filters{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}.blog-filters{display:flex;flex-wrap:wrap;gap:9px}.blog-filter{border:1px solid var(--border,#dfe3ea);background:transparent;color:inherit;border-radius:999px;padding:9px 15px;font:inherit;font-size:.9rem;cursor:pointer;transition:.2s;order:2}.blog-filter:hover{border-color:var(--text,#111827)}.blog-filter.active{background:var(--text,#111827);color:var(--bg,#fff);border-color:var(--text,#111827);order:1}
.blog-section{margin-top:70px}.blog-section:first-of-type{margin-top:0}.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.blog-section-heading h2{margin:0}.blog-section-heading p{margin:6px 0 0;color:var(--muted,#667085);font-size:.95rem}
/* Featured stays horizontal. Desktop shows the full source image without cropping. */
.blog-featured-list{display:grid;gap:18px}.article-featured{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:260px;padding:0;overflow:hidden;text-decoration:none;color:inherit}.article-featured:hover{text-decoration:none}.article-featured-media{min-height:260px;background:#0d1326;display:flex;align-items:center;justify-content:center;overflow:hidden}.article-featured-media img{width:100%;height:100%;min-height:260px;object-fit:contain;object-position:center;display:block}.article-featured-placeholder{width:100%;height:100%;min-height:260px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#101a35,#2a1743)}.article-featured-content{padding:30px 34px;display:flex;flex-direction:column;justify-content:center;min-width:0}.article-featured-content h2{font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 10px}.article-featured-content p{max-width:720px}.article-type{font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#667085);margin-bottom:10px}.article-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.article-tag{display:inline-flex;align-items:center;border:1px solid var(--border,#dfe3ea);border-radius:999px;padding:5px 9px;font-size:.74rem;color:var(--muted,#667085);background:transparent}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;color:var(--muted,#667085);font-size:.82rem}.article-link{font-weight:600;color:inherit;white-space:nowrap}
.blog-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-home-grid .article-card{min-width:0}.article-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:220px;text-decoration:none;color:inherit;padding:25px}.article-card:hover{text-decoration:none}.article-card h3{font-size:1.08rem;line-height:1.3;letter-spacing:-.025em}.article-card p{line-height:1.55}.article-card-media{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:18px;background:var(--surface,#fff)}.article-card-media img{width:100%;height:100%;display:block;object-fit:cover}.article-card-copy{min-width:0}.external-card{min-height:220px}
/* Full My Articles archive uses the same image + content cards as the homepage. */
.blog-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-image-grid .article-card{min-height:0}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-view-more{display:flex;justify-content:center;margin-top:24px}.blog-view-more a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border,#dfe3ea);border-radius:999px;padding:11px 18px;text-decoration:none;color:inherit;font-weight:600;font-size:.88rem;transition:.2s}.blog-view-more a:hover{background:var(--text,#111827);color:var(--bg,#fff);border-color:var(--text,#111827)}.blog-count{font-size:.85rem;color:var(--muted,#667085)}.blog-empty{padding:35px 20px;text-align:center;border:1px dashed var(--border,#dfe3ea);border-radius:18px;color:var(--muted,#667085)}
@media (max-width:980px){.article-featured{grid-template-columns:1fr 1fr}.blog-home-grid,.blog-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-featured-media img{object-fit:cover}}
@media (max-width:800px){.blog-search-row{grid-template-columns:1fr}.blog-filter-toggle{width:100%}.article-featured{grid-template-columns:1fr;min-height:0}.article-featured-media,.article-featured-media img{min-height:230px}.article-featured-content{padding:24px}.blog-home-grid,.blog-grid,.blog-image-grid{grid-template-columns:1fr}.blog-filter-panel-top{align-items:flex-start}}
@media (max-width:600px){.article-featured-media,.article-featured-media img{min-height:190px}.article-featured-content{padding:20px}.article-meta{align-items:flex-start;flex-direction:column;gap:8px}.blog-home-grid{gap:14px}.article-card{min-height:0;padding:22px}.article-card-media{border-radius:10px;margin-bottom:15px}.blog-section{margin-top:56px}}
@media (prefers-color-scheme:dark){.blog-search input,.blog-filter-toggle,.blog-filter-panel{background:var(--surface,#111827)}}