code, pre { font-family: var(--font-code); }
img { max-width: 100%; height: auto; }
.post-toc { margin-block: 1.5rem; padding: var(--surface-padding); border: 1px solid var(--color-border); border-radius: var(--radius-surface); }
.post-toc ol { padding: 0; margin-bottom: 0; list-style: none; }
.post-toc ol ol { margin: 0; padding-inline-start: 1rem; }
:is(h1, h2, h3, h4, h5, h6)[id] { scroll-margin-top: 4rem; }
pre { overflow-x: auto; }
pre {
  padding: var(--surface-padding);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-surface);
  background: var(--color-code-background);
  color: var(--color-code-text);
  tab-size: 4;
}
pre:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.math-block { overflow-x: auto; padding-block: .25rem; }
.math-block:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
pre .token.comment, pre .token.prolog { color: var(--color-code-comment); }
pre .token.keyword, pre .token.boolean { color: var(--color-code-keyword); }
pre .token.string, pre .token.attr-value { color: var(--color-code-string); }
pre .token.number, pre .token.constant { color: var(--color-code-number); }
pre .token.function, pre .token.class-name { color: var(--color-code-function); }
pre .token.operator, pre .token.tag, pre .token.attr-name { color: var(--color-code-operator); }
.post-tags { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.post-tags a { display: inline-block; padding: .25rem .6rem; border: 1px solid var(--color-control-border); border-radius: var(--radius-tag); }
section[id], h2[id] { scroll-margin-top: 4rem; }

.tag-summary { color: var(--color-label); margin-bottom: 1.5rem; }
.tag-list { display: flex; flex-wrap: wrap; gap: .65rem; padding: 0; margin: 0; list-style: none; }
.tag-list li { max-width: 100%; }
.tag-list a { display: flex; align-items: center; gap: .75rem; min-height: 44px; max-width: 100%; padding: .5rem .85rem; border: 1px solid var(--color-control-border); border-radius: var(--radius-tag); background: var(--color-card); color: var(--color-text); text-decoration: none; scroll-margin-top: 4rem; }
.tag-list a:hover, .tag-list a:focus-visible { background: var(--color-card-hover); border-color: var(--color-label); color: var(--color-link); }
.tag-count { flex-shrink: 0; color: var(--color-muted); font-size: .85rem; }
.tag-results-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: 1.5rem; }
.tag-results-heading p { margin: 0; }
.tag-results-heading > a { display: inline-flex; align-items: center; min-height: 44px; gap: .5rem; font-size: .9rem; text-decoration: none; }