*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #e0e0e0;--color-text-muted: #888;--color-healthy: #22c55e;--color-warning: #eab308;--color-critical: #ef4444;--color-unknown: #6b7280;--color-status-verified: #22c55e;--color-status-connected: #3b82f6;--color-status-created: #a855f7;--color-status-not-created: #6b7280;--color-status-error: #ef4444;--color-status-skipped: #64748b;--color-importance-critical: #ef4444;--color-importance-important: #f59e0b;--color-importance-optional: #6b7280}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header h1{font-size:1.5rem;font-weight:600}.header-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted)}.blog-list{display:flex;flex-direction:column;gap:1rem}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:border-color .15s}.blog-card:hover{border-color:#444}.health-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.health-indicator.healthy{background:var(--color-healthy)}.health-indicator.warning{background:var(--color-warning)}.health-indicator.critical{background:var(--color-critical)}.health-indicator.unknown{background:var(--color-unknown)}.blog-info{flex:1}.blog-name{font-weight:600;margin-bottom:.25rem}.blog-domain{font-size:.875rem;color:var(--color-text-muted)}.blog-stats{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.blog-detail-header{margin-bottom:2rem}.blog-detail-header h2{font-size:1.25rem;margin-bottom:.5rem}.back-link{display:inline-block;margin-bottom:1rem;font-size:.875rem}.asset-section{margin-bottom:2rem}.asset-section h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.asset-list{display:flex;flex-direction:column;gap:.5rem}.asset-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.asset-importance{width:4px;height:24px;border-radius:2px;flex-shrink:0}.asset-importance.critical{background:var(--color-importance-critical)}.asset-importance.important{background:var(--color-importance-important)}.asset-importance.optional{background:var(--color-importance-optional)}.asset-info{flex:1}.asset-label{font-weight:500;margin-bottom:.125rem}.asset-notes{font-size:.75rem;color:var(--color-text-muted)}.asset-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.asset-status.verified{background:#22c55e33;color:var(--color-status-verified)}.asset-status.connected{background:#3b82f633;color:var(--color-status-connected)}.asset-status.created{background:#a855f733;color:var(--color-status-created)}.asset-status.not_created{background:#6b728033;color:var(--color-status-not-created)}.asset-status.error{background:#ef444433;color:var(--color-status-error)}.asset-status.skipped{background:#64748b33;color:var(--color-status-skipped)}.asset-link{font-size:.75rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-muted)}.empty-state h3{margin-bottom:.5rem;color:var(--color-text)}.blog-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.blog-identity h2{font-size:1.5rem;margin-bottom:.25rem}.blog-meta{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted)}.blog-meta a{color:var(--color-text-muted)}.blog-meta a:hover{color:var(--color-text)}.blog-links{display:flex;gap:1rem}.header-link{font-size:.875rem;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.header-link:hover{border-color:#444;text-decoration:none}.health-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem}.health-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.health-icon{font-size:1rem}.health-label{font-weight:600}.health-counts{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-muted)}.health-count.critical{color:var(--color-critical)}.health-count.important{color:var(--color-warning)}.health-count.complete{color:var(--color-healthy)}.health-errors{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.health-error{display:block;font-size:.75rem;color:var(--color-critical)}.section-subtitle{font-size:.75rem;color:var(--color-text-muted);margin-top:-.5rem;margin-bottom:1rem}.blog-notes{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1rem;font-size:.875rem;white-space:pre-wrap}.asset-table-section{margin-bottom:2rem}.asset-table-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.asset-table-subtitle{font-size:.75rem;color:var(--color-text-muted);margin-bottom:1rem}.asset-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.asset-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.asset-table-row{border-bottom:1px solid var(--color-border)}.asset-table-row:last-child{border-bottom:none}.asset-table-cell{padding:.75rem 1rem;font-size:.875rem;vertical-align:middle}.asset-notes-cell{color:var(--color-text-muted);font-size:.75rem}.no-link{color:var(--color-text-muted)}.importance-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;border:1px solid var(--color-border);color:var(--color-text-muted)}.importance-badge.critical{border-color:var(--color-importance-critical);color:var(--color-importance-critical)}.importance-badge.important{border-color:var(--color-importance-important);color:var(--color-importance-important)}.importance-badge.optional{border-color:var(--color-text-muted);color:var(--color-text-muted)}.asset-table-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.asset-table-completeness{font-size:.75rem;color:var(--color-text-muted);padding:.2rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.blog-list-page{display:flex;flex-direction:column;gap:1rem}.filter-presets{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.filter-spacer{flex:1}.filter-preset-btn{padding:.375rem .75rem;font-size:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;transition:border-color .15s}.filter-preset-btn:hover{border-color:#444}.export-btn{padding:.375rem .75rem;font-size:.75rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.export-btn:hover{border-color:#444;color:var(--color-text)}.filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-select,.filter-input{padding:.5rem .75rem;font-size:.875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text)}.filter-select:focus,.filter-input:focus{outline:none;border-color:#444}.filter-input{min-width:200px}.filter-input::placeholder{color:var(--color-text-muted)}.results-count{font-size:.75rem;color:var(--color-text-muted)}.capability-checks-section{margin-bottom:2rem}.capability-checks-section h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem}.check-btn{padding:.5rem 1rem;font-size:.875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;transition:border-color .15s;margin-top:.5rem}.check-btn:hover:not(:disabled){border-color:#444}.check-btn:disabled{opacity:.6;cursor:not-allowed}.check-results{margin-top:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.check-result{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.check-result:last-of-type{border-bottom:none}.check-label{font-size:.875rem;min-width:160px}.check-status{font-size:.75rem;padding:.2rem .5rem;border-radius:4px}.check-status.detected{background:#22c55e33;color:var(--color-healthy)}.check-status.not-detected{background:#6b728033;color:var(--color-text-muted)}.check-notes{font-size:.75rem;color:var(--color-text-muted)}.check-timestamp{margin-top:.75rem;font-size:.7rem;color:var(--color-text-muted)}
