/*
Theme Name: Mali geograf
Description: Lahka, mobilna tema za Mali geograf: raziskovalni listki za otroke. Skupaj z vtičnikom "Mali geograf".
Author: Mali geograf
Version: 1.0.0
Text Domain: maligeograf
Requires PHP: 7.4
*/

/* ---------- Fonts (self-hosted, latin + latin-ext for č š ž) ---------- */
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-display: swap;
	src: url("assets/fonts/bricolage-grotesque-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-display: swap;
	src: url("assets/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap;
	src: url("assets/fonts/nunito-latin-ext-wght-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 200 1000; font-display: swap;
	src: url("assets/fonts/nunito-latin-wght-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Nunito"; font-style: italic; font-weight: 200 1000; font-display: swap;
	src: url("assets/fonts/nunito-latin-ext-wght-italic.woff2") format("woff2");
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Nunito"; font-style: italic; font-weight: 200 1000; font-display: swap;
	src: url("assets/fonts/nunito-latin-wght-italic.woff2") format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ---------- Tokens ---------- */
:root {
	--cream: #F8F4E9;
	--olive: #858D69;
	--terracotta: #B45E3D;
	--terracotta-deep: #94482a;
	--peach: #F1D4C4;
	--ink: #414632;            /* temna olivna: besedilo */
	--ink-soft: #5b6147;
	--paper: #fffdf8;
	--line: rgba(65, 70, 50, .18);

	--font-head: "Bricolage Grotesque", "Nunito", system-ui, sans-serif;
	--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

	--gutter: 20px;
	--wrap: 1080px;
	--radius: 14px;
	--shadow: 0 1px 2px rgba(65, 70, 50, .10), 0 8px 24px -10px rgba(65, 70, 50, .28);
}
@media (min-width: 900px) { :root { --gutter: 60px; } }

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: var(--font-body); font-size: 1.0625rem; line-height: 1.65; text-rendering: optimizeLegibility; }
@media (min-width: 700px) { body { font-size: 1.125rem; } }
img, svg { max-width: 100%; height: auto; }
a { color: var(--terracotta-deep); text-underline-offset: .18em; text-decoration-thickness: 2px; }
a:hover { color: var(--terracotta); }
:focus-visible { outline: 3px solid var(--terracotta); outline-offset: 3px; border-radius: 4px; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; white-space: nowrap; }
.skip-link:focus { clip: auto; width: auto; height: auto; left: 12px; top: 12px; z-index: 100; background: var(--ink); color: var(--cream); padding: 10px 16px; border-radius: 8px; }

h1, h2, h3, h4 { font-family: var(--font-head); font-weight: 800; line-height: 1.1; letter-spacing: -.015em; margin: 0 0 .5em; color: var(--ink); text-wrap: balance; }
h1 { font-size: clamp(2.2rem, 6vw, 3.6rem); }
h2 { font-size: clamp(1.7rem, 4vw, 2.5rem); }
h3 { font-size: clamp(1.2rem, 2.4vw, 1.45rem); letter-spacing: -.01em; }
p { margin: 0 0 1.1em; }
.mg-lead { font-size: 1.2em; line-height: 1.5; color: var(--ink); font-weight: 600; max-width: 34em; }

/* ---------- The trail marker (planinska markacija) ---------- */
.mg-marker { display: inline-block; width: 1.05em; height: 1.05em; border-radius: 50%; background: radial-gradient(circle, var(--cream) 0 34%, var(--terracotta) 36% 100%); flex: none; vertical-align: -.12em; }

/* ---------- Header ---------- */
.mg-header { position: sticky; top: 0; z-index: 50; background: rgba(248, 244, 233, .94); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.mg-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px var(--gutter); max-width: calc(var(--wrap) + var(--gutter) * 2); margin: 0 auto; }
.mg-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; }
.mg-logo:hover { color: var(--ink); }
.mg-logo-mark { width: 44px; height: auto; color: var(--ink); }
.mg-logo-word { font-family: var(--font-head); font-weight: 800; font-size: 1.35rem; letter-spacing: -.02em; line-height: 1; }
.mg-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; }
.mg-menu a { display: block; padding: 10px 14px; border-radius: 999px; text-decoration: none; color: var(--ink); font-weight: 700; font-size: 1rem; }
.mg-menu a:hover { background: rgba(133, 141, 105, .18); color: var(--ink); }
.mg-menu .current-menu-item > a, .mg-menu .current_page_item > a, .mg-menu .current-menu-ancestor > a { background: var(--peach); }
.mg-menu .current-menu-item > a::before, .mg-menu .current_page_item > a::before { content: ""; display: inline-block; width: .6em; height: .6em; margin-right: .45em; border-radius: 50%; background: radial-gradient(circle, var(--cream) 0 34%, var(--terracotta) 36% 100%); }

.mg-nav-toggle { display: none; width: 48px; height: 48px; border: 0; background: transparent; border-radius: 12px; cursor: pointer; position: relative; }
.mg-nav-toggle-bars, .mg-nav-toggle-bars::before, .mg-nav-toggle-bars::after { content: ""; position: absolute; left: 12px; right: 12px; height: 3px; background: var(--ink); border-radius: 3px; }
.mg-nav-toggle-bars { top: 22px; }
.mg-nav-toggle-bars::before { left: 0; right: 0; top: -8px; }
.mg-nav-toggle-bars::after { left: 0; right: 0; top: 8px; }

@media (max-width: 760px) {
	.mg-nav-toggle { display: block; }
	.mg-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--cream); border-bottom: 1px solid var(--line); padding: 8px var(--gutter) 18px; box-shadow: 0 18px 24px -18px rgba(65,70,50,.4); }
	.mg-nav-open .mg-nav { display: block; }
	.mg-menu { flex-direction: column; gap: 2px; }
	.mg-menu a { padding: 14px 12px; font-size: 1.15rem; }
}

