*{box-sizing:border-box} body{margin:0;background:#e8e8e8;color:#333;font:14px/1.55 Arial,Helvetica,sans-serif}
#page{width:min(1000px,96%);margin:22px auto;background:#fff;border:1px solid #c9c9c9;box-shadow:0 1px 5px #bbb}
header{padding:22px 26px 16px;background:#f5f5f5;border-bottom:1px solid #ccc}
header h1{margin:0;color:#526b35;font-size:27px;letter-spacing:.2px}
header .tagline{margin:2px 0 0;color:#777;font-size:14px}
#columns{display:grid;grid-template-columns:220px 1fr;min-height:520px}
nav{background:#f1f1ed;border-right:1px solid #d2d2c9;padding:16px 0}
nav a{display:block;padding:7px 15px;color:#526b35;text-decoration:none;border-bottom:1px solid #e1e1da;font-size:13px}
nav a:hover{background:#e4e8dc;text-decoration:underline}
main{padding:24px 30px 40px;max-width:760px}
main h1{font-size:22px;color:#526b35;border-bottom:1px solid #ddd;padding-bottom:8px;margin:0 0 18px}
main h2{font-size:17px;color:#637d42;margin:24px 0 8px}
main h3{font-size:15px;color:#637d42}
main p{margin:0 0 13px} main li{margin:4px 0}
footer{border-top:1px solid #ccc;background:#f5f5f5;color:#777;padding:12px 20px;font-size:12px}
.notice{padding:9px 12px;background:#fff8df;border:1px solid #eadba8;color:#695c2f;font-size:12px;margin-top:25px}
@media(max-width:700px){#columns{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid #ccc}nav a{display:inline-block;border:0;padding:7px 10px}main{padding:20px}}