*{box-sizing:border-box}body{margin:0;font:15px/1.8 "Helvetica Neue",Arial,sans-serif;color:#666;background:#fff;display:flex;flex-direction:column;min-height:100vh}
a{color:#2a9d9f}.wrap{max-width:1060px;margin:0 auto;padding:0 16px}
.topbar{border-bottom:1px solid #e5e5e5;font-size:13px}.topbar .wrap{padding:10px 16px}.topbar a{color:#888;text-decoration:none}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;flex-wrap:wrap}
.brand{text-decoration:none;line-height:1.3}.brand span{display:block;color:#2a9d9f;font-size:22px;font-weight:700}.brand small{color:#333;font-size:14px}
nav.main a{color:#333;text-decoration:none;margin-left:22px;font-size:14px}nav.main a:hover,nav.main a.active{color:#2a9d9f}
.burger{display:none;background:none;border:0;padding:4px 8px}
main{flex:1;width:100%;padding-top:24px!important;padding-bottom:48px!important}
.crumb{font-size:13px;margin-bottom:12px}.crumb a{color:#888;text-decoration:none}
.card{border:1px solid #e8e8e8;padding:24px 20px;overflow:hidden}
h1,h2{color:#2a9d9f;line-height:1.3}h1{font-size:24px;margin:0 0 16px}h2{font-size:18px;margin:24px 0 6px}h2 a{text-decoration:none}
img.right{float:right;margin:0 0 16px 20px;max-width:45%;height:auto}
blockquote{margin:0 0 24px;padding:4px 20px;border-left:3px solid #2a9d9f;background:#f7fbfb}cite{font-style:normal;font-weight:600;color:#444}
.date{color:#999;font-size:13px;margin:0}.big{font-size:18px}hr{border:0;border-top:1px solid #eee;margin:28px 0}
footer{background:#000;color:#ddd;font-size:13px}footer .wrap{padding:16px}
@media(max-width:760px){.burger{display:block;font-size:26px;cursor:pointer;color:#333}nav.main{display:none;width:100%;padding-top:8px}
nav.main.open{display:block}nav.main a{display:block;margin:0;padding:8px 0;border-top:1px solid #eee}img.right{float:none;display:block;max-width:100%;margin:0 0 16px}}