*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.6 Georgia, 'Times New Roman', Times, serif;color:#1d2433;background:#f4f5f8}a{color:#14305a}img{max-width:100%;height:auto}
header{background:#14305a;color:#ffffff;padding:24px 16px 12px;text-align:center}.stripes{height:12px;background:linear-gradient(#b8312f 0 4px,#ffffff 4px 8px,#b8312f 8px 12px)}
header .brand{display:inline-flex;align-items:center;gap:14px;margin:0 0 14px}header .logo{display:block;width:48px;height:48px}header .bt{text-align:left}
header .m{font:700 34px/1.1 Georgia, 'Times New Roman', Times, serif;color:#ffffff;text-decoration:none;white-space:nowrap}header .t{font:700 12px/1.4 Helvetica, Arial, sans-serif;letter-spacing:3px;text-transform:uppercase;margin:5px 0 0}header .t span{color:#b8312f}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 4px}nav a{color:#ffffff;font:700 14px/1 Helvetica, Arial, sans-serif;padding:10px 10px;text-decoration:none;border-radius:4px}nav a:hover{background:rgba(255,255,255,.12)}nav a.navsub{background:#b8312f;text-transform:uppercase;letter-spacing:1px;margin-left:4px}nav a.navsub:hover{background:#a52a2a}
main{max-width:640px;margin:0 auto;padding:24px 20px}main>*:first-child{margin-top:0}
h1,h2,h3{font-family:Georgia, 'Times New Roman', Times, serif;line-height:1.3;color:#14305a}h1{font-size:30px}h2{font-size:24px}h3{font-size:21px;margin:0}.story h2{font-size:21px;margin:0}.home-h1{font-size:22px;text-align:center;margin:0 0 12px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.date{font:700 13px Helvetica, Arial, sans-serif;letter-spacing:2px;text-transform:uppercase;color:#14305a;text-align:center;margin:0 0 8px}
.card{background:#ffffff;border:1px solid #e3e6ec;border-radius:6px;padding:24px;margin:16px 0}
.signup{background:#ffffff;border:1px solid #e3e6ec;border-top:4px solid #b8312f;border-radius:6px;padding:24px;text-align:center}
.btn{display:inline-block;background:#b8312f;color:#ffffff;font:700 16px Helvetica, Arial, sans-serif;padding:12px 26px;border-radius:6px;text-decoration:none}
.story img{display:block;width:100%;border-radius:6px}.story .n{color:#b8312f}.story p{margin:10px 0 0}
.credit,.meta{font:13px/1.5 Helvetica, Arial, sans-serif;color:#5b6676}.credit{font-size:11px;font-style:italic;margin:4px 0 14px}.ot{font:italic 13px/1.5 Helvetica, Arial, sans-serif;color:#5b6676;margin:6px 0 0}
.src{font:14px/1.5 Helvetica, Arial, sans-serif;color:#5b6676}.src .read{color:#b8312f;font-weight:700;text-decoration:none}.src a{color:#5b6676}
.opener{border-left:4px solid #b8312f;padding:2px 0 2px 16px;margin:0}
footer{margin-top:24px}footer .rule{max-width:600px;margin:0 auto;border-top:3px solid #b8312f}footer .cm{text-align:center;font:15px/1.6 Helvetica, Arial, sans-serif;padding:16px 20px;max-width:600px;margin:0 auto}
footer .fb{background:#14305a;color:#c9d3df;text-align:center;font:12px/1.7 Helvetica, Arial, sans-serif;padding:20px}footer .fb a{color:#ffffff}
/* rails layout (homepage) */
.layout{display:grid;grid-template-columns:300px minmax(0,640px) 300px;justify-content:center;gap:32px;padding:24px 20px;max-width:1400px;margin:0 auto}
.layout main.center{max-width:none;margin:0;padding:0;grid-column:2;grid-row:1}.left{grid-column:1;grid-row:1}.right{grid-column:3;grid-row:1}.sticky{position:sticky;top:16px}
.rc{background:#ffffff;border:1px solid #e3e6ec;border-radius:6px;padding:16px;margin-bottom:16px;font-size:15px;line-height:1.55}.rc h3,.rc h2{color:#14305a;font-size:19px;margin:2px 0 8px}.rc p{margin:0 0 8px}
.rk{font:700 11px Helvetica, Arial, sans-serif;letter-spacing:2px;text-transform:uppercase;color:#b8312f;margin:0 0 4px!important}.rs{font:13px/1.5 Helvetica, Arial, sans-serif;color:#5b6676}.rs a{color:#b8312f;font-weight:700;text-decoration:none}
.arch{list-style:none;margin:0 0 8px;padding:0;font:15px Helvetica, Arial, sans-serif}.arch li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e3e6ec}.arch a{text-decoration:none;font-weight:700}.arch span{font-size:11px;color:#ffffff;background:#b8312f;border-radius:3px;padding:2px 6px;align-self:center}
.more{font:700 13px Helvetica, Arial, sans-serif;color:#b8312f;text-decoration:none}.sub{text-align:center}.sub .btn{display:block;margin-top:8px}
.photo{padding:0;overflow:hidden}.photo img{display:block;width:100%}.pc{padding:12px 16px}.pc a{font-weight:700;text-decoration:none;font-size:16px;display:block;margin-bottom:6px}.photo .credit{margin:0}
.ad-slot{display:none;margin:0 auto 16px;max-width:100%}.ad-300x250{width:300px;height:250px}.ad-300x600{width:300px;height:600px}body.ads-on .ad-slot{display:block}
@media(max-width:1199px){.layout{grid-template-columns:minmax(0,640px) 300px}.left{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:16px}.right{grid-column:2}.left .rc{margin:0}}
@media(max-width:899px){.layout{display:block;max-width:680px}.left{display:block}.right,.left{margin-top:24px}.sticky{position:static}body.ads-on .ad-300x600{display:none}}
@media(max-width:480px){.layout{padding:20px 14px}}
@media(max-width:480px){header{padding:18px 12px 8px}header .brand{gap:10px}header .logo{width:38px;height:38px}header .m{font-size:26px}header .t{font-size:11px;letter-spacing:1.5px}nav a{font-size:13px;padding:10px 8px}main{padding:20px 14px}.card,.signup{padding:18px}h1{font-size:26px}}