/*
Theme Name: Montreal Jewish News
Theme URI: https://montrealjewishnews.com
Description: A newspaper-style block theme for Montreal Jewish News. Fast (no external fonts or scripts), readable, headline-first. Edit everything in Appearance > Editor.
Version: 1.14.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mjn
*/

/* ---------- Base ---------- */
:root { --mjn-rule: 1px solid var(--wp--preset--color--rule); --mjn-ink-rule: 1px solid var(--wp--preset--color--ink); }
html { scroll-padding-top: 1rem; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--wp--preset--color--signal); outline-offset: 2px; }
img { height: auto; }
.wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.wp-block-post-title a:hover { text-decoration: underline; color: var(--wp--preset--color--tekhelet); }
.wp-block-post-featured-image img { display: block; width: 100%; object-fit: cover; }

/* ---------- Utility bar ---------- */
.mjn-utility { border-bottom: var(--mjn-rule); }
.mjn-dateline { margin: 0; font-family: var(--wp--preset--font-family--ui); font-size: .8125rem; color: var(--wp--preset--color--muted); display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
.mjn-dateline [data-mjn-hebrew]:empty, .mjn-dateline [data-mjn-date]:empty { display: none; }
.mjn-utility .wp-block-search__button { background: none; border: 0; color: var(--wp--preset--color--ink); padding: .25rem; }
.mjn-utility .wp-block-button__link { padding: .4rem .9rem; }

/* ---------- Nameplate (masthead) ---------- */
.mjn-nameplate { text-align: center; }
.mjn-nameplate .wp-block-site-tagline { justify-content: center; text-align: center; }
.mjn-nameplate .wp-block-site-title { margin: 0; font-size: clamp(2.5rem, 1rem + 6.6vw, 5.5rem); line-height: .95; letter-spacing: -.03em; font-weight: 800; }
.mjn-nameplate .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.mjn-nameplate .wp-block-site-logo { margin: 0 auto; text-align: center; line-height: 0; }
.mjn-nameplate > * + *, .mjn-nameplate .alignwide > * + * { margin-block-start: 0; }
.mjn-nameplate .wp-block-site-logo img { max-width: 100%; height: auto; display: inline-block; }
.mjn-nameplate .wp-block-site-logo a { display: inline-block; max-width: 100%; line-height: 0; }
/* Your logo is the masthead. The text title stays in the page for search engines and screen readers, and shows only if no logo is set. */
.mjn-nameplate:has(.wp-block-site-logo img) .wp-block-site-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mjn-nameplate .wp-block-site-tagline { display: flex; align-items: center; gap: 1rem; margin: .3rem 0 0; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.125rem, .85rem + 1vw, 1.625rem); font-style: italic; color: var(--wp--preset--color--muted); }
.mjn-nameplate .wp-block-site-tagline::before, .mjn-nameplate .wp-block-site-tagline::after { content: ""; flex: 1; border-top: var(--mjn-ink-rule); }

