:root { --bg:#fafcf8;--fg:#2e3923;--ac:#23267b;--mu:#626959;--ln:#e0e4db;--sf:#f2f6ee }
* { box-sizing:border-box }
body { margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 'Trebuchet MS',Tahoma,sans-serif }
a { color:var(--ac) }
h1 { font-size:2.0em;line-height:1.2;margin:.4em 0 .5em }
h2 { font-size:1.45em;margin:1.6em 0 .5em }
th,td { border-bottom:1px solid var(--ln);padding:.45em .6em;text-align:left;vertical-align:top }
footer { color:var(--mu);font-size:.9em;border-top:1px solid var(--ln);margin-top:3em;padding:1.5em 0 }
.sitename { font-weight:700;text-decoration:none;color:var(--fg) }
header { max-width:820px;margin:0 auto;padding:1.2em 1em }
body { counter-reset:sec }
main { max-width:820px;margin:0 auto;padding:0 1em }
.warning { color:var(--fg);font-weight:600 }
footer { max-width:820px;margin:2em auto 0;padding:1em }
.intro { font-size:1.1em;color:var(--mu) }
table { border-collapse:collapse;width:100% }
.text h2 { counter-increment:sec }
.text h2::before { content:counter(sec) ". ";color:var(--ac) }
figure { margin:1.5em 0;background:var(--sf);padding:1em;border-radius:12px }
aside { border-top:1px solid var(--ln);margin-top:2em }
.primary { display:inline-block;background:var(--ac);color:#fff;padding:.7em 1.3em;border-radius:12px;text-decoration:none;font-weight:600 }