html, body { overscroll-behavior: none; }
html { scrollbar-gutter: stable; }
body { margin: 0; background: white; color: #000; font: 18px/1.5 "Areal", Arial, sans-serif; }
main { max-width: 72ch; margin: 0 auto; padding: 48px 24px 64px; overflow-wrap: anywhere; }
figure { margin: 0 0 32px; }
figcaption { margin-top: 20px; color: #000; }
header { margin-bottom: 32px; }
section { margin-block: 32px; }
h1, h2 { color: #000; font: inherit; font-weight: 600; }
h1 { margin: 0 0 8px; }
h2 { margin: 0 0 16px; }
h1::before { content: "# " / ""; color: #000; }
h2::before { content: "## " / ""; color: #000; }
p { margin: 0 0 16px; }
p, figcaption { text-wrap: pretty; }
a { color: #0000ee; text-decoration: none; }
a::before { content: "[" / ""; }
a::after { content: "]" / ""; }
a:hover { color: #0000ee; }
body :focus-visible { outline: 2px dashed #0000ee; outline-offset: 4px; }
body .sticker-target:focus-visible { outline-color: #0000ee; }
em { font-style: normal; }
em::before, em::after { content: "*" / ""; color: #000; }
ul { margin: 0; padding-left: 0; list-style-type: none; }
li { position: relative; padding-left: 0.75em; margin-bottom: 6px; }
li::before { content: "-" / ""; position: absolute; left: 0; color: #000; }
footer { margin-top: 32px; }
hr { border: 0; margin: 0 0 24px; height: 1.8em; }
hr::before { content: "---" / ""; color: #000; }
button, input, small, body .sticker-local-toggle { font: inherit; }
button { cursor: pointer; }
nav { margin-top: 24px; }
address { font-style: normal; }
@media (max-width: 480px) { main { padding: 28px 20px 40px; } }

.webPreview { margin: 20px 0 0; border: 1px solid #000; }
.webPreview figcaption { display: flex; align-items: center; gap: 16px; margin: 0; padding: 8px 12px; border-bottom: 1px solid #000; }
.webPreview figcaption span { white-space: nowrap; }
.webPreview iframe { display: block; width: 100%; height: 560px; max-height: 75svh; border: 0; background: white; }