.code-textarea { font-family: monospace; font-size: 0.8rem; min-height: 180px; resize: vertical; }
.actions-row { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0; }

.seo-score-bar { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: var(--bg-secondary); border-radius: var(--radius-md); margin-bottom: 1.25rem; }
.score-circle { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 900; color: #fff; flex-shrink: 0; }
.score-circle.good { background: #16a34a; }
.score-circle.ok { background: #d97706; }
.score-circle.poor { background: #dc2626; }
.score-info-label { font-weight: 700; font-size: 1rem; }
.score-info-sub { font-size: 0.85rem; color: var(--text-muted); margin-top: 0.2rem; }

.check-item { border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 0.75rem 1rem; margin-bottom: 0.5rem; display: grid; grid-template-columns: 24px 1fr; gap: 0.5rem; font-size: 0.85rem; align-items: start; }
.check-item.pass { border-color: #bbf7d0; background: #f0fdf4; }
.check-item.warn { border-color: #fde68a; background: #fffbeb; }
.check-item.fail { border-color: #fecaca; background: #fef2f2; }
.check-icon { font-size: 1rem; }
.check-body strong { display: block; margin-bottom: 0.15rem; }
.check-body span { color: var(--text-secondary); }
.check-value { font-family: monospace; font-size: 0.78rem; background: rgba(0,0,0,0.05); padding: 0.2rem 0.4rem; border-radius: 3px; margin-top: 0.25rem; display: inline-block; word-break: break-all; }

.section-heading { font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); margin: 1.25rem 0 0.5rem; }