/* Glacier reading layouts. Scope deliberately excludes products, account and checkout. */
#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) {
  --ink: var(--ui-ink, #123442);
  --ink-soft: var(--ui-muted, #527080);
  --line: var(--ui-line, #cde0e7);
  --ep-ink: var(--ui-ink, #123442);
  --ep-muted: var(--ui-muted, #527080);
  --ep-line: var(--ui-line, #cde0e7);
  --ep-pink: var(--vivid-ink, #005d86);
  --update-accent: var(--vivid-accent, #007ead);
  --update-accent-ink: var(--vivid-ink, #005d86);
  --update-accent-rgb: var(--vivid-rgb, 0, 146, 211);
  --update-focus: var(--vivid-ink, #005d86);
  width: var(--ui-page-width, min(var(--ui-width, 1220px), calc(100% - 64px)));
  max-width: none;
  margin: 0 auto;
  padding: 36px 0 72px;
  color: var(--ui-ink, #123442);
  font-family: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  font-size: 1rem;
  line-height: 1.7;
  text-shadow: none;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) *,
#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) *::before,
#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) *::after {
  box-sizing: border-box;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page, .welcome-main, .notfound) :is(h1, h2, h3, h4, p, li, dd, dt, small, strong, b, span, a, button, summary, label, input, select, textarea) {
  font-family: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
}

/* These spans contain real heading words; remove their old decorative tiles only. */
#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page, .welcome-main, .notfound) :is(.motion-word-mask, .motion-word, .oz-motion-word) {
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(h1, h2, h3, h4) {
  color: var(--ui-ink, #123442);
  font-family: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  text-wrap: balance;
  overflow-wrap: break-word;
  letter-spacing: -.025em;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.75rem);
  font-weight: 750;
  line-height: 1.1;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) h2 {
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) h3 {
  font-size: 1.125rem;
  line-height: 1.4;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(p, li, dd) {
  color: var(--ui-muted, #527080);
  font-size: 1rem;
  line-height: 1.7;
  overflow-wrap: break-word;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(b, strong, dt) {
  color: var(--ui-ink, #123442);
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(p, li, dd) a {
  color: var(--vivid-ink, #005d86);
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  overflow-wrap: anywhere;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--vivid-ink, #005d86);
  outline-offset: 4px;
}

#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(section[id], h2[id], h3[id], details[id]) {
  scroll-margin-top: 8rem;
}

/* Long-form support and policy reading. */
#ozark-storefront > main.content-page {
  width: min(920px, var(--ui-page-width, calc(100% - 64px)));
  margin-block: 36px 72px;
  padding: clamp(24px, 4.5vw, 48px);
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth));
}

#ozark-storefront > main.content-page h1 { margin: 0 0 24px; }
#ozark-storefront > main.content-page h2 { margin: 40px 0 16px; }
#ozark-storefront > main.content-page h3 { margin: 28px 0 12px; }
#ozark-storefront > main.content-page p { margin: 0 0 18px; }
#ozark-storefront > main.content-page :is(ul, ol) { margin: 0 0 24px; padding-left: 1.4rem; }
#ozark-storefront > main.content-page li + li { margin-top: 10px; }
#ozark-storefront > main.content-page .updated {
  margin: 0 0 14px;
  color: var(--vivid-ink, #005d86);
  font-size: .875rem;
  font-weight: 700;
}

#ozark-storefront > main.content-page .callout {
  margin: 28px 0;
  padding: 22px 24px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-left: 4px solid var(--ui-accent, #087ca7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}

#ozark-storefront > main.content-page .callout > :last-child { margin-bottom: 0; }
#ozark-storefront > main.content-page .content-primary-link { font-weight: 750; }

/* Guide headings, navigation and reading cards. */
#ozark-storefront > main.guide-comparison {
  padding: 36px 0 72px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#ozark-storefront > main:is(.guide-page, .era-playbook, .product-update-page) :is(.guide-breadcrumb, .ep-breadcrumb, .product-update-breadcrumb) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 24px;
  color: var(--ui-muted, #527080);
  font-size: .875rem;
  line-height: 1.5;
}

#ozark-storefront > main:is(.guide-page, .era-playbook, .product-update-page) :is(.guide-breadcrumb, .ep-breadcrumb, .product-update-breadcrumb) a {
  color: var(--vivid-ink, #005d86);
  text-underline-offset: .2em;
}

#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-hero, .era-guide-hero, .ep-heading) {
  max-width: none;
  margin: 0 0 24px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth));
}

#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-hero, .era-guide-hero, .ep-heading) h1 {
  max-width: 26ch;
  margin: 0 0 20px;
}

#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-hero, .era-guide-hero, .ep-heading) > p:not(.guide-kicker):not(.ep-kicker),
#ozark-storefront > main.guide-page .era-guide-lead {
  max-width: 74ch;
  margin: 0;
  color: var(--ui-muted, #527080);
  font-size: 1.0625rem;
  line-height: 1.75;
}

#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-kicker, .ep-kicker, .guide-section-head > span) {
  margin: 0 0 12px;
  color: var(--vivid-ink, #005d86);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.5;
}

#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-byline, .mw4-byline, .era-guide-byline, .era-guide-purchase-note, .ep-included, .ep-note) {
  color: var(--ui-muted, #527080);
  font-size: .875rem;
  line-height: 1.65;
}

#ozark-storefront > main.guide-page :is(.guide-actions, .guide-next, .era-guide-cta .guide-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

#ozark-storefront > main.guide-page :is(.guide-jump, .era-guide-jump, .mw4-contents) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
  padding: 18px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}

#ozark-storefront > main.guide-page :is(.guide-jump, .era-guide-jump, .mw4-contents) a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: 12px;
  background: var(--ui-glass, var(--vivid-glass));
  color: var(--vivid-ink, #005d86);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

#ozark-storefront > main.guide-page :is(.guide-jump, .era-guide-jump, .mw4-contents) a:hover { border-color: var(--vivid-accent, #007ead); background: var(--ui-glass, var(--vivid-glass)); }

#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section, .compatibility-table) {
  margin-top: 24px;
  padding: clamp(24px, 3.2vw, 36px);
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth));
}

#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section) :is(h2, h3) { margin: 0 0 16px; }
#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section) h3:not(:first-child) { margin-top: 28px; }
#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section) > p { max-width: 78ch; margin: 0 0 18px; }
#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section) :is(ul, ol):not(.era-guide-start) { padding-left: 1.4rem; }
#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section) li + li { margin-top: 8px; }
#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section) > :last-child { margin-bottom: 0; }

#ozark-storefront > main.guide-page :is(.guide-note, .guide-band, .guide-checklist, .era-guide-cta) {
  margin: 24px 0;
  padding: 26px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth));
}

#ozark-storefront > main.guide-page :is(.guide-note, .guide-band, .guide-checklist, .era-guide-cta) :is(h2, h3) { margin: 0 0 12px; }
#ozark-storefront > main.guide-page :is(.guide-note, .guide-band, .guide-checklist, .era-guide-cta) p { margin: 0; }
#ozark-storefront > main.guide-page :is(.guide-note, .guide-band, .guide-checklist) p + p { margin-top: 14px; }

/* Tutorial index and sequential setup cards. */
#ozark-storefront > main.guide-page .guide-index { margin-top: 36px; }
#ozark-storefront > main.guide-page .guide-section-head { margin-bottom: 20px; }
#ozark-storefront > main.guide-page .guide-section-head h2 { margin: 8px 0 0; }
#ozark-storefront > main.guide-page .guide-link-grid { gap: 16px; }
#ozark-storefront > main.guide-page .guide-link-grid > a {
  min-width: 0;
  min-height: 140px;
  gap: 18px;
  padding: 26px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth));
  text-decoration: none;
}

