/* FILE: styles.css */
/* Save this as a separate file named styles.css in the same folder as index.html */

:root{
  --max-width: 900px;
  --accent: #0b6efd;
  --muted: #6b7280;
  --bg: #fafafa;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#111}

.container{max-width:var(--max-width);margin:36px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(15,23,42,0.06)}
.content h1{font-size:28px;margin-top:0;color:var(--accent)}
.content h2{font-size:20px;margin:18px 0 8px}
.content h3{font-size:16px;margin:14px 0 6px}
.content p{line-height:1.65;color:#222;margin:10px 0}
.content ul{margin:8px 0 16px 20px}
.content li{margin:6px 0}
.faqs h3{color:#0f172a}
.conclusion{font-weight:600;margin-top:20px}

/* Responsive */
@media (max-width:600px){
  .container{margin:16px;padding:16px}
  .content h1{font-size:22px}
}