/* GracePress Hit Counter. Classic digit tiles, or plain text. Colour and font come from where it is placed. */
.gp-hc { text-align: center; line-height: 1.5; }
.gp-hc__line { margin: 0 0 .5em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .3em .45em; font-size: 14px; }
.gp-hc__by { display: inline-flex; align-items: center; gap: .45em; white-space: nowrap; }
.gp-hc__line--site { font-size: 12px; opacity: .85; }
.gp-hc__num { display: inline-flex; align-items: center; gap: 2px; font-variant-numeric: tabular-nums; }
.gp-hc--classic .gp-hc__d { display: inline-block; min-width: 1.15em; padding: .12em .22em; text-align: center; font-family: "Courier New", ui-monospace, monospace; font-weight: 700; font-size: 1.15em; line-height: 1.15; color: #f4ecc9; background: linear-gradient(#141414 0%, #2c2c2c 50%, #141414 51%, #232323 100%); border: 1px solid #000; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 1px 2px rgba(0, 0, 0, .45); text-shadow: 0 0 5px rgba(244, 236, 201, .45); }
.gp-hc--plain .gp-hc__num { font-weight: 700; }
/* Dark mode inverts the whole page; flip the tiles back so they stay dark with light digits. */
html.gracepress-dark-active .gp-hc--classic .gp-hc__d { filter: invert(100%) hue-rotate(180deg); }