#ozark-storefront > main.guide-page .guide-link-grid > a:hover { border-color: var(--vivid-accent, #007ead); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.guide-page .guide-link-grid > a > b {
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: 12px;
  background: var(--ui-glass, var(--vivid-glass));
  color: var(--vivid-ink, #005d86);
  font-size: .8125rem;
}
#ozark-storefront > main.guide-page .guide-link-grid strong { color: var(--ui-ink, #123442); font-size: 1.125rem; line-height: 1.35; }
#ozark-storefront > main.guide-page .guide-link-grid small { color: var(--ui-muted, #527080); font-size: .9375rem; line-height: 1.6; }
#ozark-storefront > main.guide-page .guide-link-grid > a > i { color: var(--vivid-ink, #005d86); }

#ozark-storefront > main.guide-page .guide-steps { display: grid; gap: 18px; margin: 28px 0; padding: 0; }
#ozark-storefront > main.guide-page .guide-steps > li {
  margin: 0;
  padding: 26px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.guide-page .guide-steps > li > b { background: #e1f2fa; color: var(--vivid-ink, #005d86); border-radius: 12px; }
#ozark-storefront > main.guide-page .guide-steps h2 { margin: 0 0 12px; }
#ozark-storefront > main.guide-page .guide-steps p { margin: 0; }

/* Compatibility definition rows and the existing Zen preparation checklist. */
#ozark-storefront > main.guide-page .compatibility-table dl { margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; }
#ozark-storefront > main.guide-page .compatibility-table dl > div {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(0, 2fr);
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--ui-line, #cde0e7);
}
#ozark-storefront > main.guide-page .compatibility-table dl > div:last-child { border-bottom: 0; padding-bottom: 0; }
#ozark-storefront > main.guide-page .compatibility-table dt { font-size: 1rem; line-height: 1.65; font-weight: 750; }
#ozark-storefront > main.guide-page .compatibility-table dd { margin: 0; }
#ozark-storefront > main.guide-page .compatibility-table dd :is(strong, span) { display: block; }
#ozark-storefront > main.guide-page .compatibility-table dd strong { margin-bottom: 5px; }
#ozark-storefront > main.guide-page .compatibility-table .is-no { color: #a13434; }
#ozark-storefront > main.guide-page .zen-ready-guide { gap: 20px; }
#ozark-storefront > main.guide-page .zen-ready-guide-head { gap: 12px; flex-wrap: wrap; }
#ozark-storefront > main.guide-page .zen-ready-guide-head > strong { font-size: 1.125rem; }
#ozark-storefront > main.guide-page .zen-ready-guide-head small { color: var(--ui-muted, #527080); font-size: .875rem; }
#ozark-storefront > main.guide-page .zen-ready-grid { gap: 14px; }
#ozark-storefront > main.guide-page .zen-ready-grid li {
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.guide-page .zen-ready-grid li > b { width: 34px; height: 34px; border-radius: 10px; font-size: .75rem; }
#ozark-storefront > main.guide-page .zen-ready-grid strong { font-size: .9375rem; line-height: 1.5; }
#ozark-storefront > main.guide-page .zen-ready-grid small { margin-top: 4px; color: var(--ui-muted, #527080); font-size: .875rem; line-height: 1.6; }

