/* Native article blocks share one readable treatment in the canvas and on the site. */
:is(.article-body,.editor-styles-wrapper) .tv-article-intro { font-size: 1.12em; line-height: 1.95; padding-inline-start: 18px; border-inline-start: 3px solid currentColor; margin-block: 1.4em; }
:is(.article-body,.editor-styles-wrapper) .wp-block-table { margin-inline: 0; margin-block: 1.6em; overflow-x: auto; border: 2px solid var(--ink, #100c07); box-shadow: -3px 3px 0 var(--ink, #100c07); background: var(--paper, #faf8f0); }
:is(.article-body,.editor-styles-wrapper) .wp-block-table table { display: table; width: 100%; border-collapse: collapse; font-size: .95em; line-height: 1.8; }
:is(.article-body,.editor-styles-wrapper) .wp-block-table :is(td,th) { padding: 12px 16px; border: 1px solid var(--ink, #100c07); vertical-align: top; text-align: start; min-width: 7em; }
:is(.article-body,.editor-styles-wrapper) .wp-block-table thead { background: var(--home-featured, var(--neo-sun, #ffe269)); color: var(--home-featured-ink, #100c07); border-block-end: 2px solid var(--ink, #100c07); }
:is(.article-body,.editor-styles-wrapper) .wp-block-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--ink, #100c07) 4%, transparent); }
:is(.article-body,.editor-styles-wrapper) .wp-block-table figcaption { padding: 8px 12px; margin: 0; }
:is(.article-body,.editor-styles-wrapper) .wp-block-table:focus-visible { outline: 3px solid var(--ink, #100c07); outline-offset: 4px; }
:is(.article-body,.editor-styles-wrapper) .wp-block-file { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px; border: 2px solid var(--ink, #100c07); background: var(--paper, #faf8f0); box-shadow: -3px 3px 0 var(--ink, #100c07); font-size: 1em; }
:is(.article-body,.editor-styles-wrapper) .wp-block-file > a:first-of-type { flex: 1 1 12em; overflow-wrap: anywhere; }
:is(.article-body,.editor-styles-wrapper) .wp-block-file .wp-block-file__button { margin: 0; padding: 8px 14px; border: 2px solid #100c07; border-radius: 0; background: var(--home-featured, var(--neo-sun, #ffe269)); color: #100c07; box-shadow: -3px 3px 0 #100c07; font: inherit; font-weight: 700; text-decoration: none; }
:is(.article-body,.editor-styles-wrapper) .wp-block-file .wp-block-file__button:is(:hover,:focus-visible) { translate: 1px -1px; box-shadow: -4px 4px 0 #100c07; text-decoration: none; }
:is(.article-body,.editor-styles-wrapper) :is(.wp-block-image,.wp-block-video,.wp-block-embed) { margin-inline: 0; margin-block: 1.8em; }
:is(.article-body,.editor-styles-wrapper) :is(figcaption,.wp-element-caption) { font-size: 13px; line-height: 1.8; opacity: .8; margin-block-start: 10px; text-align: start; }
:is(.article-body,.editor-styles-wrapper) .wp-block-embed-youtube .wp-block-embed__wrapper { border: 2px solid currentColor; box-shadow: -3px 3px 0 currentColor; background: #171717; aspect-ratio: 16 / 9; min-height: 200px; }
:is(.article-body,.editor-styles-wrapper) .wp-block-embed-youtube iframe { display: block; width: 100%; height: 100%; min-height: 200px; border: 0; }
:is(.article-body,.editor-styles-wrapper) .wp-block-embed-youtube .wp-block-embed__wrapper::before { display: none; }
@media(max-width:600px) { :is(.article-body,.editor-styles-wrapper) .wp-block-table :is(td,th) { padding: 10px; } }
:is(.article-body,.editor-styles-wrapper) .wp-block-embed-youtube.is-style-tv-portrait { max-width: 360px; margin-inline: auto; }
:is(.article-body,.editor-styles-wrapper) .wp-block-embed-youtube.is-style-tv-portrait .wp-block-embed__wrapper { aspect-ratio: 9 / 16; }

/* Native quote colors are saved per block. Uncolored quotes use the default. */
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) blockquote {
  margin: 28px 0; padding: 18px 20px; border: 2px solid #100c07; border-radius: 0;
  background: var(--neo-blush, #ffc8c2); color: #100c07;
  box-shadow: -4px 4px 0 #100c07; font-family: inherit; font-size: 1em; font-weight: 700;
  font-synthesis: weight; line-height: 1.9; text-align: start;
}
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) blockquote p { margin-block: 0 16px; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) blockquote p:last-of-type { margin-block-end: 0; }
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) blockquote a:is(:link,:visited,:hover,:focus-visible) { color: inherit; background: transparent; text-decoration: underline; }
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) blockquote cite { display: block; margin-block-start: 12px; font-size: 14px; font-weight: 400; line-height: 24px; font-style: normal; color: inherit; }
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) .wp-block-pullquote { padding: 0; border: 0; }
:is(.site-frame .article-body,html[data-tv-editor-brand] .editor-styles-wrapper) hr { width: 100%; max-width: none; height: 0; margin-block: 40px; border: 0; border-top: 4px solid var(--neo-divider, var(--neo-sun, oklch(91% .145 92))); opacity: 1; }

/* Emoji markers belong only to this list; regular and nested ordinary lists stay native. */
:is(.article-body,.editor-styles-wrapper) ul.is-style-tv-emoji-list { list-style: none; padding-inline-start: 0; }
:is(.article-body,.editor-styles-wrapper) ul.is-style-tv-emoji-list > li { position: relative; list-style: none; padding-inline-start: 2em; }
:is(.article-body,.editor-styles-wrapper) ul.is-style-tv-emoji-list > li::before { content: "💡"; position: absolute; inset-inline-start: 0; top: 0; width: 1.5em; text-align: center; font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-weight: 400; }
:is(.article-body,.editor-styles-wrapper) ul.is-style-tv-emoji-list > li[data-tv-emoji]:not([data-tv-emoji=""])::before { content: attr(data-tv-emoji); }