/*!
Theme Name: White Theme
Author: Codex
Author URI: https://openai.com/
Description: A modular studio and portfolio classic theme with native Customizer, editable projects and Widgets, comfortable typography and mobile-first reading.
Version: 0.3.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: makoa-classic
Tags: blog, portfolio, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, block-patterns
*/

:root {
  --mc-primary: #17191c;
  --mc-primary-second: #35383d;
  --mc-secondary: #5d626a;
  --mc-background: #ffffff;
  --mc-background-secondary: #f5f6f7;
  --mc-additional: #d7dadd;
  --mc-focus: #0067c9;
  --mc-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --mc-content: 720px;
  --mc-wide: 1120px;
  --mc-gutter: 32px;
  --mc-radius: 8px;
  --mc-body-size: 1.125rem;
  --mc-control-size: 2.75rem;
  --mc-space-10: 8px;
  --mc-space-20: 16px;
  --mc-space-30: 24px;
  --mc-space-40: 32px;
  --mc-space-50: 40px;
  --mc-space-60: 64px;
  --mc-hairline: 1px;
}
body.mc-style-lights-off {
  --mc-primary: #f2f3f4;
  --mc-primary-second: #d6d9dd;
  --mc-secondary: #b5bac2;
  --mc-background: #181a1d;
  --mc-background-secondary: #24272c;
  --mc-additional: #494e57;
  --mc-focus: #7cbeff;
}
*, *::before, *::after { box-sizing: border-box; }
html { margin: 0; scroll-padding-top: 96px; }
body {
  margin: 0;
  color: var(--mc-primary);
  background: var(--mc-background);
  font-family: var(--mc-font);
  font-size: var(--mc-body-size);
  line-height: 1.7;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
}
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 4px; }
a:hover { color: var(--mc-focus); }
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--mc-focus);
  outline-offset: 4px;
}
:where(h1, h2, h3, h4, [id]) { scroll-margin-top: 96px; }
img, video, svg { display: block; max-width: 100%; height: auto; }
iframe { max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, input[type="submit"] { cursor: pointer; }
figure { margin: 0; }
p { margin: 0 0 20px; }
:where(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 16px;
  font-family: var(--mc-font);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
h1 { font-size: 2.5rem; line-height: 1.25; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: fixed; top: 8px; left: 8px; z-index: 100000;
  width: auto; height: auto; padding: 12px 16px;
  clip: auto; background: var(--mc-background);
  border: 1px solid var(--mc-additional); border-radius: 6px;
}
.site { display: flex; min-height: 100vh; flex-direction: column; }
.mc-container, .mc-header-inner, .mc-footer-inner {
  width: min(var(--mc-wide), calc(100% - var(--mc-gutter) * 2));
  margin-inline: auto;
}
.mc-container--content { max-width: var(--mc-content); }
.mc-site-header {
  position: sticky; top: 0; z-index: 40;
  background: var(--mc-background);
  border-bottom: 1px solid var(--mc-additional);
}
.admin-bar .mc-site-header { top: 32px; }
.mc-header-inner {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 72px; gap: 24px; padding-block: 10px;
}
.mc-site-branding { min-width: 0; max-width: 360px; }
.mc-site-title, .custom-logo-link {
  display: block; color: var(--mc-primary);
  font-size: 1.125rem; font-weight: 650; line-height: 1.3;
  overflow-wrap: anywhere; text-decoration: none;
}
.custom-logo { max-width: 200px; max-height: 44px; object-fit: contain; }
.mc-navigation { display: flex; align-items: center; gap: 24px; font-size: 0.9375rem; }
.mc-navigation ul { display: flex; align-items: center; gap: 24px; padding: 0; margin: 0; list-style: none; }
.mc-navigation li { position: relative; }
.mc-navigation a { display: inline-flex; align-items: center; min-height: 44px; color: var(--mc-secondary); text-decoration: none; }
.mc-navigation a:hover { color: var(--mc-primary); }
.mc-navigation .current-menu-item > a, .mc-navigation .current-menu-ancestor > a {
  color: var(--mc-primary); text-decoration: underline; text-decoration-thickness: 2px;
}
.mc-navigation .current-menu-item > a[href*="#"] { color: var(--mc-secondary); text-decoration: none; }
.mc-navigation .sub-menu {
  position: absolute; top: 100%; right: 0;
  display: grid; width: 240px; gap: 0; padding: 8px;
  visibility: hidden; background: var(--mc-background);
  border: 1px solid var(--mc-additional); border-radius: 8px;
}
.mc-navigation li:hover > .sub-menu, .mc-navigation li:focus-within > .sub-menu { visibility: visible; }
.mc-navigation .sub-menu a { display: flex; padding: 8px 12px; overflow-wrap: anywhere; }
.mc-navigation .mc-nav-action { color: var(--mc-primary); font-weight: 600; }
.mc-menu-toggle { display: none; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; color: inherit; background: none; border: 0; }
.mc-menu-toggle__bar { display: block; width: 22px; height: 2px; margin: 5px auto; background: currentColor; }
.mc-menu-toggle[aria-expanded="true"] .mc-menu-toggle__bar:first-child { transform: translateY(3.5px) rotate(45deg); }
.mc-menu-toggle[aria-expanded="true"] .mc-menu-toggle__bar:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); }
.mc-main { flex: 1 0 auto; min-width: 0; padding-block: 48px 64px; }
.mc-main--archive > .mc-container { max-width: 880px; }
.mc-main--front > .mc-container { max-width: 960px; }
.mc-main--front .mc-entry { max-width: var(--mc-content); margin-inline: auto; }
.mc-home-intro { max-width: 720px; margin-bottom: 40px; }
.mc-home-intro h1 { margin-bottom: 16px; font-size: 2.25rem; }
.mc-lede { color: var(--mc-secondary); font-size: 1.125rem; line-height: 1.7; white-space: normal; }
.mc-featured {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px; align-items: center; padding-bottom: 40px;
  border-bottom: 1px solid var(--mc-additional);
}
.mc-featured:not(:has(.mc-featured__image)) { display: block; }
.mc-featured__image { display: block; text-decoration: none; }
.mc-featured__image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 8px; }
.mc-featured h2 { font-size: 1.75rem; margin-bottom: 16px; }
.mc-featured h2 a, .mc-post-card__title a { text-decoration: none; }
.mc-featured__excerpt { font-size: 1rem; color: var(--mc-secondary); }
.mc-featured__excerpt p { margin-bottom: 16px; }
.mc-kicker { color: var(--mc-secondary); font-size: 0.8125rem; font-weight: 600; margin-bottom: 12px; }
.mc-home-latest { margin-top: 40px; }
.mc-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-bottom: 8px; }
.mc-section-heading h2 { margin: 0; font-size: 1.375rem; }
.mc-section-heading a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 0.875rem; }
.mc-home-extras { margin-block: 32px; padding-block: 24px; border-block: 1px solid var(--mc-additional); }
.mc-home-intro + .mc-home-extras { margin-top: -16px; border-top: 0; padding-top: 0; }
.mc-home-widget + .mc-home-widget { margin-top: 24px; }
.mc-widget-title, .mc-footer-widget__title { font-size: 1.125rem; margin-bottom: 12px; }
.widget p:last-child { margin-bottom: 0; }
.widget ul { padding-left: 20px; }
.widget li { margin-bottom: 8px; }
.widget a { overflow-wrap: anywhere; }
.mc-home-widget { max-width: 720px; font-size: 1rem; }
.mc-page-header { margin-bottom: 32px; }
.mc-page-header h1 { margin-bottom: 16px; }
.mc-archive-description, .mc-search-summary { max-width: 720px; color: var(--mc-secondary); font-size: 1rem; overflow-wrap: anywhere; }
.mc-post-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.mc-post-card { display: flex; gap: 24px; align-items: flex-start; min-width: 0; padding-block: 24px; border-bottom: 1px solid var(--mc-additional); overflow-wrap: anywhere; }
.mc-post-card__body { flex: 1; min-width: 0; }
.mc-post-card__image { flex: 0 0 120px; order: 2; text-decoration: none; }
.mc-post-card__image img { width: 120px; max-height: 140px; object-fit: contain; border-radius: 6px; }
.mc-post-card__title { font-size: 1.375rem; margin-bottom: 10px; }
.mc-post-card__excerpt { color: var(--mc-secondary); font-size: 1rem; line-height: 1.6; }
.mc-post-card__excerpt p { margin-bottom: 12px; }
.mc-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--mc-secondary); font-size: 0.875rem; line-height: 1.5; }
.mc-meta__terms { display: inline-flex; align-items: center; min-height: 24px; }
.mc-meta__terms a { display: inline-flex; align-items: center; min-height: 24px; }
.mc-entry { padding-bottom: 32px; }
.mc-entry-header { margin-bottom: 32px; }
.mc-entry-title { margin-bottom: 20px; }
.mc-entry-image { margin-bottom: 32px; }
.mc-entry-image img { width: 100%; max-height: 480px; object-fit: contain; border-radius: 6px; }
.mc-entry-content { font-size: 1.125rem; line-height: 1.75; overflow-wrap: anywhere; }
.mc-entry-content > * { margin-top: 0; margin-bottom: 24px; }
.mc-entry-content :where(h2, h3, h4) { margin-top: 40px; margin-bottom: 16px; }
.mc-entry-content li { margin-bottom: 8px; }
.mc-entry-content :where(ul, ol) { padding-left: 1.5em; }
.mc-entry-content img { border-radius: 4px; }
.mc-entry-content :where(.alignwide, .alignfull) { max-width: 100%; width: 100%; margin-inline: 0; }
.mc-entry-content blockquote { padding: 4px 0 4px 20px; margin-inline: 0; border-left: 3px solid var(--mc-additional); color: var(--mc-primary-second); }
.mc-entry-content blockquote p:last-child { margin-bottom: 0; }
.mc-entry-content pre { max-width: 100%; overflow-x: auto; padding: 20px; font-size: 0.875rem; line-height: 1.6; background: var(--mc-background-secondary); border: 1px solid var(--mc-additional); border-radius: 6px; }
code, pre { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; }
.mc-entry-content :not(pre) > code { font-size: 0.9em; background: var(--mc-background-secondary); padding: 2px 4px; }
.mc-entry-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 1rem; }
.mc-entry-content th, .mc-entry-content td { padding: 12px 16px; border: 1px solid var(--mc-additional); text-align: left; }
.mc-entry-content th { background: var(--mc-background-secondary); }
.mc-entry-content :where(th, td):first-child { white-space: nowrap; }
figcaption, .wp-caption-text, .gallery-caption { color: var(--mc-secondary); font-size: 0.875rem; line-height: 1.6; margin-top: 10px; }
.wp-caption { max-width: 100%; }
.mc-entry-tags { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 32px; font-size: 0.875rem; color: var(--mc-secondary); }
.mc-entry-tags a { display: inline-flex; align-items: center; min-height: 44px; }
.post-navigation { margin-block: 16px 40px; padding-block: 24px; border-block: 1px solid var(--mc-additional); }
.post-navigation .nav-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.post-navigation a { display: block; min-height: 44px; text-decoration: none; }
.nav-subtitle { display: block; color: var(--mc-secondary); font-size: 0.8125rem; margin-bottom: 8px; }
.nav-title { display: block; font-size: 1rem; overflow-wrap: anywhere; }
.nav-next { text-align: right; }
.pagination, .comments-pagination, .page-links { margin-top: 32px; }
.pagination .nav-links, .comments-pagination .nav-links, .page-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pagination .page-numbers, .comments-pagination .page-numbers, .page-links > :where(a, span) {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 8px 12px;
  border-radius: 6px; text-decoration: none; font-size: 0.9375rem;
}
.pagination .current, .comments-pagination .current, .page-links .current { color: var(--mc-background); background: var(--mc-primary); font-weight: 600; }
.pagination a:hover, .comments-pagination a:hover { background: var(--mc-background-secondary); }
.mc-empty { padding-block: 16px; max-width: var(--mc-content); }
.mc-empty h2 { font-size: 1.375rem; }
.mc-empty__actions { margin-block: 24px; }
.mc-button, .wp-block-button__link, input[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 10px 20px;
  color: var(--mc-background); background: var(--mc-primary);
  border: 1px solid var(--mc-primary); border-radius: 6px;
  font-size: 1rem; font-weight: 600; line-height: 1.4; text-decoration: none;
}
.mc-button:hover, .wp-block-button__link:hover, input[type="submit"]:hover { background: var(--mc-primary-second); color: var(--mc-background); }
.mc-button--outline, .is-style-outline > .wp-block-button__link { color: var(--mc-primary); background: transparent; border-color: var(--mc-additional); }
.mc-search-form { display: flex; align-items: stretch; gap: 8px; max-width: 560px; margin-top: 24px; }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], textarea, select {
  width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px;
  border: 1px solid #9298a1; border-radius: 6px;
  color: var(--mc-primary); background: var(--mc-background); font-size: 1rem; line-height: 1.5;
}
.mc-search-form__field { flex: 1; width: 0; }
.mc-search-form__submit { flex: 0 0 auto; padding: 10px 16px; }
textarea { min-height: 180px; resize: vertical; }
.mc-comments { padding-top: 8px; }
.comments-title { font-size: 1.375rem; }
.comment-list { padding: 0; margin: 24px 0 40px; list-style: none; }
.comment-list .children { padding-left: 20px; list-style: none; }
.comment-list .children .children { padding-left: 12px; }
.comment-list .children .children .children { padding-left: 0; }
.comment-body { padding-block: 24px; border-bottom: 1px solid var(--mc-additional); }
.comment-author { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 1rem; }
.comment-author .avatar { width: 32px; height: 32px; border-radius: 50%; }
.comment-author .says { display: none; }
.comment-metadata { font-size: 0.8125rem; color: var(--mc-secondary); margin-block: 8px 12px; }
.comment-content { font-size: 1rem; overflow-wrap: anywhere; }
.comment-content p:last-child { margin-bottom: 8px; }
.reply a { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.875rem; }
.comment-reply-title { font-size: 1.375rem; }
.comment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; font-size: 1rem; }
.comment-form p { margin: 0; min-width: 0; }
.comment-form :where(.comment-notes, .logged-in-as, .comment-form-comment, .comment-form-url, .comment-form-cookies-consent, .form-submit) { grid-column: 1 / -1; }
.comment-form label { display: block; margin-bottom: 8px; }
.comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 10px; }
.comment-form-cookies-consent input { flex: 0 0 20px; width: 20px; height: 20px; margin: 4px 0 0; }
.comment-form-cookies-consent label { padding-block: 2px; min-height: 44px; }
.mc-site-footer { padding-block: 32px 24px; border-top: 1px solid var(--mc-additional); }
.mc-footer-inner { display: grid; gap: 24px; font-size: 0.875rem; color: var(--mc-secondary); }
.mc-footer-widgets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.mc-footer-widget + .mc-footer-widget { margin-top: 20px; }
.mc-footer-widget__title { color: var(--mc-primary); font-size: 1rem; }
.mc-footer-widget ul { margin: 0; }
.mc-footer-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.mc-footer-nav ul, .mc-social { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0; margin: 0; }
.mc-footer-nav a, .mc-social a { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.875rem; text-decoration: none; }
.mc-powered { margin: 0; font-size: 0.8125rem; }
.mc-footer-credit { display: block; }
.alignleft { float: left; max-width: 50%; margin: 0 24px 16px 0; }
.alignright { float: right; max-width: 50%; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin-inline: auto; }
.mc-entry-content::after { display: table; clear: both; content: ""; }
.bypostauthor > .comment-body { border-left: 2px solid var(--mc-additional); padding-left: 16px; }
.sticky .mc-post-card__title { font-weight: 650; }

