/* [::Built in::] Adapted from: Bearblog's default theme: https://bearblog.dev/ */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
:root { --width: 920px; --font-main: Verdana, sans-serif; --font-secondary: Verdana, sans-serif; --font-scale: 1em; --background-color: #fffcfa; --heading-color: #555; --text-color: #5b5656; --link-color: #db9292; --visited-color: #a386e3; --code-background-color: #f2f2f2; --code-color: #222; --blockquote-color: #222; --em-color: #5b5656c4; }
@media (prefers-color-scheme: dark) { :root { --background-color: #292a2b; --heading-color: #f4f4f4; --text-color: #fbfafa; --link-color: #f4b690; --visited-color: #c1a6ff; --code-background-color: #000; --code-color: #ddd; --blockquote-color: #ccc; --em-color: #fbfafac7; } }
body { font-family: var(--font-secondary); font-size: var(--font-scale); margin: auto; padding: 20px; max-width: var(--width); text-align: left; background-color: var(--background-color); word-wrap: break-word; overflow-wrap: break-word; line-height: 1.5; color: var(--text-color); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-main); color: var(--heading-color); }
h1#title { line-height: 1.6; border-bottom: dotted; }
a { color: var(--link-color); cursor: pointer; text-decoration: underline; }
a:hover { text-decoration: wavy underline; }
strong, b { color: var(--heading-color); }
main { line-height: 1.6; border-bottom: dotted; padding-bottom: 1.2em; }
em, i { color: var(--em-color); }
hr { border: 0; border-top: 1px dashed; }
code { font-family: monospace; padding: 2px; background-color: var(--code-background-color); color: var(--code-color); border-radius: 3px; }
blockquote { border-left: 1px solid #999; color: var(--code-color); padding-left: 20px; font-style: italic; }
footer { padding: 25px 0; text-align: center; }
.inline { width: auto !important; }
.highlight, .code { padding: 1px 15px; background-color: var(--code-background-color); color: var(--code-color); border-radius: 3px; margin-block-start: 1em; margin-block-end: 1em; overflow-x: auto; }
.sr-only { display: none; }
.button-link { background: none; border: none; color: var(--link-color); text-decoration: underline; cursor: pointer; font: inherit; }
.button-link:hover { text-decoration: wavy underline; }
/* Reply styling */ .guestbook-message-reply { margin-left: 2.5rem; padding-left: 1rem; border-left: 3px solid var(--link-color); opacity: 0.95; }
.guestbook-message-reply blockquote { margin: 0; padding-left: 0; border-left: none; }
/* Proof of Work bot deterrent */ .guestbooks___pow-container { margin: 0.75em 0; }
.guestbooks___pow-checkbox-label { display: inline-flex; align-items: center; gap: 0.5em; cursor: pointer; user-select: none; font-size: 0.95em; }
.guestbooks___pow-checkbox-label input[type="checkbox"] { width: 1.1em; height: 1.1em; cursor: pointer; }
.guestbooks___pow-label-text--loading { opacity: 0.7; }
.guestbooks___pow-label-text--verified { color: green; }
.guestbooks___pow-label-text--error { color: red; }