/* AI Search Readiness Checker — styles */

.asr-tool {
	--asr-bg: #ffffff; --asr-fg: #1a1a1a; --asr-muted: #6b7280; --asr-border: #e5e7eb;
	--asr-primary: #2563eb; --asr-primary-fg: #ffffff; --asr-card-bg: #f9fafb;
	--asr-low: #dc2626; --asr-mid: #d97706; --asr-good: #16a34a;
	max-width: 900px; margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--asr-fg);
}
@media (prefers-color-scheme: dark) {
	.asr-tool { --asr-bg: #111827; --asr-fg: #f3f4f6; --asr-muted: #9ca3af; --asr-border: #374151; --asr-card-bg: #1f2937; }
}
.asr-notice { background: rgba(217,119,6,0.1); color: #b45309; border-radius: 8px; padding: 0.85rem 1rem; font-size: 0.85rem; margin-bottom: 1.25rem; line-height: 1.5; }
@media (prefers-color-scheme: dark) { .asr-notice { color: #fbbf24; } }
.asr-label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
.asr-input-group { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.asr-input { flex: 1 1 260px; min-width: 0; padding: 0.65rem 0.85rem; border: 1px solid var(--asr-border); border-radius: 8px; font-size: 1rem; background: var(--asr-bg); color: var(--asr-fg); }
.asr-input:focus-visible { outline: 2px solid var(--asr-primary); outline-offset: 1px; }
.asr-btn { padding: 0.65rem 1.1rem; border-radius: 8px; border: 1px solid var(--asr-border); font-size: 1rem; cursor: pointer; background: var(--asr-bg); color: var(--asr-fg); display: inline-flex; align-items: center; gap: 0.5rem; }
.asr-btn-primary { background: var(--asr-primary); border-color: var(--asr-primary); color: var(--asr-primary-fg); font-weight: 600; }
.asr-spinner { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.5); border-top-color: #fff; border-radius: 50%; animation: asr-spin 0.7s linear infinite; }
@keyframes asr-spin { to { transform: rotate(360deg); } }
.asr-error { margin-top: 0.75rem; padding: 0.75rem 1rem; border-radius: 8px; background: rgba(220,38,38,0.1); color: var(--asr-low); font-size: 0.9rem; }
.asr-results { margin-top: 2rem; }
.asr-score-row { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.5rem; }
.asr-score-circle { width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 700; color: #fff; flex-shrink: 0; }
.asr-score-good { background: var(--asr-good); }
.asr-score-mid { background: var(--asr-mid); }
.asr-score-low { background: var(--asr-low); }
.asr-score-label { font-weight: 700; font-size: 1rem;color:#fff; }
.asr-section { margin-top: 1.5rem; }
.asr-subheading { font-size: 1rem; margin: 0 0 0.75rem; color:#fff;}
.asr-breakdown { display: flex; flex-direction: column; gap: 0.65rem; }
.asr-breakdown-row { display: grid; grid-template-columns: 1fr 2fr auto; gap: 0.75rem; align-items: center; font-size: 0.82rem; }
@media (max-width: 600px) { .asr-breakdown-row { grid-template-columns: 1fr; gap: 0.3rem; } }
.asr-breakdown-label { color: var(--asr-primary-fg); }
.asr-breakdown-bar-outer { background: var(--asr-card-bg); border: 1px solid var(--asr-border); border-radius: 999px; height: 8px; overflow: hidden; }
.asr-breakdown-bar-inner { background: var(--asr-primary); height: 100%; border-radius: 999px; }
.asr-breakdown-value { text-align: right; font-weight: 600; white-space: nowrap; color:#fff;}
@media print { .asr-input-row { display: none !important; } }