/*
 * Change the default box-sizing model to border-box for all elements.
 * It makes sizing easier because padding and borders are included in the element’s total width and height.
 * This helps with consistent sizing and layout calculations.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
 * Link styles: https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline: currentColor solid 2px;
  outline-offset: .2em;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
  text-wrap: pretty;
}