/* Minimal responsive styles for the mirrored site */
:root{
  --bg:#ffffff;
  --text:#111827;
  --accent:#0b5fff;
  --max-width:900px;
}
*{box-sizing:border-box}
body{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin:0; color:var(--text); background:var(--bg);}
.site{display:flex; min-height:100vh; flex-direction:column; align-items:center}
.site-header{background:linear-gradient(90deg,#f8fafc,#eef2ff); width:100%; border-bottom:1px solid #e6e9ef}
.site-header h1{max-width:var(--max-width); margin:0 auto; padding:1rem; font-size:1.6rem}
.container{max-width:var(--max-width); padding:1rem; width:100%}
ul{line-height:1.6}
.site-footer{max-width:var(--max-width); width:100%; padding:1rem; margin-top:auto; border-top:1px solid #eee; font-size:0.9rem; color:#6b7280}
.responsive-img{max-width:100%; height:auto; display:block}
figure{margin:0 0 1rem 0}