.ef-home .blog-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:36px;padding-top:36px;padding-bottom:96px;display:grid}.ef-home .blog-layout.no-cats{grid-template-columns:minmax(0,1fr)}.ef-home .blog-side{min-width:0;position:sticky;top:84px}.ef-home .blog-main{min-width:0}.ef-home .blog-cats-title{font:600 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 12px;padding:0 12px;display:block}.ef-home .blog-cats-list,.ef-home .blog-cats-children{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ef-home .blog-cats-list{scrollbar-width:thin;scrollbar-color:var(--border-default)transparent;max-height:calc(100vh - 144px);padding-right:4px;overflow-y:auto}.ef-home .blog-cats-children{border-left:1px solid var(--border-subtle);margin:2px 0 0 7px;padding-left:10px}.ef-home .blog-cat{font:500 13px/1.35 var(--font-sans);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s,color .15s;display:flex}.ef-home .blog-cat.root{font-size:13.5px}.ef-home .blog-cat:hover{background:var(--bg-surface-2);color:var(--text-primary)}.ef-home .blog-cat.on{background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-xs)}.ef-home .blog-cat-dot{background:var(--border-default);border-radius:50%;flex:none;width:6px;height:6px}.ef-home .blog-cat:hover .blog-cat-dot{background:var(--text-disabled)}.ef-home .blog-cat.on .blog-cat-dot{background:#fff}.ef-home .blog-cat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ef-home .blog-pills-wrap{margin-bottom:16px;display:none}.ef-home .blog-pills-wrap .blog-cats-title{margin-bottom:8px;padding:0}.ef-home .blog-pills{scrollbar-width:none;gap:6px;margin:0 -20px;padding:0 20px 4px;display:flex;overflow-x:auto}.ef-home .blog-pill{border:1px solid var(--border-subtle);background:var(--bg-surface);height:32px;font:500 13px/30px var(--font-sans);white-space:nowrap;color:var(--text-secondary);border-radius:999px;flex:none;padding:0 14px}.ef-home .blog-pill:hover{border-color:var(--border-default);color:var(--text-primary)}.ef-home .blog-pill.on{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-sm)}.ef-home .blog-count{border:1px solid var(--border-subtle);background:var(--bg-surface-2);font:400 13px/1.4 var(--font-sans);color:var(--text-tertiary);border-radius:12px;margin:0 0 24px;padding:10px 14px}.ef-home .blog-count b{color:var(--text-primary);font-weight:600}.ef-home .blog-rows{flex-direction:column;gap:16px;display:flex}.ef-home .blog-row{border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-xs);border-radius:8px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.ef-home .blog-row-img{aspect-ratio:5/3;background:var(--bg-surface-2);display:block;overflow:hidden}.ef-home .blog-row-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.ef-home .blog-row-img:hover img{transform:scale(1.05)}.ef-home .blog-row-body{min-width:0;padding:16px}.ef-home .blog-row-meta{font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-disabled);margin:0 0 8px}.ef-home .blog-row-title{font:600 17px/1.375 var(--font-sans);color:var(--text-primary);margin:0 0 8px}.ef-home .blog-row-title a:hover{color:var(--accent-pressed)}.ef-home .blog-row-excerpt{-webkit-line-clamp:3;max-width:680px;font:400 15px/24px var(--font-sans);color:var(--text-secondary);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.ef-home .art-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:36px;display:flex}.ef-home .art-pg{border:1px solid var(--border-subtle);background:var(--bg-surface);min-width:40px;height:40px;font:500 13.5px/1 var(--font-sans);color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;transition:border-color .15s;display:inline-flex}.ef-home a.art-pg:hover{border-color:var(--text-disabled)}.ef-home .art-pg.on{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.ef-home .art-pg.gap{min-width:32px;color:var(--text-disabled);background:0 0;border:0;padding:0 4px}.ef-home .art-pg.off{color:var(--text-disabled)}@media (min-width:640px){.ef-home .blog-count{background:0 0;border:0;width:fit-content;padding:0}.ef-home .blog-rows{gap:0}.ef-home .blog-row{border:0;border-bottom:1px solid var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;gap:24px;padding:28px 0;overflow:visible}.ef-home .blog-row:first-child{padding-top:4px}.ef-home .blog-row:last-child{border-bottom:0}.ef-home .blog-row.has-img{grid-template-columns:220px minmax(0,1fr)}.ef-home .blog-row-img{aspect-ratio:auto;width:220px;height:132px;box-shadow:var(--shadow-xs);border-radius:6px}.ef-home .blog-row-body{padding:6px 0}.ef-home .blog-row-title{font-size:16px}.ef-home .art-pages{gap:8px}}@media (max-width:1023px){.ef-home .blog-layout{grid-template-columns:minmax(0,1fr);padding-top:28px}.ef-home .blog-side{display:none}.ef-home .blog-pills-wrap{display:block}}@media (min-width:640px) and (max-width:1023px){.ef-home .blog-pills{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}
