/* Shared styles for static info pages (about, terms, privacy, dmca) */
.info-page { max-width: 900px; margin: 0 auto; padding: 40px 16px 20px; color: #444; font-family: Roboto, Arial, sans-serif; }
.info-card { background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0, 0, 0, .07); padding: 36px 32px; }
.info-card h1 { font-size: 2rem; font-weight: 700; color: #222; margin-bottom: 8px; }
.info-card .updated { font-size: .9rem; color: #888; margin-bottom: 22px; }
.info-card h2 { font-size: 1.3rem; font-weight: 600; color: #222; margin: 28px 0 10px; }
.info-card p { line-height: 1.8; margin-bottom: 12px; }
.info-card ul, .info-card ol { padding-left: 22px; line-height: 1.9; margin-bottom: 12px; }
.info-card a { color: #0d6efd; }
.info-card .note { background: #f4f7fb; border-left: 4px solid #0d6efd; padding: 14px 16px; border-radius: 6px; margin: 14px 0; line-height: 1.7; }
.info-card .btn-link-cta { display: inline-block; margin-top: 10px; padding: 10px 22px; background: #0d6efd; color: #fff !important; border-radius: 6px; text-decoration: none; }
@media (max-width: 600px) { .info-card { padding: 24px 18px; } .info-card h1 { font-size: 1.6rem; } }