/* ---------- Layout helpers ---------- */
.mg-main { min-height: 60vh; }
.mg-page, .mg-single { padding: clamp(28px, 6vw, 64px) var(--gutter) clamp(48px, 8vw, 96px); max-width: calc(var(--wrap) + var(--gutter) * 2); margin: 0 auto; }
.mg-page-head { margin-bottom: clamp(20px, 4vw, 36px); }
.mg-page-title { margin-bottom: .35em; }
.mg-entry { max-width: 40rem; }
.mg-entry h2 { margin-top: 1.6em; }
.mg-entry ul, .mg-entry ol { padding-left: 1.3em; }
.mg-entry li { margin-bottom: .4em; }

/* ---------- Buttons (own + core button block) ---------- */
.mg-btn, .wp-block-button__link, .wp-element-button { display: inline-flex; align-items: center; justify-content: center; gap: .5em; font-family: var(--font-head); font-weight: 700; font-size: 1.05rem; line-height: 1.2; text-decoration: none; padding: .85em 1.6em; min-height: 52px; border-radius: 999px; border: 2px solid transparent; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s, transform .15s; }
.mg-btn-primary, .is-style-fill .wp-block-button__link, .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--terracotta); color: #fff; border-color: var(--terracotta); }
.mg-btn-primary:hover, .is-style-fill .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: var(--terracotta-deep); border-color: var(--terracotta-deep); color: #fff; }
.is-style-outline .wp-block-button__link { background: transparent; color: var(--ink); border-color: var(--ink); }
.is-style-outline .wp-block-button__link:hover { background: var(--ink); color: var(--cream); }
.mg-btn-lg { width: 100%; font-size: 1.15rem; }
@media (min-width: 560px) { .mg-btn-lg { width: auto; } }
.wp-block-buttons { gap: 12px; margin-top: 1.4em; }
.wp-block-button { margin: 0; }

/* ---------- Chips ---------- */
.mg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.mg-chip { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: .84rem; font-weight: 800; line-height: 1.4; text-decoration: none; color: var(--ink); }
.mg-chip-age { background: var(--peach); }
.mg-chip-coll { background: rgba(133, 141, 105, .28); }
.mg-chip-topic { border: 1.5px solid var(--olive); }
.mg-chip-plain { color: var(--ink-soft); padding-left: 2px; }
a.mg-chip:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }

