/*
Theme Name: Millenia Vista Docs
Theme URI: https://milleniavista.com/
Author: Millenia Vista
Author URI: https://milleniavista.com/
Description: A clean, editorial WordPress theme for Millenia Vista theme documentation, installation guides, tutorials, troubleshooting and support content.
Version: 1.0.25
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: millenia-vista-docs
*/

:root {
  --mv-sage: #8f9a8f;
  --mv-eucalyptus: #6f7c72;
  --mv-mist: #c9d0c9;
  --mv-champagne: #d8c2a8;
  --mv-ivory: #f4f1eb;
  --mv-paper: #fffdf9;
  --mv-white: #ffffff;
  --mv-ink: #25302b;
  --mv-text: #4d5752;
  --mv-muted: #7d8782;
  --mv-border: #dfe3de;
  --mv-soft-border: #e9e8e3;
  --mv-serif: "Playfair Display", Georgia, serif;
  --mv-sans: "Lato", Arial, sans-serif;
  --mv-width: 1120px;
  --mv-reading: 720px;
  --mv-radius: 0px;
  --mv-shadow: 0 16px 45px rgba(61, 72, 66, 0.07);
  --mv-transition: 180ms ease;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--mv-paper);
  color: var(--mv-text);
  font-family: var(--mv-sans);
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; height: auto; }
a { color: var(--mv-eucalyptus); text-decoration: none; transition: color var(--mv-transition), opacity var(--mv-transition); }
a:hover { color: var(--mv-ink); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { background: var(--mv-mist); color: var(--mv-ink); }

.screen-reader-text {
  position: absolute !important;
  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 {
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px 14px;
  clip: auto;
  top: 8px;
  left: 8px;
  z-index: 99999;
  background: var(--mv-white);
  color: var(--mv-ink);
}

.mv-container {
  width: min(var(--mv-width), calc(100% - 40px));
  margin-inline: auto;
}

/* Header */
.mv-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,253,249,.96);
  border-bottom: 1px solid var(--mv-soft-border);
  backdrop-filter: blur(12px);
}
.admin-bar .mv-site-header { top: 32px; }
.mv-header-inner {
  min-height: 66px;
  display: grid;
  grid-template-columns: 205px minmax(0,1fr) auto;
  align-items: center;
  gap: 24px;
}
.mv-brand { display: inline-flex; align-items: center; max-width: 205px; }
.mv-brand img { width: 100%; height: auto; object-fit: contain; object-position: left center; }
.mv-brand-text {
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 21px;
  letter-spacing: .03em;
}
.mv-primary-nav > ul { display: flex; align-items: center; justify-content: center; gap: 22px; margin: 0; padding: 0; list-style: none; }
.mv-primary-nav a {
  color: var(--mv-ink);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mv-primary-nav a:hover,
.mv-primary-nav .current-menu-item > a,
.mv-primary-nav .current_page_item > a { color: var(--mv-eucalyptus); }
.mv-primary-nav li { position: relative; list-style: none; }
.mv-primary-nav .sub-menu {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  z-index: 20;
  min-width: 170px;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--mv-border);
  background: var(--mv-paper);
  box-shadow: var(--mv-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -4px);
  transition: opacity var(--mv-transition), visibility var(--mv-transition), transform var(--mv-transition);
}
.mv-primary-nav .sub-menu::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 19px;
}
.mv-primary-nav .sub-menu li + li { margin-top: 1px; }
.mv-primary-nav .sub-menu a { display: block; padding: 9px 11px; white-space: nowrap; }
.mv-primary-nav .menu-item-has-children:hover > .sub-menu,
.mv-primary-nav .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.mv-header-actions { display: flex; align-items: center; gap: 12px; }
.mv-header-link,
.mv-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid var(--mv-eucalyptus);
  background: transparent;
  color: var(--mv-eucalyptus);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background var(--mv-transition), color var(--mv-transition), border-color var(--mv-transition);
}
.mv-button:hover,
.mv-header-link:hover { background: var(--mv-eucalyptus); color: var(--mv-white); }
.mv-button--solid { background: var(--mv-eucalyptus); color: var(--mv-white); }
.mv-button--solid:hover { background: var(--mv-ink); border-color: var(--mv-ink); }
.mv-menu-toggle { display: none; width: 42px; height: 42px; padding: 0; border: 1px solid var(--mv-border); background: transparent; color: var(--mv-ink); }

