/* Curious Hacker News (unofficial). Layout follows news.ycombinator.com's public markup and type sizes
   so the page feels familiar; logo, name and banner are our own. */
body{font-family:Verdana,Geneva,sans-serif;font-size:10pt;color:#828282}
td{font-family:Verdana,Geneva,sans-serif;font-size:10pt;color:#828282}
a:link{color:#000;text-decoration:none} a:visited{color:#828282;text-decoration:none}
#hnmain{min-width:796px}
.pagetop{font-family:Verdana,Geneva,sans-serif;font-size:10pt;color:#222;line-height:12px}
.pagetop a:visited{color:#000}
.hnname{margin-left:1px;margin-right:5px}
.title{font-family:Verdana,Geneva,sans-serif;font-size:10pt;color:#828282;overflow:hidden}
.title a{word-break:break-word}
.subtext,.subtext td{font-family:Verdana,Geneva,sans-serif;font-size:7pt;color:#828282}
.subtext a:link,.subtext a:visited{color:#828282} .subtext a:hover{text-decoration:underline}
.subtext a.sel{color:#000}
.comhead{font-family:Verdana,Geneva,sans-serif;font-size:8pt;color:#828282}
.comhead a:link,.comhead a:visited{color:#828282} .comhead a:hover{text-decoration:underline}
.sitebit{font-size:8pt}
.comment{font-family:Verdana,Geneva,sans-serif;font-size:9pt;max-width:1215px;overflow-wrap:anywhere}
.comment a:link,.comment a:visited{text-decoration:underline}
.c00,.c00 a:link{color:#000}
.default p{margin-top:8px;margin-bottom:0}
.commtext p:first-child{margin-top:0}
.toptext{overflow-wrap:anywhere;color:#828282}
.toptext p{margin:1em 0 0} .toptext p:first-child{margin-top:0}
.yclinks{font-family:Verdana,Geneva,sans-serif;font-size:8pt;color:#828282}
.yclinks a:link,.yclinks a:visited{color:#000}
pre{overflow:auto;padding:2px;white-space:pre-wrap;overflow-wrap:anywhere}
textarea{font-family:monospace;font-size:10pt;resize:both}
input[type=submit]{font-family:Verdana,Geneva,sans-serif}
.votearrow{width:10px;height:10px;border:0;margin:3px 2px 6px;
  background:url("data:image/svg+xml,%3Csvg height='32' viewBox='0 0 32 16' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 27 14-29 14 29z' fill='%23999'/%3E%3C/svg%3E") no-repeat;background-size:10px}
.rotate180{transform:rotate(180deg)}
.votelinks a{cursor:default}
.nosee{visibility:hidden;pointer-events:none}
.noshow{display:none}
/* our banner + fine print */
.banner{font-size:7.5pt;color:#828282;padding:6px 6px 0}
.banner a{text-decoration:underline}
.fineprint{font-size:7pt;color:#9a9a9a;max-width:760px;margin:0 auto}
/* curious-edition labels */
.badge.a-rewrite{color:#b06000} .badge.a-remove{color:#b03030} .badge.a-pending{color:#6a7a9b}
.who[title]{border-bottom:1px dotted #bbb;cursor:help}
.cscore,.tag{font-size:7.5pt;color:#999;margin-left:4px}
.tag{border:1px solid #ddd;border-radius:2px;padding:0 2px}
.hide-meta .cscore,.hide-meta .tag{display:none}
.reason{display:none;font-size:8pt;color:#828282;font-style:italic;margin-top:4px}
.show-reasons .reason{display:block}
.orig{display:none}
.c.diff-open .orig{display:block;margin-top:8px;padding:5px 8px;background:#fbeaea;border-left:2px solid #e3a5a5}
.orig-by{font-size:7.5pt;color:#a04040;margin-bottom:3px}
.muted{color:#828282!important}
/* removed / pending / deleted / collapsed */
.c.a-remove .comment{opacity:.55} .c.a-pending .comment{opacity:.6}
.removed-stub,.pending-stub{display:none;font-style:italic}
.hide-removed .c.a-remove[data-haskids="0"],.hide-pending .c.a-pending[data-haskids="0"]{display:none}
.hide-removed .c.a-remove .comment,.hide-pending .c.a-pending .comment{display:none}
.hide-removed .c.a-remove .comhead>*:not(.removed-stub),.hide-pending .c.a-pending .comhead>*:not(.pending-stub){display:none}
.hide-removed .c.a-remove .comhead>.removed-stub,.hide-pending .c.a-pending .comhead>.pending-stub{display:inline}
.hide-removed .c.a-remove .votelinks center,.hide-pending .c.a-pending .votelinks center{visibility:hidden}
.c.a-deleted[data-haskids="0"]{display:none}
.c.coll .comment{display:none} .c.coll .votelinks center{visibility:hidden} .c.coll .votearrow.rotate180{display:none}
/* side-by-side page */
#sbs{display:none}
.view-threads #comments{display:none} .view-threads #sbs{display:block}
.sbs-head,.sbs-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.sbs-head{font-size:8pt;color:#828282;padding:8px 4px 4px;position:sticky;top:0;background:#f6f6ef;z-index:4;border-bottom:1px solid #e6e6df}
.sbs-head b{color:#000}
.sbs-cell{padding:5px 8px;margin-left:calc(var(--d)*40px);margin-top:4px;min-width:0}
.sbs-cell .comhead{font-size:8pt}
.sbs-cell .text{font-size:9pt;color:#000;margin-top:4px;overflow-wrap:anywhere}
.sbs-cell .text p{margin:8px 0 0} .sbs-cell .text p:first-child{margin-top:0}
.sbs-cell.del{background:#fde4e4}
.sbs-cell.add{background:#e2f5e2}
.sbs-cell.gone{background:repeating-linear-gradient(45deg,#f1f1ea,#f1f1ea 6px,#e9e9e2 6px,#e9e9e2 12px);font-style:italic;font-size:8pt}
.sbs-cell .reason{display:block}
.sbs-cell .orig-by{display:none}
/* about page */
.about{font-size:9pt;color:#000;padding:4px 20px 10px;max-width:720px;line-height:1.45}
.about h2{font-size:11pt;margin:14px 0 4px}
.about a{text-decoration:underline}
@media only screen and (min-width:300px) and (max-width:750px){
  #hnmain{width:100%;min-width:0} body{padding:0;margin:0;width:100%}
  .title,.comment{font-size:inherit}
  span.pagetop{display:block;margin:3px 5px;font-size:12px;line-height:normal}
  span.pagetop b{display:block;font-size:15px}
  img[src='s.gif'][width='40']{width:12px}
  img[src='s.gif'][width='80']{width:24px}
  img[src='s.gif'][width='120']{width:36px}
  img[src='s.gif'][width='160']{width:48px}
  img[src='s.gif'][width='200']{width:60px}
  img[src='s.gif'][width='240']{width:72px}
  img[src='s.gif'][width='280']{width:84px}
  img[src='s.gif'][width='320']{width:96px}
  img[src='s.gif'][width='360']{width:108px}
  img[src='s.gif'][width='400']{width:120px}
  img[src='s.gif'][width='440']{width:132px}
  img[src='s.gif'][width='480']{width:144px}
  img[src='s.gif'][width='520']{width:156px}
  img[src='s.gif'][width='560']{width:168px}
  img[src='s.gif'][width='600']{width:180px}
  img[src='s.gif'][width='640']{width:192px}
  img[src='s.gif'][width='680']{width:204px}
  img[src='s.gif'][width='720']{width:216px}
  img[src='s.gif'][width='760']{width:228px}
  img[src='s.gif'][width='800']{width:240px}
  img[src='s.gif'][width='840']{width:252px}
  img[src='s.gif'][width='880']{width:264px}
  img[src='s.gif'][width='920']{width:276px}
  img[src='s.gif'][width='960']{width:288px}
  .sbs-cell{margin-left:calc(var(--d)*8px)}
}
.pend{color:#6a7a9b}