/* ---------- Gradivo cards ---------- */
.mg-cards { display: grid; gap: clamp(22px, 3vw, 36px); grid-template-columns: 1fr; margin: 1.6em 0 0; }
@media (min-width: 620px) { .mg-cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .mg-cards { grid-template-columns: repeat(3, 1fr); } }
.mg-card { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.mg-card-sheet { position: relative; display: block; aspect-ratio: 5 / 7; background: var(--paper); border-radius: 6px; padding: 8px; box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease; }
.mg-card-sheet img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; border-radius: 2px; }
.mg-card-sheet:hover { transform: translateY(-3px) rotate(-.4deg); }
@media (prefers-reduced-motion: reduce) { .mg-card-sheet:hover { transform: none; } }
.mg-card-placeholder { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: var(--peach); color: var(--ink); border-radius: 2px; }
.mg-card-placeholder .mg-logo-mark { width: 40%; }
.mg-card-flag { position: absolute; top: 14px; left: -6px; background: var(--ink); color: var(--cream); font-weight: 800; font-size: .85rem; padding: 4px 14px 4px 12px; border-radius: 0 999px 999px 0; }
.mg-card-title { margin: 0 0 .3em; font-size: 1.35rem; }
.mg-card-title a { color: var(--ink); text-decoration: none; }
.mg-card-title a:hover { color: var(--terracotta-deep); text-decoration: underline; }
.mg-card-text { margin: 0 0 .8em; color: var(--ink-soft); font-size: 1rem; line-height: 1.55; }
.mg-card-link { display: inline-flex; align-items: center; gap: .55em; font-weight: 800; color: var(--terracotta-deep); text-decoration: none; }
.mg-card-link::before { content: ""; width: .8em; height: .8em; border-radius: 50%; background: radial-gradient(circle, var(--cream) 0 34%, var(--terracotta) 36% 100%); }
.mg-card-link:hover { text-decoration: underline; }
.mg-empty, .mg-empty-state { color: var(--ink-soft); }

