* {box-sizing: border-box;}
body {margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: #292929; background: #f2f2f2;}
.site-header {padding: 24px 16px; text-align: center; color: #ffffff; background: #17365d;} .site-header h1 {margin: 0;} .site-header p {margin: 6px 0 0;}
.menu {padding: 14px 10px;text-align: center;background: #222222;}.menu a:link {display: inline-block;padding: 8px 14px; color: #ffffff; text-decoration: none;}.menu a:visited {color: #d6c8ff;}.menu a:hover { color: #ffff00; background: #555555;
text-decoration: underline;} .menu a:active {color: #ff5555;}
.menu a:focus {outline: 2px solid #ffbf47;outline-offset: 2px;}
* Main article */main {width: min(1000px, calc(100% - 32px));
margin: 28px auto;}.news-story { padding: 24px;overflow: auto;
background: #ffffff; border: 2px solid #cccccc; border-radius: 8px;} .news-story h2 {margin-top: 0; color: #17365d; line-height: 1.3;} .byline {padding-bottom: 10px;  color: #666666; font-size: 14px; border-bottom: 1px solid #dddddd;}.news-image {float: right;
 width: 300px; max-width: 45%; height: auto; margin: 5px 0 16px 20px; border: 3px solid #dddddd; border-radius: 5px;}
.continue-link {color: blue; font-size: 18px; font-weight: bold; text-decoration: none;}.continue-link:hover {color: red; text-decoration: underline;}.source {padding-top: 10px;border-top: 1px solid #dddddd; font-size: 14px;}.source a {color: #17365d;}
.clear {clear: both;}.site-footer {margin-top: 30px;
 padding: 14px;text-align: center; color: #ffffff; background: #17365d;}
@media (max-width: 600px) {.news-story {padding: 16px;} .news-image {float: none;display: block; width: 100%;
max-width: 100%; margin: 0 0 16px;}.menu a:link { padding: 8px;}}