html{background:#ebe9fb;color:#242238;font:14px Arial,Helvetica,sans-serif}
body{margin:0 auto;padding:10px;width:auto;max-width:380px;line-height:1.5}
a{color:#4235ad;text-decoration:underline}
a:focus{outline:2px solid #f09f00}
.header{background:#5145c6;color:#fff;padding:12px;margin-bottom:10px}
.header img{float:left;margin:0 12px 0 0;background:#fff}
.header h1{font-size:19px;line-height:1.2;margin:0 0 4px}
.header p{font-size:12px;margin:0}
.nav{margin:0 0 10px;padding:0;list-style:none;background:#fff;border:1px solid #cec9e8}
.nav li{display:inline}
.nav a{display:inline-block;padding:9px 8px;font-size:13px}
.card{background:#fff;border:1px solid #cec9e8;padding:12px;margin-bottom:10px}
h2{font-size:18px;margin:0 0 8px;color:#4235ad}
h3{font-size:16px;line-height:1.3;margin:5px 0 9px}
p{margin:8px 0}
.announcement{border-top:1px solid #dedaf0;padding:10px 0;word-wrap:break-word}
.announcement:first-child{border-top:0}
.meta{font-size:11px;color:#655f7c;margin:0}
.body{white-space:pre-wrap}
.project{display:block;padding:12px;margin:7px 0;background:#f0eefb;border-left:4px solid #6556d4;font-weight:bold}
.button{display:block;text-align:center;background:#5145c6;color:#fff;padding:10px;margin:10px 0;text-decoration:none;font-weight:bold}
.note{font-size:12px;color:#655f7c}
.footer{font-size:11px;padding:8px 3px;color:#655f7c}
.footer a{display:block;padding:7px 0}