.cat-page{background:var(--color-bg-page,#f9f7f2);min-height:100vh}.cat-hero{background:linear-gradient(135deg, var(--color-dark-base,#0e0e10) 0%, #1a1a1e 55%, #2a2418 100%);color:#fff;padding:20px 16px 18px}@media (min-width:640px){.cat-hero{padding:40px 24px 36px}}.cat-hero__inner{max-width:1280px;margin:0 auto}.cat-hero__crumb{color:#ffffff8c;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.cat-hero__crumb a{color:#ffffff8c;text-decoration:none}.cat-hero__title-row{align-items:center;gap:12px;display:flex}.cat-hero__icon{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}@media (min-width:640px){.cat-hero__icon{border-radius:16px;width:54px;height:54px;font-size:24px}}.cat-hero__h1{letter-spacing:-.02em;margin:0;font-family:Syne,sans-serif;font-size:clamp(1.4rem,4vw,2.25rem);font-weight:800;line-height:1.2}.cat-hero__meta{color:#ffffff8c;margin:4px 0 0;font-size:13px;font-weight:500}.cat-pills{flex-wrap:wrap;gap:8px;margin-top:22px;display:none}@media (min-width:768px){.cat-pills{display:flex}}.cat-pill{white-space:nowrap;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;text-decoration:none}.cat-pill--active{color:var(--color-dark-base,#0e0e10);background:#fff;border-color:#fff}.cat-shell{max-width:1280px;margin:0 auto;padding:16px 12px 48px}@media (min-width:640px){.cat-shell{padding:32px 24px 60px}}.cat-feature{background:#1e293b;border-radius:16px;margin-bottom:20px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000024}@media (min-width:640px){.cat-feature{border-radius:20px;margin-bottom:36px}}.cat-hero-media{aspect-ratio:16/10;background:#1e293b;width:100%;position:relative;overflow:hidden}@media (min-width:640px){.cat-hero-media{aspect-ratio:21/9}}.cat-hero-shade{pointer-events:none;background:linear-gradient(#0000 0%,#00000059 45%,#000000eb 100%);position:absolute;inset:0}.cat-hero-badge{z-index:2;position:absolute;top:12px;left:12px}.cat-hero-badge span{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.6px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}@media (min-width:640px){.cat-hero-badge{top:20px;left:20px}.cat-hero-badge span{padding:5px 14px;font-size:11px}}.cat-feature__body{z-index:1;padding:16px 14px 18px;position:absolute;bottom:0;left:0;right:0}@media (min-width:640px){.cat-feature__body{padding:28px 36px}}.cat-feature__title{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:800px;margin:0 0 8px;font-family:Syne,sans-serif;font-size:clamp(1.05rem,3.2vw,1.75rem);font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.cat-feature__lead{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:680px;margin:0 0 10px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (min-width:640px){.cat-feature__lead{-webkit-line-clamp:3;font-size:15px}}.cat-feature__meta{color:#94a3b8;align-items:center;gap:10px;font-size:12px;display:flex}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@media (min-width:640px){.cat-grid{gap:14px}}@media (min-width:900px){.cat-grid{gap:20px}}.cat-grid-card{background:#fff;border:1.5px solid #e8ecf2;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.cat-card-img-wrap{background:#f1f5f9;flex-shrink:0;height:72px;position:relative;overflow:hidden}@media (min-width:640px){.cat-card-img-wrap{height:150px}}.cat-card-img-overlay{pointer-events:none;background:linear-gradient(#0000 45%,#0003 100%);position:absolute;inset:0}.cat-card-badge{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;z-index:1;border-radius:4px;max-width:calc(100% - 12px);padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:6px;left:6px;overflow:hidden}@media (min-width:640px){.cat-card-badge{padding:3px 9px;font-size:10px;top:10px;left:10px}}.cat-card-body{flex-direction:column;flex:1;min-width:0;padding:6px 5px 8px;display:flex}@media (min-width:640px){.cat-card-body{padding:14px 15px 15px}}.cat-card-title{color:#0d1117;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 5px;font-size:10.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}@media (min-width:640px){.cat-card-title{-webkit-line-clamp:2;margin-bottom:8px;font-size:14px;line-height:1.45}}.cat-card-meta{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:7px;font-size:10px;display:flex}@media (min-width:640px){.cat-card-meta{padding-top:10px;font-size:11.5px}}.cat-card-author{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:58%;font-weight:500;overflow:hidden}@media (max-width:639px){.cat-card-author{display:none}}.cat-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.cat-page-btn{border:1.5px solid var(--color-border,#e5e0d5);color:#374151;background:#fff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none}.cat-page-btn--active{background:var(--color-dark-base,#0e0e10);border-color:var(--color-dark-base,#0e0e10);color:#fff}.cat-page-btn--accent{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cat-page-btn--disabled{color:#d1d5db;pointer-events:none;background:#fafafa;border-color:#f3f4f6}.cat-empty{text-align:center;border:1px solid var(--color-border,#e5e0d5);background:#fff;border-radius:20px;padding:80px 20px}