/* ABOUT PAGE */

.about-layout {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
}

.about-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 2rem;
}

.about-breadcrumb a {
    color: var(--teal);
    text-decoration: none;
}

.about-breadcrumb a:hover { text-decoration: underline; }

.about-header {
    margin-bottom: 3rem;
}

.about-header h1 {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--text);
}

.about-lead {
    font-size: 1.15rem;
    color: var(--text-muted);
    line-height: 1.7;
    max-width: 680px;
}

.about-section {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid var(--sand-dark);
}

.about-section:last-child {
    border-bottom: none;
}

.about-section h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 1rem;
}

.about-section p {
    color: var(--text-muted);
    line-height: 1.8;
    margin-bottom: 1rem;
}

.about-section p:last-child { margin-bottom: 0; }

.about-section em {
    font-style: italic;
    color: var(--text);
}

/* TYPE CARDS */
.about-types {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.25rem;
    margin-top: 1.5rem;
}

.about-type {
    padding: 1.5rem;
    border-radius: var(--radius);
    border: 1px solid var(--sand-dark);
}

.about-type-open    { background: #e4fce4; border-color: #bbf7d0; }
.about-type-semi    { background: #fef9e2; border-color: #fde68a; }
.about-type-closed  { background: #f0f0f0; border-color: #d1d5db; }

.about-type-icon { font-size: 2rem; margin-bottom: 0.75rem; }

.about-type h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--text);
}

.about-type p {
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin-bottom: 0;
}

/* TIPS LIST */
.about-tips {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.about-tips li {
    padding: 0.75rem 1rem 0.75rem 1.5rem;
    background: var(--white);
    border-radius: 8px;
    border-left: 3px solid var(--teal);
    font-size: 0.92rem;
    color: var(--text-muted);
    line-height: 1.6;
    position: relative;
}

.about-tips li strong { color: var(--text); }

/* CTA SECTION */
.about-cta-section { background: transparent; }

.about-cta-section p {
    margin-bottom: 1.5rem;
}

.about-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 600px) {
    .about-types { grid-template-columns: 1fr; }
    .about-ctas { flex-direction: column; }
    .about-ctas .btn { text-align: center; justify-content: center; }
}