/* amadex.com */

@font-face {
  font-family: "Slabo 27px";
  font-display: swap;
  src: url(/fonts/slabo27px.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 300 800;
  font-display: swap;
  src: url(/fonts/opensans.woff2) format("woff2");
}
:root {
  --slab: "Slabo 27px", Georgia, serif;
  --sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --page-gradient: linear-gradient(30deg, #2fae66 0%, #26814f 10%, #1e5a3c 20%, #1e5a3c 70%, #26814f 85%, #2fae66 95%);
  --page-flat-gradient: linear-gradient(to right, #1e5a3c 0%, #1e5a3c 70%, #26814f 90%, #2fae66 100%);
  --inner-gradient: linear-gradient(30deg, #34ca70 0%, #2f9f61 15%, #2b7a50 35%, #2b7a50 65%, #2f9f61 85%, #34ca70 95%);
  --inner-flat-gradient: linear-gradient(to right, #2b7a50 0%, #2b7a50 60%, #2f9f61 90%, #34ca70 100%);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: #25262d;
  color: #000;
  font: 12.8px/1.45 var(--sans);
  -webkit-font-smoothing: antialiased;
}
a { color: #1a7444; text-decoration: none; }
a:hover { color: #0b8a45; text-decoration: underline; }
a:focus-visible, button:focus-visible { outline: 2px solid #34ca70; outline-offset: 2px; }

/* top bar */
#topbar, #page, #footer { width: 94%; max-width: 1200px; margin: 0 auto; }
#topbar { position: relative; height: 40px; }
#userbar { text-align: right; padding: 5px; font: 18px var(--slab); }
#userbar a { display: inline-block; padding: 4px; color: #8d909c; text-decoration: underline; text-decoration-color: rgba(141,144,156,.5); }
#userbar a:hover { color: #fff; }
#hamburger, #toplogo { display: none; }

/* page frame */
#page {
  position: relative;
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  background: #1e5a3c var(--page-gradient) no-repeat fixed center top / min(100vw, 1500px) 100%;
  border-radius: 12px;
  border-bottom: .5px solid #2b7a50;
}
#left { grid-column: 1; grid-row: 1 / 4; padding-bottom: 24px; }
#upperbar { grid-column: 2; grid-row: 1; min-height: 64px; }
#innerpage {
  grid-column: 2;
  grid-row: 2;
  margin-right: 12px;
  padding: 10px;
  background: #c8cac7;
  border-radius: 10px;
}
#lowerbar { grid-column: 2; grid-row: 3; min-height: 20px; }

/* logo */
#logo { display: flex; align-items: center; height: 64px; padding: 0 0 0 20px; }
#logo img { display: block; width: 150px; height: auto; filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

/* sidebar menu */
#menu { margin: 10px 0 10px 10px; padding: 0; list-style: none; }
#menu > li {
  margin-bottom: 1px;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
  background: rgba(255,255,255,.133);
}
#menu > li > a { display: block; padding: 7px 5px 7px 10px; font: 23px/27px var(--slab); letter-spacing: -0.015em; color: #d6f3e1; text-decoration: none; }
#menu > li > a:hover { background-color: #164a31; }
#menu > li.selected { background: linear-gradient(to right, #c8cac7 0%, #eeefee 4%, #c8cac7 100%); }
#menu > li.selected > a { color: #3a3c4b; text-shadow: 0 1px 0 rgba(255,255,255,.7); }
#menu > li.selected > a:hover { background: none; }

/* sidebar facts */
#left dl { margin: 22px 0 0 10px; }
#left dt { margin: 0 0 3px; padding: 0 0 2px 10px; border-bottom: 1px solid #2b7a50; color: #fff; font: 500 14px/18px var(--sans); }
#left dd { margin: 0; padding: 0 10px 0 10px; color: #b3dcc4; font: 12px/17px var(--sans); }
#left dd small { font-size: .85em; }
#social { display: flex; gap: 6px; margin: 16px 0 0 14px; }
#social a { display: inline-flex; padding: 6px; color: #b3dcc4; }
#social a:hover { color: #fff; }

/* content */
#content { display: flex; align-items: flex-start; gap: 0; }
#leftcol { flex: 1 1 0; min-width: 0; }
/* wide enough for the longest project description on one line */
#rightcol { flex: 0 0 min(366px, 42%); min-width: 0; }
#mobileindex { display: none; }

.article {
  margin: 0 1em 1.5em 0;
  padding: 1.2em 1.5em .6em;
  background: #eee linear-gradient(to bottom, #fff 0, #eee 70px);
  border-radius: 8px;
}
.article h1 { margin: 0 0 .3em; padding: 0 0 .2em; font: 28px var(--slab); }
/* small label floated right of the card title (location, date...) */
.article .kicker, .article p.kicker { float: right; margin: .4em 0 0 5px; color: #000; font: 600 14px var(--sans); }
.article h4, .article h2.sub { margin: .6em 0 .3em; font: 600 15px var(--sans); color: #1a7444; }
.article p { margin: 2px 8px 12px; color: #25262d; font-size: 14px; line-height: 1.5; }
.article .nw { white-space: nowrap; }
.article { display: flow-root; }
.article .portrait { float: left; width: 144px; height: auto; margin: 4px 18px 8px 8px; border: 3px solid #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.3); }
.article code { padding: 1px 5px; border-radius: 3px; background: #e1e2df; font: 13px ui-monospace, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.article p.more { margin-top: 16px; padding-top: 12px; border-top: 1px solid #d6d6d3; }

.block-head {
  margin: 0;
  padding: .3em .7em;
  border-radius: 8px 8px 0 0;
  background: #2b7a50 var(--inner-gradient) no-repeat fixed center top / min(100vw, 1500px) 100%;
  color: #fff;
  font: 700 1.4em var(--sans);
}
.block {
  margin: 0 0 5%;
  padding: 1.3em 1.5em;
  background: #eee;
  border: 1px solid rgba(0,0,0,.35);
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
.item { margin-bottom: .6em; padding-bottom: .6em; border-bottom: 1px solid #ccc9c5; }
.item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.item h3 { display: flex; align-items: center; gap: 7px; margin: 0; font: 700 14px var(--sans); }
.item h3 img { width: 16px; height: 16px; border-radius: 3px; }
.item .line { padding: 1px 0 0; color: #555; font-size: 12px; }
.item .line i { font-style: normal; margin-right: .4em; color: #666; }
.item .line a { color: #1a7444; }
.item .line a:hover { color: #0b8a45; }

/* server status */
.block-head a { color: inherit; text-decoration: none; }
.block-head a::after { content: "\00a0\203A"; opacity: .7; }
.block-head a:hover { color: #fff; text-decoration: none; }
.block.status { padding-top: 1em; padding-bottom: 1em; }
.status .dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #2fae66; box-shadow: 0 0 0 2px rgba(47,174,102,.18); }
.status .s-degraded .dot { background: #e0962b; box-shadow: 0 0 0 2px rgba(224,150,43,.2); }
.status .s-downtime .dot { background: #d9433b; box-shadow: 0 0 0 2px rgba(217,67,59,.2); }
.status .s-maintenance .dot { background: #3b82c4; box-shadow: 0 0 0 2px rgba(59,130,196,.2); }
.status .overall { display: flex; align-items: center; gap: 8px; margin: 0 0 .8em; padding: 0 0 .7em; border-bottom: 1px solid #ccc9c5; font: 700 14px var(--sans); color: #1a7444; }
.status .overall .dot { width: 10px; height: 10px; }
.status .overall.s-degraded { color: #a8650c; }
.status .overall.s-downtime { color: #b3261e; }
.status .overall.s-maintenance { color: #2a6299; }
.status .sgroup { display: flex; justify-content: space-between; margin: .5em 0 .25em; color: #666; font: 600 11px var(--sans); letter-spacing: .04em; text-transform: uppercase; }
.status ul { margin: 0 0 .4em; padding: 0; list-style: none; }
.status li { display: flex; align-items: center; gap: 8px; padding: 3px 0; color: #333; font-size: 12.5px; }
.status li .sname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status li b { font-weight: 600; color: #555; font-variant-numeric: tabular-nums; }
.status .more { margin-top: .6em; padding-top: .6em; border-top: 1px solid #ccc9c5; font-size: 12px; }

/* contact form */
.cform { margin: 4px 8px 10px; }
.cform .row { display: flex; gap: 14px; }
.cform .row .field { flex: 1; min-width: 0; }
.cform .field { margin: 0 0 12px; }
.cform label { display: block; margin: 0 0 3px; color: #3a3c4b; font: 600 13px var(--sans); }
.cform label small { color: #666; font-size: 12px; font-weight: 400; }
.cform input, .cform textarea {
  display: block;
  width: 100%;
  padding: .4em .55em;
  border: 1px solid #bbb;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font: 16px/1.4 var(--sans);
  -webkit-appearance: none;
  appearance: none;
}
.cform textarea { min-height: 9em; resize: vertical; }
.cform input:focus, .cform textarea:focus { outline: 0; border-color: #2b7a50; box-shadow: 0 0 0 2px rgba(52,202,112,.35); }
.cform .invalid input, .cform .invalid textarea { border-color: #c0392b; }
.cform .err { display: block; margin-top: 3px; color: #b03a2e; font-size: 12px; }
.cform .captcha { min-height: 65px; margin: 4px 0 12px; }
/* only the form's own buttons, not the ones inside the TinyMCE editor */
.cform > button, .cform .actions > button {
  min-height: 40px;
  padding: 8px 22px;
  border: 0;
  border-radius: 5px;
  background: #2f9f61 linear-gradient(to top, #2b7a50 0, #2f9f61 20px);
  color: #fff;
  font: 600 15px var(--sans);
  cursor: pointer;
}
.cform > button:hover, .cform .actions > button:hover { background: #1e5a3c; }
.cform > button[disabled] { opacity: .6; cursor: default; }
.notice { margin: 0 8px 14px; padding: .6em .8em; border: 1px solid; font-size: 14px; }
.notice.ok { background: #e3f4ea; border-color: #9fd6b5; color: #1e5a3c; }
.notice.bad { background: #fbe9e7; border-color: #e3b1aa; color: #8a2a1d; }
.notice[hidden] { display: none; }

/* footer */
#footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 20px; padding: 2em 0 3em; }
#footer dl.domains { grid-column: 1; justify-self: start; margin: 0 0 0 10px; font: 13px/18px var(--sans); color: #9a9da9; }
#footer .w3c { grid-column: 2; align-self: center; display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 9px; border: 1px solid rgba(154,157,169,.35); border-radius: 8px; color: #9a9da9; font: 13px/18px var(--sans); white-space: nowrap; transition: color .15s, border-color .15s; }
#footer .w3c b { color: #c4c6cf; font-weight: 600; }
#footer .w3c svg { display: block; flex: none; }
#footer .w3c:hover { color: #fff; border-color: rgba(255,255,255,.6); text-decoration: none; }
#footer .w3c:hover b { color: #fff; }
#footer dl.domains dt { margin: 0 0 .4em; color: #c4c6cf; font-weight: 600; }
#footer dl.domains dd { margin: 0; }
#footer dl.domains a { display: inline-block; padding: 1px 0; color: #9a9da9; text-decoration: underline; text-decoration-color: rgba(154,157,169,.4); text-underline-offset: 2px; }
#footer dl.domains a:hover { color: #fff; text-decoration-color: rgba(255,255,255,.6); }
#footer dl.copyright { grid-column: 3; justify-self: end; width: 160px; margin: 0 10px 0 0; text-align: right; font: 13px/18px var(--sans); color: #9a9da9; }
#footer dl.copyright dt, #footer dl.copyright dd { margin: 0; }
.footlogo { display: block; margin: 0 0 .9em; }
.footlogo img { display: block; width: 150px; height: auto; margin-left: auto; }
@media (max-width: 560px) {
  #footer { grid-template-columns: 1fr auto; row-gap: 22px; }
  #footer dl.copyright { grid-column: 2; }
  #footer .w3c { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
}

/* hamburger drawer (mobile) */
#mask { display: none; }

/* back to top */
#totop {
  position: fixed;
  z-index: 40;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 8px;
  background: #2b7a50 linear-gradient(to bottom, #34ca70 0, #2f9f61 45%, #2b7a50 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.3);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
#totop.show { opacity: 1; visibility: visible; transform: none; }
#totop:hover { background: #1e5a3c; }
@media (prefers-reduced-motion: reduce) { #totop { transition: none; } }
@media (max-width: 500px) { #totop { right: 14px; bottom: 14px; } }

@media (pointer: coarse) {
  .item .line a, .status .more a { display: inline-block; padding: 4px 0; }
}

@media (max-width: 900px) {
  #content { display: block; }
  #leftcol, #rightcol { width: auto; }
  .article { margin-right: 0; }
}
@media (max-width: 800px) {
  #topbar, #page, #footer { width: 100%; }
  #topbar { height: 46px; background: linear-gradient(to bottom, #25262d 50%, #1f2026 85%, #17181d 100%); }
  #userbar { padding: 7px 8px; }
  #hamburger {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
  }
  #hamburger svg { display: block; margin: auto; }
  #toplogo { display: block; position: absolute; left: 54px; padding: 8px 4px; top: 50%; transform: translateY(-50%); }
  #toplogo img { display: block; width: 110px; height: auto; }
  #page {
    display: block;
    border-radius: 0;
    background: #1e5a3c var(--page-flat-gradient);
  }
  #innerpage { margin: 0; border-radius: 0; padding: 10px; }
  .block-head { background: #2b7a50 var(--inner-flat-gradient); }
  #left {
    position: fixed;
    z-index: 51;
    top: 0;
    bottom: 0;
    left: -205px;
    width: 205px;
    overflow-y: auto;
    background: #1e5a3c;
    visibility: hidden;
    transition: left .25s, visibility .25s;
  }
  #left.opened { left: 0; visibility: visible; }
  #upperbar { min-height: 45px; }
  #left #logo { display: none; }
  #left #menu { margin-top: 14px; }
  #mask {
    position: fixed;
    z-index: 50;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,.7) 0, rgba(0,0,0,.45) 10px, rgba(0,0,0,.35) 22px);
  }
  #mask.show { display: block; }
  #mobileindex { display: block; margin: 5px 0 12px; text-align: center; font: 600 17px var(--sans); }
  #mobileindex a {
    display: inline-block;
    margin: 0 4px 6px;
    padding: 3px 10px;
    border-radius: 6px;
    background: linear-gradient(to bottom, #2b7a50 0, #1e5a3c 100%);
    color: #fff;
    white-space: nowrap;
  }
  #mobileindex a:hover { text-decoration: none; }
  #mobileindex form { display: inline; }
  #mobileindex button {
    display: inline-block;
    margin: 0 4px 6px;
    padding: 3px 10px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(to bottom, #2b7a50 0, #1e5a3c 100%);
    color: #fff;
    font: inherit;
    cursor: pointer;
  }
  #footer { padding: 2em 1em; }
  #footer dl.copyright { margin-right: 0; }
  #footer dl.domains { margin-left: 0; }
}
@media (max-width: 500px) {
  .article .portrait { width: 112px; margin: 2px 12px 6px 2px; }
  .cform { margin: 4px 2px 10px; }
  .cform .row { display: block; }
  #userbar { font-size: 15px; padding-top: 9px; }
  #toplogo { left: 46px; }
  #toplogo img { width: 92px; }
  #upperbar { min-height: 36px; }
  #innerpage { padding: 8px; }
  .article { padding: 10px 12px 6px; }
  .article h1 { font-size: 25px; }
  .article .kicker, .article p.kicker { font-size: 12px; }
  .article p { margin: 2px 2px 12px; }
  .block { padding: 1em 1.1em; }
  #mobileindex { font-size: 15px; }
}

/* ---------- blog ---------- */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.button {
  display: inline-block;
  padding: 7px 16px;
  border: 0;
  border-radius: 5px;
  background: #2f9f61 linear-gradient(to top, #2b7a50 0, #2f9f61 20px);
  color: #fff;
  font: 600 14px/20px var(--sans);
  text-decoration: none;
  cursor: pointer;
}
.button:hover { background: #1e5a3c; color: #fff; text-decoration: none; }

#menu form { margin: 0; }
#menu form button { display: block; width: 100%; padding: 7px 5px 7px 10px; border: 0; background: none; color: #d6f3e1; font: 23px/27px var(--slab); letter-spacing: -0.015em; text-align: left; cursor: pointer; }
#menu form button:hover { background-color: #164a31; }

.article .featured { display: block; margin: -1.2em -1.5em 1.1em; }
.article .featured img { display: block; width: 100%; height: auto; background: #dcdcd9; }
.article.post:not(.single) .featured img { aspect-ratio: 2 / 1; object-fit: cover; }
.article.single .featured img { max-height: 70vh; object-fit: cover; }
.article .post-title { margin: 0 0 .5em; font: 26px/1.2 var(--slab); }
.article .post-title a { color: #000; }
.article .post-title a:hover { color: #1a7444; text-decoration: none; }
.article.single h1 { line-height: 1.2; }
.article p.post-meta { margin: -4px 8px 16px; color: #666; font-size: 13px; }
.article p.readmore { margin: 16px 8px 12px; }
.pager { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 1em 1.5em 0; color: #555; font-size: 13px; }
.pager span { margin: 0 auto; }
.postnav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 1em 1em 0; }
.postnav a { display: block; padding: 10px 14px; border-radius: 8px; background: #eee; color: #1a7444; font-size: 14px; font-weight: 600; line-height: 1.35; }
.postnav a:hover { background: #fff; text-decoration: none; }
.postnav a small { display: block; margin-bottom: 2px; color: #666; font-size: 12px; font-weight: 400; }
.postnav .older { grid-column: 2; text-align: right; }
.backlink { margin: 0 1em 1.5em 4px; font-size: 13px; }
.preview-note { margin: 0 1em 1em 0; }
.bloghead p { margin-bottom: 4px; font-size: 13px; }

/* post text (also used inside the editor, see editor.css) */
.post-content { margin: 0 8px; color: #25262d; font-size: 15px; line-height: 1.65; overflow-wrap: break-word; }
.post-content p { margin: 0 0 1em; color: inherit; font-size: inherit; line-height: inherit; }
.post-content h2 { float: none; margin: 1.4em 0 .5em; color: #000; font: 23px/1.25 var(--slab); }
.post-content h3 { float: none; margin: 1.3em 0 .4em; color: #1a7444; font: 600 17px/1.35 var(--sans); }
.post-content h4 { float: none; margin: 1.2em 0 .3em; color: #25262d; font: 700 15px/1.4 var(--sans); }
.post-content > :first-child { margin-top: 0; }
.post-content > :last-child { margin-bottom: 0; }
.post-content ul, .post-content ol { margin: 0 0 1em; padding-left: 1.5em; }
.post-content li { margin: .25em 0; }
.post-content li > ul, .post-content li > ol { margin: .25em 0 0; }
.post-content a { text-decoration: underline; text-decoration-color: rgba(26,116,68,.4); text-underline-offset: 2px; }
.post-content blockquote { margin: 0 0 1em; padding: .7em 1em; border-left: 4px solid #2f9f61; border-radius: 0 6px 6px 0; background: #e4ece7; color: #333; }
.post-content blockquote p:last-child { margin-bottom: 0; }
.post-content code { padding: 1px 5px; border-radius: 3px; background: #e1e2df; font: .87em/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.post-content pre { margin: 0 0 1em; padding: 12px 14px; overflow-x: auto; border-radius: 6px; background: #25262d; color: #e6e8ef; font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre; overflow-wrap: normal; tab-size: 4; }
.post-content pre code { padding: 0; border-radius: 0; background: none; color: inherit; font: inherit; overflow-wrap: normal; }
.post-content img { max-width: 100%; height: auto; border-radius: 6px; }
.post-content figure { margin: 0 0 1em; }
.post-content figure img { display: block; margin: 0 auto; }
.post-content figcaption { margin-top: 6px; color: #666; font-size: 13px; line-height: 1.4; text-align: center; }
.post-content table { display: block; max-width: 100%; margin: 0 0 1em; overflow-x: auto; border-collapse: collapse; font-size: 14px; line-height: 1.45; }
.post-content th, .post-content td { padding: 6px 10px; border: 1px solid #ccc9c5; text-align: left; vertical-align: top; }
.post-content th { background: #e1e2df; }
.post-content hr { margin: 1.6em 0; border: 0; border-top: 1px solid #ccc9c5; }
.post-content mark { padding: 0 2px; background: #fff3a8; }
/* end post text */

/* share buttons under a post */
.share { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 22px 8px 10px; padding-top: 14px; border-top: 1px solid #d6d6d3; }
.share-label { margin-right: 4px; color: #555; font: 600 13px var(--sans); }
.share a, .share button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #dfe1dd;
  color: #3a3c4b;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.share a:hover, .share button:hover { background: #2f9f61; color: #fff; text-decoration: none; }
.share button[hidden] { display: none; }
.share .copied { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 5px; background: #25262d; color: #fff; font: 600 12px/1.4 var(--sans); white-space: nowrap; pointer-events: none; }
.share .copied.long { left: auto; right: 0; transform: none; width: max-content; max-width: min(320px, 80vw); white-space: normal; overflow-wrap: anywhere; }
.share .copied:empty { display: none; }

/* right column: recent posts, archive */
.recent { padding-top: 1em; padding-bottom: 1em; }
.recent .rpost { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #ccc9c5; color: #25262d; }
.recent .rpost:first-child { padding-top: 0; }
.recent .rpost:last-child { padding-bottom: 0; border-bottom: 0; }
.recent .rpost img { flex: none; width: 64px; height: 40px; border-radius: 4px; object-fit: cover; }
.recent .rpost b { display: block; color: #1a7444; font-size: 13px; line-height: 1.3; }
.recent .rpost small { color: #666; font-size: 12px; }
.recent .rpost:hover { text-decoration: none; }
.recent .rpost:hover b { text-decoration: underline; }
.archive ul { margin: 0; padding: 0; list-style: none; }
.archive li { display: flex; justify-content: space-between; padding: 3px 0; font-size: 13px; }
.archive li span { color: #666; font-variant-numeric: tabular-nums; }
.archive li.current a { color: #000; font-weight: 700; }
.archive .empty { margin: 0; color: #666; }
.archive .more { margin-top: .6em; padding-top: .6em; border-top: 1px solid #ccc9c5; font-size: 12px; }

@media (max-width: 900px) {
  .pager, .postnav, .backlink, .preview-note { margin-right: 0; }
}
@media (max-width: 500px) {
  .article .featured { margin: -10px -12px 12px; }
  .post-content { margin: 0 2px; }
  .article p.post-meta { margin: -4px 2px 14px; }
  .article p.readmore { margin: 14px 2px 10px; }
  .article .post-title { font-size: 23px; }
  .postnav { grid-template-columns: 1fr; }
  .postnav .older { grid-column: 1; }
}