:root{
  --bg:#fff;
  --text:#222;
  --muted:#555;
  --line:#e9e9ef;
  --brand:#0066cc;
  --accent:#ffcc00;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92vw);margin-inline:auto;padding:1rem 0}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-flex{display:flex;align-items:center;gap:1rem;padding:.9rem 0}
.back{font-weight:600}
.page-title{font-size:clamp(1.4rem,3.5vw,2rem);margin-left:auto}

/* Sections */
.intro{padding:1rem 0 .5rem}
.intro .note{font-size:.9rem;color:#777;margin-top:.3rem}
.block{padding:1rem 0;border-top:1px solid var(--line)}
.block h2{font-size:1.15rem;margin-bottom:.35rem}
.block ul{padding-left:1.1rem}
.block li{margin:.3rem 0}

/* Contact */
.contact{margin:.4rem 0;font-style:normal}
.links a{margin-right:.5rem}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:1rem 0;margin-top:1rem;text-align:center}
.copy{font-size:.9rem;color:#777}