:root{
--max:1100px;

--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

--text:#111;
--muted:#666;

--border:#e6e6e6;

--bg:#fff;
--soft:#f7f8fa;

--accent:#2f7cf6;

--radius:12px;

--shadow:0 10px 30px rgba(0,0,0,.06);
}

/* RESET */

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
font-family:var(--font);
background:var(--bg);
color:var(--text);
line-height:1.6;
}

img{
max-width:100%;
display:block;
}

a{
color:var(--accent);
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

h1,h2,h3{
margin:0 0 12px;
line-height:1.2;
}

p{
margin:0 0 14px;
}

.muted{
color:var(--muted);
}

/* container */

.wrap{
max-width:var(--max);
margin:auto;
padding:24px 18px 64px;
}

section{
margin-top:36px;
}