/* Free "Can AI read my site?" check: ai_access_check.html (colors: tokens only) */

.app-page--access-check .access-check {
    display: grid;
    max-width: 1040px;
    gap: var(--spacing-5);
}

.app-page--access-check .access-check__task,
.app-page--access-check .access-check__about,
.app-page--access-check .access-result {
    padding: clamp(var(--spacing-5), 4vw, var(--spacing-8));
}

.app-page--access-check .access-check__task-title,
.app-page--access-check .access-check__about h2 {
    font-size: 1.25rem;
}

.app-page--access-check .access-check__form {
    display: grid;
    gap: var(--spacing-4);
    margin-top: var(--spacing-4);
}

.app-page--access-check .access-check__input {
    min-height: 48px;
    font-size: 1rem;
}

.app-page--access-check .access-check__error {
    padding: var(--spacing-3) var(--spacing-4);
    color: var(--badge-critical-text);
    background: var(--badge-critical-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.app-page--access-check .access-check__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-3) var(--spacing-4);
}

.app-page--access-check .access-check__status {
    color: var(--text-3);
}

.app-page--access-check .access-check__about ul {
    display: grid;
    gap: var(--spacing-2);
    margin: var(--spacing-4) 0 var(--spacing-5);
    padding-left: var(--spacing-5);
    color: var(--text-2);
}

.app-page--access-check .access-result {
    display: grid;
    gap: var(--spacing-5);
}

.app-page--access-check .access-result__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-3);
}

.app-page--access-check .access-result__header h2 {
    font-size: 1.25rem;
    overflow-wrap: anywhere;
}

.app-page--access-check .access-result__meta,
.app-page--access-check .access-result__note {
    margin-top: var(--spacing-1);
    color: var(--text-3);
    font-size: 0.875rem;
}

.app-page--access-check .access-result__summary {
    padding: var(--spacing-4);
    color: var(--text);
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    line-height: 1.6;
}

.app-page--access-check .access-result__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-5);
}

.app-page--access-check .access-result__block {
    display: grid;
    align-content: start;
    gap: var(--spacing-2);
}

.app-page--access-check .access-result__block h3 {
    margin-top: var(--spacing-2);
    font-size: 1rem;
}

.app-page--access-check .access-result__block p {
    color: var(--text-2);
    overflow-wrap: anywhere;
}

.app-page--access-check .access-result__list {
    display: grid;
    gap: var(--spacing-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.app-page--access-check .access-result__list li {
    display: grid;
    gap: var(--spacing-1);
    padding: var(--spacing-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.app-page--access-check .access-result__list-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-2);
    color: var(--text);
    font-weight: 600;
}

.app-page--access-check .access-result__table td {
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .app-page--access-check .access-result__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.app-page--access-check .access-result__bots {
    color: var(--text-3);
    font-size: 0.875rem;
}

.app-page--access-check .access-result[hidden],
.app-page--access-check .access-check__error[hidden],
.app-page--access-check .access-check__status[hidden] {
    display: none;
}