/* Hazard News. Verdana 10pt on #f6f6ef, as the genre requires. */
body { margin: 8px; background: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #828282; }
[hidden] { display: none !important; }
td { font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #828282; vertical-align: top; }
a { color: #000; text-decoration: none; }
a:visited { color: #828282; }
p { margin: 0 0 8px; }

#hnmain { background: #f6f6ef; }
.topbar { background: #ff6600; padding: 2px; }
.toplogo { width: 18px; padding-right: 4px; }
.toplogo img { display: block; border: 1px solid #fff; }
.pagetop { line-height: 12pt; color: #222; vertical-align: middle; }
.pagetop a, .pagetop a:visited { color: #000; }
.pagetop .topsel, .pagetop a.topsel:visited { color: #fff; }
.hnname { margin-right: 6px; }
.login { text-align: right; padding-right: 4px; }
.spacer td { height: 10px; }
.spacer5 td { height: 5px; }

.itemlist, .fatitem { margin: 0 0 0 4px; }
.rank { text-align: right; padding-right: 2px; min-width: 22px; color: #828282; }
.votelinks { width: 14px; padding: 3px 2px 0; }
.votearrow { display: block; width: 10px; height: 10px; border: 0; padding: 0; cursor: pointer; background: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #9a9a9a; box-sizing: border-box; }
.votearrow.voted { visibility: hidden; }
.title { font-size: 10pt; color: #828282; }
.titleline > a { color: #000; }
.titleline > a:visited { color: #828282; }
.sitebit { font-size: 8pt; }
.subtext, .subtext a, .subtext a:visited { font-size: 7pt; color: #828282; }
.subtext a:hover, .hnuser:hover { text-decoration: underline; }
.morespace td { padding-top: 10px; padding-bottom: 6px; }
.morelink { color: #000; }
.listnote { margin: 0 0 12px 36px; font-size: 9pt; }

.toptext { padding: 8px 0 4px; color: #000; font-size: 9pt; max-width: 800px; }
.addcomment { margin: 12px 0 18px 22px; }
.addcomment textarea { max-width: 90%; font-family: monospace; }
.addcomment button { margin-top: 8px; font-family: monospace; font-size: 10pt; }
.addnote { font-size: 8pt; color: #ff6600; }

.thread { margin-left: 8px; }
.comment { margin: 12px 0 0 calc(var(--depth) * 40px); max-width: 900px; }
.comhead { font-size: 8pt; display: flex; gap: 5px; align-items: center; }
.commtext { color: #000; font-size: 9pt; margin: 3px 0 0 15px; line-height: 1.35; }
.commtext .reply { font-size: 7pt; color: #000; margin: 6px 0 0; }
.hold { margin: 18px 0 14px 23px; font-size: 9pt; color: #000; }
.submit { margin: 8px 0 24px 12px; color: #000; max-width: 640px; line-height: 1.4; }
.submit a { text-decoration: underline; }

.footer { text-align: center; padding: 8px 0 14px; }
.rule { height: 2px; background: #ff6600; margin: 14px 0 10px; }
.applybar a { color: #000; }
.yclinks, .yclinks a, .yclinks a:visited { font-size: 8pt; color: #000; }
.yclinks span { color: #000; }
#hn-search { margin: 12px 0 0; color: #828282; }
#hn-search-note { display: block; font-size: 8pt; color: #ff6600; min-height: 12pt; margin-top: 4px; }
.satire { font-size: 7pt; margin: 8px 0 0; }
.satire a { text-decoration: underline; color: #828282; }

@media (max-width: 750px) {
  body { margin: 0; }
  #hnmain { width: 100%; table-layout: fixed; }
  .addcomment textarea { width: 90%; box-sizing: border-box; }
  .commtext, .toptext { overflow-wrap: anywhere; }
  td, .title, .pagetop { font-size: 11pt; }
  .subtext, .subtext a, .comhead { font-size: 9pt; }
  .commtext, .toptext, .hold { font-size: 11pt; }
  .pagetop { line-height: 1.5; }
  .comment { margin-left: calc(var(--depth) * 14px); }
}