/**
 * Styles for the server-rendered capability block on tool pages.
 *
 * Deliberately plain. This block exists so a crawler has prose to read, but it
 * is rendered for people too, and a section that looked like a widget would be
 * the sort of thing the rest of the site avoids.
 *
 * Tokens come from the surrounding tool container, so dark mode follows the
 * page without a second set of declarations.
 */

.sk-geo-what {
    max-width: 680px;
    margin: 2.6rem 0 0;
    padding-top: 1.6rem;
    border-top: 1px solid var(--sk-border, rgba(0, 0, 0, 0.1));
}

.sk-geo-what h2 {
    margin: 0 0 0.9rem;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--sk-text-main, inherit);
}

.sk-geo-what h3 {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--sk-text-main, inherit);
}

.sk-geo-what p {
    margin: 0 0 0.85rem;
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--sk-text-muted, inherit);
}

.sk-geo-what p:last-child {
    margin-bottom: 0;
}

.sk-geo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
    margin: 1.1rem 0 1.2rem;
}

@media (max-width: 620px) {
    .sk-geo-grid {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }
}

/* A left rule rather than a fill or a border box: the same device the FAQ
 * accordions use when open, so the block reads as part of the page. */
.sk-geo-privacy {
    padding-left: 0.85rem;
    border-left: 2px solid var(--sk-accent, currentColor);
}