.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon--sm{width:18px;height:18px}.icon--xs{width:15px;height:15px}.blog-hub{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4) var(--space-16)}.section-head{max-width:56ch;margin-bottom:var(--space-8)}.section__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-600);background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}:root[data-theme="dark"] .section__eyebrow{color:var(--color-primary-400)}.section__title{font-size:var(--text-xl);letter-spacing:-.01em}.section__subtitle{margin-top:var(--space-3);font-size:var(--text-md);color:var(--color-text-secondary)}.blog-hero{position:relative;text-align:center;padding:var(--space-16) 0 var(--space-12);overflow:hidden;isolation:isolate}.blog-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 50% -5%,color-mix(in srgb,var(--color-primary-500) 16%,transparent),transparent 70%),radial-gradient(35% 35% at 12% 5%,color-mix(in srgb,var(--color-cat-organize) 14%,transparent),transparent 70%),radial-gradient(35% 35% at 88% 0%,color-mix(in srgb,var(--color-cat-optimize) 14%,transparent),transparent 70%)}.blog-hero__tagline{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.04em;color:var(--color-text-muted)}.blog-hero__tagline::before,.blog-hero__tagline::after{content:"—";margin:0 var(--space-2);opacity:.6}.blog-hero__title{margin-top:var(--space-6);font-size:var(--text-3xl);line-height:1.08;letter-spacing:-.02em}.blog-hero__title-accent{background:linear-gradient(120deg,var(--color-primary-500),var(--color-cat-organize) 55%,var(--color-cat-optimize));-webkit-background-clip:text;background-clip:text;color:transparent}.blog-hero__subtitle{max-width:56ch;margin:var(--space-5) auto 0;font-size:var(--text-md);color:var(--color-text-secondary)}@media(min-width:768px){.blog-hero{padding:var(--space-20) 0 var(--space-16)}.blog-hero__title{font-size:var(--text-3xl)}.section__title{font-size:var(--text-2xl)}}@media(min-width:1024px){.blog-hero__title{font-size:44px}}.post-grid-section{margin-top:var(--space-8)}.post-search-wrap{margin:var(--space-6) 0}.post-search{position:relative;display:flex;align-items:center;max-width:460px}.post-search .icon{position:absolute;left:var(--space-4);color:var(--color-text-muted);pointer-events:none}.post-search-input{width:100%;height:46px;padding:0 var(--space-4) 0 calc(var(--space-4) + 24px + var(--space-3));border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default)}.post-search-input::placeholder{color:var(--color-text-muted)}.post-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);width:fit-content;max-width:100%}.cat-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background:transparent;color:var(--color-text-secondary);transition:background-color var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default)}.cat-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.cat-btn::before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-muted)}.cat-btn.active{color:#fff;background:var(--color-primary-500)}.cat-btn.active::before{background:#fff}.cat-btn[data-filter="convert"].active{background:var(--color-cat-convert)}.cat-btn[data-filter="organize"].active{background:var(--color-cat-organize)}.cat-btn[data-filter="optimize"].active{background:var(--color-cat-optimize)}.cat-btn[data-filter="security"].active{background:var(--color-cat-security)}.cat-btn[data-filter="edit"].active{background:var(--color-cat-edit)}.cat-btn[data-filter="view"].active{background:var(--color-cat-view)}.cat-btn[data-filter="convert"]::before{background:var(--color-cat-convert)}.cat-btn[data-filter="organize"]::before{background:var(--color-cat-organize)}.cat-btn[data-filter="optimize"]::before{background:var(--color-cat-optimize)}.cat-btn[data-filter="security"]::before{background:var(--color-cat-security)}.cat-btn[data-filter="edit"]::before{background:var(--color-cat-edit)}.cat-btn[data-filter="view"]::before{background:var(--color-cat-view)}.post-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4);margin-top:var(--space-6)}.post-grid-empty{margin-top:var(--space-6);padding:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:var(--radius-lg)}.post-card{position:relative;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default)}.post-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary-500) 45%,var(--color-border));transform:translateY(-3px)}.post-card::after{content:"→";position:absolute;top:var(--space-5);right:var(--space-5);font-size:var(--text-md);color:var(--color-primary-500);opacity:0;transform:translate(-4px,4px);transition:opacity var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default)}.post-card:hover::after{opacity:1;transform:translate(0,0)}.post-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:transform var(--duration-base) var(--ease-default)}.post-card:hover .post-card__icon{transform:scale(1.06)}.post-card[data-category="convert"] .post-card__icon{background:color-mix(in srgb,var(--color-cat-convert) 14%,transparent)}.post-card[data-category="organize"] .post-card__icon{background:color-mix(in srgb,var(--color-cat-organize) 14%,transparent)}.post-card[data-category="optimize"] .post-card__icon{background:color-mix(in srgb,var(--color-cat-optimize) 14%,transparent)}.post-card[data-category="security"] .post-card__icon{background:color-mix(in srgb,var(--color-cat-security) 16%,transparent)}.post-card[data-category="edit"] .post-card__icon{background:color-mix(in srgb,var(--color-cat-edit) 16%,transparent)}.post-card[data-category="view"] .post-card__icon{background:color-mix(in srgb,var(--color-cat-view) 14%,transparent)}.post-card strong{font-size:var(--text-md);font-weight:var(--font-semibold)}.post-card>span:not(.post-card__icon):not(.post-card__badge){font-size:var(--text-sm);color:var(--color-text-muted)}.post-card__badge{align-self:flex-start;margin-top:var(--space-3);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:var(--radius-full)}.post-card.filtered-out,.post-card.searched-out{display:none}.post-card--extra{display:none}#btn-load-more{display:block;margin:var(--space-8) auto 0}@media(min-width:640px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.post-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.post-grid{grid-template-columns:repeat(4,1fr)}}