/* Shared styles for ProductivityLounge content pages (about, guides) */

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    background: #101010;
    color: #c8d4cc;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.75;
}

.content-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 32px 24px 64px;
}

.content-nav {
    margin-bottom: 40px;
}

.content-nav a,
.content-footer a {
    color: #00ff88;
    text-decoration: none;
}

.content-nav a:hover,
.content-footer a:hover {
    text-decoration: underline;
}

h1 {
    color: #00ff88;
    font-size: 2rem;
    margin: 0 0 8px;
}

h2 {
    color: #aaffcc;
    font-size: 1.25rem;
    margin: 40px 0 12px;
}

.lead {
    font-size: 1.1rem;
    color: #8fa89a;
    margin: 0 0 32px;
}

p { margin: 0 0 16px; }

ul { padding-left: 22px; }

li { margin-bottom: 8px; }

a { color: #00ff88; }

strong { color: #e6f5ec; }

.content-cta {
    margin-top: 40px;
    font-size: 1.1rem;
}

.content-footer {
    margin-top: 72px;
    padding-top: 20px;
    border-top: 1px solid #222;
    font-size: 0.85rem;
    color: #667a70;
}

.content-footer div { margin-top: 8px; }

@media (max-width: 600px) {
    .content-page { padding: 24px 18px 48px; }
}