/* Quadro experience layer. Existing CMS layout, data and business actions stay authoritative. */
body.mfc-quadro.mfc-tech {
  --mfc-radius: .5rem;
  --mfc-text: #243043;
  --mfc-muted: #617084;
  --mfc-border: #dfe5ed;
  --mfc-surface-soft: #f3f6fa;
  --mfc-tech-ink: #172436;
  --mfc-tech-line: #e9edf3;
  --mfc-tech-ease: cubic-bezier(.22,.68,0,1);
  --mfc-tech-fast: 160ms;
  --mfc-tech-shadow: 0 .5rem 1.75rem #17243608;
  --mfc-tech-shadow-raised: 0 .875rem 2rem #17243612;
  background: #f5f7fa;
  text-rendering: optimizeLegibility;
}

/* Keep the existing 1390px canvas, fitting small screens and nested Layout cells. */
body.mfc-quadro.mfc-tech :is(.mfc-container,.wojo-grid) { width: min(1440px,calc(100% - var(--mfc-gutter) * 2)); }
body.mfc-quadro.mfc-tech :is(.mfc-container,.wojo-grid) :is(.mfc-container,.wojo-grid) { width: 100%; }
body.mfc-quadro.mfc-tech #page { padding-block: 1.75rem 2.5rem; }
body.mfc-quadro.mfc-tech .mfc-page-header { position: relative; isolation: isolate; overflow: clip; }
body.mfc-quadro.mfc-tech .mfc-page-header::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .09;
  background-image: linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);
  background-size: 2.5rem 2.5rem;
  mask-image: linear-gradient(100deg,transparent 30%,#000);
}
body.mfc-quadro.mfc-tech .mfc-page-heading { position: relative; padding-inline-start: 1rem; }
body.mfc-quadro.mfc-tech .mfc-page-heading::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .25rem; bottom: .25rem;
  width: 2px; background: linear-gradient(var(--mfc-brand),#fff6); border-radius: 2px;
}
body.mfc-quadro.mfc-tech .mfc-page-description { color: #f1f3f6; }
body.mfc-quadro.mfc-tech .mfc-breadcrumb { border-radius: .375rem .375rem 0 0; }
body.mfc-quadro.mfc-tech #header .middle-bar { box-shadow: 0 2px 10px #18253505; }
body.mfc-quadro.mfc-tech #menu > li > a { transition: color var(--mfc-tech-fast),background-color var(--mfc-tech-fast); }
body.mfc-quadro.mfc-tech #menu > li > a:is(.active,.current,[aria-current="page"],.highlighted,:hover,:focus-visible),
body.mfc-quadro.mfc-tech #menu > li.is-open > a { background: var(--mfc-nav-active-bg, #f5f5f5); border-bottom: 0; box-shadow: none; }
body.mfc-quadro.mfc-tech #menu ul.menu-submenu { border: 1px solid var(--mfc-border); border-radius: .5rem; border-top-left-radius: 0; box-shadow: 0 1rem 2.5rem #1724361a; }
body.mfc-quadro.mfc-tech #menu li.is-open > ul.menu-submenu { animation: mfc-menu-enter 180ms var(--mfc-tech-ease); }
body.mfc-quadro.mfc-tech .mfc-language-switch .menu:not([hidden]) { animation: mfc-menu-enter 160ms var(--mfc-tech-ease); }
body.mfc-quadro.mfc-tech :is(.mfc-button,.wojo.button,.mfc-rsc-button,.mfc-download-details,.mfc-dealer-visit) {
  transition: background-color var(--mfc-tech-fast),border-color var(--mfc-tech-fast),box-shadow var(--mfc-tech-fast),color var(--mfc-tech-fast);
}
body.mfc-quadro.mfc-tech :is(.mfc-button,.mfc-release-primary,.mfc-dealer-visit):hover { box-shadow: 0 .25rem .75rem #a6171c1a; }
body.mfc-quadro.mfc-tech :is(button,a):focus-visible { outline: 2px solid #356898; outline-offset: 3px; }
body.mfc-quadro.mfc-tech :is(.mfc-release-card,.mfc-blog-story,.mfc-shop-card,.mfc-credit-card,.mfc-dealer-card,.mfc-rsc-card):has(:focus-visible) { outline: 2px solid #356898; outline-offset: 3px; }
body.mfc-quadro.mfc-tech :is(button,a):active:not(:disabled) { -webkit-tap-highlight-color: transparent; }

/* Search is scoped to the items rendered on this page; no implied global result count. */
body.mfc-quadro.mfc-tech .mfc-collection-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem;
  margin: 0 0 1.25rem; padding: .875rem 1rem; border: 1px solid var(--mfc-border);
  border-radius: var(--mfc-radius); background: #fff; box-shadow: 0 2px 8px #17243603;
}
body.mfc-quadro.mfc-tech .mfc-collection-search { position: relative; display: flex; align-items: center; flex: 1 1 14rem; min-width: 0; margin: 0; }
body.mfc-quadro.mfc-tech .mfc-collection-search > .icon { position: absolute; inset-inline-start: .75rem; color: #7d8c9f; margin: 0; pointer-events: none; }
body.mfc-quadro.mfc-tech .mfc-collection-search input {
  box-sizing: border-box; width: 100%; min-height: 2.5rem; margin: 0;
  padding: .5rem .75rem; padding-inline-start: 2.25rem; border: 1px solid var(--mfc-border);
  border-radius: .375rem; background: #f8fafc; color: var(--mfc-text); font: inherit; font-size: .875rem;
  transition: border-color var(--mfc-tech-fast),box-shadow var(--mfc-tech-fast),background-color var(--mfc-tech-fast);
}
body.mfc-quadro.mfc-tech .mfc-collection-search input:focus { outline: 0; border-color: #728ba6; background: #fff; box-shadow: 0 0 0 3px #557b9f12; }
body.mfc-quadro.mfc-tech .mfc-collection-status { display: grid; gap: .125rem; min-width: 0; }
body.mfc-quadro.mfc-tech .mfc-collection-status > span { font-size: .8125rem; font-weight: 600; font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech .mfc-collection-status > small { color: var(--mfc-muted); font-size: .6875rem; line-height: 1.4; }
body.mfc-quadro.mfc-tech .mfc-collection-reset { display: inline-flex; align-items: center; gap: .375rem; min-height: 2.5rem; margin: 0; padding: .375rem .625rem; border: 1px solid var(--mfc-border); border-radius: .375rem; background: #fff; color: var(--mfc-text); font: inherit; font-size: .8125rem; cursor: pointer; }
body.mfc-quadro.mfc-tech .mfc-collection-reset:hover { background: var(--mfc-surface-soft); }
body.mfc-quadro.mfc-tech .mfc-collection-empty { padding: 2.5rem 1rem; border: 1px dashed #cfd8e3; border-radius: var(--mfc-radius); text-align: center; color: var(--mfc-muted); background: #f9fafc; }
body.mfc-quadro.mfc-tech .mfc-collection-empty .icon { display: block; margin: 0 0 .75rem; font-size: 1.5rem; color: #8b9bb0; }
body.mfc-quadro.mfc-tech .mfc-collection-empty p { margin: 0; font-size: .875rem; }
body.mfc-quadro.mfc-tech :is(.mfc-collection-toolbar,.mfc-collection-empty)[hidden] { display: none; }
body.mfc-quadro.mfc-tech .mfc-collection-reset[hidden] { display: none !important; }
body.mfc-quadro.mfc-tech .mfc-collection-filtered #pagination { opacity: .6; }

/* Blog-wide search uses the standard livesearch position in the page header. */
body.mfc-quadro.mfc-tech .mfc-search-submit:is(:hover,:focus-visible,:active) { background: transparent; color: var(--mfc-brand); box-shadow: none; }
body.mfc-quadro.mfc-tech .mfc-heading-filter .mfc-search-field input { padding-inline-end: 5.25rem; }
body.mfc-quadro.mfc-tech .mfc-heading-filter input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
body.mfc-quadro.mfc-tech .mfc-heading-filter .mfc-heading-filter-reset { position: absolute; inset: 0 2.75rem 0 auto; display: flex; align-items: center; justify-content: center; width: 2.5rem; min-height: 2.5rem; padding: 0; border: 0; border-radius: 0; background: transparent; color: #617084; }
body.mfc-quadro.mfc-tech .mfc-heading-filter-reset > .icon { margin: 0; }
body.mfc-quadro.mfc-tech .mfc-heading-filter-reset:hover { color: var(--mfc-brand); }

/* Detail navigation uses the actual sections and headings present in each record. */
body.mfc-quadro.mfc-tech .mfc-section-nav {
  grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: .375rem;
  min-width: 0; margin: 0 0 1.25rem; padding: .75rem; border: 1px solid var(--mfc-border);
  border-radius: var(--mfc-radius); background: #f8fafc;
}
body.mfc-quadro.mfc-tech .mfc-section-nav > span { flex: 0 0 auto; padding: .375rem .5rem; color: var(--mfc-muted); font-size: .75rem; font-weight: 600; }
body.mfc-quadro.mfc-tech .mfc-section-nav > a { display: inline-flex; align-items: center; min-height: 2.25rem; max-width: 100%; padding: .375rem .625rem; border: 1px solid transparent; border-radius: .375rem; color: #45576d; font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; transition: background-color var(--mfc-tech-fast),border-color var(--mfc-tech-fast),color var(--mfc-tech-fast); }
body.mfc-quadro.mfc-tech .mfc-section-nav > a:is(:hover,[aria-current="location"]) { border-color: #dce3ec; background: #fff; color: var(--mfc-tech-ink); }
body.mfc-quadro.mfc-tech [data-mfc-section] { scroll-margin-top: 8rem; }
body.mfc-quadro.mfc-tech .mfc-reading-progress { position: fixed; inset: 0 0 auto; z-index: 10020; height: 2px; pointer-events: none; background: var(--mfc-brand); transform: scaleX(0); transform-origin: left; }

/* Software releases: restrained metadata, strong identity and one primary action. */
body.mfc-quadro.mfc-tech .mfc-release-library-heading { align-items: center; padding: 0 0 1rem; margin: 0 0 1rem; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro.mfc-tech .mfc-release-library-heading > h2 { font-size: 1.125rem; letter-spacing: -.02em; }
body.mfc-quadro.mfc-tech .mfc-release-library-heading > span { padding: .25rem .625rem; border: 1px solid var(--mfc-border); border-radius: .375rem; background: #fff; font-size: .75rem; }
body.mfc-quadro.mfc-tech .mfc-release-card { position: relative; padding: 0; border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); overflow: hidden; transition: border-color 180ms,box-shadow 180ms; }
body.mfc-quadro.mfc-tech .mfc-release-main { padding: 1.5rem; gap: 1.5rem; }
body.mfc-quadro.mfc-tech .mfc-release-preview { border-radius: .5rem; background: linear-gradient(145deg,#f8fafc,#eef2f7); border-color: #e8edf3; }
body.mfc-quadro.mfc-tech .mfc-release-preview img { padding: .375rem; }
body.mfc-quadro.mfc-tech .mfc-release-title { letter-spacing: -.025em; font-size: 1.25rem; line-height: 1.45; }
body.mfc-quadro.mfc-tech .mfc-release-category a { display: inline-flex; padding: .1875rem .5rem; background: #f1f4f8; color: #52657b; border-radius: .25rem; }
body.mfc-quadro.mfc-tech .mfc-release-summary { color: #5e6f84; line-height: 1.75; }
body.mfc-quadro.mfc-tech .mfc-release-facts { padding-top: 1rem; border-top: 1px solid var(--mfc-tech-line); gap: 1rem; }
body.mfc-quadro.mfc-tech .mfc-release-facts dd { font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech .mfc-release-actions { margin-top: 0; padding: .875rem 1.5rem; background: #fbfcfe; border-top-color: var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-release-primary { background: var(--mfc-tech-ink); border-color: var(--mfc-tech-ink); color: #fff; }
body.mfc-quadro.mfc-tech .mfc-release-primary:hover { background: #2d415b; border-color: #2d415b; color: #fff; }
body.mfc-quadro.mfc-tech .mfc-download-hero { position: relative; border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-download-hero-title { letter-spacing: -.03em; font-size: clamp(1.375rem,1.15rem + .65vw,1.875rem); }
body.mfc-quadro.mfc-tech .mfc-download-hero-facts { padding-top: 1rem; border-top: 1px solid var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-download-hero-facts dd { font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech :is(.mfc-download-gallery,.mfc-download-description,.mfc-download-related) { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech :is(.mfc-download-description,.mfc-download-related) > h3 { display: flex; align-items: center; gap: .625rem; font-size: 1rem; }
body.mfc-quadro.mfc-tech :is(.mfc-download-description,.mfc-download-related) > h3::before { content: ""; width: .375rem; height: .375rem; border-radius: 1px; background: var(--mfc-brand); flex-shrink: 0; }
body.mfc-quadro.mfc-tech .mfc-download-description > .mfc-prose { font-size: var(--mfc-type-body); line-height: 1.8; }
body.mfc-quadro.mfc-tech .mfc-download-updates .header { color: var(--mfc-tech-ink); border-bottom-color: var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-download-gallery-stage { background: radial-gradient(ellipse at 50% 90%,#e9eef5,transparent 65%),#fbfcfe; }
body.mfc-quadro.mfc-tech .mfc-download-gallery-captions { text-align: center; }
body.mfc-quadro.mfc-tech .mfc-download-gallery-arrow { border-color: #d6e0eb; box-shadow: 0 .25rem .75rem #17243610; }
body.mfc-quadro.mfc-tech :is(.mfc-download-file-share,.mfc-blog-share-links,.mfc-rsc-share,.mfc-dealer-profile-share) > :is(a,button) { border-radius: .375rem; transition: color 160ms,background-color 160ms,border-color 160ms; }

/* News: editorial composition with consistent body typography. */
body.mfc-quadro.mfc-tech .mfc-blog-story { border: 1px solid var(--mfc-border); border-radius: .625rem; box-shadow: var(--mfc-tech-shadow); overflow: hidden; transition: border-color 180ms,box-shadow 180ms; }
body.mfc-quadro.mfc-tech .mfc-blog-story-media { overflow: hidden; border-radius: .375rem; }
body.mfc-quadro.mfc-tech .mfc-blog-story-media img { transition: transform 320ms var(--mfc-tech-ease); }
body.mfc-quadro.mfc-tech .mfc-blog-story-meta { font-size: .75rem; gap: .75rem; }
body.mfc-quadro.mfc-tech .mfc-blog-story > :is(.mfc-blog-story-meta,.mfc-blog-story-title,.mfc-blog-story-excerpt) { margin-inline: 1rem; }
body.mfc-quadro.mfc-tech .mfc-blog-story-comments { display: inline-flex; align-items: center; gap: .25rem; color: var(--mfc-muted); font-size: .75rem; white-space: nowrap; }
body.mfc-quadro.mfc-tech .mfc-blog-story-comments > .icon { margin: 0; }
body.mfc-quadro.mfc-tech .mfc-blog-story-author { color: var(--mfc-muted); font-size: .75rem; }
body.mfc-quadro.mfc-tech .mfc-blog-story-meta .mfc-blog-category { padding: .1875rem .4375rem; background: #f1f4f8; color: #50647d; border-radius: .25rem; }
body.mfc-quadro.mfc-tech .mfc-blog-story-title { letter-spacing: -.02em; font-size: 1.1875rem; }
body.mfc-quadro.mfc-tech .mfc-blog-read-more { gap: .5rem; color: var(--mfc-tech-ink); font-weight: 600; }
body.mfc-quadro.mfc-tech .mfc-blog-read-more .icon { transition: translate 180ms var(--mfc-tech-ease); }
body.mfc-quadro.mfc-tech .mfc-blog-story-excerpt { display: flex; align-items: flex-end; gap: .75rem; min-width: 0; }
body.mfc-quadro.mfc-tech .mfc-blog-story-excerpt > .mfc-blog-story-summary { flex: 1 1 0; min-width: 0; margin: 0; }
body.mfc-quadro.mfc-tech .mfc-blog-story-excerpt > .mfc-blog-read-more { flex: none; min-height: 1.75rem; margin-inline-start: auto; font-size: .8125rem; line-height: 1.5; white-space: nowrap; }
body.mfc-quadro.mfc-tech .mfc-blog-entry { padding: 1.5rem; border: 1px solid var(--mfc-border); border-radius: .625rem; background: #fff; box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-blog-entry-content { display: flow-root; }
body.mfc-quadro.mfc-tech .mfc-blog-date { overflow: hidden; border-radius: .375rem; border: 1px solid var(--mfc-border); }
body.mfc-quadro.mfc-tech #article.mfc-blog-detail { padding: clamp(1rem,2vw,2rem); border: 1px solid var(--mfc-border); border-radius: .625rem; box-shadow: var(--mfc-tech-shadow); background: #fff; }
body.mfc-quadro.mfc-tech .mfc-blog-detail-heading h1 { font-size: clamp(1.375rem,1.1rem + .7vw,1.875rem); letter-spacing: -.025em; }
body.mfc-quadro.mfc-tech .mfc-blog-detail-meta { color: var(--mfc-muted); font-size: .75rem; }
body.mfc-quadro.mfc-tech .mfc-blog-detail-cover { padding: .5rem; border-color: var(--mfc-tech-line); background: #fafbfd; }
body.mfc-quadro.mfc-tech .mfc-blog-detail-footer { clear: both; background: #f7f9fc; border-color: var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-blog-copy { font-size: var(--mfc-type-body); line-height: 1.8; }
body.mfc-quadro.mfc-tech .mfc-blog-copy :is(h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td) { font-size: inherit; }
body.mfc-quadro.mfc-tech .mfc-blog-copy :is(h2,h3,h4) { letter-spacing: 0; font-weight: 650; }
body.mfc-quadro.mfc-tech .mfc-blog-copy th { background: #f3f6fa; color: #41556e; }
body.mfc-quadro.mfc-tech .mfc-blog-table-scroll { border-color: var(--mfc-border); border-radius: .375rem; }
body.mfc-quadro.mfc-tech .mfc-blog-related { clear: both; padding-top: .5rem; }
body.mfc-quadro.mfc-tech .mfc-blog-share svg { width: 1rem; height: 1rem; fill: currentColor; }
body.mfc-quadro.mfc-tech .mfc-blog-share { font: inherit; cursor: pointer; }
body.mfc-quadro.mfc-tech .mfc-copy-feedback { position: fixed; inset: auto 1.25rem 1.25rem auto; z-index: 10030; max-width: min(30rem,calc(100% - 2.5rem)); margin: 0; padding: .875rem 1rem; border: 1px solid var(--mfc-border); border-radius: .5rem; background: #fff; color: var(--mfc-text); box-shadow: 0 .75rem 2rem #17243620; font-size: .875rem; overflow-wrap: anywhere; }
body.mfc-quadro.mfc-tech .mfc-copy-feedback.is-success { border-color: #c6d9cc; }

/* Product and credit catalogs keep purchase controls beside their prices. */
body.mfc-quadro.mfc-tech :is(.mfc-catalog-toolbar,.mfc-credits-toolbar) { align-items: center; border-bottom: 1px solid var(--mfc-border); padding-bottom: 1rem; margin-bottom: 1rem; }
body.mfc-quadro.mfc-tech :is(.mfc-catalog-title,.mfc-credit-catalog-title) { font-size: 1.125rem; letter-spacing: -.02em; }
body.mfc-quadro.mfc-tech :is(.mfc-shop-card,.mfc-credit-card) { border-radius: .625rem; border-color: var(--mfc-border); background: #fff; box-shadow: var(--mfc-tech-shadow); overflow: hidden; transition: border-color 180ms,box-shadow 180ms; }
body.mfc-quadro.mfc-tech :is(.mfc-shop-card-media,.mfc-credit-card-media) { background: linear-gradient(155deg,#fff 65%,#f7f9fc); border-bottom-color: var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech :is(.mfc-shop-card-media,.mfc-credit-card-media) img { transition: transform 360ms var(--mfc-tech-ease); }
body.mfc-quadro.mfc-tech :is(.mfc-shop-card-title,.mfc-credit-card-title) { font-size: 1rem; line-height: 1.55; letter-spacing: -.015em; }
body.mfc-quadro.mfc-tech :is(.mfc-shop-card-price,.mfc-credit-price) { font-variant-numeric: tabular-nums; font-size: 1.25rem; letter-spacing: -.025em; }
body.mfc-quadro.mfc-tech .mfc-shop-card-price > strong { font-size: 1.25rem; }
body.mfc-quadro.mfc-tech .mfc-shop-badge { border-radius: .25rem; font-size: .6875rem; }
body.mfc-quadro.mfc-tech .mfc-module-shop .mfc-product-layout > :is(.mfc-product-gallery,.mfc-product-summary,.mfc-product-description,.mfc-product-related) { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-product-summary > h3 { font-size: clamp(1.25rem,1.1rem + .5vw,1.75rem); }
body.mfc-quadro.mfc-tech .mfc-product-gallery #zoomer { background: #fff; }
body.mfc-quadro.mfc-tech .mfc-product-description > .mfc-prose { font-size: var(--mfc-type-body); }
body.mfc-quadro.mfc-tech .mfc-product-description strong { color: var(--mfc-tech-ink); }
body.mfc-quadro.mfc-tech .mfc-product-stock { display: flex; align-items: baseline; gap: .5rem; }
body.mfc-quadro.mfc-tech .mfc-product-stock::before { content: ""; width: .375rem; height: .375rem; flex: 0 0 auto; border-radius: 50%; background: currentColor; opacity: .65; }
body.mfc-quadro.mfc-tech .mfc-module-credits :is(.mfc-credit-detail-media,.mfc-credit-detail-info,.mfc-credit-description) { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-credit-detail-info > h2 { font-size: clamp(1.25rem,1.1rem + .5vw,1.75rem); letter-spacing: -.025em; }
body.mfc-quadro.mfc-tech .mfc-credit-detail-price { font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech .mfc-credit-description > .mfc-prose { font-size: var(--mfc-type-body); }

/* Dealer discovery: a map work area followed by a legible, actionable directory. */
body.mfc-quadro.mfc-tech .mfc-dealer-map-panel { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); overflow: hidden; }
body.mfc-quadro.mfc-tech .mfc-dealer-map-heading { background: #fff; padding: 1.25rem; }
body.mfc-quadro.mfc-tech .mfc-dealer-map-heading h2 { font-size: 1.25rem; letter-spacing: -.025em; }
body.mfc-quadro.mfc-tech .mfc-dealer-map-stage { background: radial-gradient(ellipse at center,#fff,#f2f6fb); }
body.mfc-quadro.mfc-tech .mfc-dealer-region-tile { border-radius: .375rem; transition: background-color 180ms,border-color 180ms; }
body.mfc-quadro.mfc-tech .mfc-dealer-map-marker { transition: opacity 180ms,filter 180ms; }
body.mfc-quadro.mfc-tech .mfc-dealer-map-marker:is(:hover,[aria-current="true"]) { filter: drop-shadow(0 2px 3px #243d6470); }
body.mfc-quadro.mfc-tech .mfc-dealer-card { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); transition: border-color 180ms,box-shadow 180ms; }
body.mfc-quadro.mfc-tech .mfc-dealer-card h3 { letter-spacing: -.02em; font-size: 1.25rem; }
body.mfc-quadro.mfc-tech .mfc-dealer-type { background: #f0f4f9; color: #4c627d; border-radius: .25rem; }
body.mfc-quadro.mfc-tech .mfc-dealer-details { border-top-color: var(--mfc-tech-line); color: var(--mfc-tech-ink); }
body.mfc-quadro.mfc-tech :is(.mfc-dealer-profile-header,.mfc-dealer-profile-panel,.mfc-dealer-profile-rating) { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-dealer-profile-identity h2 { letter-spacing: -.03em; }
body.mfc-quadro.mfc-tech .mfc-dealer-profile-contact dl > div { padding: .75rem; border-radius: .375rem; background: #f8fafc; }
body.mfc-quadro.mfc-tech .mfc-dealer-profile-footer { padding: 1rem 1.25rem; border: 1px solid var(--mfc-border); border-radius: .5rem; background: #fff; }

/* Resource directories, tutorial reading and video workspace share a precise type scale. */
body.mfc-quadro.mfc-tech .mfc-rsc-group-heading { gap: .75rem; padding: .875rem 0; margin-bottom: 1rem; border-bottom: 1px solid var(--mfc-border); background: transparent; }
body.mfc-quadro.mfc-tech .mfc-rsc-group-heading > h2 { display: flex; align-items: center; gap: .625rem; font-size: 1.125rem; font-weight: 650; letter-spacing: -.02em; }
body.mfc-quadro.mfc-tech .mfc-rsc-group-heading > h2::before { content: ""; width: .375rem; height: .375rem; flex: 0 0 auto; background: var(--mfc-brand); border-radius: 1px; }
body.mfc-quadro.mfc-tech .mfc-rsc-group-heading > span { padding: .1875rem .5rem; border-radius: .25rem; border: 1px solid var(--mfc-border); background: #fff; color: #65768c; font-size: .75rem; font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech .mfc-rsc-controls { padding: .875rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro.mfc-tech .mfc-rsc-index { gap: .375rem; padding-block: .25rem; }
body.mfc-quadro.mfc-tech .mfc-rsc-index a { padding: .375rem .625rem; border-radius: .375rem; background: #fff; border-color: var(--mfc-border); }
body.mfc-quadro.mfc-tech .mfc-rsc-card { border-radius: .5rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); transition: border-color 180ms,box-shadow 180ms; }
body.mfc-quadro.mfc-tech .mfc-rsc-card-title { letter-spacing: -.015em; }
body.mfc-quadro.mfc-tech .mfc-rsc-card-meta { border-top: 1px solid var(--mfc-tech-line); padding-top: .75rem; }
body.mfc-quadro.mfc-tech .mfc-rsc-card-meta .mfc-rsc-status { margin-inline-end: auto; }
body.mfc-quadro.mfc-tech .mfc-rsc-panel { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-rsc-heading > :is(h1,h2) { font-size: clamp(1.25rem,1.1rem + .5vw,1.75rem); letter-spacing: -.025em; }
body.mfc-quadro.mfc-tech .mfc-rsc-facts { border-top: 1px solid var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-rsc-facts > div { padding-block: .875rem; border-bottom-color: var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-rsc-facts dt { font-size: .8125rem; }
body.mfc-quadro.mfc-tech .mfc-rsc-facts dd { font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech .mfc-rsc-tutorial-thumb { border-radius: .375rem; overflow: hidden; }
body.mfc-quadro.mfc-tech .mfc-rsc-prose { font-size: var(--mfc-type-body); }
body.mfc-quadro.mfc-tech .mfc-rsc-video-layout { gap: 1.25rem; }
body.mfc-quadro.mfc-tech .mfc-rsc-video-player { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-rsc-video-caption { padding: 1.25rem; background: #fff; }
body.mfc-quadro.mfc-tech .mfc-rsc-video-caption > p { display: flex; align-items: center; gap: .5rem; font-size: .6875rem; letter-spacing: .04em; }
body.mfc-quadro.mfc-tech .mfc-rsc-video-caption > p::before { content: ""; width: .375rem; height: .375rem; border-radius: 50%; background: var(--mfc-brand); }
body.mfc-quadro.mfc-tech .mfc-rsc-video-queue { border-radius: .625rem; background: #fbfcfe; border-color: var(--mfc-border); }
body.mfc-quadro.mfc-tech .mfc-rsc-video-list { padding: .5rem; }
body.mfc-quadro.mfc-tech .mfc-rsc-video-list a { border-radius: .375rem; transition: background-color 160ms,border-color 160ms; }
body.mfc-quadro.mfc-tech .mfc-rsc-video-list a[aria-current="true"] { background: #eef2f7; border-color: #ccd8e6; color: var(--mfc-tech-ink); box-shadow: inset 2px 0 0 var(--mfc-brand); }
body.mfc-quadro.mfc-tech .mfc-rsc-video-list strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* Contact, member services and tickets have focused work areas and clear states. */
body.mfc-quadro.mfc-tech .mfc-contact-panel { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-contact-intro { background: linear-gradient(120deg,#f8fafc,#fff); }
body.mfc-quadro.mfc-tech .mfc-contact-intro h2 { letter-spacing: -.025em; font-size: 1.375rem; }
body.mfc-quadro.mfc-tech .mfc-form-section-heading { display: flex; align-items: center; gap: .625rem; font-size: .9375rem; }
body.mfc-quadro.mfc-tech .mfc-form-section-heading::before { content: ""; width: .375rem; height: .375rem; background: #7187a2; border-radius: 1px; }
body.mfc-quadro.mfc-tech :is(.mfc-contact-grid,.mfc-form-section) .field { min-width: 0; }
body.mfc-quadro.mfc-tech .mfc-form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select),
body.mfc-quadro.mfc-tech .mfc-support.support-front .wojo.form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select),
body.mfc-quadro.mfc-tech #acctab .wojo.form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { transition: border-color 160ms,box-shadow 160ms,background-color 160ms; border-radius: .375rem; }
body.mfc-quadro.mfc-tech .mfc-form :is(input,textarea,select):focus,
body.mfc-quadro.mfc-tech #acctab .wojo.form :is(input,textarea,select):focus,
body.mfc-quadro.mfc-tech .mfc-support.support-front .wojo.form :is(input,textarea,select):focus { border-color: #768ea9; box-shadow: 0 0 0 3px #557b9f12; }
body.mfc-quadro.mfc-tech .mfc-contact-footer { background: #fbfcfe; border-top-color: var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-account-overview { padding: 0 0 1.25rem; border-bottom: 1px solid var(--mfc-border); background: transparent; }
body.mfc-quadro.mfc-tech .mfc-account-heading h2 { letter-spacing: -.025em; }
body.mfc-quadro.mfc-tech #acctab .account-sidebar { border-radius: .625rem; background: #fff; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech #acctab .account-menu li a { border-radius: .375rem; }
body.mfc-quadro.mfc-tech #acctab .account-menu li a.active { background: #edf1f6; color: var(--mfc-tech-ink); box-shadow: inset 2px 0 0 var(--mfc-brand); }
body.mfc-quadro.mfc-tech #acctab .account-menu li a:hover { background: #f4f6fa; }
body.mfc-quadro.mfc-tech #acctab :is(.mfc-profile-editor,.mfc-shipping-editor,.mfc-plan-card,.mfc-plan-overview,.mfc-account-records) { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech #acctab .mfc-form-section legend { font-size: .875rem; color: #50627a; }
body.mfc-quadro.mfc-tech #acctab .mfc-plan-status { padding: 1rem; border-radius: .375rem; background: #f5f8fb; }
body.mfc-quadro.mfc-tech #acctab .mfc-plan-status .right.floated { font-variant-numeric: tabular-nums; }
body.mfc-quadro.mfc-tech #acctab .mfc-plan-price { border-bottom: 1px solid var(--mfc-tech-line); padding-bottom: 1rem; }
body.mfc-quadro.mfc-tech #acctab .mfc-plan-notice-warning { background: #EDAA10; color: #243043; }
body.mfc-quadro.mfc-tech #acctab .mfc-plan-action { background: var(--mfc-brand); border-radius: .375rem; }
body.mfc-quadro.mfc-tech #acctab .mfc-plan-action:hover { background: var(--mfc-brand-hover); }
body.mfc-quadro.mfc-tech .mfc-support.support-front :is(.support-list-panel,.support-ticket-overview,.support-message,.support-compose) { border-radius: .625rem; border-color: var(--mfc-border); box-shadow: var(--mfc-tech-shadow); }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-stat { border: 1px solid var(--mfc-border); background: #fff; border-radius: .5rem; box-shadow: var(--mfc-tech-shadow); transition: border-color 160ms,box-shadow 160ms; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-stat.is-active { border-color: #b4c3d5; box-shadow: inset 0 2px 0 var(--mfc-brand); }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-stat-open .mfc-support-stat-icon { background: #fff3d6; color: #916b21; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-stat-pending .mfc-support-stat-icon { background: #eaf1f9; color: #4c7298; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-stat-closed .mfc-support-stat-icon { background: #edf4ed; color: #5b7b63; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-filter { border-bottom: 1px solid var(--mfc-tech-line); background: #fbfcfe; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-table th { font-weight: 600; font-size: .75rem; color: #60738c; background: #f7f9fc; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-message { position: relative; padding: 1.25rem 1.5rem; border-inline-start: 3px solid #d9e1ec; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-agent-message { border-inline-start-color: #809bb6; background: #f9fbfe; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-message-heading { padding-bottom: .75rem; border-bottom: 1px solid var(--mfc-tech-line); }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-message-body { padding-top: .75rem; max-width: none; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .support-compose { background: #fff; }
body.mfc-quadro.mfc-tech .mfc-support.support-front .mfc-compose-intro { background: #f8fafc; border-radius: .375rem; padding: .875rem; }
body.mfc-quadro.mfc-tech :is(.mfc-download-feedback,.mfc-rsc-feedback,.mfc-dealer-feedback,#msgholder):not([hidden]):not(:empty) { animation: mfc-feedback-enter 220ms var(--mfc-tech-ease); }

/* CMS sidebars and module-specific footers retain their own data and configured position. */
body.mfc-quadro.mfc-tech :is(#leftwidget,#rightwidget) aside { border-radius: .5rem; box-shadow: var(--mfc-tech-shadow); border-color: var(--mfc-border); }
body.mfc-quadro.mfc-tech :is(#leftwidget,#rightwidget) aside > :is(h3,h4,.wojo.header) { letter-spacing: -.015em; font-size: .9375rem; }
body.mfc-quadro.mfc-tech #mfc-page-footer { border-top-color: #dce3ec; }
body.mfc-quadro.mfc-tech #mfc-page-footer .mfc-footer-group a { transition: color 160ms; }
body.mfc-quadro.mfc-tech #mfc-page-footer .mfc-footer-links a { border-radius: .375rem; }

@media (hover: hover) and (pointer: fine) {
  body.mfc-quadro.mfc-tech :is(.mfc-release-card,.mfc-blog-story,.mfc-shop-card,.mfc-credit-card,.mfc-dealer-card,.mfc-rsc-card):hover { border-color: #bfccdc; box-shadow: var(--mfc-tech-shadow-raised); }
  body.mfc-quadro.mfc-tech .mfc-blog-story:hover .mfc-blog-story-media img { transform: scale(1.025); }
  body.mfc-quadro.mfc-tech :is(.mfc-shop-card,.mfc-credit-card):hover > :is(.mfc-shop-card-media,.mfc-credit-card-media) img { transform: scale(1.025); }
  body.mfc-quadro.mfc-tech .mfc-blog-read-more:hover .icon { translate: 3px 0; }
}
@media (min-width: 48rem) {
  body.mfc-quadro.mfc-tech .mfc-blog-detail--media-left > .mfc-blog-detail-cover { float: left; width: min(36%,22rem); margin: .25rem 1.5rem 1rem 0; }
  body.mfc-quadro.mfc-tech .mfc-blog-detail--media-right > .mfc-blog-detail-cover { float: right; width: min(36%,22rem); margin: .25rem 0 1rem 1.5rem; }
}
@media (max-width: 63.999rem) {
  body.mfc-quadro.mfc-tech #menu ul.menu-submenu { border: 0; border-inline-start: 1px solid var(--mfc-border); border-radius: 0; box-shadow: none; }
  body.mfc-quadro.mfc-tech .mfc-section-nav { gap: .25rem; padding: .5rem; }
}
@media (max-width: 39.999rem) {
  body.mfc-quadro.mfc-tech #page { padding-block: 1rem 1.5rem; }
  body.mfc-quadro.mfc-tech .mfc-page-heading { padding-inline-start: .75rem; }
  body.mfc-quadro.mfc-tech .mfc-collection-toolbar { gap: .625rem; padding: .75rem; }
  body.mfc-quadro.mfc-tech .mfc-collection-search { flex-basis: 100%; }
  body.mfc-quadro.mfc-tech .mfc-collection-search input { min-height: 2.75rem; font-size: 1rem; }
  body.mfc-quadro.mfc-tech .mfc-collection-status { flex: 1; }
  body.mfc-quadro.mfc-tech .mfc-collection-reset { min-height: 2.75rem; }
  body.mfc-quadro.mfc-tech .mfc-heading-filter .mfc-heading-filter-reset { width: 2.75rem; min-height: 2.75rem; }
  body.mfc-quadro.mfc-tech .mfc-heading-filter .mfc-search-field input { padding-inline-end: 5.5rem; }
  body.mfc-quadro.mfc-tech .mfc-section-nav > span { flex-basis: 100%; }
  body.mfc-quadro.mfc-tech .mfc-section-nav > a { min-height: 2.75rem; }
  body.mfc-quadro.mfc-tech .mfc-release-main { padding: 1rem; gap: 1rem; }
  body.mfc-quadro.mfc-tech .mfc-release-actions { padding: .875rem 1rem; }
  body.mfc-quadro.mfc-tech .mfc-release-title { font-size: 1.125rem; }
  body.mfc-quadro.mfc-tech .mfc-blog-entry { padding: 1rem; }
  body.mfc-quadro.mfc-tech .mfc-rsc-controls { padding: .75rem; }
  body.mfc-quadro.mfc-tech .mfc-rsc-panel { padding: 1rem; }
  body.mfc-quadro.mfc-tech .mfc-support.support-front .support-message { padding: 1rem; }
}
@container mfc-module (max-width: 36rem) {
  body.mfc-quadro.mfc-tech .mfc-release-main { padding: 1rem; gap: 1rem; }
  body.mfc-quadro.mfc-tech .mfc-release-actions { padding: .875rem 1rem; }
  body.mfc-quadro.mfc-tech .mfc-product-summary > h3 { font-size: 1.25rem; }
}
@container mfc-module (min-width: 42rem) {
  body.mfc-quadro.mfc-tech .mfc-blog-feed--media-left .mfc-blog-entry-image { float: left; width: min(40%,18rem); margin: 1rem 1.25rem .75rem 0; }
  body.mfc-quadro.mfc-tech .mfc-blog-feed--media-right .mfc-blog-entry-image { float: right; width: min(40%,18rem); margin: 1rem 0 .75rem 1.25rem; }
}
@keyframes mfc-menu-enter { from { opacity: .5; } to { opacity: 1; } }
@keyframes mfc-feedback-enter { from { opacity: .5; } to { opacity: 1; } }
@keyframes mfc-panel-enter { from { opacity: .65; } to { opacity: 1; } }
body.mfc-quadro.mfc-tech #acctab > .account-content > .tab.active { animation: mfc-panel-enter 240ms var(--mfc-tech-ease); }
@media (prefers-reduced-motion: reduce) {
  body.mfc-quadro.mfc-tech *,body.mfc-quadro.mfc-tech *::before,body.mfc-quadro.mfc-tech *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  body.mfc-quadro.mfc-tech :is(.mfc-blog-story-media,.mfc-shop-card-media,.mfc-credit-card-media) img { transform: none !important; }
  body.mfc-quadro.mfc-tech .mfc-blog-read-more:hover .icon { translate: none; }
}