/* The Report's own stories (/story/<id>) and the list of them (/stories). Built by tools/report_stories.py. */
.story { max-width: 680px; margin: 0 auto 30px; }
.story-kick { font: bold 11px/1.4 Arial, Helvetica, sans-serif; letter-spacing: .14em; color: #c00; margin: 0 0 10px; }
.story-kick a { color: #c00; text-decoration: none; }
.story h1 { font: 900 clamp(28px, 5vw, 42px)/1.12 "Times New Roman", Times, serif; margin: 0 0 12px; }
.story-dek { font: 19px/1.45 "Times New Roman", Times, serif; color: #333; margin: 0 0 14px; }
.story-by { font: 13px/1.5 Arial, Helvetica, sans-serif; color: #555; border-top: 1px solid #000; border-bottom: 1px solid #ddd;
  padding: 8px 0; margin: 0 0 18px; }
.story-by .name { font-weight: bold; color: #000; }
.story-ph { margin: 0 0 20px; }
.story-ph img { display: block; width: 100%; height: auto; }
.story-ph figcaption { font: 12px/1.45 Arial, Helvetica, sans-serif; color: #555; margin: 5px 0 0; }
.story-ph .cr { color: #777; }
.story-body { font: 18px/1.65 Georgia, "Times New Roman", Times, serif; color: #111; }
.story-body p { margin: 0 0 18px; }
.story-body h2 { font: bold 21px/1.3 Arial, Helvetica, sans-serif; margin: 30px 0 12px; }
.story-body ul { margin: 0 0 18px; padding-left: 24px; }
.story-body li { margin: 0 0 8px; }
.story-body blockquote { margin: 0 0 18px; padding: 2px 0 2px 16px; border-left: 3px solid #c00; color: #333; font-style: italic; }
.story-body blockquote p { margin: 0; }
.story-body a { color: #0033cc; }
.story-end { font: bold 14px/1.4 Arial, Helvetica, sans-serif; border-top: 2px solid #000; padding-top: 12px; margin: 28px 0 0; }
.story-end a { color: #c00; text-decoration: none; }
.story-list { list-style: none; max-width: 760px; margin: 0 auto 30px; padding: 0; }
.story-list li { border-bottom: 1px solid #ddd; padding: 14px 0; }
.story-list .h { font: bold 22px/1.25 "Times New Roman", Times, serif; color: #000; text-decoration: none; }
.story-list .h:hover { text-decoration: underline; }
.story-list .dek { font: 16px/1.45 "Times New Roman", Times, serif; color: #333; margin: 6px 0 0; }
.story-list .by { font: 12px/1.4 Arial, Helvetica, sans-serif; color: #666; margin: 6px 0 0; }
@media (max-width: 600px) {
  .story-body { font-size: 17px; }
  .story-dek { font-size: 17px; }
}