.header-subtitle {color:var(--muted);font-size:16px;margin:8px 0 0 18px}.blog-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:32px;margin:0 0 40px 0}.blog-card {background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.blog-card:has(a:hover) {transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.3)}.blog-card-image {display:block;width:100%;height:200px;overflow:hidden;background:var(--panel)}.blog-card-image img {width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img {transform:scale(1.05)}.blog-card-content {padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-meta {display:flex;align-items:center;gap:12px;margin-bottom:12px}.blog-card-meta time {color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:0.5px}.blog-card-title {margin:10px 0 20px 0 !important;font-size:22px;font-weight:600;line-height:1.3}.blog-card-title a {color:var(--text);text-decoration:none;transition:color .2s ease}.blog-card-title a:hover {color:var(--accent)}.blog-card-excerpt {color:var(--muted);line-height:1.6;margin:0 0 16px 0;flex:1}.blog-card-link {color:var(--accent);text-decoration:none;font-weight:500;font-size:14px;display:inline-flex;align-items:center;margin-top:auto;transition:gap .2s ease}.blog-card-link:hover {gap:4px}.blog-post-header {max-width:800px}.back-link {color:var(--muted);text-decoration:none;font-size:14px;display:inline-block;margin-bottom:16px;transition:color .2s ease}.back-link:hover {color:var(--accent)}.blog-post-header h1 {margin:0 0 12px 0;font-size:36px;line-height:1.2}.post-date {color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:0.5px}.blog-post-content {max-width:800px;margin:0 auto}.post-feature-image {width:100%;height:400px;border-radius:var(--radius);overflow:hidden;margin:0 0 32px 0;background:var(--panel)}.post-feature-image img {width:100%;height:100%;object-fit:cover}.post-body {background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid var(--stroke);border-radius:var(--radius);padding:40px;line-height:1.7}.post-body h1 {font-size:32px;margin:32px 0 16px 0;color:var(--text);font-weight:600}.post-body h1:first-child {margin-top:0}.post-body h2 {font-size:26px;margin:28px 0 14px 0;color:var(--text);font-weight:600}.post-body h3 {font-size:20px;margin:24px 0 12px 0;color:var(--text);font-weight:600}.post-body p {margin:0 0 16px 0;color:var(--text)}.post-body ul, .post-body ol {margin:16px 0;padding-left:24px}.post-body li {margin:8px 0;color:var(--text)}.post-body a {color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-body a:hover {border-bottom-color:var(--accent)}.post-body strong {font-weight:600;color:var(--text)}.post-body code {background:var(--chip);padding:3px 6px;border-radius:4px;font-size:13px;border:1px solid var(--chip-border);font-family:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace}.blog-meta-footer em {color:var(--muted)}.post-body pre {background:var(--panel);border:1px solid var(--stroke);border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0}.post-body pre code {background:none;border:none;padding:0}.post-body blockquote {border-left:4px solid var(--accent);padding-left:20px;margin:20px 0;color:var(--muted);font-style:italic}.post-body img {max-width:100%;height:auto;border-radius:8px;margin:20px 0}.post-body > p:first-of-type {font-size:18px;line-height:1.8;color:var(--text);margin-bottom:24px}.post-body details {background:var(--panel);border:1px solid var(--stroke);border-radius:8px;margin:12px 0;overflow:hidden;transition:all .2s ease;padding:0 20px}.post-body details:hover {border-color:var(--accent)}.post-body details[open] {border-color:var(--accent);padding:0 20px 16px 20px}.post-body summary {padding:16px 20px;margin:0 -20px;font-weight:600;font-size:16px;color:var(--text);cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.post-body details[open] summary {margin:0 -20px 12px -20px}.post-body summary:hover {background:rgba(255,255,255,.02);color:var(--accent)}.post-body summary::after {content:'▼';font-size:12px;color:var(--accent);transition:transform .2s ease;flex-shrink:0;margin-left:12px}.post-body details[open] summary::after {transform:rotate(180deg)}.post-body details[open] summary {border-bottom:1px solid var(--stroke);background:rgba(255,255,255,.02)}.post-body table {width:100%;border-collapse:collapse;margin:24px 0;background:var(--panel);border:1px solid var(--stroke);border-radius:8px}.post-body thead {background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}.post-body th {padding:12px 16px;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid #576074;font-size:14px;text-transform:uppercase;letter-spacing:0.5px}.post-body td {padding:12px 16px;color:var(--text);border-bottom:1px solid #576074}.post-body tbody tr:last-child td {border-bottom:none}.post-body tbody tr:hover td:not(:first-child) {background:rgba(255,255,255,.02)}.post-body table code {font-size:12px}.post-body td.cell-positive, .post-body th.cell-positive {background:var(--ok-bg)}.post-body td.cell-negative, .post-body th.cell-negative {background:var(--danger-bg)}.post-body td.cell-neutral, .post-body th.cell-neutral {background:var(--warn-bg)}.post-body .table-yes {color:var(--ok);font-weight:600;font-size:18px}.post-body .table-no {color:var(--danger);font-weight:600;font-size:18px}.post-body tbody tr:hover td.cell-positive {background:rgba(34, 197, 94, .12)}.post-body tbody tr:hover td.cell-negative {background:rgba(239, 68, 68, .12)}.post-body tbody tr:hover td.cell-neutral {background:rgba(251, 191, 36, .12)}.post-body .table-container {position:relative;margin:24px 0;border-radius:8px;border:1px solid var(--stroke);overflow:hidden}.post-body .table-wrapper {overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--chip-border) var(--panel)}.post-body .table-wrapper::-webkit-scrollbar {height:12px}.post-body .table-wrapper::-webkit-scrollbar-track {background:var(--panel);border-radius:0 0 8px 8px}.post-body .table-wrapper::-webkit-scrollbar-thumb {background:var(--chip-border);border-radius:6px;border:2px solid var(--panel)}.post-body .table-wrapper::-webkit-scrollbar-thumb:hover {background:var(--stroke)}.post-body .table-container .table-fade-overlay {position:absolute;top:0;right:0;bottom:0;width:120px;background:linear-gradient(to left, rgba(11, 12, 16, 0.95) 0%, rgba(11, 12, 16, 0.7) 40%, transparent 100%);pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:5}.post-body .table-wrapper table th:first-child, .post-body .table-wrapper table td:first-child {position:sticky !important;left:0 !important;z-index:3 !important}.post-body .table-wrapper table thead th:first-child {background:linear-gradient(to right, rgba(125, 211, 252, 0.15), transparent 80px), var(--panel-2);z-index:4}.post-body .table-wrapper table tbody td:first-child {background:linear-gradient(to right, rgba(125, 211, 252, 0.1), transparent 80px), var(--panel)}.post-body .table-wrapper table tbody tr:hover td:first-child {background:linear-gradient(to right, rgba(125, 211, 252, 0.12), transparent 80px), var(--panel) !important}.post-body .table-container.has-scroll .table-wrapper table th:first-child, .post-body .table-container.has-scroll .table-wrapper table td:first-child {box-shadow:2px 0 8px rgba(0, 0, 0, 0.3)}.post-body .table-wrapper table {margin:0;border:none;min-width:100%}.post-body .table-wrapper table th:nth-child(2), .post-body .table-wrapper table td:nth-child(2) {background:rgba(140, 198, 63, 0.12)}.post-body .table-wrapper table thead th:nth-child(2) {background:rgba(140, 198, 63, 0.2)}@media (max-width:768px) {.post-body .table-wrapper {margin:16px -20px;border-radius:0;border-left:none;border-right:none}}.scheduled-content {background-color:#ffc107;color:#000;border-left:4px solid #f59e0b;padding:12px 16px;margin:16px 0;border-radius:4px}.scheduled-content a {color:#000;text-decoration:underline}.post-disclaimer {margin-top:32px;padding:20px;background:rgba(251, 191, 36, 0.08);border:1px solid rgba(251, 191, 36, 0.35);border-radius:8px;font-size:13px;line-height:1.6;color:var(--muted)}.post-disclaimer strong {color:var(--warn);font-weight:600}.post-disclaimer a {color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-disclaimer a:hover {border-bottom-color:var(--accent)}.post-footer {max-width:800px;margin:32px auto 0 auto;padding-top:32px;border-top:1px solid var(--stroke)}.post-navigation {display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-nav-link {display:flex;flex-direction:row;align-items:center;gap:16px;padding:20px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid var(--stroke);border-radius:var(--radius);text-decoration:none;transition:all .2s ease}.post-nav-thumbnail {width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.post-nav-content {display:flex;flex-direction:column;flex:1;min-width:0}.post-nav-link:hover {border-color:var(--accent);transform:translateY(-2px)}.post-nav-prev {text-align:left}.post-nav-prev .post-nav-content {order:2}.post-nav-prev .post-nav-thumbnail {order:1}.post-nav-next {text-align:right;grid-column:2}.post-nav-next .post-nav-content {order:1}.post-nav-next .post-nav-thumbnail {order:2}.post-nav-label {font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;display:block}.post-nav-title {font-size:16px;font-weight:600;color:var(--text);line-height:1.3;display:block}.post-nav-spacer {}@media (max-width:768px) {.post-navigation {grid-template-columns:1fr}.post-nav-next {grid-column:1}}.empty-state {text-align:center;padding:80px 20px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid var(--stroke);border-radius:var(--radius)}.empty-state p {color:var(--muted);font-size:16px}@media (max-width:768px) {.blog-grid {grid-template-columns:1fr;gap:24px}.blog-post-header h1 {font-size:28px}.post-feature-image {height:250px}.post-body {padding:24px}.post-body h1 {font-size:26px}.post-body h2 {font-size:22px}.post-body h3 {font-size:18px}}