:root,html[data-mode="dark"],html:not([data-mode="light"]){--blog-bg:#000000;--blog-text:#ffffff;--blog-heading:#ffffff;--blog-muted:rgba(255,255,255,0.72);--blog-faint:rgba(255,255,255,0.55);--blog-border:rgba(255,255,255,0.12);--blog-card-bg:#141418;--blog-card-border:rgba(255,255,255,0.12);--blog-card-hover-border:rgba(var(--red-rgb),0.5);--blog-card-shadow:0 10px 30px rgba(0,0,0,0.45);--blog-input-bg:#18191f;--blog-input-color:#ffffff;--blog-input-border:rgba(255,255,255,0.2);--blog-input-placeholder:rgba(255,255,255,0.45);--blog-pill-bg:rgba(255,255,255,0.04);--blog-pill-border:rgba(255,255,255,0.16);--blog-pill-color:rgba(255,255,255,0.82);--card-bg:#141418;--border:rgba(255,255,255,0.12);--muted:rgba(255,255,255,0.72)}html[data-mode="light"]{--blog-bg:#EAEAEA;--blog-text:#111827;--blog-heading:#111827;--blog-muted:#4b5563;--blog-faint:#6b7280;--blog-border:rgba(0,0,0,0.12);--blog-card-bg:#FFFFFF;--blog-card-border:rgba(0,0,0,0.1);--blog-card-hover-border:rgba(var(--red-rgb),0.4);--blog-card-shadow:0 10px 24px rgba(0,0,0,0.06);--blog-input-bg:#FFFFFF;--blog-input-color:#111827;--blog-input-border:rgba(0,0,0,0.15);--blog-input-placeholder:#9ca3af;--blog-pill-bg:#FFFFFF;--blog-pill-border:rgba(0,0,0,0.12);--blog-pill-color:#374151;--card-bg:#FFFFFF;--border:rgba(0,0,0,0.12);--muted:#4b5563}.cat-pill{background:var(--blog-pill-bg);border:1px solid var(--blog-pill-border);padding:7px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--blog-pill-color);cursor:pointer;transition:all 180ms ease;user-select:none}.cat-pill:hover{border-color:var(--red);color:var(--red)}.cat-pill.active{background:var(--red) !important;border-color:var(--red) !important;color:#ffffff !important;font-weight:600;box-shadow:0 4px 14px rgba(var(--red-rgb),0.35)}#blogSearchInput,.blog-search-input{background:var(--blog-input-bg) !important;color:var(--blog-input-color) !important;border:1px solid var(--blog-input-border) !important;caret-color:var(--red);transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;-webkit-appearance:none;appearance:none}#blogSearchInput::placeholder,.blog-search-input::placeholder{color:var(--blog-input-placeholder) !important;opacity:1}#blogSearchInput:focus,.blog-search-input:focus{outline:none;border-color:var(--red) !important;box-shadow:0 0 0 3px rgba(var(--red-rgb),0.25) !important}.post-card{background:var(--blog-card-bg) !important;border:1px solid var(--blog-card-border) !important;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform 280ms ease,box-shadow 280ms ease,border-color 280ms ease;cursor:pointer;text-decoration:none;color:var(--blog-text) !important;box-shadow:var(--blog-card-shadow);position:relative}.post-card:hover{transform:translateY(-4px);border-color:var(--blog-card-hover-border) !important;box-shadow:0 16px 36px -8px rgba(var(--red-rgb),0.25)}.post-card-thumb{aspect-ratio:16 / 9;background:linear-gradient(135deg,#181818,#282828);overflow:hidden;position:relative;display:grid;place-items:center}html[data-mode="light"] .post-card-thumb{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1)}.post-card:hover .post-card-thumb img{transform:scale(1.03)}.post-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.post-card-cat{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:0.08em;color:var(--red);margin-bottom:10px}.post-card-title{font-family:var(--font-display);font-size:19px;font-weight:650;line-height:1.35;margin-bottom:12px;color:var(--blog-heading) !important;transition:color 180ms ease}.post-card:hover .post-card-title{color:var(--red) !important}.post-card-excerpt{font-size:14px;color:var(--blog-muted) !important;line-height:1.55;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--blog-faint) !important;border-top:1px solid var(--blog-border) !important;padding-top:14px}html:not([data-mode="light"]) .post-card-title,html[data-mode="dark"] .post-card-title{color:#ffffff !important}html:not([data-mode="light"]) .post-card:hover .post-card-title,html[data-mode="dark"] .post-card:hover .post-card-title{color:#ff4d4d !important}html:not([data-mode="light"]) .post-card-excerpt,html[data-mode="dark"] .post-card-excerpt{color:rgba(255,255,255,0.75) !important}html:not([data-mode="light"]) .post-card-footer,html[data-mode="dark"] .post-card-footer{color:rgba(255,255,255,0.58) !important}html[data-mode="light"] .post-card-title{color:#111827 !important}html[data-mode="light"] .post-card:hover .post-card-title{color:var(--red) !important}html[data-mode="light"] .post-card-excerpt{color:#4b5563 !important}html[data-mode="light"] .post-card-footer{color:#6b7280 !important}.article-body h2{font-size:24px;margin:28px 0 14px;line-height:1.25}.article-body h3{font-size:20px;margin:22px 0 10px;line-height:1.3}.article-body p{font-size:16px;line-height:1.7;margin-bottom:18px;color:inherit}.article-body ul{padding-left:24px;margin-bottom:20px}.article-body li{font-size:16px;line-height:1.6;margin-bottom:8px}.article-body blockquote{border-left:3px solid var(--red);padding:12px 20px;margin:24px 0;font-style:italic;background:rgba(var(--red-rgb),0.04);font-size:17px}