/* Existing editor-created sections remain readable in Page content mode. */
.mc-section { padding-block: 32px; }
.mc-section-header { margin-bottom: 24px; }
.mc-card-grid, .wp-block-columns.mc-card-grid, .mc-showcase-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mc-card, .wp-block-column.mc-card { min-width: 0; padding: 24px; border: 1px solid var(--mc-additional); border-radius: 8px; }
.mc-card p { font-size: 1rem; color: var(--mc-secondary); }
.mc-card img, .mc-showcase img { width: 100%; border-radius: 6px; }
.mc-card .mc-price__value { font-size: 2rem; color: var(--mc-primary); }
.mc-hero, .mc-pattern-hero { padding-block: 24px; }
.mc-hero__media, .mc-pattern-avatar { margin-bottom: 20px; }
.mc-hero__media img, .mc-pattern-avatar img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; }
.wp-block-buttons, .mc-button-row { display: flex; flex-wrap: wrap; gap: 12px; }
.wp-block-column { min-width: 0; }

/* Studio identity and work retain the original theme's modular rhythm. */
.mc-main--front:has(.white-studio) > .mc-container { max-width: 1120px; }
.white-intro { padding-block: 20px 56px; max-width: 820px; }
.white-intro h1 { font-size: 4rem; line-height: 1.12; margin-bottom: 24px; }
.white-intro .mc-kicker { font-size: 0.875rem; margin-bottom: 20px; }
.white-intro__description { max-width: 680px; font-size: 1.5rem; line-height: 1.65; color: var(--mc-primary-second); margin-bottom: 28px; }
.white-intro__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.white-intro__actions > a { min-height: 44px; display: inline-flex; align-items: center; font-size: 1rem; }
.white-availability { margin: 24px 0 0; color: var(--mc-secondary); font-size: 0.8125rem; }
.white-section { padding-block: 40px; border-top: 1px solid var(--mc-additional); }
.white-section .mc-section-heading { margin-bottom: 28px; }
.white-section .mc-section-heading h2 { font-size: 1.5rem; }
.white-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
.white-project { min-width: 0; }
.white-project:first-child { grid-column: 1 / -1; }
.white-project__link { display: block; text-decoration: none; }
.white-project__image { overflow: hidden; background: var(--mc-background-secondary); border-radius: 8px; margin-bottom: 18px; }
.white-project__image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.white-project:first-child .white-project__image img { aspect-ratio: 3 / 2; }
.white-project h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; font-size: 1.25rem; margin-bottom: 8px; }
.white-project h3 span { flex: 0 0 auto; }
.white-project__summary { color: var(--mc-secondary); font-size: 0.9375rem; margin: 0; }
.white-services__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.white-services__grid .mc-home-widget { margin: 0; max-width: none; padding: 24px; border: 1px solid var(--mc-additional); border-radius: 8px; }
.white-services .mc-widget-title { font-size: 1.125rem; }
.white-services .textwidget { color: var(--mc-secondary); }
.white-services .textwidget ul { list-style: none; padding: 0; margin-bottom: 0; font-size: 0.9375rem; }
.white-services .textwidget li { padding-top: 12px; border-top: 1px solid var(--mc-additional); }
.white-about { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 64px; }
.white-about .mc-home-widget { margin: 0; min-width: 0; }
.white-about .mc-widget-title { font-size: 1.5rem; margin-bottom: 24px; }
.white-about .textwidget { color: var(--mc-secondary); line-height: 1.8; }
.white-about ol { padding-left: 24px; }
.white-about ol li { padding-left: 8px; margin-bottom: 18px; }
.white-about strong { color: var(--mc-primary); font-weight: 600; }
.white-journal .mc-post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.white-journal .mc-post-card { padding: 0; border: 0; }
.white-journal .mc-post-card__image { display: none; }
.white-journal .mc-post-card__title { font-size: 1.125rem; }
.white-journal .mc-post-card__excerpt { font-size: 0.9375rem; }
.white-closing { padding-block: 48px 24px; }
.white-closing .mc-home-widget { max-width: 820px; }
.white-closing .mc-widget-title { font-size: 2rem; margin-bottom: 20px; }
.white-closing .textwidget { color: var(--mc-secondary); }
.white-closing .mc-button { margin-top: 8px; }