/* ---------- Archive filters ---------- */
.mg-filters { display: grid; gap: 14px; margin-bottom: clamp(24px, 4vw, 40px); padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.mg-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.mg-filter-label, .mg-filter-details summary { font-weight: 800; min-width: 7.5em; cursor: default; }
.mg-filter-details { width: 100%; }
.mg-filter-details summary { cursor: pointer; padding: 6px 0; }
.mg-filter-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mg-chip-filter { font-size: .95rem; padding: 7px 16px; border: 1.5px solid var(--olive); background: transparent; }
.mg-chip-filter.is-current { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.mg-filter-details .mg-filter-list { margin-top: 8px; }
.navigation.pagination { margin-top: 40px; }
.nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.nav-links .page-numbers { padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--olive); text-decoration: none; color: var(--ink); font-weight: 800; }
.nav-links .page-numbers.current { background: var(--ink); color: var(--cream); border-color: var(--ink); }

/* ---------- Single gradivo ---------- */
.mg-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .95rem; margin-bottom: clamp(16px, 3vw, 28px); color: var(--ink-soft); }
.mg-crumbs a { color: var(--ink-soft); }
.mg-single-grid { display: grid; gap: 0 clamp(28px, 5vw, 64px); grid-template-columns: 1fr; grid-template-areas: "head" "sheet" "buy" "text"; }
.mg-single-head { grid-area: head; }
.mg-single-sheet { grid-area: sheet; margin: 8px 0 28px; max-width: 420px; background: var(--paper); padding: 10px; border-radius: 6px; box-shadow: var(--shadow); transform: rotate(-1deg); align-self: start; }
.mg-single-sheet img { display: block; width: 100%; height: auto; border-radius: 2px; }
.mg-single-buy { grid-area: buy; margin-bottom: 36px; }
.mg-single-text { grid-area: text; }
@media (min-width: 900px) {
	.mg-single-grid { grid-template-columns: minmax(280px, 400px) 1fr; grid-template-areas: "sheet head" "sheet buy" "sheet text"; grid-template-rows: auto auto 1fr; }
	.mg-single-sheet { position: sticky; top: 100px; margin: 0; }
}
.mg-download { background: var(--paper); border: 2px solid var(--ink); border-radius: var(--radius); padding: clamp(18px, 3vw, 28px); box-shadow: 6px 6px 0 var(--peach); }
.mg-soon { margin: 0; color: var(--ink-soft); font-weight: 700; }
.mg-warn { color: #8a2c0d; margin-bottom: .6em; }
.mg-related { margin-top: clamp(48px, 8vw, 96px); padding-top: 32px; border-top: 1px solid var(--line); }

/* ---------- Forms ---------- */
.mg-form { display: grid; gap: 16px; }
.mg-form-lead { margin: 0; }
.mg-field label { display: block; font-weight: 800; margin-bottom: 6px; font-size: 1rem; }
.mg-field input[type="text"], .mg-field input[type="email"], .mg-field select, .mg-field textarea { width: 100%; font: inherit; font-size: 1.05rem; color: var(--ink); background: #fff; border: 2px solid var(--ink-soft); border-radius: 12px; padding: 13px 14px; min-height: 52px; }
.mg-field textarea { min-height: 150px; resize: vertical; }
.mg-field input:focus, .mg-field select:focus, .mg-field textarea:focus { outline: 3px solid var(--terracotta); outline-offset: 1px; border-color: var(--ink); }
.mg-check { display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start; }
.mg-check input { width: 26px; height: 26px; margin: 2px 0 0; accent-color: var(--terracotta); }
.mg-check label { font-weight: 600; font-size: .95rem; line-height: 1.5; margin: 0; }
.mg-small { font-size: .92rem; color: var(--ink-soft); margin: 0; }
.mg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mg-notice { padding: 14px 16px; border-radius: 12px; font-weight: 700; margin-bottom: 16px; }
.mg-notice-ok { background: rgba(133, 141, 105, .22); border: 2px solid var(--olive); }
.mg-notice-err { background: #fbe6dc; border: 2px solid var(--terracotta); color: #6e2a12; }
.mg-contact { max-width: 36rem; margin: 1.2em 0 2em; }

/* ---------- Home: sections, trail, hero ---------- */
.mg-home { position: relative; }
.mg-section { position: relative; padding: clamp(48px, 8vw, 96px) max(var(--gutter), calc((100% - var(--wrap)) / 2)); }
.mg-section > :last-child { margin-bottom: 0; }
.mg-section p { max-width: 38em; }
.mg-section .mg-note { color: var(--ink-soft); font-size: .98rem; }

/* Dashed trail along the left edge with a marker at each section heading (wide screens). */
@media (min-width: 900px) {
	.mg-home::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(max(var(--gutter), (100% - var(--wrap)) / 2) - 34px); border-left: 3px dashed rgba(180, 94, 61, .45); z-index: 1; pointer-events: none; }
	.mg-section h2::before, .mg-hero-title::before { content: ""; position: absolute; left: -45px; top: .28em; width: 24px; height: 24px; border-radius: 50%; background: radial-gradient(circle, var(--cream) 0 34%, var(--terracotta) 36% 100%); z-index: 2; box-shadow: 0 0 0 6px var(--cream); }
	.mg-explain h2::before, .mg-collab h2::before { box-shadow: 0 0 0 6px var(--peach); }
	.mg-section h2, .mg-hero-title { position: relative; }
	.mg-hero-title::before { top: .2em; }
}
.mg-hero-title { position: relative; }

.mg-hero { padding-top: clamp(32px, 6vw, 72px); }
.mg-hero-cols { display: grid; gap: 36px clamp(32px, 6vw, 80px); grid-template-columns: 1fr; align-items: center; margin: 0; }
@media (min-width: 860px) { .mg-hero-cols { grid-template-columns: 1.15fr .85fr; } }
.mg-hero-cols > .wp-block-column { margin: 0; flex-basis: auto; }
.mg-hero-title { font-size: clamp(3rem, 9vw, 5.6rem); line-height: .95; letter-spacing: -.035em; margin-bottom: .3em; }
.mg-hero .mg-lead { font-family: var(--font-head); font-weight: 700; font-size: clamp(1.35rem, 3vw, 1.75rem); line-height: 1.25; letter-spacing: -.01em; }

.mg-hero-sheet { margin: 0; position: relative; max-width: 380px; margin-inline: auto; }
.mg-hero-sheet img { display: block; width: 100%; height: auto; background: var(--paper); padding: 10px; border-radius: 6px; box-shadow: var(--shadow); transform: rotate(2.2deg); animation: mg-settle .9s cubic-bezier(.2, .8, .2, 1) .15s both; }
.mg-hero-sheet::before { content: ""; position: absolute; z-index: 2; top: -12px; left: 50%; width: 110px; height: 30px; margin-left: -55px; background: rgba(133, 141, 105, .55); transform: rotate(-3deg); border-radius: 2px; }
@keyframes mg-settle { from { transform: rotate(7deg) translateY(18px); opacity: 0; } to { transform: rotate(2.2deg); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .mg-hero-sheet img { animation: none; } }

.mg-explain { background: var(--peach); }
.mg-ways, .mg-ages { display: grid; gap: 24px clamp(24px, 4vw, 48px); grid-template-columns: 1fr; margin: 1.6em 0 0; }
@media (min-width: 760px) { .mg-ways { grid-template-columns: repeat(3, 1fr); } .mg-ages { grid-template-columns: repeat(2, 1fr); } }
.mg-ways > .wp-block-column, .mg-ages > .wp-block-column { margin: 0; flex-basis: auto; }
.mg-ways h3 { padding-top: 14px; border-top: 3px solid var(--terracotta); display: inline-block; padding-right: 1.4em; }
.mg-ages h3 { margin-bottom: .3em; }
.mg-age .mg-ages > .wp-block-column { background: var(--paper); border-radius: var(--radius); padding: clamp(18px, 3vw, 28px); border: 2px solid var(--ink); }
.mg-age .mg-ages > .wp-block-column:first-child { box-shadow: 6px 6px 0 var(--peach); }
.mg-age .mg-ages > .wp-block-column:last-child { box-shadow: 6px 6px 0 rgba(133, 141, 105, .35); }
.mg-ages p:last-child { margin-bottom: 0; }

.mg-story { background: var(--ink); color: var(--cream); }
.mg-story h2 { color: var(--cream); }
.mg-story .is-style-outline .wp-block-button__link { color: var(--cream); border-color: var(--cream); }
.mg-story .is-style-outline .wp-block-button__link:hover { background: var(--cream); color: var(--ink); }
.mg-story p { font-size: 1.1em; }
.mg-story h2::before { box-shadow: 0 0 0 6px var(--ink) !important; }

.mg-collab { background: var(--peach); }
.mg-free .mg-cards { margin-top: 2em; }

/* ---------- Footer ---------- */
.mg-footer { background: var(--ink); color: var(--cream); padding: clamp(36px, 6vw, 64px) max(var(--gutter), calc((100% - var(--wrap)) / 2)) 24px; margin-top: 0; }
.mg-footer a { color: var(--cream); }
.mg-footer-inner { display: flex; flex-wrap: wrap; gap: 28px 64px; justify-content: space-between; }
.mg-logo-light, .mg-logo-light .mg-logo-mark { color: var(--cream); }
.mg-footer-brand p { margin: 12px 0 0; color: rgba(248, 244, 233, .8); max-width: 22em; }
.mg-footer-nav { display: flex; gap: 8px 32px; flex-wrap: wrap; align-items: flex-start; }
.mg-footer-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 24px; }
.mg-footer-menu a { display: inline-block; padding: 8px 0; font-weight: 700; }
.mg-footer-small { margin: 36px 0 0; padding-top: 18px; border-top: 1px solid rgba(248, 244, 233, .2); font-size: .9rem; color: rgba(248, 244, 233, .7); }

/* ---------- Core block bits editors may use ---------- */
.mg-entry img, .wp-block-image img { border-radius: 8px; }
.wp-block-quote { border-left: 4px solid var(--terracotta); margin: 1.6em 0; padding: .2em 0 .2em 1.2em; font-size: 1.1em; }
.wp-block-separator { border: 0; border-top: 2px dashed rgba(180, 94, 61, .5); margin: 2em 0; }