/* ═══════════════════════════════════════════════════
   STATIC PAGE STYLES — TechStackToday
   Clean editorial layout for About, Privacy Policy etc.
═══════════════════════════════════════════════════ */

/* ── Page Hero ── */
.tst-sp-hero {
    background: linear-gradient(140deg, var(--navy) 0%, var(--navy-mid) 100%);
    padding: 56px 0 48px;
}
.tst-sp-hero h1 {
    font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800;
    color: white; margin-bottom: 14px; line-height: 1.2;
}
.tst-sp-hero p {
    font-size: 1.1rem; color: rgba(255,255,255,0.72);
    max-width: 640px; line-height: 1.75; margin: 0;
}

/* ── Page Content ── */
.tst-sp-wrap { padding: 56px 0 80px; }
.tst-sp-content-col { max-width: 760px; margin: 0 auto; }
.tst-sp-content {
    font-size: 1rem; line-height: 1.8; color: var(--gray-600);
}
.tst-sp-content h2 { font-size: 1.5rem; font-weight: 700; color: var(--navy); margin: 36px 0 14px; }
.tst-sp-content h3 { font-size: 1.2rem; font-weight: 700; color: var(--navy); margin: 28px 0 10px; }
.tst-sp-content h4 { font-size: 1rem;   font-weight: 700; color: var(--navy); margin: 22px 0 8px; }
.tst-sp-content p  { margin-bottom: 18px; }
.tst-sp-content ul, .tst-sp-content ol { margin: 0 0 18px 24px; }
.tst-sp-content li { margin-bottom: 6px; }
.tst-sp-content a  { color: var(--blue); text-decoration: underline; }
.tst-sp-content a:hover { color: var(--navy); }
.tst-sp-content blockquote {
    border-left: 3px solid var(--blue); margin: 24px 0;
    padding: 14px 20px; background: var(--blue-pale);
    border-radius: 0 8px 8px 0; font-style: italic; color: var(--navy);
}

/* ── About Us extras ── */
.tst-about-divider {
    border: none; border-top: 2px solid var(--gray-100);
    margin: 56px 0 48px;
}
/* How We Review steps (reused from homepage CSS already loaded) */
/* Stats boxes (reused from homepage CSS already loaded) */
.tst-about-steps-wrap { margin-bottom: 56px; }
.tst-about-stats-wrap {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
    border-radius: var(--radius-lg); padding: 40px; margin-top: 48px;
}
.tst-about-stats-wrap .tst-stats-box { max-width: 560px; margin: 0 auto; }
.tst-about-stats-wrap .tst-num { font-size: 2.2rem; }