/* Menu bar */
.mjn-nav { border-top: var(--mjn-ink-rule); border-bottom: 4px double var(--wp--preset--color--ink); margin-bottom: 0; }
.mjn-nav .wp-block-navigation-item__content { padding: .7rem 0; font-weight: 700; color: var(--wp--preset--color--ink); }
.mjn-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--tekhelet); }
.mjn-sponsor { text-align: center; padding: .6rem 0 .75rem; border-top: var(--mjn-rule); border-bottom: var(--mjn-rule); margin: 1rem 0; }
.mjn-sponsor .wp-block-image { margin: 0 auto; }
.mjn-sponsor .mjn-sponsor__label { font-family: var(--wp--preset--font-family--ui); font-size: .6875rem; color: var(--wp--preset--color--muted); margin: 0 0 .3rem; }
.mjn-sponsor__row { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 1rem 1.25rem; }
.mjn-sponsor__cell { display: flex; flex-direction: column; align-items: center; margin: 0; }
.mjn-sponsor__cell > * { margin-block: 0; }
.mjn-sponsor__cell--hire { flex: 0 1 19rem; align-items: stretch; }
.mjn-hire { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .4rem; padding: .9rem 1.1rem; background: #23359B; color: #fff; text-align: left; text-decoration: none; border-radius: 2px; font-family: var(--wp--preset--font-family--ui); }
.mjn-hire:hover, .mjn-hire:focus-visible { background: #1B2A7C; color: #fff; }
.mjn-hire__tag { font-size: .6875rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; background: #fff; color: #C23F14; padding: .1rem .45rem; border-radius: 2px; }
.mjn-hire__title { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 1.1875rem; line-height: 1.15; }
.mjn-hire__cta { margin-top: .15rem; font-size: .875rem; font-weight: 700; background: #fff; color: #23359B; padding: .35rem .95rem; border-radius: 999px; }
/* Banner size: never wider than 1000px or taller than 13rem (about 208px), and never stretched. Raise or lower these two numbers to resize. */
.mjn-sponsor img { width: auto; height: auto; max-width: min(100%, 1000px); max-height: 13rem; }

/* ---------- Info bar (weather, Shabbat, funerals) ---------- */
.mjn-infobar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: var(--mjn-rule); font-family: var(--wp--preset--font-family--ui); font-size: .8125rem; line-height: 1.45; }
.mjn-info { display: flex; flex-direction: column; gap: .15rem; padding: .75rem 1.25rem; border-left: var(--mjn-rule); }
.mjn-info:first-child { border-left: 0; padding-left: 0; }
.mjn-info:last-child { padding-right: 0; }
.mjn-info__label { font-weight: 700; color: var(--wp--preset--color--tekhelet); }
.mjn-info__value { font-size: .9375rem; color: var(--wp--preset--color--ink); }
.mjn-info__value strong { font-weight: 800; }
.mjn-info__sub, .mjn-info__src { color: var(--wp--preset--color--muted); }
.mjn-info a { color: inherit; }
.mjn-info a.mjn-info__value { text-decoration: underline; }
.mjn-info__button { align-self: flex-start; margin-top: .35rem; background: var(--wp--preset--color--tekhelet); color: #fff !important; font-weight: 700; text-decoration: none; padding: .5rem 1.1rem; border-radius: 999px; }
.mjn-info__button:hover { background: var(--wp--preset--color--ink); }
/* Funeral pop-up */
.mjn-dialog { border: 0; padding: 0; width: min(38rem, 92vw); max-height: 86vh; border-radius: 4px; background: var(--wp--preset--color--white); color: var(--wp--preset--color--ink); box-shadow: 0 20px 60px rgba(10, 14, 26, .35); }
.mjn-dialog--narrow { width: min(30rem, 92vw); }
.mjn-dialog::backdrop { background: rgba(10, 14, 26, .6); }
.mjn-dialog__inner { position: relative; padding: 1.75rem 1.5rem 1.5rem; max-height: 86vh; overflow-y: auto; font-family: var(--wp--preset--font-family--ui); }
.mjn-dialog__title { font-family: var(--wp--preset--font-family--heading); font-size: 1.625rem; margin: 0 2.5rem .5rem 0; }
.mjn-dialog__note, .mjn-dialog__credit { font-size: .8125rem; color: var(--wp--preset--color--muted); margin: 0 0 1rem; }
.mjn-dialog__credit { margin: 1.25rem 0 0; }
.mjn-dialog__credit a { color: var(--wp--preset--color--tekhelet); }
.mjn-dialog__close { position: absolute; top: .75rem; right: .75rem; width: 2.5rem; height: 2.5rem; border: 0; border-radius: 999px; background: var(--wp--preset--color--mist); color: var(--wp--preset--color--ink); font-size: 1.5rem; line-height: 1; cursor: pointer; }
.mjn-dialog__close:hover { background: var(--wp--preset--color--rule); }
.mjn-funerals { list-style: none; margin: 0; padding: 0; }
.mjn-funerals li { display: flex; flex-direction: column; padding: .7rem 0; border-top: var(--mjn-rule); }
.mjn-funerals__name { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 1.0625rem; }
.mjn-funerals__when { font-size: .875rem; color: var(--wp--preset--color--muted); }
.mjn-info__alert { font-weight: 700; color: var(--wp--preset--color--signal) !important; }
@media (max-width: 781px) {
  /* On phones the three boxes become a swipeable strip so they do not push the news down */
  .mjn-infobar { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
  .mjn-info, .mjn-info:first-child, .mjn-info:last-child { flex: 0 0 82%; scroll-snap-align: start; padding: .7rem 1rem .7rem 0; border-left: 0; }
  .mjn-info + .mjn-info { border-left: var(--mjn-rule); padding-left: 1rem; }
}

/* ---------- Send a tip ---------- */
.mjn-utility .is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); border: 1px solid var(--wp--preset--color--ink); }
.mjn-utility .wp-block-buttons { gap: .5rem; flex-wrap: nowrap; }
.mjn-tip label { display: block; margin-top: .9rem; font-weight: 600; font-size: .875rem; }
.mjn-tip input[type="text"], .mjn-tip input[type="email"], .mjn-tip select, .mjn-tip textarea { display: block; width: 100%; margin-top: .3rem; padding: .6rem .7rem; font: inherit; font-weight: 400; color: var(--wp--preset--color--ink); background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--muted); border-radius: 2px; }
.mjn-tip__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mjn-tip__submit { margin-top: 1.1rem; background: var(--wp--preset--color--tekhelet); color: #fff; border: 0; border-radius: 999px; padding: .6rem 1.4rem; font: inherit; font-weight: 700; cursor: pointer; }
.mjn-tip__submit:disabled { opacity: .6; cursor: wait; }
@media (prefers-color-scheme: dark) { .mjn-tip__submit { color: #0F1424; } }
.mjn-tip__status { margin: .8rem 0 0; font-size: .9375rem; min-height: 1.4em; }

/* ---------- Breaking-news bar ---------- */
.mjn-breaking { background: #C23F14; color: #fff; }
.mjn-breaking__inner { max-width: 76rem; margin: 0 auto; padding: .55rem 1.25rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .9rem; font-family: var(--wp--preset--font-family--ui); }
.mjn-breaking__label { font-weight: 800; font-size: .8125rem; letter-spacing: .04em; text-transform: uppercase; background: #fff; color: #C23F14; padding: .1rem .5rem; border-radius: 2px; }
.mjn-breaking__link, .mjn-breaking__link:hover { color: #fff; font-weight: 700; font-size: 1rem; text-decoration: underline; }
.mjn-breaking-wrap { margin: 0; }

/* ---------- Share buttons and photo caption ---------- */
.mjn-share { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1rem 0; font-family: var(--wp--preset--font-family--ui); }
.mjn-share__label { font-weight: 700; font-size: .875rem; margin-right: .25rem; }
.mjn-share__btn { display: inline-block; background: transparent; color: var(--wp--preset--color--ink); border: 1px solid var(--wp--preset--color--ink); border-radius: 999px; padding: .35rem .9rem; font: inherit; font-size: .875rem; font-weight: 600; text-decoration: none; cursor: pointer; }
.mjn-share__btn:hover { background: var(--wp--preset--color--tekhelet); border-color: var(--wp--preset--color--tekhelet); color: #fff; }
@media (prefers-color-scheme: dark) { .mjn-share__btn:hover { color: #0F1424; } }
.mjn-photo-caption { font-family: var(--wp--preset--font-family--ui); font-size: .8125rem; line-height: 1.4; color: var(--wp--preset--color--muted); padding-top: .5rem; }
.mjn-social { margin-top: .75rem; }

/* ---------- Back to home ---------- */
.mjn-back { margin: 0 0 1.25rem; font-family: var(--wp--preset--font-family--ui); font-weight: 700; font-size: .9375rem; }
.mjn-back a { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem .9rem .4rem 0; text-decoration: none; color: var(--wp--preset--color--ink); border-radius: 999px; }
.mjn-back__arrow { display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; border-radius: 999px; background: var(--wp--preset--color--tekhelet); color: #fff; font-size: 1.1rem; line-height: 1; }
.mjn-back a:hover { background: var(--wp--preset--color--mist); }
@media (prefers-color-scheme: dark) { .mjn-back__arrow { color: #0F1424; } }

/* ---------- Labels ---------- */
.mjn-kicker, .mjn-kicker a { font-family: var(--wp--preset--font-family--ui); font-size: .8125rem; font-weight: 700; color: var(--wp--preset--color--tekhelet); text-decoration: none; }
.mjn-kicker a:hover { text-decoration: underline; }
.mjn-meta { font-family: var(--wp--preset--font-family--ui); font-size: .8125rem; color: var(--wp--preset--color--muted); display: flex; flex-wrap: wrap; gap: .125rem 1rem; }
.mjn-meta a { color: inherit; text-decoration: none; }
.mjn-meta a:hover { text-decoration: underline; }
.mjn-section-title { font-family: var(--wp--preset--font-family--heading); font-size: 1.25rem; margin: 0 0 1rem; padding-top: .5rem; border-top: 3px solid var(--wp--preset--color--ink); }

/* ---------- Front page columns ---------- */
.mjn-front { gap: 0; }
.mjn-front > .wp-block-column { padding: 0 1.5rem; }
.mjn-front > .wp-block-column:first-child { padding-left: 0; }
.mjn-front > .wp-block-column:last-child { padding-right: 0; }
.mjn-front > .wp-block-column + .wp-block-column { border-left: var(--mjn-rule); }
.mjn-front > .mjn-col-opinion { border-left: 0; padding-left: 1.5rem; }
@media (max-width: 781px) {
  .mjn-front > .wp-block-column, .mjn-front > .mjn-col-opinion { padding: 0; border-left: 0; }
  .mjn-front > .wp-block-column + .wp-block-column { margin-top: 1.5rem; }
}

/* Lead story: tabloid banner, headline over the picture */
.mjn-lead-section { border-bottom: var(--mjn-ink-rule); }
.mjn-lead .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.mjn-lead .wp-block-post { display: grid; grid-template-columns: minmax(0, 1fr); padding: 0; border: 0; }
.mjn-lead .wp-block-post-featured-image { grid-area: 1 / 1; margin: 0; }
.mjn-lead .wp-block-post-featured-image a { display: block; height: 100%; }
.mjn-lead .wp-block-post-featured-image img { aspect-ratio: auto !important; width: 100%; height: clamp(24rem, 46vw, 38rem); object-fit: cover; }
.mjn-lead-overlay { grid-area: 1 / 1; align-self: end; position: relative; z-index: 1; padding: 5rem clamp(1rem, 3vw, 2.25rem) clamp(1rem, 2.5vw, 2rem); background: #0F1A33; color: #fff; pointer-events: none; }
.mjn-lead-overlay a { pointer-events: auto; }
.mjn-lead .wp-block-post:has(.wp-block-post-featured-image img) .mjn-lead-overlay { background: linear-gradient(to top, rgba(8, 12, 24, .94) 0%, rgba(8, 12, 24, .74) 55%, rgba(8, 12, 24, 0) 100%); }
.mjn-lead-overlay > * { margin-block: 0; }
.mjn-lead .mjn-kicker { display: inline-block; background: #C23F14; padding: .2rem .65rem; }
.mjn-lead .mjn-kicker, .mjn-lead .mjn-kicker a { color: #fff; }
.mjn-lead .wp-block-post-title { font-size: clamp(2.25rem, 1rem + 5.2vw, 5.25rem); line-height: .98; letter-spacing: -.02em; font-weight: 800; margin: .6rem 0 .8rem; color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, .4); }
.mjn-lead .wp-block-post-title a, .mjn-lead .wp-block-post-title a:hover { color: #fff; }
.mjn-lead .mjn-meta, .mjn-lead .mjn-meta a { color: #E6EAFB; }
.mjn-lead .wp-block-post-excerpt { grid-area: 2 / 1; font-size: 1.25rem; line-height: 1.5; margin: 1rem 0 0; max-width: 56rem; }
.mjn-lead .wp-block-post-excerpt__more-link { display: none; }

/* Lists */
.mjn-list .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.mjn-list .wp-block-post { padding: .9rem 0; border-top: var(--mjn-rule); }
.mjn-list .wp-block-post:first-child { border-top: 0; padding-top: 0; }
.mjn-list .wp-block-post-title { margin: .2rem 0 .3rem; }
.mjn-list .wp-block-post-excerpt__more-link { display: none; }
.mjn-side .wp-block-post { display: grid; grid-template-columns: minmax(0, 1fr) 9rem; grid-template-rows: auto auto auto 1fr; column-gap: 1.25rem; }
.mjn-side .wp-block-post-featured-image { grid-column: 2; grid-row: 1 / -1; margin: 0; }
.mjn-side .wp-block-post > *:not(.wp-block-post-featured-image) { grid-column: 1; }
.mjn-side .wp-block-post-terms { grid-row: 1; }
.mjn-side .wp-block-post-title { grid-row: 2; }
.mjn-side .mjn-meta { grid-row: 3; }
.mjn-more .wp-block-post-template { column-gap: 3rem; }
.mjn-more .wp-block-post-template > .wp-block-post:nth-child(2) { border-top: 0; padding-top: 0; }
@media (max-width: 599px) { .mjn-more .wp-block-post-template > .wp-block-post:nth-child(2) { border-top: var(--mjn-rule); padding-top: .9rem; } }

/* Opinion panel */
.mjn-commentary { background: var(--wp--preset--color--mist); border-top: 4px solid var(--wp--preset--color--signal); }
.mjn-commentary .mjn-section-title { border-top: 0; padding-top: 0; }
.mjn-commentary .mjn-kicker, .mjn-commentary .mjn-kicker a { color: var(--wp--preset--color--signal); }

/* Cards */
.mjn-cards .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.mjn-cards .wp-block-post-featured-image { margin-bottom: .75rem; }
.mjn-cards .wp-block-post-excerpt__more-link { display: none; }

/* ---------- Subscribe ---------- */
.mjn-subscribe { background: var(--wp--preset--color--mist); }
.wp-block-button__link { font-family: var(--wp--preset--font-family--ui); font-weight: 700; }
.mjn-pill .wp-block-button__link { border-radius: 999px; }

/* ---------- Article ---------- */
.yoast-breadcrumbs { font-family: var(--wp--preset--font-family--ui); font-size: .8125rem; color: var(--wp--preset--color--muted); }
.yoast-breadcrumbs a { color: var(--wp--preset--color--muted); }
.mjn-article-title { letter-spacing: -.015em; line-height: 1.08; }
.mjn-article .wp-block-post-content { font-size: 1.1875rem; line-height: 1.7; }
.mjn-article .wp-block-post-content > p:first-child { font-size: 1.3125rem; }
.mjn-article .wp-block-post-featured-image { margin: 0; }
.mjn-article .wp-block-post-featured-image img { max-height: 32rem; }
.mjn-article .wp-block-post-terms a { text-decoration: none; }
.mjn-authorbox { border-top: var(--mjn-rule); border-bottom: var(--mjn-rule); }
.mjn-authorbox .wp-block-post-author__bio { font-size: .9375rem; color: var(--wp--preset--color--muted); margin: .25rem 0 0; }
@media (min-width: 1240px) {
  .mjn-article .wp-block-quote.is-style-margin-note { float: right; width: 15rem; margin: .25rem -17.5rem 1rem 1.5rem; font-size: .9375rem; line-height: 1.5; border-left: 3px solid var(--wp--preset--color--signal); padding-left: .875rem; }
}
.wp-block-quote.is-style-margin-note { border-left: 3px solid var(--wp--preset--color--signal); padding-left: 1rem; font-size: 1rem; }

/* ---------- Footer ---------- */
.mjn-footer { background: var(--wp--preset--color--mist); color: var(--wp--preset--color--ink); border-top: 4px double var(--wp--preset--color--ink); }
.mjn-footer a { color: var(--wp--preset--color--ink); }
.mjn-footer a:hover { color: var(--wp--preset--color--tekhelet); }
.mjn-footer-brand { display: inline-flex; flex-direction: column; align-items: center; text-align: center; max-width: 100%; }
.mjn-footer-brand > * { margin-block: 0; }
.mjn-footer-brand .wp-block-site-logo { line-height: 0; }
.mjn-footer-brand .wp-block-site-logo img { max-width: 100%; height: auto; display: block; }
.mjn-footer-brand .wp-block-site-tagline { margin-top: .3rem; font-family: var(--wp--preset--font-family--heading); font-style: italic; font-size: 1.125rem; color: var(--wp--preset--color--muted); }
.mjn-footer-brand .wp-block-site-title { font-size: 1.75rem; }
/* The text title shows only if no logo is set */
.mjn-footer-brand:has(.wp-block-site-logo img) .wp-block-site-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.mjn-footer .wp-block-navigation-item__content { padding: .25rem 0; font-weight: 600; }
.mjn-footer small { color: var(--wp--preset--color--muted); }

.wp-block-query-pagination { font-family: var(--wp--preset--font-family--ui); font-weight: 600; gap: 1rem; }

/* ---------- Layout hardening ---------- */
.wp-block-post-template > .wp-block-post { min-width: 0; position: relative; clear: both; }
.wp-block-post-template.is-layout-grid > .wp-block-post { clear: none; }
.wp-block-post-template > .wp-block-post > * { max-width: 100%; }
.wp-block-post-content { display: flow-root; }
.mjn-article > * { clear: both; }
.wp-block-post-featured-image, .wp-block-post-featured-image a { height: auto; }
.wp-block-post-featured-image img { height: auto; }
.wp-block-query { display: flow-root; }
main.wp-block-group > .wp-block-group { display: flow-root; position: relative; }
.wp-block-post-template.is-layout-grid { align-items: start; }

/* Grids collapse on small screens */
@media (max-width: 781px) { .mjn-cards .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 599px) { .mjn-more .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr !important; } }

/* ---------- Dark mode ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --wp--preset--color--ink: #ECEFF8;
    --wp--preset--color--paper: #0F1424;
    --wp--preset--color--white: #161C30;
    --wp--preset--color--muted: #A9B2CE;
    --wp--preset--color--rule: #2A3350;
    --wp--preset--color--mist: #1B2340;
    --wp--preset--color--tekhelet: #9DB0FF;
    --wp--preset--color--signal: #FF8A63;
  }
  .wp-block-button__link, .mjn-info__button { color: #0F1424 !important; }
  img { filter: brightness(.92); }
  /* dark logos stay readable on a dark page */
  .mjn-nameplate .wp-block-site-logo img, .mjn-footer-brand .wp-block-site-logo img { background: #fff; padding: .5rem 1rem; border-radius: 2px; filter: none; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }