/* Guide pages: uses the site's variables from ../styles.css. */
.guide {
    max-width: 820px;
    padding-top: 7rem;
    padding-bottom: 4rem;
}

.guide h1 {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.guide h2 {
    font-size: 1.35rem;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color: var(--primary-cyan);
}

.guide ul {
    padding-left: 1.25rem;
    line-height: 1.7;
}

.guide-intro {
    font-size: 1.1rem;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}

.guide-warning {
    border-left: 4px solid #f59e0b;
    background: rgba(245, 158, 11, 0.08);
    padding: 1rem 1.25rem;
    border-radius: var(--radius-sm);
    margin: 1.5rem 0;
    line-height: 1.6;
}

.guide-table-wrap {
    overflow-x: auto;
    margin: 1.5rem 0;
}

.guide-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.guide-table th,
.guide-table td {
    text-align: left;
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-subtle);
    vertical-align: top;
}

.guide-table th {
    color: var(--primary-cyan);
}

.guide-note {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.guide-cta {
    border-top: 1px solid var(--border-subtle);
    padding: 2.5rem 0;
    text-align: center;
}

.guide-cta h2 {
    margin-bottom: 0.5rem;
}