/* Learn site styles - lightweight fallback and readable defaults */
:root{
  --page-max-width:72rem;
  --text-color:#0f172a;
  --muted:#64748b;
  --accent:#0ea5e9;
  --accent-600:#0284c7;
  --card-bg:#f0f9ff;
  --card-border:#e6f2ff;
}

html,body{height:100%;}
body{
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color:var(--text-color);
  background:white;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.65;
}

.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}
.page-header{padding:2rem 0;background:#f8fafc}
.page-title{font-size:1.875rem;font-weight:600;margin:0;color:var(--text-color)}
.page-subtitle{margin-top:.5rem;color:var(--muted)}

.content-wrapper{max-width:var(--page-max-width);margin-left:auto;margin-right:auto}
.content-article{padding:1rem 0;color:var(--text-color);font-size:1rem}
.content-article p{margin:0 0 1rem}
.content-article h2{margin:1.25rem 0 .5rem;font-size:1.25rem}
.content-article h3{margin:1rem 0 .5rem;font-size:1.125rem}
.content-article ul,.content-article ol{margin:0 0 1rem 1.25rem;padding-left:0}
.content-article li{margin:.4rem 0}

.cta-box{margin-top:1.5rem;padding:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;text-align:center}
.cta-box h3{margin:0 0 .5rem;font-size:1.125rem}
.cta-box p{margin:0 0 .75rem;color:var(--text-color)}
.btn-primary{display:inline-block;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none}
.btn-large{padding:.75rem 1.25rem;font-weight:600}

.nav{background:white}
.nav .logo-image{height:36px}
.nav a{color:var(--text-color);text-decoration:none}

/* small screens adjustments */
@media (max-width:640px){
  .page-title{font-size:1.5rem}
  .content-article{padding:0}
}

/* make sure list bullets are visible even without Tailwind */
ul,ol{list-style-position:outside}