/* Hero */
.mv-docs-hero {
  position: relative;
  overflow: hidden;
  padding: 64px 0 70px;
  background: var(--mv-ivory);
  border-bottom: 1px solid var(--mv-border);
}
.mv-docs-hero::before,
.mv-docs-hero::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(111,124,114,.18);
  border-radius: 50%;
}
.mv-docs-hero::before { width: 440px; height: 440px; right: -165px; top: -190px; }
.mv-docs-hero::after { width: 260px; height: 260px; right: -40px; top: -85px; }
.mv-hero-grid { display: grid; grid-template-columns: minmax(0, .98fr) minmax(340px, .72fr); align-items: center; gap: 50px; }
.mv-eyebrow {
  margin: 0 0 15px;
  color: var(--mv-eucalyptus);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
  line-height: 1.4;
  text-transform: uppercase;
}
.mv-hero-title,
.mv-page-title,
.mv-archive-title {
  margin: 0;
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.08;
}
.mv-hero-title { max-width: 700px; font-size: clamp(42px, 4.6vw, 64px); }
.mv-hero-intro { max-width: 610px; margin: 19px 0 0; color: #68726d; font-size: 15.5px; line-height: 1.7; }
.mv-search-panel {
  position: relative;
  z-index: 1;
  padding: 28px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(143,154,143,.42);
  box-shadow: var(--mv-shadow);
}
.mv-search-panel-label { margin: 0 0 9px; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 23px; line-height: 1.2; }
.mv-search-panel-copy { margin: 0 0 17px; color: var(--mv-muted); font-size: 13px; }
.mv-doc-search { display: grid; grid-template-columns: minmax(0,1fr) auto; }
.mv-doc-search input[type="search"] {
  min-width: 0;
  height: 48px;
  padding: 0 16px;
  border: 1px solid var(--mv-eucalyptus);
  border-right: 0;
  border-radius: 0;
  outline: none;
  background: var(--mv-white);
  color: var(--mv-ink);
}
.mv-doc-search input[type="search"]:focus { box-shadow: inset 0 0 0 1px var(--mv-eucalyptus); }
.mv-doc-search button {
  min-width: 52px;
  height: 48px;
  border: 1px solid var(--mv-eucalyptus);
  background: var(--mv-eucalyptus);
  color: var(--mv-white);
}
.mv-doc-search button:hover { background: var(--mv-ink); border-color: var(--mv-ink); }
.mv-search-suggestions { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 17px; font-size: 12px; color: var(--mv-muted); }
.mv-search-suggestions strong { color: var(--mv-ink); }
.mv-search-suggestions a { text-decoration: underline; text-underline-offset: 3px; }

/* Sections */
.mv-section { padding: 64px 0; }
.mv-section--soft { background: #f8f6f1; border-block: 1px solid var(--mv-soft-border); }
.mv-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.mv-section-title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: clamp(28px, 2.6vw, 40px); font-weight: 500; line-height: 1.15; }
.mv-section-copy { max-width: 580px; margin: 9px 0 0; color: var(--mv-muted); }
.mv-text-link { color: var(--mv-eucalyptus); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mv-text-link::after { content: " →"; }

.mv-quick-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.mv-quick-card,
.mv-theme-card,
.mv-topic-card,
.mv-doc-card {
  position: relative;
  background: var(--mv-white);
  border: 1px solid var(--mv-border);
  transition: transform var(--mv-transition), border-color var(--mv-transition), box-shadow var(--mv-transition);
}
.mv-quick-card:hover,
.mv-theme-card:hover,
.mv-topic-card:hover,
.mv-doc-card:hover { transform: translateY(-3px); border-color: var(--mv-sage); box-shadow: var(--mv-shadow); }
.mv-quick-card { padding: 24px; }
.mv-card-number { display: block; margin-bottom: 18px; color: var(--mv-champagne); font-family: var(--mv-serif); font-size: 28px; line-height: 1; }
.mv-card-title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 22px; font-weight: 500; line-height: 1.22; }
.mv-card-copy { margin: 10px 0 0; color: var(--mv-muted); font-size: 13px; line-height: 1.65; }
.mv-card-link { display: inline-block; margin-top: 16px; color: var(--mv-eucalyptus); font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

.mv-theme-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.mv-theme-card { min-height: 155px; padding: 24px; overflow: hidden; }
.mv-theme-card::after {
  content: "MV";
  position: absolute;
  right: -12px;
  bottom: -42px;
  color: rgba(143,154,143,.10);
  font-family: var(--mv-serif);
  font-size: 105px;
  line-height: 1;
}
.mv-theme-card__meta { color: var(--mv-eucalyptus); font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mv-theme-card__title { margin: 8px 0 5px; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 27px; font-weight: 500; line-height: 1.15; }
.mv-theme-card__count { color: var(--mv-muted); font-size: 13px; }

.mv-topic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.mv-topic-card { padding: 22px; }
.mv-topic-card__kicker { display: block; margin-bottom: 10px; color: var(--mv-champagne); font-size: 18px; }
.mv-topic-card__title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 21px; font-weight: 500; }
.mv-topic-card__count { margin-top: 8px; color: var(--mv-muted); font-size: 12px; }

.mv-doc-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.mv-doc-card { padding: 22px; }
.mv-doc-card__terms { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.mv-pill { display: inline-flex; align-items: center; min-height: 23px; padding: 4px 8px; background: var(--mv-ivory); color: var(--mv-eucalyptus); font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.mv-doc-card__title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 20px; font-weight: 500; line-height: 1.3; }
.mv-doc-card__excerpt { margin: 11px 0 0; color: var(--mv-muted); font-size: 13px; line-height: 1.65; }
.mv-doc-card__link { display: inline-block; margin-top: 18px; color: var(--mv-eucalyptus); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

/* Archive and search */
.mv-page-hero { padding: 48px 0 42px; background: var(--mv-ivory); border-bottom: 1px solid var(--mv-border); }
.mv-page-title,
.mv-archive-title { font-size: clamp(34px, 3.7vw, 50px); }
.mv-page-intro { max-width: 720px; margin: 17px 0 0; color: var(--mv-muted); }
.mv-archive-layout { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 46px; padding: 50px 0 70px; }
.mv-doc-sidebar { min-width: 0; }
.mv-doc-sidebar__inner { position: sticky; top: 92px; }
.mv-sidebar-block + .mv-sidebar-block { margin-top: 34px; padding-top: 29px; border-top: 1px solid var(--mv-border); }
.mv-sidebar-title { margin: 0 0 13px; color: var(--mv-ink); font-size: 11px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.mv-sidebar-list { margin: 0; padding: 0; list-style: none; }
.mv-sidebar-list li + li { margin-top: 7px; }
.mv-sidebar-list a { color: var(--mv-text); font-size: 13px; }
.mv-sidebar-list a:hover,
.mv-sidebar-list .current-cat > a { color: var(--mv-eucalyptus); }
.mv-sidebar-count { float: right; color: var(--mv-muted); font-size: 11px; }
.mv-archive-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 1px solid var(--mv-border); }
.mv-result-count { color: var(--mv-muted); font-size: 12px; letter-spacing: .04em; }
.mv-doc-list { display: grid; gap: 14px; }
.mv-doc-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--mv-border); }
.mv-doc-row:first-child { padding-top: 0; }
.mv-doc-row__title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 22px; font-weight: 500; line-height: 1.25; }
.mv-doc-row__excerpt { max-width: 720px; margin: 8px 0 0; color: var(--mv-muted); font-size: 13px; line-height: 1.65; }
.mv-doc-row__arrow { align-self: center; color: var(--mv-champagne); font-size: 24px; }

/* Theme-first documentation directory and hubs */
.mv-directory-section { padding: 52px 0 72px; }
.mv-directory-search {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(340px,1.2fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 54px;
  padding: 26px;
  border: 1px solid var(--mv-border);
  background: var(--mv-white);
}
.mv-directory-heading { margin-bottom: 26px; }
.mv-directory-title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 28px; font-weight: 500; line-height: 1.2; }

.mv-theme-hub { padding: 42px 0 72px; }
.mv-theme-tools {
  display: grid;
  grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
  gap: 26px;
  margin-bottom: 38px;
  padding-bottom: 34px;
  border-bottom: 1px solid var(--mv-border);
}
.mv-theme-search-wrap,
.mv-theme-filter-wrap { min-width: 0; }
.mv-theme-tools-label,
.mv-results-heading {
  margin: 0;
  color: var(--mv-ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.4;
  text-transform: uppercase;
}
.mv-theme-tools-copy { margin: 5px 0 14px; color: var(--mv-muted); font-size: 12px; }
.mv-doc-search--theme { max-width: 440px; }
.mv-theme-filter-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.mv-clear-filter,
.mv-back-to-theme { color: var(--mv-eucalyptus); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.mv-theme-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.mv-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 7px 10px 7px 12px;
  border: 1px solid var(--mv-border);
  background: var(--mv-white);
  color: var(--mv-text);
  font-size: 11px;
  line-height: 1.2;
}
.mv-filter-chip:hover { border-color: var(--mv-sage); color: var(--mv-eucalyptus); }
.mv-filter-chip.is-active { border-color: var(--mv-eucalyptus); background: var(--mv-eucalyptus); color: var(--mv-white); }
.mv-filter-count {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  background: var(--mv-ivory);
  color: var(--mv-muted);
  font-size: 9px;
}
.mv-filter-chip.is-active .mv-filter-count { background: rgba(255,255,255,.16); color: var(--mv-white); }
.mv-theme-results { width: min(900px,100%); margin: 0 auto; }
.mv-theme-results .mv-archive-toolbar { align-items: end; }
.mv-results-heading + .mv-result-count { display: block; margin-top: 5px; }

/* In-place theme filtering. Links remain normal URLs as a no-JS fallback. */
.mv-theme-filter-wrap,
.mv-theme-results {
  transition: opacity 140ms ease;
}
.mv-theme-hub.is-filtering .mv-theme-filter-wrap,
.mv-theme-hub.is-filtering .mv-theme-results {
  opacity: .48;
  pointer-events: none;
}
.mv-theme-hub.is-filtering .mv-theme-results {
  min-height: 180px;
}

.mv-search-results-layout { width: min(900px, calc(100% - 40px)); padding: 42px 0 72px; }
.mv-search-results-tools { margin-bottom: 28px; }
.mv-search-results-tools .mv-doc-search { max-width: 620px; }
.mv-back-to-theme { display: inline-block; margin-top: 15px; }
.mv-search-theme-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 14px; color: var(--mv-muted); font-size: 11px; }
.mv-mini-chip { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border: 1px solid var(--mv-border); background: var(--mv-white); color: var(--mv-eucalyptus); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mv-mini-chip:hover { border-color: var(--mv-eucalyptus); }

.mv-sidebar-context { margin: 0 0 5px; color: var(--mv-eucalyptus); font-family: var(--mv-serif); font-size: 20px; font-weight: 500; line-height: 1.2; }
.mv-sidebar-groups--theme .mv-sidebar-title { margin-bottom: 15px; }

/* Single documentation */
.mv-breadcrumbs { padding: 14px 0; border-bottom: 1px solid var(--mv-soft-border); color: var(--mv-muted); font-size: 10.5px; }
.mv-breadcrumbs a { color: var(--mv-muted); }
.mv-breadcrumbs a:hover { color: var(--mv-eucalyptus); }
.mv-breadcrumbs span { margin-inline: 7px; color: var(--mv-mist); }
.mv-doc-shell { display: grid; grid-template-columns: 220px minmax(0,var(--mv-reading)) 190px; justify-content: center; gap: 36px; padding: 46px 0 72px; }
.mv-doc-nav,
.mv-on-page { min-width: 0; }
.mv-doc-nav__inner,
.mv-on-page__inner { position: sticky; top: 92px; }
.mv-doc-nav__back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 24px;
  color: var(--mv-eucalyptus);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mv-doc-nav__back::before {
  content: "←";
  display: inline-block;
  font-size: 11px;
  transition: transform 220ms cubic-bezier(.22,.61,.36,1);
}
.mv-doc-nav__back:hover::before,
.mv-doc-nav__back:focus-visible::before {
  transform: translateX(-3px);
}
.mv-doc-article { min-width: 0; }
.mv-doc-header { padding-bottom: 28px; border-bottom: 1px solid var(--mv-border); }
.mv-doc-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.mv-doc-title { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: clamp(36px,3.6vw,50px); font-weight: 500; letter-spacing: -.025em; line-height: 1.08; }
.mv-doc-lead { margin: 15px 0 0; color: var(--mv-muted); font-size: 15px; line-height: 1.65; }
.mv-entry-content { padding-top: 28px; color: var(--mv-text); }
.mv-entry-content > *:first-child { margin-top: 0; }
.mv-entry-content h2,
.mv-entry-content h3,
.mv-entry-content h4 { scroll-margin-top: 125px; color: var(--mv-ink); font-family: var(--mv-serif); font-weight: 500; line-height: 1.25; }
.mv-entry-content h2 { margin: 40px 0 14px; padding-top: 9px; font-size: 30px; }
.mv-entry-content h3 { margin: 30px 0 11px; font-size: 24px; }
.mv-entry-content h4 { margin: 25px 0 9px; font-size: 19px; }
.mv-entry-content p { margin: 0 0 17px; }
.mv-entry-content ul,
.mv-entry-content ol { margin: 0 0 22px; padding-left: 24px; }
.mv-entry-content li + li { margin-top: 7px; }
.mv-entry-content li::marker { color: var(--mv-sage); }
.mv-entry-content a { text-decoration: underline; text-decoration-color: var(--mv-mist); text-underline-offset: 3px; }
.mv-entry-content blockquote { margin: 26px 0; padding: 19px 22px; border-left: 3px solid var(--mv-champagne); background: var(--mv-ivory); color: var(--mv-ink); font-family: var(--mv-serif); font-size: 19px; line-height: 1.5; }
.mv-entry-content pre,
.mv-entry-content code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.mv-entry-content code { padding: 2px 5px; background: #eef0ed; color: #4c5a53; font-size: .9em; }
.mv-entry-content pre { overflow: auto; margin: 25px 0; padding: 20px; background: #2f3833; color: #f7f6f2; font-size: 13px; line-height: 1.6; }
.mv-entry-content pre code { padding: 0; background: transparent; color: inherit; }

/* Copy controls for customer-facing HTML/code examples. JavaScript wraps each
   documentation code block so customers can copy the complete example in one click. */
.mv-code-block {
  position: relative;
  margin: 25px 0;
}
.mv-code-block .mv-code-copy {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  color: #f7f6f2;
  font: 700 9px/1.2 var(--mv-sans);
  letter-spacing: .11em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, color 180ms ease;
}
.mv-code-block .mv-code-copy:hover,
.mv-code-block .mv-code-copy:focus-visible {
  border-color: rgba(255,255,255,.42);
  background: rgba(255,255,255,.15);
  color: #ffffff;
  transform: translateY(-1px);
}
.mv-code-block .mv-code-copy.is-copied {
  border-color: rgba(216,194,168,.72);
  background: rgba(216,194,168,.17);
  color: #f1dfca;
}
.mv-code-block pre {
  margin: 0;
  padding-top: 52px;
}

.mv-entry-content table { width: 100%; margin: 28px 0; border-collapse: collapse; font-size: 14px; }
.mv-entry-content th,
.mv-entry-content td { padding: 12px 14px; border: 1px solid var(--mv-border); text-align: left; vertical-align: top; }
.mv-entry-content th { background: var(--mv-ivory); color: var(--mv-ink); }
.mv-entry-content img { margin: 28px auto; border: 1px solid var(--mv-soft-border); box-shadow: 0 10px 30px rgba(61,72,66,.06); }
.mv-entry-content .wp-caption-text,
.mv-entry-content figcaption { margin-top: 8px; color: var(--mv-muted); font-size: 11px; text-align: center; }
.mv-entry-content .wp-block-separator { margin: 45px 0; border-color: var(--mv-border); }
.mv-callout { margin: 28px 0; padding: 20px 22px; border: 1px solid var(--mv-mist); background: #f5f7f4; }
.mv-callout strong { color: var(--mv-ink); }

.mv-on-page-title { margin: 0 0 13px; color: var(--mv-ink); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.mv-toc { margin: 0; padding: 0 0 0 13px; border-left: 1px solid var(--mv-border); list-style: none; }
.mv-toc li + li { margin-top: 8px; }
.mv-toc a { display: block; color: var(--mv-muted); font-size: 12px; line-height: 1.45; }
.mv-toc a:hover,
.mv-toc a.is-active { color: var(--mv-eucalyptus); }
.mv-toc .mv-toc-h3 { padding-left: 12px; }

.mv-article-footer { margin-top: 52px; padding-top: 30px; border-top: 1px solid var(--mv-border); }
.mv-article-footer__support { padding: 26px; background: var(--mv-ivory); border: 1px solid var(--mv-border); }
.mv-article-footer__support h2 { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 25px; font-weight: 500; }
.mv-article-footer__support p { margin: 9px 0 0; color: var(--mv-muted); font-size: 13px; }
.mv-post-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 22px; }
.mv-post-nav a { display: block; min-height: 112px; padding: 20px; border: 1px solid var(--mv-border); background: var(--mv-white); }
.mv-post-nav__label { display: block; margin-bottom: 6px; color: var(--mv-muted); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mv-post-nav__title { color: var(--mv-ink); font-family: var(--mv-serif); font-size: 18px; line-height: 1.35; }

/* Standard pages */
.mv-standard-main { padding: 52px 0 70px; }
.mv-standard-article { width: min(820px,100%); margin-inline: auto; }
.mv-standard-article .mv-entry-content { padding-top: 25px; }


/* Contact page */
.mv-contact-hero .mv-page-intro { max-width: 670px; }
.mv-contact-main {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 64px;
  align-items: start;
  padding: 56px 0 76px;
}
.mv-contact-intro { min-width: 0; }
.mv-contact-copy { color: var(--mv-text); font-size: 14px; line-height: 1.8; }
.mv-contact-copy > *:first-child { margin-top: 0; }
.mv-contact-copy > *:last-child { margin-bottom: 0; }
.mv-contact-copy p { margin: 0 0 14px; }
.mv-contact-note {
  margin-top: 32px;
  padding: 24px;
  border: 1px solid var(--mv-border);
  background: var(--mv-ivory);
}
.mv-contact-note h2,
.mv-contact-form-panel > h2 {
  margin: 0;
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.25;
}
.mv-contact-note ul { margin: 18px 0 0; padding-left: 19px; color: var(--mv-text); font-size: 13px; }
.mv-contact-note li + li { margin-top: 8px; }
.mv-contact-note .mv-text-link { display: inline-block; margin-top: 21px; }
.mv-contact-form-panel {
  padding: 30px;
  border: 1px solid var(--mv-border);
  background: var(--mv-white);
}
.mv-contact-form { margin-top: 25px; }
.mv-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.mv-field { min-width: 0; margin-top: 18px; }
.mv-form-grid .mv-field { margin-top: 0; }
.mv-field label {
  display: block;
  margin: 0 0 7px;
  color: var(--mv-ink);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.4;
  text-transform: uppercase;
}
.mv-field-optional { color: var(--mv-muted); font-size: 9px; font-weight: 400; letter-spacing: .04em; text-transform: lowercase; }
.mv-field input,
.mv-field select,
.mv-field textarea {
  width: 100%;
  border: 1px solid var(--mv-border);
  border-radius: 0;
  outline: 0;
  background: var(--mv-paper);
  color: var(--mv-text);
  font-family: var(--mv-sans);
  font-size: 13px;
  transition: border-color var(--mv-transition), box-shadow var(--mv-transition), background var(--mv-transition);
}
.mv-field input,
.mv-field select { height: 44px; padding: 0 12px; }
.mv-field textarea { min-height: 170px; padding: 11px 12px; resize: vertical; line-height: 1.65; }
.mv-field input:focus,
.mv-field select:focus,
.mv-field textarea:focus { border-color: var(--mv-eucalyptus); box-shadow: 0 0 0 1px var(--mv-eucalyptus); background: var(--mv-white); }
.mv-field input::placeholder,
.mv-field textarea::placeholder { color: #9aa19d; opacity: 1; }
.mv-field input[type="file"] {
  height: auto;
  min-height: 44px;
  padding: 7px 8px;
  cursor: pointer;
}
.mv-field input[type="file"]::file-selector-button {
  margin-right: 11px;
  padding: 7px 11px;
  border: 1px solid var(--mv-border);
  background: var(--mv-ivory);
  color: var(--mv-eucalyptus);
  font-family: var(--mv-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}
.mv-field-help { margin: 7px 0 0; color: var(--mv-muted); font-size: 10.5px; line-height: 1.55; }
.mv-contact-submit-row { display: flex; align-items: center; gap: 18px; margin-top: 22px; }
.mv-contact-submit-row p { margin: 0; color: var(--mv-muted); font-size: 10.5px; line-height: 1.55; }
.mv-form-notice {
  display: grid;
  gap: 2px;
  margin-top: 20px;
  padding: 13px 15px;
  border: 1px solid var(--mv-border);
  color: var(--mv-text);
  font-size: 12px;
  line-height: 1.55;
}
.mv-form-notice strong { color: var(--mv-ink); }
.mv-form-notice--success { border-left: 3px solid var(--mv-eucalyptus); background: #f7f9f6; }
.mv-form-notice--error { border-left: 3px solid #9b6257; background: #fbf7f5; }
.mv-contact-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
}

/* Empty / pagination */
.mv-empty { padding: 35px; border: 1px solid var(--mv-border); background: var(--mv-white); text-align: center; }
.mv-empty h2 { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 28px; font-weight: 500; }
.mv-empty p { max-width: 560px; margin: 10px auto 0; color: var(--mv-muted); }
.navigation.pagination { margin-top: 36px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 7px; }
.page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--mv-border); background: var(--mv-white); color: var(--mv-eucalyptus); font-size: 12px; }
.page-numbers.current,
.page-numbers:hover { background: var(--mv-eucalyptus); border-color: var(--mv-eucalyptus); color: var(--mv-white); }

/* Footer */
.mv-site-footer { border-top: 1px solid var(--mv-border); background: var(--mv-ivory); }
.mv-footer-main { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 48px; padding: 52px 0 44px; }
.mv-footer-brand img { width: 210px; max-height: 72px; object-fit: contain; object-position: left center; }
.mv-footer-copy { max-width: 440px; margin: 20px 0 0; color: #68726d; font-size: 13px; line-height: 1.75; }
.mv-footer-heading { margin: 0 0 17px; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 19px; font-weight: 500; }
.mv-footer-links { margin: 0; padding: 0; list-style: none; }
.mv-footer-links li + li { margin-top: 8px; }
.mv-footer-links a { color: var(--mv-text); font-size: 12px; }
.mv-footer-links a:hover { color: var(--mv-eucalyptus); }
.mv-footer-bottom { border-top: 1px solid rgba(111,124,114,.22); }
.mv-footer-bottom__inner { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--mv-muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.mv-footer-seal { width: 52px; height: 52px; object-fit: contain; opacity: .8; }

/* 404 */
.mv-404 { min-height: 60vh; display: grid; place-items: center; padding: 80px 0; text-align: center; }
.mv-404-code { color: var(--mv-mist); font-family: var(--mv-serif); font-size: 90px; line-height: .9; }
.mv-404 h1 { margin: 18px 0 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 38px; font-weight: 500; }
.mv-404 p { max-width: 560px; margin: 14px auto 24px; color: var(--mv-muted); }

@media (max-width: 1180px) {
  .mv-header-inner { min-height: 64px; grid-template-columns: minmax(0,1fr) auto; gap: 18px; }
  .mv-brand { max-width: 200px; }
  .mv-menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .mv-primary-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    padding: 16px 20px;
    background: var(--mv-paper);
    border-bottom: 1px solid var(--mv-border);
    box-shadow: 0 12px 28px rgba(61,72,66,.06);
  }
  .mv-primary-nav.is-open { display: block; }
  .mv-primary-nav > ul { display: block; }
  .mv-primary-nav li + li { margin-top: 2px; }
  .mv-primary-nav a { display: block; padding: 9px 0; font-size: 10px; }
  .mv-primary-nav .sub-menu {
    position: static;
    min-width: 0;
    margin: 1px 0 5px 12px;
    padding: 2px 0 2px 12px;
    border: 0;
    border-left: 1px solid var(--mv-border);
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .mv-primary-nav .sub-menu::before { display: none; }
  .mv-primary-nav .sub-menu a { padding: 7px 0; }
}

@media (max-width: 1120px) {
  .mv-doc-shell { grid-template-columns: 220px minmax(0,1fr); gap: 40px; }
  .mv-on-page { display: none; }
  .mv-doc-article { max-width: var(--mv-reading); }
}

@media (max-width: 980px) {
  .mv-contact-main { grid-template-columns: 1fr; gap: 34px; }
  .mv-contact-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
  .mv-contact-note { margin-top: 0; }
}

@media (max-width: 900px) {
  .admin-bar .mv-site-header { top: 46px; }
  .mv-container { width: min(var(--mv-width), calc(100% - 36px)); }
  .mv-header-actions .mv-header-link { display: none; }
  .mv-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .mv-search-panel { max-width: 650px; }
  .mv-directory-search,
  .mv-theme-tools { grid-template-columns: 1fr; gap: 24px; }
  .mv-directory-search { align-items: start; }
  .mv-quick-grid,
  .mv-theme-grid,
  .mv-topic-grid,
  .mv-doc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mv-archive-layout { grid-template-columns: 1fr; gap: 34px; }
  .mv-doc-sidebar__inner { position: static; }
  .mv-sidebar-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  .mv-sidebar-block + .mv-sidebar-block { margin-top: 0; padding-top: 0; border-top: 0; }
  .mv-doc-shell { grid-template-columns: 1fr; }
  .mv-doc-nav__inner { position: static; }
  .mv-doc-nav { border-bottom: 1px solid var(--mv-border); padding-bottom: 24px; }
  .mv-doc-nav .mv-sidebar-groups { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mv-footer-main { grid-template-columns: 1fr 1fr; }
  .mv-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  .mv-contact-main { padding: 38px 0 56px; }
  .mv-contact-intro { grid-template-columns: 1fr; gap: 24px; }
  .mv-contact-form-panel { padding: 22px; }
  .mv-form-grid { grid-template-columns: 1fr; gap: 16px; }
  .mv-contact-submit-row { align-items: flex-start; flex-direction: column; gap: 11px; }
  .mv-brand { max-width: 176px; }
  .mv-header-inner { min-height: 60px; }
  .mv-container { width: min(var(--mv-width), calc(100% - 28px)); }
  .mv-docs-hero { padding: 44px 0 50px; }
  .mv-hero-title { font-size: 38px; }
  .mv-hero-intro { font-size: 15px; }
  .mv-search-panel { padding: 23px; }
  .mv-doc-search { grid-template-columns: 1fr; gap: 8px; }
  .mv-doc-search input[type="search"] { border-right: 1px solid var(--mv-eucalyptus); }
  .mv-doc-search button { width: 100%; }
  .mv-section { padding: 48px 0; }
  .mv-section-heading { display: block; }
  .mv-section-heading .mv-text-link { display: inline-block; margin-top: 16px; }
  .mv-quick-grid,
  .mv-theme-grid,
  .mv-topic-grid,
  .mv-doc-grid { grid-template-columns: 1fr; }
  .mv-page-hero { padding: 38px 0 32px; }
  .mv-directory-section { padding: 38px 0 56px; }
  .mv-directory-search { margin-bottom: 40px; padding: 20px; }
  .mv-theme-hub { padding: 32px 0 56px; }
  .mv-theme-tools { margin-bottom: 28px; padding-bottom: 26px; }
  .mv-theme-filter-heading { display: block; }
  .mv-clear-filter { display: inline-block; margin: 0 0 12px; }
  .mv-theme-filters { gap: 7px; }
  .mv-filter-chip { width: 100%; justify-content: space-between; }
  .mv-search-results-layout { width: min(900px, calc(100% - 28px)); padding: 34px 0 56px; }
  .mv-archive-layout { padding: 36px 0 56px; }
  .mv-sidebar-groups,
  .mv-doc-nav .mv-sidebar-groups { grid-template-columns: 1fr; gap: 22px; }
  .mv-doc-shell { padding: 34px 0 56px; gap: 26px; }
  .mv-doc-title { font-size: 34px; }
  .mv-entry-content h2 { font-size: 27px; }
  .mv-entry-content h3 { font-size: 22px; }
  .mv-doc-row { grid-template-columns: 1fr; gap: 8px; }
  .mv-doc-row__arrow { display: none; }
  .mv-post-nav { grid-template-columns: 1fr; }
  .mv-footer-main { grid-template-columns: 1fr; gap: 34px; padding: 48px 0 40px; }
  .mv-footer-brand { grid-column: auto; }
  .mv-footer-bottom__inner { min-height: 0; padding: 18px 0; align-items: flex-start; flex-direction: column-reverse; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}

/* v1.0.8: dropdown cue, platform separation, release board and back to top */
.mv-primary-nav > ul > .menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.mv-primary-nav > ul > .menu-item-has-children > a::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform var(--mv-transition);
}
.mv-primary-nav > ul > .menu-item-has-children:hover > a::after,
.mv-primary-nav > ul > .menu-item-has-children:focus-within > a::after {
  transform: translateY(3px) rotate(225deg);
}
.mv-primary-nav .sub-menu .mv-nav-group-label {
  margin: 0;
  padding: 7px 11px 5px;
  color: var(--mv-muted);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.3;
  text-transform: uppercase;
}
.mv-primary-nav .sub-menu .mv-nav-group-label--wordpress {
  margin-top: 6px;
  padding-top: 11px;
  border-top: 1px solid var(--mv-soft-border);
}
.mv-primary-nav .sub-menu .mv-nav-coming-soon a {
  color: var(--mv-muted);
  font-size: 9px;
}

.mv-platform-directory {
  display: grid;
  gap: 38px;
}
.mv-platform-group + .mv-platform-group {
  padding-top: 34px;
  border-top: 1px solid var(--mv-border);
}
.mv-platform-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.mv-platform-kicker {
  margin: 0 0 4px;
  color: var(--mv-eucalyptus);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .17em;
  line-height: 1.3;
  text-transform: uppercase;
}
.mv-platform-title {
  margin: 0;
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}
.mv-platform-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid var(--mv-border);
  background: var(--mv-white);
  color: var(--mv-muted);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}
.mv-platform-status--available {
  border-color: rgba(111,124,114,.45);
  color: var(--mv-eucalyptus);
}
.mv-coming-soon-card {
  position: relative;
  min-height: 185px;
  padding: 28px;
  overflow: hidden;
  border: 1px dashed var(--mv-mist);
  background: rgba(244,241,235,.55);
}
.mv-coming-soon-card::after {
  content: "WP";
  position: absolute;
  right: -10px;
  bottom: -42px;
  color: rgba(143,154,143,.08);
  font-family: var(--mv-serif);
  font-size: 125px;
  line-height: 1;
}
.mv-coming-soon-card--wide {
  min-height: 0;
}
.mv-coming-soon-card p {
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin: 10px 0 0;
  color: var(--mv-muted);
  font-size: 13px;
}

.mv-theme-updates-section {
  border-bottom: 1px solid var(--mv-soft-border);
}
.mv-update-accordions {
  display: grid;
  gap: 12px;
}
.mv-update-platform {
  overflow: hidden;
  border: 1px solid var(--mv-border);
  background: var(--mv-white);
}
.mv-update-platform__summary {
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 18px;
  align-items: center;
  gap: 20px;
  padding: 15px 18px;
  cursor: pointer;
  list-style: none;
  transition: background var(--mv-transition), color var(--mv-transition);
}
.mv-update-platform__summary::-webkit-details-marker {
  display: none;
}
.mv-update-platform__summary:hover,
.mv-update-platform__summary:focus-visible {
  background: var(--mv-ivory);
}
.mv-update-platform__summary:focus-visible {
  outline: 1px solid var(--mv-eucalyptus);
  outline-offset: -1px;
}
.mv-update-platform__title-wrap {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.mv-update-platform__title-wrap strong {
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}
.mv-update-platform__title-wrap > span {
  color: var(--mv-muted);
  font-size: 11.5px;
  line-height: 1.5;
}
.mv-update-platform__meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid var(--mv-border);
  background: var(--mv-paper);
  color: var(--mv-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}
.mv-update-platform__chevron {
  position: relative;
  width: 12px;
  height: 12px;
}
.mv-update-platform__chevron::before,
.mv-update-platform__chevron::after {
  content: "";
  position: absolute;
  top: 5px;
  width: 7px;
  height: 1px;
  background: var(--mv-eucalyptus);
  transition: transform 300ms cubic-bezier(.22,.61,.36,1);
}
.mv-update-platform__chevron::before {
  left: 0;
  transform: rotate(45deg);
}
.mv-update-platform__chevron::after {
  right: 0;
  transform: rotate(-45deg);
}
.mv-update-platform[open] .mv-update-platform__chevron::before {
  transform: rotate(-45deg);
}
.mv-update-platform[open] .mv-update-platform__chevron::after {
  transform: rotate(45deg);
}
.mv-update-platform__content {
  overflow: hidden;
  border-top: 1px solid var(--mv-border);
  transform-origin: top center;
  will-change: height, opacity, transform;
}
.mv-update-platform.is-animating .mv-update-platform__summary {
  background: rgba(244,241,235,.42);
}
.mv-update-board {
  overflow: hidden;
  background: var(--mv-white);
}
.mv-update-board__head,
.mv-update-row {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(130px,.7fr) minmax(155px,.85fr);
  align-items: center;
  gap: 22px;
}
.mv-update-board__head {
  padding: 10px 18px;
  border-bottom: 1px solid var(--mv-border);
  background: rgba(244,241,235,.62);
  color: var(--mv-muted);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.mv-update-row {
  min-height: 58px;
  padding: 13px 18px;
  color: var(--mv-text);
  font-size: 12px;
}
.mv-update-row + .mv-update-row {
  border-top: 1px solid var(--mv-soft-border);
}
.mv-update-theme {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  min-width: 0;
}
.mv-update-theme strong {
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 17px;
  font-weight: 500;
}
.mv-update-status {
  display: inline-flex;
  width: max-content;
  padding: 3px 6px;
  border: 1px solid var(--mv-border);
  color: var(--mv-muted);
  font-size: 7.5px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}
.mv-update-row--soon {
  background: rgba(244,241,235,.38);
}
.mv-update-empty {
  display: grid;
  gap: 8px;
  padding: 22px 18px;
  background: rgba(244,241,235,.38);
}
.mv-update-empty strong {
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 17px;
  font-weight: 500;
}
.mv-update-empty p {
  max-width: 650px;
  margin: 0;
  color: var(--mv-muted);
  font-size: 12px;
  line-height: 1.65;
}

.mv-back-to-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 950;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--mv-eucalyptus);
  background: var(--mv-paper);
  color: var(--mv-eucalyptus);
  font-size: 17px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity var(--mv-transition), visibility var(--mv-transition), transform var(--mv-transition), background var(--mv-transition), color var(--mv-transition);
}
.mv-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mv-back-to-top:hover,
.mv-back-to-top:focus-visible {
  background: var(--mv-eucalyptus);
  color: var(--mv-white);
}

@media (max-width: 760px) {
  .mv-platform-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .mv-update-platform__summary {
    grid-template-columns: minmax(0,1fr) 16px;
    gap: 13px;
    padding: 14px 15px;
  }
  .mv-update-platform__meta {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
  }
  .mv-update-platform__chevron {
    grid-column: 2;
    grid-row: 1;
  }
  .mv-update-board__head {
    display: none;
  }
  .mv-update-row {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 17px;
  }
  .mv-update-row > span[data-label]::before {
    content: attr(data-label) ": ";
    color: var(--mv-muted);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .mv-back-to-top {
    right: 14px;
    bottom: 14px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1180px) {
  .mv-primary-nav > ul > .menu-item-has-children > a {
    justify-content: flex-start;
  }
  .mv-primary-nav > ul > .menu-item-has-children:hover > a::after,
  .mv-primary-nav > ul > .menu-item-has-children:focus-within > a::after {
    transform: rotate(45deg);
  }
  .mv-primary-nav .sub-menu .mv-nav-group-label {
    padding-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mv-back-to-top,
  .mv-primary-nav > ul > .menu-item-has-children > a::after {
    transition-duration: 1ms !important;
  }
}

/* v1.0.10: Quick Start detail links and instant documentation browsing */
.mv-quick-guide-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -4px 0 30px;
}
.mv-quick-guide-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--mv-border);
  background: var(--mv-white);
  color: var(--mv-eucalyptus) !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.35;
  text-decoration: none !important;
  text-transform: uppercase;
}
.mv-quick-guide-link:hover,
.mv-quick-guide-link:focus-visible {
  border-color: var(--mv-eucalyptus);
  background: var(--mv-ivory);
  color: var(--mv-ink) !important;
}
.mv-doc-shell.is-doc-loading .mv-doc-article,
.mv-doc-shell.is-doc-loading .mv-on-page {
  opacity: .42;
  pointer-events: none;
}
.mv-doc-shell .mv-doc-article,
.mv-doc-shell .mv-on-page {
  transition: opacity var(--mv-transition);
}
.mv-doc-browser .mv-doc-header { margin-bottom: 28px; }
.mv-doc-browser-results { padding-top: 2px; }
.mv-doc-browser-results .mv-theme-results { width: 100%; }
.mv-doc-browser-results .mv-archive-toolbar { display: none; }
.mv-doc-browser-results .pagination { margin-top: 28px; }
.mv-doc-browser-note {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  margin-bottom: 15px;
  padding: 4px 8px;
  background: var(--mv-ivory);
  color: var(--mv-eucalyptus);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.mv-doc-nav__inner .current-cat > a { font-weight: 700; }
@media (max-width: 700px) {
  .mv-quick-guide-links { display: grid; grid-template-columns: 1fr; }
  .mv-quick-guide-link { width: 100%; }
}

/* ================================================================
   v1.0.14: wider brand, right-aligned desktop navigation, stable mobile
   dropdown controls, and Avellin recipe-feature spotlight.
   ================================================================ */
.mv-header-inner {
  min-height: 74px;
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 34px;
}
.mv-brand {
  width: 100%;
  max-width: 278px;
}
.mv-header-right {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}
.mv-primary-nav {
  min-width: 0;
  flex: 0 1 auto;
}
.mv-primary-nav > ul {
  justify-content: flex-end;
  gap: 20px;
}
.mv-header-actions {
  flex: 0 0 auto;
}
.mv-submenu-toggle {
  display: none;
}

.mv-theme-feature-spotlight {
  margin: 0 0 34px;
  padding: 24px;
  border: 1px solid var(--mv-border);
  border-left: 3px solid var(--mv-eucalyptus);
  background: color-mix(in srgb, var(--mv-ivory) 70%, var(--mv-paper));
}
.mv-theme-feature-spotlight__eyebrow {
  margin: 0 0 7px;
  color: var(--mv-eucalyptus);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1.3;
  text-transform: uppercase;
}
.mv-theme-feature-spotlight__title {
  margin: 0;
  color: var(--mv-ink);
  font-family: var(--mv-serif);
  font-size: 27px;
  font-weight: 500;
  line-height: 1.18;
}
.mv-theme-feature-spotlight__copy {
  max-width: 760px;
  margin: 9px 0 0;
  color: var(--mv-text);
}
.mv-theme-feature-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}
.mv-theme-feature-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  padding: 15px 16px;
  border: 1px solid var(--mv-border);
  background: var(--mv-paper);
  color: var(--mv-ink);
  transition: border-color var(--mv-transition), background var(--mv-transition), color var(--mv-transition), transform var(--mv-transition);
}
.mv-theme-feature-link:hover,
.mv-theme-feature-link:focus-visible {
  border-color: var(--mv-eucalyptus);
  background: var(--mv-white);
  color: var(--mv-eucalyptus);
  transform: translateY(-1px);
}
.mv-theme-feature-link__text {
  min-width: 0;
}
.mv-theme-feature-link__label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.35;
  text-transform: uppercase;
}
.mv-theme-feature-link__description {
  display: block;
  margin-top: 4px;
  color: var(--mv-muted);
  font-size: 12px;
  line-height: 1.5;
}
.mv-theme-feature-link__arrow {
  flex: 0 0 auto;
  color: var(--mv-eucalyptus);
  font-size: 17px;
}

@media (max-width: 1180px) {
  .mv-header-inner {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
  }
  .mv-brand {
    max-width: 245px;
  }
  .mv-header-right {
    gap: 12px;
  }
  .mv-primary-nav {
    left: 0;
    right: 0;
  }
  .mv-primary-nav .menu-item-has-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    align-items: center;
  }
  .mv-primary-nav > ul > .menu-item-has-children > a {
    grid-column: 1;
    display: block;
    min-width: 0;
  }
  .mv-primary-nav > ul > .menu-item-has-children > a::after {
    display: none;
  }
  .mv-submenu-toggle {
    grid-column: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 0 0 2px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--mv-ink);
  }
  .mv-submenu-toggle::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    transition: transform var(--mv-transition);
  }
  .mv-primary-nav .menu-item-has-children.is-submenu-open > .mv-submenu-toggle::before {
    margin-top: 4px;
    transform: rotate(225deg);
  }
  .mv-primary-nav .menu-item-has-children > .sub-menu {
    grid-column: 1 / -1;
    width: 100%;
  }
  .mv-primary-nav.mv-mobile-nav-enhanced .menu-item-has-children > .sub-menu {
    display: none;
  }
  .mv-primary-nav.mv-mobile-nav-enhanced .menu-item-has-children.is-submenu-open > .sub-menu {
    display: block;
  }
  /* Mobile submenu state is controlled by its button, not hover/focus. */
  .mv-primary-nav .menu-item-has-children:hover > .sub-menu,
  .mv-primary-nav .menu-item-has-children:focus-within > .sub-menu {
    transform: none;
  }
}

@media (max-width: 700px) {
  .mv-brand { max-width: 220px; }
  .mv-theme-feature-spotlight { padding: 20px; }
  .mv-theme-feature-spotlight__title { font-size: 24px; }
  .mv-theme-feature-links { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .mv-submenu-toggle::before,
  .mv-theme-feature-link {
    transition-duration: 1ms !important;
  }
}


/* ================================================================
   v1.0.15: give the enlarged brand mark comfortable vertical space.
   ================================================================ */
.mv-site-header .mv-header-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (max-width: 1180px) {
  .mv-site-header .mv-header-inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


/* ================================================================
   v1.0.17: standalone general-help pages.
   ================================================================ */
.mv-standard-main { padding: 48px 0 72px; }
.mv-standard-article { max-width: 920px; margin: 0 auto; }
.mv-help-intro { max-width: 790px; margin-bottom: 28px; }
.mv-help-lead { margin: 0; color: var(--mv-text); font-family: var(--mv-serif); font-size: 21px; line-height: 1.55; }
.mv-help-callout {
  margin: 0 0 26px;
  padding: 20px 22px;
  border: 1px solid var(--mv-border);
  border-left: 3px solid var(--mv-eucalyptus);
  background: var(--mv-ivory);
}
.mv-help-callout strong { color: var(--mv-ink); font-family: var(--mv-serif); font-size: 19px; font-weight: 500; }
.mv-help-callout p { margin: 7px 0 0; color: var(--mv-text); }
.mv-help-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 26px; }
.mv-help-card { padding: 24px; border: 1px solid var(--mv-border); background: var(--mv-white); }
.mv-help-card h2 { margin: 0 0 12px; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 22px; font-weight: 500; line-height: 1.25; }
.mv-help-card p { margin: 0; color: var(--mv-text); font-size: 13.5px; line-height: 1.72; }
.mv-help-card ul,
.mv-help-card ol { margin: 0; padding-left: 18px; color: var(--mv-text); font-size: 13.5px; }
.mv-help-card li + li { margin-top: 7px; }
.mv-help-section { margin-top: 34px; padding: 28px; border: 1px solid var(--mv-border); background: var(--mv-white); }
.mv-help-section--soft { background: var(--mv-ivory); }
.mv-help-section h2 { margin: 0; color: var(--mv-ink); font-family: var(--mv-serif); font-size: 28px; font-weight: 500; }
.mv-help-section > p { max-width: 720px; margin: 10px 0 0; }
.mv-help-checklist { margin: 18px 0 0; padding-left: 19px; }
.mv-help-checklist li + li { margin-top: 7px; }
.mv-help-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.mv-help-future { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--mv-border); color: var(--mv-muted); font-size: 12.5px; }
.mv-help-future p { margin: 0; }
.mv-help-future strong { color: var(--mv-ink); }
@media (max-width: 760px) {
  .mv-standard-main { padding: 36px 0 56px; }
  .mv-help-grid { grid-template-columns: 1fr; }
  .mv-help-lead { font-size: 19px; }
  .mv-help-section { padding: 22px; }
  .mv-help-actions .mv-button { width: 100%; }
}


/* ================================================================
   v1.0.18: optional contact-form attachment.
   ================================================================ */


/* ================================================================
   v1.0.19: resilient contact-form uploads and draft preservation.
   ================================================================ */
.mv-field-feedback {
  min-height: 1.35em;
  margin: 7px 0 0;
  color: #8b4a43;
  font-size: 12.5px;
  line-height: 1.5;
}
.mv-field-feedback:empty { display: none; }
.mv-contact-form.is-preparing-attachment .mv-contact-submit-row button {
  cursor: progress;
  opacity: .72;
}


/* ================================================================
   v1.0.20: cleaner help-page buttons and revised Blogger setup tips.
   ================================================================ */
.mv-entry-content a.mv-button,
.mv-entry-content a.mv-button:hover,
.mv-entry-content a.mv-button:focus-visible {
  text-decoration: none !important;
}


/* v1.0.21: Avellin customer template documentation alignment. */

/* v1.0.22: Homepage latest documentation now sorts by most recently modified date. */

/* v1.0.23: Added Roame documentation, release metadata, theme-hub spotlight and Quick Start integration. */

/* v1.0.24: Theme directory cards use a denser three-column desktop layout, two columns on tablets and one on mobile. */