/*
 * Dynasty Nerds Content Page — v1.0.0
 * Generic content wrapper for raw HTML pages.
 * Scoped to #dn-content-page
 */

/* Page background */
body:has(#dn-content-page) {
    background: #f3f4f6 !important;
}

#dn-content-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 24px 60px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

/* Typography */
#dn-content-page h1 {
    font-family: 'Teko', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #1a2f4a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 24px;
    line-height: 1.2;
}
#dn-content-page h2 {
    font-family: 'Teko', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #1a2f4a;
    text-transform: uppercase;
    margin: 32px 0 12px;
    line-height: 1.3;
}
#dn-content-page h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a2f4a;
    margin: 24px 0 8px;
}
#dn-content-page p {
    margin: 0 0 16px;
}
#dn-content-page a {
    color: #B2150D;
    text-decoration: underline;
}
#dn-content-page a:hover {
    color: #8e1009;
}
#dn-content-page ul,
#dn-content-page ol {
    margin: 0 0 16px;
    padding-left: 24px;
}
#dn-content-page li {
    margin-bottom: 6px;
}
#dn-content-page strong {
    font-weight: 700;
    color: #1e293b;
}

/* Legal pages: wrap in a white card */
body.page-privacy-policy #dn-content-page,
body.page-purchase-terms-of-service #dn-content-page {
    background: #fff;
    border-radius: 16px;
    padding: 48px 40px 60px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    margin-top: 32px;
}

/* Roster Rescue: full-width content (has its own inline styles) */
body.page-roster-rescue #dn-content-page {
    max-width: 100%;
    padding: 0;
    background: transparent;
}

@media (max-width: 768px) {
    #dn-content-page {
        padding: 24px 16px 40px;
    }
    #dn-content-page h1 {
        font-size: 28px;
    }
    body.page-privacy-policy #dn-content-page,
    body.page-purchase-terms-of-service #dn-content-page {
        padding: 32px 20px 40px;
        margin-top: 16px;
    }
}