/* The player guide and the devlog (inc/classes/content_pages.php): an ivory reading
   panel in the site's navy and brass. Georgia serif, navy #1e3a5f, brass #8b6f3f. */
.content-main{
  --ink:#2c1810; --ink-soft:#5a4632; --navy:#1e3a5f;
  --brass:#8b6f3f; --brass-soft:#b89b63; --ivory:#efe7d4; --ivory-edge:#d8c9a8;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;
  max-width:760px;margin:6px auto 0;
  font-family:Georgia,serif;font-size:17px;line-height:1.72;color:var(--ink);
  background:var(--ivory);border:1px solid var(--ivory-edge);border-radius:10px;
  padding:28px 34px;box-shadow:0 4px 14px rgba(20,40,63,.22);
}
#main .widget_label{color:#1e3a5f;letter-spacing:.06em;}
.content-main h2{
  color:var(--navy);font-size:1.45rem;margin:1.9em 0 .55em;padding-bottom:.22em;
  border-bottom:1px solid var(--brass);font-weight:700;
}
.content-main h3{color:var(--navy);font-size:1.16rem;margin:1.5em 0 .4em;}
.content-main h2:first-child,.content-main h3:first-child{margin-top:.2em;}
.content-main p{margin:1em 0;}
.content-main ul,.content-main ol{margin:.7em 0 .7em 1.3em;padding-left:0;}
.content-main li{margin:.4em 0;}
.content-main figure{margin:1.5em 0;}
.content-main img{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--ivory-edge);}
.content-main figcaption{font-family:var(--mono);font-size:12px;color:var(--ink-soft);margin-top:.45em;}
.content-main blockquote{border-left:4px solid var(--navy);margin:1.4em 0;padding:.5em 1.1em;background:rgba(30,58,95,.05);font-style:italic;}
.content-main table{width:100%;border-collapse:collapse;font-size:15px;margin:1.5em 0;}
.content-main th{color:#fff;background:var(--navy);text-align:left;padding:.5em .8em;font-weight:400;}
.content-main td{padding:.5em .8em;border-top:1px solid var(--ivory-edge);}

/* the guide's page list, and the devlog's post list */
.content-index,.content-posts{list-style:none;margin:0;padding:0;}
.content-index{counter-reset:page;}
.content-index li,.content-posts li{margin:0;padding:.7em 0;border-bottom:1px solid var(--ivory-edge);}
.content-index li:last-child,.content-posts li:last-child{border-bottom:none;}
.content-index li::before{
  counter-increment:page;content:counter(page) ".";
  display:inline-block;width:2em;font-family:var(--mono);font-size:12px;color:var(--brass);
}
.content-index a,.content-posts a{font-size:1.12rem;font-weight:700;color:var(--navy);text-decoration:none;}
.content-index a:hover,.content-posts a:hover{color:var(--brass);}
.content-posts p{margin:.2em 0 0;font-size:15px;color:var(--ink-soft);}
.content-date{
  display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--brass);
}
p.content-date{margin:0 0 1em;}

/* previous / next */
.content-pager{
  display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;
  margin-top:2.4em;padding-top:1em;border-top:1px solid var(--ivory-edge);font-size:15px;
}
.content-pager a{color:var(--navy);text-decoration:none;}
.content-pager a:hover{color:var(--brass);}
.content-pager__next{margin-left:auto;}

@media (max-width:640px){
  .content-main{padding:18px 16px;font-size:16px;}
}