/* Guide surfaces only: contrast, hierarchy, and touch targets */
.guide-hero,
.guide-layout,
.guide-discovery-strip {
    --guide-agent-max-line: 64ch;
    --guide-agent-heading: #091b25;
    --guide-agent-body: #123643;
    --guide-agent-muted: #355764;
    --guide-agent-surface: #f2f8fa;
    --guide-agent-surface-strong: #ffffff;
    --guide-agent-border: #4f6f7f;
    --guide-agent-card-border: #3f5f6f;
    --guide-agent-link: #003f4d;
    --guide-agent-link-hover: #002d38;
    --guide-agent-focus: #005d71;
}

.guide-layout {
    row-gap: clamp(1.2rem, 0.9rem + 1vw, 2rem);
}

.guide-hero {
    gap: clamp(1rem, 0.85rem + 0.9vw, 1.7rem);
}

.guide-hero h1 {
    max-width: 18ch;
    font-size: clamp(2.1rem, 3.7vw, 3.15rem);
    line-height: 1.12;
    letter-spacing: -0.015em;
    color: var(--guide-agent-heading);
}

.guide-hero p,
.guide-section__head p,
.guide-step__body p,
.guide-faq p,
.guide-card p,
.guide-discovery-card p,
.guide-pitfall p,
.guide-decision-card p,
.guide-tool-card__reason,
.guide-list li {
    max-width: var(--guide-agent-max-line);
    color: var(--guide-agent-body);
    line-height: 1.8;
    font-size: clamp(1.04rem, 1rem + 0.22vw, 1.14rem);
}

.guide-section,
.guide-decision-card,
.guide-pitfall {
    padding: clamp(1.3rem, 1.08rem + 0.8vw, 2rem);
    border: 1px solid var(--guide-agent-border);
    border-radius: 1rem;
    background: var(--guide-agent-surface-strong);
    box-shadow: 0 8px 22px rgba(9, 27, 37, 0.08);
}

.guide-section + .guide-section {
    margin-top: 1.2rem;
}

.guide-section__head h2,
.guide-tool-card__title,
.guide-card__title,
.guide-discovery-card__title,
.guide-step__title {
    color: var(--guide-agent-heading);
    line-height: 1.26;
    letter-spacing: -0.01em;
}

.guide-list {
    padding-left: 1.25rem;
}

.guide-list li + li {
    margin-top: 0.6rem;
}

.guide-tool-grid,
.guides-grid,
.guide-discovery-strip__grid {
    gap: 1.15rem;
}

.guide-tool-card,
.guide-discovery-card,
.guide-card,
.guide-step {
    border: 1px solid var(--guide-agent-card-border);
    border-radius: 0.95rem;
    background: var(--guide-agent-surface);
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.guide-tool-card:hover,
.guide-discovery-card:hover,
.guide-card:hover,
.guide-step:hover {
    transform: translateY(-1px);
    border-color: #345667;
    box-shadow: 0 10px 24px rgba(9, 27, 37, 0.1);
}

.guide-tool-card {
    min-height: 216px;
    padding: 1.3rem;
}

.guide-card,
.guide-discovery-card,
.guide-step {
    padding: 1.1rem;
}

.guide-tool-card__cta,
.guide-link,
.guide-discovery-card__link,
.guide-card a:not(.guide-chip) {
    display: inline-flex;
    align-items: center;
    column-gap: 0.42rem;
    min-height: 56px;
    padding: 0.4rem 0;
    font-weight: 700;
    color: var(--guide-agent-link);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.guide-tool-card__cta:hover,
.guide-link:hover,
.guide-discovery-card__link:hover,
.guide-card a:not(.guide-chip):hover {
    color: var(--guide-agent-link-hover);
}

.guide-tool-card:focus-visible,
.guide-step:focus-visible,
.guide-link:focus-visible,
.guide-card a:not(.guide-chip):focus-visible,
.guide-discovery-card:focus-visible,
.guide-discovery-card__link:focus-visible,
.guide-tool-card__cta:focus-visible {
    outline: 3px solid var(--guide-agent-focus);
    outline-offset: 3px;
    border-radius: 0.75rem;
}

@media (max-width: 768px) {
    .guide-hero h1,
    .guide-hero p,
    .guide-section__head p,
    .guide-step__body p,
    .guide-list li {
        max-width: 100%;
    }

    .guide-tool-card,
    .guide-discovery-card,
    .guide-card,
    .guide-step {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .guide-tool-card,
    .guide-card,
    .guide-discovery-card,
    .guide-step {
        transition: none;
        transform: none;
    }
}