/**
 * Phone About page (/m/about).
 *
 * Loaded by pocket/about.html through {% block page_css %}, right after
 * pocket.css.
 */

.pocket-about {
    padding: 0;
}

.pocket-about-title {
    font-size: var(--pocket-font-size-2xl);
    font-weight: 700;
    margin: 0 0 var(--pocket-space-xs) 0;
}

.pocket-about-tagline {
    font-size: var(--pocket-font-size-base);
    color: var(--pocket-text-secondary);
    margin: 0 0 var(--pocket-space-xl) 0;
}

.pocket-about-section {
    background: var(--pocket-card-bg);
    border-radius: var(--pocket-card-radius);
    padding: var(--pocket-space-lg);
    margin-bottom: var(--pocket-space-lg);
    box-shadow: var(--pocket-card-shadow);
}

.pocket-about-section h2 {
    font-size: var(--pocket-font-size-base);
    font-weight: 600;
    margin: 0 0 var(--pocket-space-sm) 0;
}

.pocket-about-section p {
    font-size: var(--pocket-font-size-sm);
    color: var(--pocket-text-secondary);
    margin: 0 0 var(--pocket-space-md) 0;
    line-height: 1.6;
}

.pocket-about-section .pocket-btn {
    margin-top: var(--pocket-space-sm);
}