/* Tables retain every column; the existing labeled regions provide keyboard scrolling. */
#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-table-scroll, .era-guide-table-wrap, .ep-table-wrap) {
  max-width: 100%;
  margin: 24px 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-table-scroll, .era-guide-table-wrap, .ep-table-wrap) table {
  display: table;
  width: 100%;
  min-width: 720px;
  margin: 0;
  border-collapse: collapse;
  color: var(--ui-muted, #527080);
  text-align: left;
  font-size: 1rem;
}
#ozark-storefront > main:is(.guide-page, .era-playbook) table caption {
  padding: 20px 22px;
  margin: 0;
  color: var(--ui-muted, #527080);
  font-size: .9375rem;
  line-height: 1.6;
  text-align: left;
}
#ozark-storefront > main:is(.guide-page, .era-playbook) table :is(th, td) {
  padding: 20px 22px;
  border-color: var(--ui-line, #cde0e7);
  color: var(--ui-muted, #527080);
  vertical-align: top;
  font-size: .9375rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
#ozark-storefront > main:is(.guide-page, .era-playbook) table th { color: var(--ui-ink, #123442); font-weight: 750; }
#ozark-storefront > main:is(.guide-page, .era-playbook) table thead th { background: #eaf5fb; }
#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.era-guide-table, .ep-table) td:nth-child(2) { background: #f0f8fc; }
#ozark-storefront > main:is(.guide-page, .era-playbook) :is(.era-guide-table, .ep-table) thead th:nth-child(2) { background: #e3f2fa; }
#ozark-storefront > main.guide-page .mw4-settings-table { display: table; width: 100%; min-width: 0; margin-top: 24px; table-layout: fixed; }
#ozark-storefront > main.guide-page .mw4-settings-table caption { padding-inline: 0; }

/* Editorial comparison, controls and FAQ layouts. */
#ozark-storefront > main.era-buyer-guide .era-guide-hero { gap: 30px; }
#ozark-storefront > main.era-buyer-guide .era-guide-product {
  padding: 18px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.era-buyer-guide .era-guide-product img { height: auto; aspect-ratio: 16 / 9; object-fit: contain; border-radius: 12px; }
#ozark-storefront > main.era-buyer-guide .era-guide-product figcaption { margin-top: 14px; color: var(--ui-muted, #527080); font-size: .875rem; line-height: 1.6; }
#ozark-storefront > main.era-buyer-guide :is(.era-guide-button, .era-guide-buying) { gap: 28px; }
#ozark-storefront > main.era-buyer-guide .era-guide-button video { border-radius: var(--ui-radius, 20px); }
#ozark-storefront > main.era-buyer-guide .era-guide-modes { gap: 16px; margin-block: 24px; }
#ozark-storefront > main.era-buyer-guide .era-guide-modes > section {
  padding: 24px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-top: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.era-buyer-guide .era-guide-modes h3 { font-size: 1.375rem; }
#ozark-storefront > main.era-buyer-guide .era-guide-modes dt { font-size: .9375rem; }
#ozark-storefront > main.era-buyer-guide .era-guide-modes dd { font-size: .9375rem; line-height: 1.65; }
#ozark-storefront > main.era-buyer-guide .era-guide-inline-note { padding: 16px 20px; border-left-color: var(--vivid-accent, #007ead); border-radius: 0 12px 12px 0; background: #f0f8fc; }
#ozark-storefront > main.era-buyer-guide .era-guide-options > section { padding: 24px 0; border-color: var(--ui-line, #cde0e7); }
#ozark-storefront > main.era-buyer-guide .era-guide-faq > div { max-width: none; padding: 24px 0; border-top: 1px solid var(--ui-line, #cde0e7); }
#ozark-storefront > main.era-buyer-guide .era-guide-faq > div:first-of-type { margin-top: 24px; }
#ozark-storefront > main.era-buyer-guide .era-guide-faq > div:last-child { padding-bottom: 0; }
#ozark-storefront > main.mw4-guide .mw4-status-list > div { padding: 22px 0; border-color: var(--ui-line, #cde0e7); }
#ozark-storefront > main.mw4-guide .mw4-questions { display: grid; gap: 12px; margin-top: 24px; }
#ozark-storefront > main.mw4-guide .mw4-questions details {
  padding: 0;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.mw4-guide .mw4-questions summary { min-height: 64px; padding: 18px 22px; color: var(--ui-ink, #123442); font-weight: 750; }
#ozark-storefront > main.mw4-guide .mw4-questions details[open] > summary { border-bottom: 1px solid var(--ui-line, #cde0e7); }
#ozark-storefront > main.mw4-guide .mw4-questions details p { margin: 0; padding: 20px 22px; }

/* Video lesson tabs stay native and preserve the hidden panel state. */
#ozark-storefront > main.era-playbook .ep-heading h1 span { color: var(--vivid-ink, #005d86); }
#ozark-storefront > main.era-playbook .ep-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 6px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.era-playbook .ep-tabs [role="tab"] {
  min-height: 44px;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--ui-muted, #527080);
  font-size: .9375rem;
  font-weight: 750;
  line-height: 1.4;
  white-space: normal;
}
#ozark-storefront > main.era-playbook .ep-tabs [role="tab"][aria-selected="true"] { border-color: var(--ui-line, #cde0e7); background: linear-gradient(160deg, #fff 0%, #faffff 44%, rgba(var(--vivid-rgb), .12) 46%, #f3fcff 100%); color: var(--vivid-ink, #005d86); box-shadow: inset 0 2px 1px #fff, 0 5px 12px rgba(var(--vivid-rgb), .14); }
#ozark-storefront > main.era-playbook .ep-tabs [role="tab"]:hover { color: var(--vivid-ink, #005d86); background: linear-gradient(160deg, #fff 0%, #faffff 44%, rgba(var(--vivid-rgb), .12) 46%, #f3fcff 100%); }
#ozark-storefront > main.era-playbook .ep-demo { border-color: var(--ui-line, #cde0e7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); box-shadow: var(--ui-shadow, var(--vivid-depth)); }
#ozark-storefront > main.era-playbook .ep-demo[hidden] { display: none; }
#ozark-storefront > main.era-playbook .ep-copy { padding: 30px; }
#ozark-storefront > main.era-playbook .ep-copy h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
#ozark-storefront > main.era-playbook .ep-video figcaption { color: #fff; font-size: .8125rem; line-height: 1.5; }
#ozark-storefront > main.era-playbook :is(.ep-buy, .ep-resources) { margin-top: 28px; padding: 28px; border: 1px solid var(--ui-line, #cde0e7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.era-playbook .ep-resource-links { gap: 16px; margin-top: 20px; }
#ozark-storefront > main.era-playbook .ep-resource-links a { padding: 24px; border-color: var(--ui-line, #cde0e7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.era-playbook .ep-resource-links a:hover { border-color: var(--vivid-accent, #007ead); }
#ozark-storefront > main.era-playbook .ep-resource-links strong { color: var(--vivid-ink, #005d86); font-size: 1rem; }
#ozark-storefront > main.era-playbook .ep-resource-links a > span { color: var(--ui-muted, #527080); font-size: .9375rem; line-height: 1.65; }

/* Release records use the same surfaces without changing product/version status. */
#ozark-storefront > main.product-update-page :is(.product-update-hero, .product-update-record, .product-update-deep-dive, .product-update-included, .product-update-next) {
  gap: 28px;
  padding: clamp(24px, 3.6vw, 40px);
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth));
}
#ozark-storefront > main.product-update-page .product-update-hero { align-items: center; background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.product-update-page .product-update-hero h1 { max-width: 22ch; }
#ozark-storefront > main.product-update-page :is(.product-update-kicker, .product-update-section-label, .product-update-record header small) { color: var(--vivid-ink, #005d86); font-size: .75rem; line-height: 1.5; }
#ozark-storefront > main.product-update-page .product-update-hero__status {
  padding: 24px;
  border-color: var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
}
#ozark-storefront > main.product-update-page .product-update-hero__status > span:first-child { color: var(--ui-muted, #527080); font-size: .75rem; }
#ozark-storefront > main.product-update-page .product-update-hero__status > strong { color: var(--ui-ink, #123442); font-size: 1.5rem; }
#ozark-storefront > main.product-update-page .product-update-hero__status :is(time, span:last-child) { color: var(--ui-muted, #527080); font-size: .875rem; }
#ozark-storefront > main.product-update-page .product-update-record > header { align-items: center; padding-bottom: 24px; border-color: var(--ui-line, #cde0e7); }
#ozark-storefront > main.product-update-page .product-update-record header h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); }
#ozark-storefront > main.product-update-page .product-update-record .product-update-icon { width: 48px; height: 48px; flex-basis: 48px; border-color: var(--ui-line, #cde0e7); border-radius: 14px; background: #edf7fc; color: var(--vivid-ink, #005d86); }
#ozark-storefront > main.product-update-page .product-update-record > header > :is(time, span) { color: var(--ui-muted, #527080); font-size: .875rem; line-height: 1.6; }
#ozark-storefront > main.product-update-page :is(.product-update-summary, .product-update-hero__copy > p:not(.product-update-kicker)) { max-width: 78ch; color: var(--ui-muted, #527080); font-size: 1rem; line-height: 1.75; }
#ozark-storefront > main.product-update-page .product-update-notes { margin-top: 26px; }
#ozark-storefront > main.product-update-page .product-update-notes h3 { margin-bottom: 16px; font-size: 1.125rem; }
#ozark-storefront > main.product-update-page .product-update-notes ul { gap: 14px; }
#ozark-storefront > main.product-update-page .product-update-notes li { color: var(--ui-muted, #527080); font-size: 1rem; line-height: 1.7; }
#ozark-storefront > main.product-update-page :is(.product-update-record__scope, .product-update-deep-dive__limit) { padding-top: 20px; border-color: var(--ui-line, #cde0e7); color: var(--ui-muted, #527080); font-size: .9375rem; line-height: 1.7; }
#ozark-storefront > main.product-update-page .product-update-technical { border-color: var(--ui-line, #cde0e7); }
#ozark-storefront > main.product-update-page .product-update-technical > summary { min-height: 56px; padding-block: 16px; color: var(--vivid-ink, #005d86); font-size: 1rem; }
#ozark-storefront > main.product-update-page .product-update-deep-dive__paths { padding: 24px; border-color: var(--ui-line, #cde0e7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.product-update-page .product-update-deep-dive__paths :is(h3, li) { font-size: 1rem; }
#ozark-storefront > main.product-update-page :is(.product-update-deep-dive > header > p:last-child, .product-update-next > div > p:not(.product-update-section-label)) { color: var(--ui-muted, #527080); font-size: 1rem; line-height: 1.7; }
#ozark-storefront > main.product-update-page :is(.product-update-test-steps, .product-update-next ol, .product-update-included nav) { gap: 14px; }
#ozark-storefront > main.product-update-page :is(.product-update-test-steps li, .product-update-next li, .product-update-included nav a) { min-width: 0; gap: 16px; padding: 22px; border-color: var(--ui-line, #cde0e7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.product-update-page :is(.product-update-test-steps p, .product-update-next li p) { color: var(--ui-muted, #527080); font-size: .9375rem; line-height: 1.65; }
#ozark-storefront > main.product-update-page :is(.product-update-test-steps strong, .product-update-next li strong, .product-update-included nav a strong) { margin-bottom: 6px; color: var(--ui-ink, #123442); font-size: 1rem; line-height: 1.45; }
#ozark-storefront > main.product-update-page .product-update-next li > span { width: 34px; height: 34px; flex-basis: 34px; border-radius: 10px; background: #e1f2fa; color: var(--vivid-ink, #005d86); font-size: .75rem; }
#ozark-storefront > main.product-update-page .product-update-included nav a span { color: var(--ui-muted, #527080); font-size: .8125rem; }
#ozark-storefront > main.product-update-page .product-update-included nav a:hover { border-color: var(--vivid-accent, #007ead); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.product-update-page .product-update-boundary { padding: 24px 26px; border: 1px solid var(--ui-line, #cde0e7); border-left: 4px solid var(--ui-accent, #087ca7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.product-update-page .product-update-boundary strong { color: var(--ui-ink, #123442); font-size: 1rem; }
#ozark-storefront > main.product-update-page .product-update-boundary p { margin: 0; color: var(--ui-muted, #527080); font-size: .9375rem; line-height: 1.7; }
#ozark-storefront > main.product-update-page :is(.product-update-actions, .product-update-footer-actions) { gap: 12px; margin-top: 24px; }

