:root {
    --downev-bg: #0d1020;
    --downev-surface: #171b31;
    --downev-surface-soft: #202640;
    --downev-text: #f7f8ff;
    --downev-muted: #c5cae3;
    --downev-accent: #d9ff43;
    --downev-link: #9ed8ff;
    --downev-danger: #ff8b9a;
    --downev-success: #8ff0b5;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--downev-bg);
    color: var(--downev-text);
    line-height: 1.65;
}

a {
    color: var(--downev-link);
}

.page-title,
.tool-hero h1 {
    max-width: 920px;
    margin: 2rem auto 0.75rem;
    padding-inline: 1rem;
    text-align: center;
    font-size: clamp(2rem, 6vw, 3.7rem);
    line-height: 1.1;
}

.tool-hero {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem 1rem;
    text-align: center;
}

.tool-hero p {
    max-width: 760px;
    margin: 0.5rem auto;
    color: var(--downev-muted);
    font-size: 1.05rem;
}

.scope-note,
.trust-panel,
.guide-card,
.guide-article,
.tool-directory-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: var(--downev-surface);
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18);
}

.scope-note {
    margin: 1rem auto;
    padding: 0.85rem 1rem;
    color: var(--downev-muted);
}

.trust-panel {
    max-width: 1100px;
    margin: 2.5rem auto;
    padding: clamp(1.25rem, 4vw, 2.25rem);
}

.trust-panel h2,
.trust-panel h3 {
    color: var(--downev-text);
}

.tool-directory {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    max-width: 1100px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.tool-directory-card,
.guide-card {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
}

.tool-directory-card p,
.guide-card p {
    flex: 1;
    color: var(--downev-muted);
}

.guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 1100px;
    margin: 1.5rem auto 3rem;
    padding: 0 1rem;
}

.guide-article {
    max-width: 900px;
    margin: 2rem auto 3rem;
    padding: clamp(1.25rem, 4vw, 2.75rem);
}

.guide-article h2 {
    margin-top: 2rem;
}

.breadcrumbs {
    max-width: 900px;
    margin: 1.25rem auto 0;
    padding: 0 1rem;
    color: var(--downev-muted);
}

.tool-status {
    display: block;
    min-height: 1.75rem;
    margin: 0.75rem 0;
    font-weight: 700;
}

.tool-status--success {
    color: var(--downev-success);
}

.tool-status--error {
    color: var(--downev-danger);
}

.tool-status--loading,
.tool-status--empty {
    color: var(--downev-accent);
}

#imageContainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.result-card {
    margin: 0;
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: var(--downev-surface-soft);
    text-align: center;
}

.result-media {
    width: 100%;
    max-width: 240px;
    aspect-ratio: 1;
    object-fit: cover;
}

.result-actions {
    margin-top: 0.75rem;
}

.ad-container,
.ad-container2,
.ad-slot {
    min-height: 90px;
    contain: layout;
}

#adBlockerOverlay {
    padding: 1rem;
}

#adBlockerOverlay > div,
#adBlockerOverlay .overlay-content {
    max-width: 520px;
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 760px) {
    .tool-directory,
    .guide-grid {
        grid-template-columns: 1fr;
    }

    .ad-container,
    .ad-container2,
    .ad-slot {
        min-height: 72px;
    }
}