/* Dragon`s Gold - kubrick-era weblog shell */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#efe7d8;color:#26221c;
 font:16px/1.62 Verdana,Arial,Helvetica,sans-serif}
a{color:#a30111}
a:hover{color:#7d000d}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:9}
.skip:focus{left:8px;top:8px}
#shell{width:860px;max-width:100%;margin:24px auto 32px;background:#fff;
 border:1px solid #c2b49a;box-shadow:0 2px 6px rgba(60,45,20,.18)}
/* masthead */
#masthead{position:relative;height:190px;overflow:hidden;
 border-radius:12px 12px 0 0;background:#a30111}
#masthead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#masthead .mh-inner{position:relative;padding:82px 28px 0}
#masthead .wordmark{margin:0;font:400 40px/1.1 Georgia,"Times New Roman",serif;
 letter-spacing:.04em;color:#fff2d4;text-shadow:0 1px 2px rgba(0,0,0,.45)}
#masthead .wordmark a{color:inherit;text-decoration:none}
#masthead .tagline{margin:8px 0 0;font:13px/1.5 Verdana,Arial,sans-serif;
 color:#f3e2c4;max-width:500px}
#tabs{border-bottom:1px solid #d8cdb8;padding:10px 28px;background:#fbf8f1}
#tabs ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0 18px}
#tabs a{font:11.5px/1.9 Arial,Helvetica,sans-serif;letter-spacing:.11em;
 text-transform:uppercase;text-decoration:none;color:#6d4a12}
#tabs a:hover,#tabs a[aria-current]{color:#a30111;text-decoration:underline}
/* columns */
#cols{display:flex;align-items:flex-start;padding:24px 28px 8px;gap:28px}
#stream{flex:1 1 auto;min-width:0;max-width:640px}
#rail{flex:0 0 30%;width:30%}
/* entries */
.entry{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #d8cdb8}
.entry:last-of-type{border-bottom:0}
.entry h1,.entry h2{margin:0 0 6px;font-family:Georgia,"Times New Roman",serif;
 font-weight:400;color:#1b1814;line-height:1.24}
.entry h1{font-size:30px}
.entry h2{font-size:24px}
.entry h3{margin:20px 0 6px;font:400 20px/1.3 Georgia,"Times New Roman",serif;color:#1b1814}
.meta{margin:0 0 12px;font:11.5px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.09em;
 text-transform:uppercase;color:#6d4a12}
.meta span{color:#6d6459}
.entry p{margin:0 0 12px}
.entry-list{margin:0 0 14px;padding:0 0 0 20px}
.entry-list li{margin:0 0 7px}
.permalink{margin:14px 0 0;font:11.5px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.09em;
 text-transform:uppercase;color:#6d6459}
.permalink a{color:#6d4a12}
.coin{display:block;width:100%;max-width:220px;height:9px;margin:16px 0 0;opacity:.85}
.factstrip{margin:0 0 18px;padding:10px 12px;border:1px solid #d8cdb8;background:#fbf8f1;
 font:12.5px/1.7 Arial,Helvetica,sans-serif;color:#4b463d}
.tierlist{margin:0;padding:0;border-top:1px solid #d8cdb8}
.tierlist div{padding:10px 0;border-bottom:1px solid #d8cdb8}
.tierlist dt{font:400 18px/1.3 Georgia,serif;color:#a30111}
.tierlist dd{margin:2px 0 0}
/* rail widgets */
.widget{margin:0 0 26px}
.widget h2{margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #b8862b;
 font:11.5px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;
 color:#6d4a12;font-weight:700}
.widget ul{margin:0;padding:0;list-style:none}
.widget li{padding:5px 0;border-bottom:1px solid #ede5d6;font-size:13.5px;line-height:1.5}
.widget li:last-child{border-bottom:0}
.widget a{text-decoration:none}
.widget a:hover{text-decoration:underline}
.count{float:right;color:#6d6459;font:11.5px/1.8 Arial,sans-serif}
.ladder li{padding-left:14px;position:relative}
.ladder li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:1px;
 background:#b8862b}
.note{margin:0;font-size:13px;color:#4b463d}
/* blogroll */
#blogroll{padding:0 28px 8px;margin-top:26px}
#blogroll h2{margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #b8862b;
 font:11.5px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;
 color:#6d4a12}
#blogroll ul{margin:0;padding:0;list-style:none;
 display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
#blogroll li{padding:7px 0;border-bottom:1px solid #ede5d6;font-size:13.5px}
#blogroll .d{display:block;color:#6d6459;font-size:12px}
/* detail nav */
.pagenav{margin:8px 0 0;padding-top:14px;border-top:1px solid #d8cdb8;
 font:11.5px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;
 display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
/* footer */
#foot{margin:0;padding:16px 28px 22px;border-top:1px solid #c2b49a;background:#fbf8f1;
 font:12px/1.7 Arial,Helvetica,sans-serif;color:#6d6459}
#foot ul{margin:0 0 6px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0 16px}
#foot a{color:#6d4a12;text-decoration:none}
#foot a:hover{text-decoration:underline}
@media (max-width:720px){
 #shell{margin:0;border-left:0;border-right:0;box-shadow:none}
 #masthead{height:132px;border-radius:0}
 #masthead .mh-inner{padding:52px 16px 0}
 #masthead .wordmark{font-size:28px}
 #masthead .tagline{font-size:12px}
 #tabs{padding:8px 16px}
 #tabs ul{gap:0 14px}
 #cols{display:block;padding:18px 16px 4px}
 #stream{max-width:100%}
 #rail{width:100%;margin-top:28px;padding-top:18px;border-top:1px solid #d8cdb8}
 #blogroll{padding:0 16px 4px}
 #blogroll ul{grid-template-columns:1fr}
 #foot{padding:14px 16px 20px}
 img,svg{max-width:100%}
}