/* Only form controls inside these public reading routes; no account/checkout scope. */
#ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  max-width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: 14px;
  background: #fff;
  color: var(--ui-ink, #123442);
  font: inherit;
}

/* Override earlier gloss layers only on public guide surfaces. */
#ozark-storefront > main.content-page,
#ozark-storefront > main.guide-page :is(.guide-hero, .guide-link-grid > a, .guide-band, .guide-checklist, .guide-note, .guide-steps > li) {
  border-color: var(--ui-line, #cde0e7) !important;
  box-shadow: var(--ui-shadow, var(--vivid-depth)) !important;
}
#ozark-storefront > main.guide-page.guide-article { background: transparent !important; box-shadow: none !important; }
#ozark-storefront > main.content-page,
#ozark-storefront > main.guide-page :is(.guide-link-grid > a, .guide-steps > li) { background: var(--ui-glass, var(--vivid-glass)) !important; }
#ozark-storefront > main.guide-page :is(.guide-band, .guide-checklist) { background: var(--ui-glass, var(--vivid-glass)) !important; }
#ozark-storefront > main.guide-page .guide-hero { background: var(--ui-glass, var(--vivid-glass)) !important; }
#ozark-storefront > main.guide-page .guide-link-grid > a:hover { transform: none; translate: none; }
#ozark-storefront > main.guide-page :is(.guide-kicker, .guide-section-head > span, .guide-band > div > span, .guide-checklist > div > span) { color: var(--vivid-ink, #005d86) !important; background: transparent !important; }
#ozark-storefront > main.guide-page :is(.guide-link-grid > a > b, .guide-steps > li > b) { color: var(--vivid-ink, #005d86) !important; border-color: var(--ui-line, #cde0e7) !important; background: linear-gradient(155deg, #fff, rgba(var(--vivid-rgb), .16)) !important; }
#ozark-storefront > main.guide-page .guide-link-grid > a > i { color: var(--vivid-ink, #005d86) !important; background: transparent !important; }

