/* ==========================================
   Gutenberg Content Compatibility
   ========================================== */

.page-contents :is(
  h1, h2, h3, h4, h5, h6,
  p, ul, ol, li,
  blockquote, pre, code,
  figure, figcaption, hr,
  table, thead, tbody, tfoot, tr, th, td,
  b, strong, i, em, u, s, mark, small, sub, sup, span, abbr,
  img, iframe, video, audio,
  br
),
.page-contents :is(
  .has-text-align-center,
  .has-text-align-right,
  .has-text-align-left,
  .aligncenter,
  .alignleft,
  .alignright,
  .has-text-color,
  .has-background,
  [class*="has-"],
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-image,
  .wp-block-button,
  .wp-block-buttons,
  .wp-block-cover,
  .wp-block-separator,
  .wp-block-spacer
) {
  /* all: revert; */
}

/* ==========================================
   Optional: Basic spacing if Tailwind preflight is disabled
   ========================================== */
.page-contents {
  line-height: 1.75;
  color: #1a1a1a;
}

.page-contents h1 { font-weight: 700; }
.page-contents h2 { font-weight: 700; }
.page-contents h3 { font-weight: 600; }
.page-contents h4, 
.page-contents h5, 
.page-contents h6 {
  font-weight: 600;
}

.page-contents p,
.page-contents ul,
.page-contents ol,
.page-contents blockquote,
.page-contents pre,
.page-contents figure,
.page-contents table {
}

.page-contents ul, 
.page-contents ol {
  padding-left: 1.25em;
}

.page-contents blockquote {
  border-left: 4px solid #ccc;
  padding-left: 16px;
  color: #555;
  font-style: italic;
}

.page-contents table {
  border-collapse: collapse;
  width: 100%;
}
.page-contents th,
.page-contents td {
  border: 1px solid #ddd;
  padding: 0.5em;
  text-align: left;
}

/* Images and media */
.page-contents img,
.page-contents video,
.page-contents iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Button blocks */
.page-contents .wp-block-button__link {
  background: #0073aa;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  border-radius: 4px;
}
.page-contents .wp-block-button__link:hover {
  background: #005f8d;
}