/* Note content: the bits theme.json can't express. Loaded on the site and in the editor.
   Selectors sit in :where() so the site's class-based styles always win over them. */

:where(a) { text-underline-offset: 0.2em; text-decoration-thickness: 1px; }

:where(:not(pre) > code, kbd) {
  padding: 0.1em 0.35em; border-radius: 6px;
  border: 1px solid var(--wp--preset--color--border);
  background: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--text);
  font-family: var(--wp--preset--font-family--mono); font-size: 0.85em;
}
:where(pre) { overflow-x: auto; }

:where(strong, b) { color: var(--wp--preset--color--text); font-weight: 600; }
:where(mark) { background: rgba(139, 226, 139, 0.2); color: var(--wp--preset--color--text); padding: 0 0.15em; border-radius: 3px; }

:where(.wp-block-list, .wp-block-list ul, .wp-block-list ol) { padding-left: 1.3em; }
:where(.wp-block-list li + li) { margin-top: 0.35em; }
:where(.wp-block-list li)::marker { color: var(--wp--preset--color--muted); }

:where(.wp-block-image img, .wp-block-gallery img) { border-radius: 12px; }

:where(.wp-block-table table) { border-collapse: collapse; width: 100%; }
:where(.wp-block-table th, .wp-block-table td) {
  padding: 0.6em 0.8em; text-align: left; vertical-align: top;
  border: 0; border-bottom: 1px solid var(--wp--preset--color--border);
}
:where(.wp-block-table thead) { border-bottom: 0; }
:where(.wp-block-table th) { color: var(--wp--preset--color--text); font-weight: 600; }

:where(.wp-block-separator) { border: 0; border-top: 1px solid var(--wp--preset--color--border); opacity: 1; }

:where(.wp-block-details) { padding: 12px 16px; border: 1px solid var(--wp--preset--color--border); border-radius: 12px; }
:where(.wp-block-details summary) { cursor: pointer; color: var(--wp--preset--color--text); font-weight: 600; }

::selection { background: var(--wp--preset--color--seedling); color: var(--wp--preset--color--bg); }