/* Structural lists/navigation have their own cards; old wrapper paint and rails
   otherwise draw rectangular patches and duplicate card-edge separators. */
#ozark-storefront > main.guide-page :is(.guide-index, .guide-next, .guide-steps) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section, .compatibility-table, .guide-note, .guide-table-scroll, .era-guide-table-wrap, .mw4-questions details),
#ozark-storefront > main.era-playbook :is(.ep-tabs, .ep-demo, .ep-buy, .ep-resources, .ep-resource-links a),
#ozark-storefront > main.product-update-page :is(.product-update-hero, .product-update-hero__status, .product-update-record, .product-update-record > header, .product-update-technical, .product-update-record__scope, .product-update-deep-dive, .product-update-deep-dive__paths, .product-update-deep-dive__limit, .product-update-included, .product-update-next) {
  border-color: var(--ui-line, rgba(var(--vivid-rgb), .28)) !important;
}
#ozark-storefront > main.guide-page .guide-link-grid > a > b,
#ozark-storefront > main.guide-page .guide-steps > li > b,
#ozark-storefront > main.guide-page .zen-ready-grid li > b,
#ozark-storefront > main.product-update-page :is(.product-update-icon, .product-update-next li > span) {
  color: var(--vivid-ink, #005d86) !important;
  border-color: var(--ui-line, rgba(var(--vivid-rgb), .28)) !important;
  background: linear-gradient(155deg, #fff, rgba(var(--vivid-rgb), .16)) !important;
}

/* Public welcome checklist: presentation only, with all checked/hidden states retained. */
#ozark-storefront > main.welcome-main {
  width: var(--ui-page-width, min(var(--ui-width, 1220px), calc(100% - 64px)));
  margin: 36px auto 72px;
  overflow: visible;
  color: var(--ui-ink, #123442);
  font-family: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
}
#ozark-storefront > main.welcome-main :is(.welcome-hero, .welcome-setup, .welcome-support) {
  margin: 0 0 24px;
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid var(--ui-line, #cde0e7);
  border-radius: var(--ui-radius, 20px);
  background: var(--ui-glass, var(--vivid-glass));
  box-shadow: var(--ui-shadow, var(--vivid-depth)) !important;
}
#ozark-storefront > main.welcome-main .welcome-hero { min-height: 0; background: var(--ui-glass, var(--vivid-glass)); }
#ozark-storefront > main.welcome-main .welcome-hero::before { display: none; }
#ozark-storefront > main.welcome-main :is(.welcome-hero-inner, .welcome-setup-inner, .welcome-support-inner) { width: 100%; max-width: none; }
#ozark-storefront > main.welcome-main .welcome-hero-inner { max-width: 900px; margin-inline: auto; }
#ozark-storefront > main.welcome-main h1 { color: var(--ui-ink, #123442); font-size: clamp(2.2rem, 4.5vw, 3.75rem); line-height: 1.1; letter-spacing: -.025em; }
#ozark-storefront > main.welcome-main h1 em { color: var(--vivid-ink, #005d86); }
#ozark-storefront > main.welcome-main h2 { color: var(--ui-ink, #123442); font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.25; letter-spacing: -.025em; }
#ozark-storefront > main.welcome-main :is(.welcome-lede, .welcome-section-head p, .welcome-support p) { color: var(--ui-muted, #527080); font-size: 1rem; line-height: 1.75; }
#ozark-storefront > main.welcome-main :is(.welcome-kicker, .eyebrow) { color: var(--vivid-ink, #005d86); font-size: .75rem; line-height: 1.5; }
#ozark-storefront > main.welcome-main .welcome-statuses { flex-wrap: wrap; gap: 10px; }
#ozark-storefront > main.welcome-main .welcome-statuses span { padding: 10px 14px; color: var(--ui-ink, #123442); font-size: .8125rem; border-radius: 12px; }
#ozark-storefront > main.welcome-main .welcome-product-row { flex-wrap: wrap; gap: 12px; }
#ozark-storefront > main.welcome-main .welcome-product-row img { width: 148px; height: auto; aspect-ratio: 16 / 9; object-fit: contain; padding: 0; border: 1px solid var(--ui-line, #cde0e7); border-radius: 12px; background: #fff; box-shadow: none; }
#ozark-storefront > main.welcome-main .welcome-product-row img.is-selected { border-color: var(--vivid-accent, #007ead); background: #fff; box-shadow: 0 0 0 2px #087ca733; transform: none; }
#ozark-storefront > main.welcome-main .welcome-section-head { gap: 24px; }
#ozark-storefront > main.welcome-main .welcome-progress { width: 190px; flex-shrink: 0; }
#ozark-storefront > main.welcome-main .welcome-progress-head { color: var(--ui-muted, #527080); font-size: .8125rem; }
#ozark-storefront > main.welcome-main .welcome-progress-track { height: 8px; background: #dcebf2; }
#ozark-storefront > main.welcome-main .welcome-progress-track span { background: var(--ui-accent, #087ca7); }
#ozark-storefront > main.welcome-main .welcome-steps { gap: 16px; }
#ozark-storefront > main.welcome-main .welcome-step { padding: 24px 20px; border: 1px solid var(--ui-line, #cde0e7) !important; border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)) !important; box-shadow: var(--ui-shadow, var(--vivid-depth)) !important; }
#ozark-storefront > main.welcome-main .welcome-step:hover { border-color: var(--vivid-accent, #007ead) !important; transform: none; }
#ozark-storefront > main.welcome-main .welcome-step:has(input:checked) { border-color: #91c8b3 !important; background: #f1faf6 !important; }
#ozark-storefront > main.welcome-main .welcome-step-copy strong { color: var(--ui-ink, #123442); font-size: 1rem; line-height: 1.45; }
#ozark-storefront > main.welcome-main .welcome-step-copy span { color: var(--ui-muted, #527080); font-size: .9375rem; line-height: 1.65; }
#ozark-storefront > main.welcome-main .welcome-complete { padding: 22px; border-radius: var(--ui-radius, 20px); box-shadow: var(--ui-shadow, var(--vivid-depth)) !important; }
#ozark-storefront > main.welcome-main .welcome-complete strong { font-size: 1rem; }
#ozark-storefront > main.welcome-main .welcome-complete span { font-size: .9375rem; line-height: 1.65; }
#ozark-storefront > main.welcome-main .welcome-complete[hidden] { display: none; }
#ozark-storefront > main.notfound { width: min(920px, var(--ui-page-width, calc(100% - 64px))); margin: 36px auto 72px; padding: clamp(44px, 8vw, 88px) 24px; border: 1px solid var(--ui-line, #cde0e7); border-radius: var(--ui-radius, 20px); background: var(--ui-glass, var(--vivid-glass)); box-shadow: var(--ui-shadow, var(--vivid-depth)); }
#ozark-storefront > main.notfound h1 { margin: 0; color: var(--vivid-ink, #005d86); font-size: clamp(4rem, 12vw, 6rem); font-weight: 800; line-height: 1.1; }
#ozark-storefront > main.notfound p { margin: 20px auto 28px; max-width: 44ch; color: var(--ui-muted, #527080); font-size: 1.0625rem; line-height: 1.75; }

@media (max-width: 900px) {
  #ozark-storefront > main.era-buyer-guide :is(.era-guide-hero, .era-guide-button, .era-guide-buying) { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.era-buyer-guide .era-guide-product { width: 100%; max-width: 460px; justify-self: start; }
  #ozark-storefront > main.era-buyer-guide :is(.era-guide-modes, .era-guide-start) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #ozark-storefront > main.era-playbook .ep-demo { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.product-update-page :is(.product-update-hero, .product-update-deep-dive, .product-update-included, .product-update-next) { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.guide-page .guide-checklist { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #ozark-storefront > main.welcome-main .welcome-steps { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 650px) {
  #ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page) { width: var(--ui-page-width, calc(100% - 32px)); padding: 24px 0 48px; }
  #ozark-storefront > main.content-page { margin-block: 24px 48px; padding: 26px 20px; }
  #ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-hero, .era-guide-hero, .ep-heading) { padding: 26px 22px; }
  #ozark-storefront > main:is(.guide-page, .era-playbook, .product-update-page) h1 { font-size: clamp(2rem, 7vw, 2.6rem); }
  #ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-hero, .era-guide-hero, .ep-heading) h1 { max-width: none; }
  #ozark-storefront > main.guide-page :is(.guide-reference-section, .mw4-section, .era-guide-section, .compatibility-table, .guide-note, .guide-band, .guide-checklist, .era-guide-cta) { padding: 24px 20px; }
  #ozark-storefront > main.guide-page :is(.guide-jump, .era-guide-jump, .mw4-contents) { gap: 8px; padding: 14px; }
  #ozark-storefront > main.guide-page .guide-link-grid { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.guide-page .guide-link-grid > a { min-height: 124px; padding: 22px 18px; gap: 14px; }
  #ozark-storefront > main.guide-page .guide-steps > li { padding: 24px 20px; }
  #ozark-storefront > main.guide-page .compatibility-table dl > div { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  #ozark-storefront > main.guide-page .zen-ready-grid { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.guide-page .zen-ready-guide-head small { width: 100%; padding-left: 0; }
  #ozark-storefront > main.era-buyer-guide .era-guide-criteria { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #ozark-storefront > main.era-buyer-guide .era-guide-cta { display: block; }
  #ozark-storefront > main.mw4-guide .mw4-status-list > div { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  #ozark-storefront > main.mw4-guide .mw4-settings-table :is(th, td) { padding: 16px 10px; font-size: .875rem; }
  #ozark-storefront > main.era-playbook :is(.ep-copy, .ep-buy, .ep-resources) { padding: 24px 20px; }
  #ozark-storefront > main.era-playbook .ep-resource-links { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.era-playbook .ep-buy { display: block; }
  #ozark-storefront > main.era-playbook .ep-purchase { margin-top: 22px; }
  #ozark-storefront > main.product-update-page :is(.product-update-hero, .product-update-record, .product-update-deep-dive, .product-update-included, .product-update-next) { gap: 22px; padding: 26px 20px; }
  #ozark-storefront > main.product-update-page .product-update-record > header { align-items: flex-start; flex-direction: column; gap: 16px; }
  #ozark-storefront > main.product-update-page .product-update-record > header > :is(time, span) { max-width: none; text-align: left; }
  #ozark-storefront > main.product-update-page .product-update-test-steps { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.product-update-page .product-update-test-steps li:last-child { grid-column: auto; }
  #ozark-storefront > main:is(.welcome-main, .notfound) { width: var(--ui-page-width, calc(100% - 32px)); margin-block: 24px 48px; }
  #ozark-storefront > main.welcome-main :is(.welcome-hero, .welcome-setup, .welcome-support) { padding: 26px 20px; }
  #ozark-storefront > main.welcome-main .welcome-section-head { flex-direction: column; align-items: stretch; }
  #ozark-storefront > main.welcome-main .welcome-progress { width: 100%; }
  #ozark-storefront > main.welcome-main .welcome-support-inner { grid-template-columns: minmax(0, 1fr); }
  #ozark-storefront > main.welcome-main .welcome-product-row img { width: 120px; }
}

@media (prefers-reduced-transparency: reduce) {
  #ozark-storefront > main:is(.content-page, .guide-page, .era-playbook, .product-update-page, .welcome-main, .notfound) { --ui-surface: #fff; }
  #ozark-storefront > main:is(.guide-page, .era-playbook) :is(.guide-hero, .era-guide-hero, .ep-heading),
  #ozark-storefront > main.product-update-page .product-update-hero { background: var(--ui-glass, var(--vivid-glass)); }
}