:root{
--bg:#ffffff;
--text:#222222;
--muted:#555555;
--accent:#0ea5e9;
--border:#e5e7eb;
--max:1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,serif;background:var(--bg);color:var(--text);line-height:1.75}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow{max-width:820px}

.header{border-bottom:1px solid var(--border);padding:20px 0;background:#f9fafb}
.site{font-weight:bold;font-size:20px;margin-bottom:12px}
.links{display:flex;flex-wrap:wrap;gap:8px}
.links a{text-decoration:none;color:var(--muted);font-size:13px;padding:5px 8px;border:1px solid var(--border);border-radius:6px}
.links a:hover{color:var(--accent);border-color:var(--accent)}

.hero{padding:70px 0;text-align:center}
.hero h1{font-size:38px;margin-bottom:15px}
.lead{color:var(--muted)}

.content{padding:60px 0}
.content h2{margin-top:40px;color:var(--accent);font-size:26px}
.content p{margin:14px 0}

.footer{border-top:1px solid var(--border);padding:30px 0;text-align:center;font-size:14px;color:var(--muted);margin-top:50px}

@media(max-width:768px){
.hero h1{font-size:28px}
}