@media (max-width: 920px) {
  .white-services__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .white-about { gap: 32px; }
  .white-journal .mc-post-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .white-journal .mc-post-card { padding-block: 20px; border-bottom: 1px solid var(--mc-additional); }
}
@media (max-width: 720px) {
  .white-intro { padding-block: 0 36px; }
  .white-intro h1 { font-size: 2.5rem; }
  .white-intro__description { font-size: 1.1875rem; }
  .white-project-grid, .white-about { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .white-project:first-child .white-project__image img { aspect-ratio: 3 / 2; }
  .white-section { padding-block: 32px; }
  .white-section .mc-section-heading { margin-bottom: 24px; }
  .white-closing .mc-widget-title { font-size: 1.75rem; }
}

@media (max-width: 920px) {
  .mc-header-inner { position: relative; min-height: 64px; padding-block: 10px; flex-wrap: wrap; }
  .mc-js .mc-menu-toggle { display: block; }
  .mc-navigation {
    position: static; order: 3;
    display: block; width: 100%; max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px);
    overflow-y: auto; padding: 16px 20px;
    background: var(--mc-background); border: 1px solid var(--mc-additional);
    border-radius: 0 0 8px 8px;
  }
  .mc-js .mc-navigation { position: absolute; top: 100%; left: 0; right: 0; display: none; }
  .mc-navigation.is-open { display: block; }
  .mc-navigation ul { display: grid; gap: 0; align-items: stretch; }
  .mc-navigation a { display: flex; min-height: 48px; padding: 8px 4px; font-size: 1rem; }
  .mc-navigation .sub-menu { position: static; width: 100%; visibility: visible; padding: 0 0 8px 16px; border: 0; }
  .mc-navigation .mc-nav-action { border-top: 1px solid var(--mc-additional); margin-top: 8px; padding-top: 12px; }
}
@media (max-width: 782px) {
  .admin-bar .mc-site-header { top: 46px; }
}
@media (max-width: 720px) {
  :root { --mc-gutter: 20px; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  .mc-main { padding-block: 32px 48px; }
  .mc-home-intro { margin-bottom: 28px; }
  .mc-home-intro h1 { font-size: 1.875rem; }
  .mc-featured { display: flex; flex-direction: column; gap: 20px; padding-bottom: 28px; align-items: stretch; }
  .mc-featured__body { order: -1; }
  .mc-featured h2 { font-size: 1.5rem; }
  .mc-featured__image img { aspect-ratio: 16 / 9; }
  .mc-home-latest { margin-top: 28px; }
  .mc-post-card { gap: 16px; padding-block: 20px; }
  .mc-post-card__image { flex-basis: 80px; }
  .mc-post-card__image img { width: 80px; max-height: 104px; }
  .mc-post-card__title { font-size: 1.3125rem; }
  .mc-entry-header { margin-bottom: 28px; }
  .mc-entry-content { line-height: 1.8; }
  .mc-entry-content blockquote { padding-left: 16px; }
  .mc-entry-content pre { padding: 16px; }
  .post-navigation .nav-links { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .nav-next { text-align: left; }
  .comment-form { grid-template-columns: minmax(0, 1fr); }
  .mc-footer-widgets, .mc-card-grid, .wp-block-columns.mc-card-grid, .mc-showcase-grid { grid-template-columns: minmax(0, 1fr); }
  .mc-footer-bar { align-items: flex-start; gap: 8px 24px; }
  .mc-powered { flex-basis: 100%; margin-top: 8px; }
  .alignleft, .alignright { float: none; max-width: 100%; margin-inline: 0; }
}
@media (max-width: 360px) {
  :root { --mc-gutter: 16px; }
  .mc-post-card { flex-direction: column; }
  .mc-post-card__image { display: none; }
  .mc-search-form__submit { padding-inline: 12px; }
}
@media (max-width: 600px) {
  .admin-bar .mc-site-header { top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}