/* Quadro content modules. Layout dimensions owned by Grid/elasticColumns stay intact. */
body.mfc-quadro .mfc-module {
  min-width: 0;
  container-name: mfc-module;
  container-type: inline-size;
}

/* These wrappers now lay out their own children with Grid/Flex. The legacy
   float-clearing boxes otherwise become extra items, adding empty rows/gaps.
   Keep clearing on float layouts and on the script-positioned card containers. */
body.mfc-quadro .mfc-module #articles > .mfc-news-list-item::after,
body.mfc-quadro .mfc-module-blog .mfc-news-archive > .item::after,
body.mfc-quadro .mfc-module-shop .mfc-product-layout::after,
body.mfc-quadro .mfc-resource-overview::after,
body.mfc-quadro .mfc-module-shop #shopwrap.shoplist > .columns > .segment::after,
body.mfc-quadro .mfc-module-shop .mfc-catalog-toolbar::after,
body.mfc-quadro .mfc-module #pagination > .pagination.menu::after,
body.mfc-quadro .mfc-news-meta > .item::after,
body.mfc-quadro .mfc-article-meta > .item::after {
  content: none;
  display: none;
}

body.mfc-quadro .mfc-module :where(h2, h3, h4, h5, h6) {
  font-family: var(--mfc-font, system-ui, sans-serif);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-module :is(h2, h3, h4, h5, h6) > a {
  color: var(--mfc-text, #243043);
}

body.mfc-quadro .mfc-module :is(h2, h3, h4, h5, h6) > a:is(:hover, :focus-visible) {
  color: var(--mfc-brand, #c82025);
}

body.mfc-quadro .mfc-module :where(.image-overlay, .prod-gallery) {
  max-width: 100%;
  border-radius: var(--mfc-radius, .25rem);
}

body.mfc-quadro .mfc-module :where(img, video, iframe) {
  max-width: 100%;
}

body.mfc-quadro .mfc-module :where(.image-overlay, .prod-gallery) img {
  height: auto;
}

/* Keep reading comfortable when the surrounding module grows on wide screens. */
body.mfc-quadro .mfc-prose {
  width: 100%;
  max-width: 76ch;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-prose :where(p, ul, ol, blockquote, figure) {
  margin-block: 0 1.25em;
}

body.mfc-quadro .mfc-prose :where(h2, h3, h4) {
  margin-block: 1.5em .65em;
}

body.mfc-quadro .mfc-prose :where(img, video, iframe) {
  max-width: 100%;
}

body.mfc-quadro .mfc-prose img {
  height: auto;
}

body.mfc-quadro .mfc-prose pre {
  max-width: 100%;
  overflow-x: auto;
  padding: 1rem;
  border-radius: var(--mfc-radius, .25rem);
  background: var(--mfc-surface, #f8fafc);
}

body.mfc-quadro .mfc-prose table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

/* Quadro's configured two-column news layout needs no image-dependent positioning. */
body.mfc-quadro .mfc-module .mfc-blog-list-heading,
body.mfc-quadro .mfc-blog-category-heading h2 {
  margin: 0 0 1.25rem;
  font-size: var(--mfc-type-section, 1.375rem);
  line-height: 1.4;
}
body.mfc-quadro .mfc-blog-category-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
body.mfc-quadro .mfc-blog-category-description { margin: 0 0 1.5rem; color: var(--mfc-muted); }
/* The shared site container and CMS columns own blog width at every breakpoint. */
body.mfc-quadro .mfc-module :is(.mfc-blog-list-heading, .mfc-blog-category-heading, .mfc-blog-category-description),
body.mfc-quadro .mfc-blog-index { box-sizing: border-box; width: 100%; max-width: none; margin-inline: 0; }
body.mfc-quadro .mfc-blog-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem 1.5rem;
}
body.mfc-quadro .mfc-blog-story {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--mfc-border);
  overflow-wrap: anywhere;
  background: #fff;
}
body.mfc-quadro .mfc-blog-story-media {
  display: block;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: var(--mfc-radius);
}
body.mfc-quadro .mfc-blog-story-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 20rem;
  aspect-ratio: 8 / 5;
  object-fit: contain;
}
body.mfc-quadro .mfc-blog-story-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .375rem 1rem;
  margin-bottom: .5rem;
  font-size: var(--mfc-type-small, .8125rem);
  line-height: 1.5;
}
body.mfc-quadro .mfc-blog-category { font-weight: 600; }
body.mfc-quadro .mfc-blog-story-meta time { color: var(--mfc-muted); font-size: .75rem; }
body.mfc-quadro .mfc-module .mfc-blog-story-title {
  margin: 0 0 .625rem;
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1.4;
}
body.mfc-quadro .mfc-blog-story-summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0 0 1rem;
  color: var(--mfc-muted);
  font-size: var(--mfc-type-body, .9375rem);
  line-height: 1.7;
}
body.mfc-quadro .mfc-blog-story-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .375rem 1rem;
  margin-top: auto;
  font-size: var(--mfc-type-small, .8125rem);
  line-height: 1.6;
}
body.mfc-quadro .mfc-blog-read-more { display: inline-flex; align-items: center; gap: .375rem; min-height: 2.5rem; font-weight: 600; }
body.mfc-quadro .mfc-blog-read-more > .icon { margin: 0; }
body.mfc-quadro .mfc-blog-story-byline { display: flex; flex-wrap: wrap; gap: .375rem .75rem; color: var(--mfc-muted); font-size: .75rem; }
body.mfc-quadro .mfc-blog-story-byline a { color: inherit; }
body.mfc-quadro .mfc-blog-story-byline a:hover { color: var(--mfc-brand); }
@container mfc-module (min-width: 42rem) {
  body.mfc-quadro .mfc-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* The top-image layout follows the live site's date rail and vertical article feed. */
body.mfc-quadro .mfc-blog-feed { box-sizing: border-box; width: 100%; max-width: none; margin-inline: 0; }
body.mfc-quadro .mfc-module #articles.mfc-blog-feed > .mfc-blog-entry {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 1.25rem;
  margin: 0 0 2rem;
  padding: 0 0 2rem;
  border: 0;
  border-bottom: 1px solid var(--mfc-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.mfc-quadro .mfc-module #articles.mfc-blog-feed > .mfc-blog-entry--undated { grid-template-columns: minmax(0, 1fr); }
body.mfc-quadro .mfc-blog-date { display: flex; flex-direction: column; align-self: start; overflow: hidden; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); text-align: center; font-variant-numeric: tabular-nums; }
body.mfc-quadro .mfc-blog-date-day { padding: .5rem .25rem; color: var(--mfc-brand); background: #fff; font-size: 1.875rem; font-weight: 700; line-height: 1.2; }
body.mfc-quadro .mfc-blog-date-month,
body.mfc-quadro .mfc-blog-date-year { background: var(--mfc-brand); color: #fff; font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-blog-date-month { padding-top: .25rem; }
body.mfc-quadro .mfc-blog-date-year { padding-bottom: .25rem; }
body.mfc-quadro .mfc-blog-entry-content { min-width: 0; }
body.mfc-quadro .mfc-module .mfc-blog-entry-title { margin: 0 0 .625rem; font-size: clamp(1.25rem, 1.1rem + .3vw, 1.5rem); font-weight: 650; line-height: 1.4; }
body.mfc-quadro .mfc-blog-entry-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem 1rem; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; }
body.mfc-quadro .mfc-blog-entry-meta a { color: inherit; }
body.mfc-quadro .mfc-blog-entry-meta a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-blog-entry-image { display: flex; justify-content: center; align-items: center; margin: 1rem 0; padding: .75rem; overflow: hidden; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-blog-entry-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 24rem; object-fit: contain; }
body.mfc-quadro .mfc-blog-entry-summary { margin: 1rem 0 .25rem; color: var(--mfc-text); font-size: var(--mfc-type-body); line-height: 1.8; }

/* One bordered surface for the article and one for its discussion, aligned to the CMS column. */
body.mfc-quadro .mfc-module #article.mfc-blog-detail,
body.mfc-quadro .mfc-blog-discussion { --mfc-blog-detail-padding: 1.5rem; box-sizing: border-box; width: 100%; max-width: none; margin-inline: 0; padding: var(--mfc-blog-detail-padding); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface); overflow-wrap: anywhere; }
body.mfc-quadro .mfc-blog-detail-heading { margin: 0 0 1.5rem; padding: 0 0 1.25rem; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-blog-detail-heading h1 { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 700; line-height: 1.35; letter-spacing: -.02em; }
body.mfc-quadro .mfc-blog-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.6; }
body.mfc-quadro .mfc-blog-detail-meta > a:not(:first-child) { color: inherit; }
body.mfc-quadro .mfc-blog-detail-cover { margin: 0 0 1.75rem; padding: 1rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-blog-detail-cover > a { display: flex; align-items: center; justify-content: center; }
body.mfc-quadro .mfc-blog-detail-cover img { display: block; width: auto; height: auto; max-width: 100%; max-height: 26rem; object-fit: contain; }
body.mfc-quadro .mfc-blog-detail-cover figcaption { margin: .75rem 0 0; font-size: .8125rem; line-height: 1.6; color: var(--mfc-muted); text-align: center; }
body.mfc-quadro .mfc-blog-detail-gallery { margin-bottom: 1.75rem; }
body.mfc-quadro .mfc-blog-copy { font-size: var(--mfc-type-body, .9375rem); line-height: 1.8; }
body.mfc-quadro .mfc-blog-copy > :first-child { margin-top: 0; }
body.mfc-quadro .mfc-blog-copy > :last-child { margin-bottom: 0; }
body.mfc-quadro .mfc-blog-copy p { margin: 0 0 1.25rem; line-height: inherit; }
body.mfc-quadro .mfc-blog-copy :is(h2, h3, h4) { margin: 2rem 0 .875rem; line-height: 1.45; font-weight: 650; }
/* Article introductions share the product description's body size, including section labels. */
body.mfc-quadro .mfc-module-blog .mfc-blog-copy :is(h1, h2, h3, h4, h5, h6, table, thead, tbody, tfoot, tr, th, td),
body.mfc-quadro .mfc-module-blog .mfc-article-body > .mfc-prose :is(h1, h2, h3, h4, h5, h6, table, thead, tbody, tfoot, tr, th, td) { font-size: inherit; }
body.mfc-quadro .mfc-blog-copy :is(ul, ol) { margin: 0 0 1.5rem; padding-inline-start: 1.5rem; }
body.mfc-quadro .mfc-blog-copy ul { list-style: disc; }
body.mfc-quadro .mfc-blog-copy ol { list-style: decimal; }
body.mfc-quadro .mfc-blog-copy li { padding-inline-start: .25rem; margin-bottom: .375rem; }
body.mfc-quadro .mfc-blog-copy img { max-width: 100%; height: auto; }
body.mfc-quadro .mfc-blog-copy a { text-decoration: underline; text-underline-offset: .2em; }
body.mfc-quadro .mfc-blog-copy :is(video, iframe) { max-width: 100%; }
body.mfc-quadro .mfc-blog-copy iframe:is([src*="youtube.com/embed/"], [src*="youtube-nocookie.com/embed/"], [src*="player.vimeo.com/"]) { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
body.mfc-quadro .mfc-blog-copy pre { overflow-x: auto; padding: 1rem; background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-blog-copy blockquote { margin: 1.5rem 0; padding: 1rem 1.25rem; border-inline-start: 3px solid var(--mfc-brand); background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-blog-table-scroll { max-width: 100%; margin: 1rem 0 1.75rem; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-blog-copy table { width: 100%; min-width: 28rem; margin: 0; border: 0; border-collapse: collapse; font-size: .9375rem; }
body.mfc-quadro .mfc-blog-copy :is(th, td) { padding: .875rem 1rem; border: 0; border-bottom: 1px solid var(--mfc-border); text-align: start; vertical-align: top; line-height: 1.6; }
body.mfc-quadro .mfc-blog-copy :is(th + th, td + td) { border-inline-start: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-blog-copy th { background: var(--mfc-surface-soft); font-size: .8125rem; font-weight: 650; }
body.mfc-quadro .mfc-blog-copy tbody tr:last-child td { border-bottom: 0; }
/* Article actions have their own inset instead of inheriting the site's footer surface. */
body.mfc-quadro .mfc-blog-detail-footer { box-sizing: border-box; width: 100%; margin: 1.5rem 0 0; padding: 1rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface-soft); }
body.mfc-quadro :is(.mfc-blog-utilities, .mfc-blog-social) { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.5rem; }
body.mfc-quadro .mfc-blog-resource-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; font-size: .8125rem; }
body.mfc-quadro .mfc-blog-resource-links > a { display: inline-flex; align-items: center; gap: .375rem; min-height: var(--mfc-control-height); }
body.mfc-quadro .mfc-blog-social { margin-top: .75rem; }
body.mfc-quadro .mfc-blog-share-links { display: flex; gap: .5rem; }
body.mfc-quadro .mfc-blog-share { box-sizing: border-box; display: grid; place-items: center; width: var(--mfc-control-height); height: var(--mfc-control-height); border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-muted); }
body.mfc-quadro .mfc-blog-share:hover { color: var(--mfc-brand); border-color: var(--mfc-brand); }
body.mfc-quadro .mfc-blog-share .icon { margin: 0; }
body.mfc-quadro .mfc-blog-tags { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8125rem; }
body.mfc-quadro .mfc-blog-tags a { color: var(--mfc-muted); }
body.mfc-quadro .wojo.button.mfc-blog-like { min-height: var(--mfc-control-height); margin: 0; margin-inline-start: auto; background: #fff; color: var(--mfc-brand); box-shadow: inset 0 0 0 1px var(--mfc-border); }
body.mfc-quadro .mfc-blog-related { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-blog-related h2 { margin: 0 0 1rem; font-size: 1.125rem; }
body.mfc-quadro .mfc-blog-related ul { margin: 0; padding: 0; list-style: none; }
body.mfc-quadro .mfc-blog-related li { margin: 0; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-blog-related li:last-child { border-bottom: 0; }
body.mfc-quadro .mfc-blog-related a { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .875rem 0; color: var(--mfc-text); font-size: .9375rem; line-height: 1.6; }
body.mfc-quadro .mfc-blog-related li:last-child a { padding-bottom: 0; }
body.mfc-quadro .mfc-blog-related a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-blog-related .icon { flex-shrink: 0; color: var(--mfc-muted); }
body.mfc-quadro .mfc-blog-discussion { margin-top: 1.5rem; }
body.mfc-quadro .mfc-blog-discussion > h4 { margin: 1.5rem 0 1rem; padding: 0 0 .75rem; border: 0; border-bottom: 1px solid var(--mfc-border); font-size: 1.125rem; line-height: 1.5; }
body.mfc-quadro .mfc-blog-discussion > h4:first-child { margin-top: 0; }
body.mfc-quadro .mfc-blog-discussion > p { margin: 0 0 1rem; color: var(--mfc-muted); }
body.mfc-quadro .mfc-blog-discussion #comments { max-width: none; margin: 1rem 0; }
body.mfc-quadro .mfc-blog-discussion #comments:empty:not(.loader) { display: none; }
body.mfc-quadro .mfc-blog-discussion #comments > .comment { margin: 0; padding: 1rem 0; border: 0; border-bottom: 1px solid var(--mfc-border); border-radius: 0; background: transparent; }
body.mfc-quadro .mfc-blog-discussion #comments > .comment:last-child { border-bottom: 0; }
body.mfc-quadro .mfc-blog-discussion .wojo.form:has(> #wojo_form #combody) { max-width: none; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.mfc-quadro .mfc-blog-discussion .wojo.form .two.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0 0 1rem; }
body.mfc-quadro .mfc-blog-discussion .wojo.form .two.fields::after { display: none; }
body.mfc-quadro .mfc-blog-discussion .wojo.form .two.fields > .field { float: none; width: auto; min-width: 0; margin: 0; padding: 0; }
@container mfc-module (max-width: 40rem) {
  body.mfc-quadro .mfc-module #article.mfc-blog-detail,
  body.mfc-quadro .mfc-blog-discussion { --mfc-blog-detail-padding: 1rem; }
  body.mfc-quadro .mfc-module #articles.mfc-blog-feed > .mfc-blog-entry { grid-template-columns: minmax(0, 1fr); gap: .75rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; }
  body.mfc-quadro .mfc-blog-date { flex-direction: row; align-items: baseline; gap: .375rem; border: 0; border-radius: 0; text-align: start; }
  body.mfc-quadro .mfc-blog-date :is(.mfc-blog-date-day, .mfc-blog-date-month, .mfc-blog-date-year) { padding: 0; background: transparent; color: var(--mfc-muted); font-size: .8125rem; font-weight: 400; line-height: 1.5; }
  body.mfc-quadro .mfc-blog-entry-image { padding: .5rem; }
  body.mfc-quadro .mfc-blog-detail-cover { padding: .5rem; }
  body.mfc-quadro .mfc-blog-copy :is(th, td) { padding: .75rem; }
  body.mfc-quadro .mfc-blog-discussion .wojo.form .two.fields { grid-template-columns: minmax(0, 1fr); }
}

/* News lists and article details; retain the other configured list/gallery layouts. */
body.mfc-quadro .mfc-module #articles > article,
body.mfc-quadro .mfc-module #articles > .artwrap > .item {
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--mfc-border, #e2e8f0);
}

body.mfc-quadro .mfc-module #articles > article {
  padding: var(--mfc-card-padding, 1.25rem);
  margin-block-end: var(--mfc-gap, 1.5rem);
}

body.mfc-quadro .mfc-module #articles > .artwrap > .item > :where(h4, .desc, .list) {
  margin-inline: 1rem;
}

body.mfc-quadro .mfc-module #articles > .artwrap > .item > h4 {
  margin-block-start: 1rem;
  line-height: 1.45;
}

body.mfc-quadro .mfc-module #articles :where(section h3, .item h4) {
  font-family: var(--mfc-font, system-ui, sans-serif);
  font-weight: 650;
  line-height: 1.4;
  margin-block: 0 .75rem;
  padding: 0;
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-module #articles section h3 {
  font-size: var(--mfc-type-card, 1.125rem);
}

body.mfc-quadro .mfc-module #articles :where(.description, .desc) {
  color: var(--mfc-muted, #64748b);
  line-height: 1.75;
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-module #articles section > .header {
  margin-block-end: 1rem;
}

body.mfc-quadro .mfc-module #articles aside > div {
  border-radius: var(--mfc-radius, .25rem);
  margin-top: 0;
  padding-top: 0;
}

body.mfc-quadro .mfc-module #article {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  line-height: 1.8;
}

body.mfc-quadro .mfc-module-blog #article > .mfc-prose {
  max-width: none;
  margin-inline: 0;
}

body.mfc-quadro .mfc-module #article :where(.label, .list .item),
body.mfc-quadro .mfc-module #articles .list .item {
  overflow-wrap: anywhere;
}

/* Product cards: widths/position remain controlled by the existing grid plugin. */
body.mfc-quadro :is(#shopwrap.shopgrid, #digiwrap.digigrid, #shopwrap.shopfluid) > .item {
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--mfc-border, #e2e8f0);
}

body.mfc-quadro :is(#shopwrap.shopgrid, #digiwrap.digigrid) > .item > section {
  padding: 1rem;
  box-shadow: none;
}

body.mfc-quadro :is(#shopwrap.shopgrid, #digiwrap.digigrid) > .item > article {
  margin-top: 0;
  padding: 1rem;
  background: transparent;
  box-shadow: none;
  border-top: 1px solid var(--mfc-border, #e2e8f0);
  text-align: start;
}

body.mfc-quadro :is(#shopwrap.shopgrid, #digiwrap.digigrid) > .item > article h4 {
  font-family: var(--mfc-font, system-ui, sans-serif);
  font-weight: 650;
  font-size: var(--mfc-type-body, .9375rem);
  line-height: 1.45;
  overflow-wrap: anywhere;
  margin-bottom: .75rem;
}

body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) > .columns > .segment {
  margin-block: 0 var(--mfc-gap, 1.5rem);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--mfc-border, #e2e8f0);
}

body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) aside {
  border: 0;
  padding: 1rem;
}

body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) aside::after {
  display: none;
}

body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) section {
  padding: var(--mfc-card-padding, 1.25rem);
  overflow-wrap: anywhere;
}

body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) section > .attached.label {
  position: static;
  display: inline-flex;
  flex-wrap: wrap;
  gap: .375rem;
  margin: 0 0 .75rem;
  border-radius: var(--mfc-radius, .25rem);
}

body.mfc-quadro #shopwrap.shopfluid {
  column-count: auto;
  column-width: 19rem;
  column-gap: var(--mfc-gap, 1.5rem);
}

body.mfc-quadro #shopwrap.shopfluid > .item {
  break-inside: avoid;
  margin-bottom: var(--mfc-gap, 1.5rem);
}

body.mfc-quadro #shopwrap.shopfluid .fluidover-fade {
  background-color: rgba(15, 23, 42, .55);
}

body.mfc-quadro .mfc-module .image-overlay:focus-within > .overlay-fade,
body.mfc-quadro #shopwrap.shopfluid .image-fluidover:focus-within > .fluidover-fade {
  opacity: 1;
}

/* Download/tutorial/dealer/firmware tiles keep their container-driven grid. */
body.mfc-quadro .mfc-module :is(.psdrive, .tutorial, .dealer, .firmware, .ipadfirmware, .ipodfirmware, .watchfirmware, .itunesfile) > .item {
  background: #fff;
  border-radius: var(--mfc-radius, .25rem);
  box-shadow: inset 0 0 0 1px var(--mfc-border, #e2e8f0);
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-module :is(.psdrive, .tutorial, .dealer) > .item > :is(h5, h6, .list) {
  padding: .875rem 1rem;
  margin: 0;
  line-height: 1.5;
  font-family: var(--mfc-font, system-ui, sans-serif);
}

body.mfc-quadro .mfc-module :is(.psdrive, .tutorial, .dealer) > .item > :is(h5, h6) {
  font-size: var(--mfc-type-body, .9375rem);
  font-weight: 600;
}

body.mfc-quadro .mfc-module :is(.psdrive, .tutorial) > .item > .image-overlay {
  margin: .75rem .75rem 0;
}

body.mfc-quadro .mfc-module :is(.psdrive, .tutorial) > .item > .image-overlay img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

body.mfc-quadro .mfc-module :is(.firmware, .ipadfirmware, .ipodfirmware, .watchfirmware, .itunesfile) > .item > .header {
  margin: 0;
  padding: .875rem;
  font-size: var(--mfc-type-body, .9375rem);
  line-height: 1.5;
}

body.mfc-quadro .mfc-module :is(.firmware, .ipadfirmware, .ipodfirmware, .watchfirmware, .itunesfile) :is(.day, .year) {
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.5;
}

body.mfc-quadro .mfc-module :where(.divided.list) > .item {
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-module .mfc-table-scroll table {
  min-width: 38rem;
  font-size: .875rem;
  line-height: 1.5;
}

/* Price labels are grouped without invalid block elements inside a paragraph. */
body.mfc-quadro .mfc-price-group {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem;
  margin-block: .75rem 1rem;
}

body.mfc-quadro .mfc-price-group > .label {
  margin: 0;
}

/* The legacy gallery uses a 90px-high wrapping box; keep thumbnails in one
   scrollable row so a second row cannot be cut in half on narrow product pages. */
body.mfc-quadro .mfc-module-shop #zoomwrap .zoom-thumbs {
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  height: auto;
  padding: .375rem;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

body.mfc-quadro .mfc-module-shop #zoomwrap .zoom-thumbs > a {
  flex: 0 0 auto;
  margin: 0;
}

body.mfc-quadro .mfc-module-shop #zoomwrap .zoom-thumbs img {
  display: block;
}

body.mfc-quadro .mfc-module-dealer .dealer > .item .right.floated.label > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--mfc-control-height, 2.5rem);
  padding: .25rem .375rem;
}

/* Nine page links are present in the news listing. Give wrapped rows separate
   hit areas instead of retaining the legacy joined-menu borders. */
body.mfc-quadro .mfc-module #pagination > .pagination.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .375rem;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mfc-quadro .mfc-module #pagination > .pagination.menu > .item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: none;
  min-width: var(--mfc-control-height, 2.5rem);
  min-height: var(--mfc-control-height, 2.5rem);
  padding: .5rem;
  border: 1px solid var(--mfc-border, #e2e8f0);
  border-radius: var(--mfc-radius, .25rem);
  font-size: var(--mfc-type-small, .8125rem);
  line-height: 1.4;
}

body.mfc-quadro .mfc-module #pagination > .pagination.menu > .item::before {
  display: none;
}

body.mfc-quadro .mfc-firmware-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mfc-gap, 1.5rem);
  align-items: start;
}

body.mfc-quadro .mfc-firmware-overview > div {
  min-width: 0;
}

body.mfc-quadro .mfc-firmware-overview > div:first-child {
  text-align: center;
}

/* Sidebar widgets inherit the same readable typography without changing alt_class. */
body.mfc-quadro :is(#leftwidget, #rightwidget) :is(.list, .menu, .item, .content) {
  overflow-wrap: anywhere;
}

body.mfc-quadro :is(#leftwidget, #rightwidget) .widget-body {
  line-height: 1.75;
}

@container mfc-module (min-width: 42rem) {
  body.mfc-quadro .mfc-firmware-overview {
    grid-template-columns: minmax(10rem, 1fr) minmax(0, 3fr);
  }
}

/* Touch users can see the fluid product title and price without a hover state. */
@media (hover: none) {
  body.mfc-quadro #shopwrap.shopfluid .fluidover-fade {
    position: static;
    height: auto;
    opacity: 1;
    background: transparent;
  }

  body.mfc-quadro #shopwrap.shopfluid .fluidover-fade :is(a, .fluidover-body) {
    position: static;
    display: block;
    height: auto;
  }

  body.mfc-quadro #shopwrap.shopfluid .fluidover-fade .fluidover-body {
    padding: 1rem;
  }
}

/* Container queries also stack a module narrowed by configurable CMS sidebars. */
@container mfc-module (max-width: 42rem) {
  body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) > .columns > .segment > div {
    float: none;
    width: 100%;
  }

  body.mfc-quadro .mfc-module > .segment > .two.columns > .row,
  body.mfc-quadro :is(#shop, #credits) > .columns > div {
    float: none;
    width: 100%;
  }

  body.mfc-quadro .mfc-module .divided.list .right.floated {
    float: right;
    display: inline-block;
    max-width: 65%;
    margin: 0 0 .25rem .75rem;
    text-align: end;
    white-space: normal;
  }
}

@media (max-width: 47.999rem) {
  body.mfc-quadro .mfc-module #articles > article {
    padding: 1rem;
  }

  body.mfc-quadro .mfc-module #articles :is(aside, section) {
    float: none;
    width: auto;
  }

  body.mfc-quadro .mfc-module #articles aside {
    margin: 0 0 .75rem;
  }

  body.mfc-quadro .mfc-module #articles aside > div {
    display: flex;
    width: fit-content;
    margin: 0;
    padding: 0;
  }

  body.mfc-quadro .mfc-module #articles aside > div :is(.day, .year) {
    padding: .25rem .5rem;
    font-size: var(--mfc-type-small, .8125rem);
    line-height: 1.5;
    border-radius: 0;
  }

  body.mfc-quadro .mfc-module :is(#article, #articles) .wojo.floated.image {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 1rem;
  }

  body.mfc-quadro :is(#shopwrap.shoplist, #digiwrap.digilist) > .columns > .segment > div,
  body.mfc-quadro .mfc-module > .segment > .two.columns > .row,
  body.mfc-quadro :is(#shop, #credits) > .columns > div {
    float: none;
    width: 100%;
  }

  body.mfc-quadro .mfc-module :is(.list, .content-center) > .wojo.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
  }

  body.mfc-quadro .mfc-module :is(.list, .content-center) > .wojo.buttons > .button {
    float: none;
    max-width: 100%;
    white-space: normal;
  }

  body.mfc-quadro .mfc-module :is(.list, .content-center) > .wojo.buttons > .or {
    display: none;
  }
}

/* table.css stacks all .wojo.table cells through 768px and hides their headers.
   Checkout tables already have a focusable horizontal-scroll container, so keep
   the column headings, totals and colspan alignment inside that container. */
@media (max-width: 48rem) {
  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table {
    display: table;
    padding: 0;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table > thead {
    display: table-header-group;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table > tbody {
    display: table-row-group;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table > tfoot {
    display: table-footer-group;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table > :is(thead, tbody, tfoot) > tr {
    display: table-row;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table > :is(thead, tbody, tfoot) > tr > :is(th, td) {
    display: table-cell;
    width: auto;
    padding: .75rem .875rem;
    border-bottom: 1px solid var(--mfc-border, #e2e8f0);
    box-shadow: none;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table > tbody > tr > td:first-child {
    font-weight: inherit;
  }
}

/* Editorial and commerce composition. Grid still owns every tile's width/position. */
body.mfc-quadro .mfc-module {
  --mfc-module-ink: var(--mfc-text, #243043);
  --mfc-module-paper: #fff;
  --mfc-module-wash: #f4f6f9;
  --mfc-module-shadow: 0 10px 32px rgba(36, 48, 67, .055);
}

body.mfc-quadro .mfc-module > :is(h2, h3),
body.mfc-quadro .mfc-module :is(#psdrive, #tutorial, #firmware, #ipadfirmware, #ipodfirmware, #watchfirmware, #itunesfile) > h2,
body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) > h3 {
  margin-block: 2rem 1rem;
  padding: 0;
  color: var(--mfc-module-ink);
  font-size: var(--mfc-type-section, 1.375rem);
  font-weight: 700;
  letter-spacing: -.025em;
  border: 0;
  box-shadow: none;
}

body.mfc-quadro .mfc-module > :is(h2, h3):first-child {
  margin-top: 0;
}

body.mfc-quadro .mfc-module .double.header::before,
body.mfc-quadro .mfc-module .double.header::after,
body.mfc-quadro .mfc-module .double.headertutorials::before,
body.mfc-quadro .mfc-module .double.headertutorials::after {
  display: none;
}

body.mfc-quadro .mfc-module .double.header > span,
body.mfc-quadro .mfc-module .double.headertutorials > small {
  padding: 0;
  background: transparent;
  color: inherit;
}

body.mfc-quadro .mfc-module :is(.mfc-news-card, .mfc-product-card, .mfc-resource-card, .mfc-contact-card, .mfc-version-card) {
  border-radius: var(--mfc-radius, .25rem);
  background: var(--mfc-module-paper);
  box-shadow: var(--mfc-module-shadow), inset 0 0 0 1px var(--mfc-border, #e2e7ee);
}

/* News starts with the photograph; the title and story summary carry the card. */
body.mfc-quadro .mfc-module #articles > .artwrap > .mfc-news-card {
  overflow: hidden;
}

body.mfc-quadro .mfc-news-card .mfc-news-media {
  margin: 0;
}

body.mfc-quadro .mfc-news-card .mfc-news-media .image-overlay {
  display: block;
  width: 100%;
  border-radius: 0;
  background: var(--mfc-module-wash);
}

body.mfc-quadro .mfc-news-card .mfc-news-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body.mfc-quadro .mfc-module #articles > .artwrap > .mfc-news-card > .mfc-news-title {
  margin: var(--mfc-card-padding, 1.25rem) var(--mfc-card-padding, 1.25rem) .625rem;
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.35;
}

body.mfc-quadro .mfc-news-title a {
  display: block;
}

body.mfc-quadro .mfc-module #articles > .artwrap > .mfc-news-card > .mfc-news-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .75rem;
  margin: 0 var(--mfc-card-padding, 1.25rem) .75rem;
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-small, .8125rem);
}

body.mfc-quadro .mfc-news-meta > .item,
body.mfc-quadro .mfc-article-meta > .item {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

body.mfc-quadro .mfc-news-meta .content {
  display: inline;
  padding: 0;
}

body.mfc-quadro .mfc-module #articles > .artwrap > .mfc-news-card > .mfc-news-summary {
  margin: 0 var(--mfc-card-padding, 1.25rem) var(--mfc-card-padding, 1.25rem);
  font-size: var(--mfc-type-body, .9375rem);
  line-height: 1.75;
}

body.mfc-quadro .mfc-read-more {
  display: flex;
  align-items: center;
  gap: .25rem;
  width: fit-content;
  min-height: var(--mfc-control-height, 2.5rem);
  margin-top: .625rem;
  color: var(--mfc-brand, #c82025);
  font-size: .875rem;
  font-weight: 650;
}

body.mfc-quadro .mfc-module #articles > .mfc-news-list-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--mfc-card-padding, 1.25rem);
  padding: var(--mfc-card-padding, 1.25rem);
  box-shadow: var(--mfc-module-shadow), inset 0 0 0 1px var(--mfc-border, #e2e7ee);
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item > :is(aside, section) {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  min-width: 0;
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item > section:only-child {
  grid-column: 1 / -1;
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item > aside > div {
  overflow: hidden;
  width: 4.5rem;
  border: 1px solid #f0d7d9;
  background: #fff4f4;
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item aside :is(.day, .year) {
  display: block;
  padding: .5rem;
  color: var(--mfc-brand, #c82025);
  background: transparent;
  line-height: 1.25;
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item aside .day {
  padding-bottom: .125rem;
  font-size: var(--mfc-type-section, 1.375rem);
  font-weight: 700;
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item aside .year {
  font-size: var(--mfc-type-small, .8125rem);
}

body.mfc-quadro .mfc-module #articles .mfc-news-list-item section h3 {
  font-size: var(--mfc-type-section, 1.375rem);
  letter-spacing: -.025em;
}

body.mfc-quadro .mfc-article-heading {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0 0 1.25rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border-radius: var(--mfc-radius, .25rem);
  background: linear-gradient(135deg, #fff 50%, #fff3f3);
}

body.mfc-quadro .mfc-article-title {
  max-width: none;
  margin: 0 0 1rem;
  color: var(--mfc-module-ink);
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: -.035em;
  font-weight: 750;
}

body.mfc-quadro .mfc-article-heading > .divider {
  display: none;
}

body.mfc-quadro .mfc-article-heading > .mfc-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.25rem;
  margin: 0;
  color: var(--mfc-muted, #667286);
  font-size: .875rem;
}

body.mfc-quadro .mfc-module #article.mfc-article-body {
  box-sizing: border-box;
  padding: var(--mfc-card-padding, 1.25rem);
  border-radius: var(--mfc-radius, .25rem);
  background: var(--mfc-module-paper);
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-article-body > figure {
  margin-top: 0;
}

body.mfc-quadro .mfc-article-body .mfc-prose {
  font-size: var(--mfc-type-body, .9375rem);
  color: var(--mfc-module-ink);
}

body.mfc-quadro .mfc-prose blockquote {
  padding: 1rem 1.5rem;
  border-inline-start: 3px solid var(--mfc-brand, #c82025);
  border-radius: 0 var(--mfc-radius, .25rem) var(--mfc-radius, .25rem) 0;
  background: var(--mfc-module-wash, #f4f6f9);
}

/* Product photographs and purchase decisions occupy distinct, calm surfaces. */
body.mfc-quadro .mfc-module-shop .mfc-catalog-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

body.mfc-quadro .mfc-catalog-toolbar > #lswitch {
  order: 2;
  float: none;
  display: inline-flex;
  gap: .25rem;
  padding: .25rem;
  border: 1px solid var(--mfc-border, #e2e7ee);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
}

body.mfc-quadro .mfc-catalog-toolbar > .header {
  margin: 0;
  font-size: var(--mfc-type-section, 1.375rem);
}

/* Quadro catalogue: one surface per product, normal flow and equal-height rows. */
body.mfc-quadro .mfc-module-shop .mfc-catalog-toolbar { padding-bottom: 1rem; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-module-shop .mfc-catalog-title { margin: 0; font-size: 1.25rem; font-weight: 650; line-height: 1.4; }
body.mfc-quadro .mfc-catalog-toolbar > #lswitch:empty { display: none; }
body.mfc-quadro .mfc-catalog-mode { display: inline-grid; place-items: center; width: var(--mfc-control-height); height: var(--mfc-control-height); padding: 0; border: 0; border-radius: var(--mfc-radius); background: transparent; color: var(--mfc-muted); cursor: pointer; }
body.mfc-quadro .mfc-catalog-mode > .icon { margin: 0; }
body.mfc-quadro .mfc-catalog-mode:hover { background: var(--mfc-surface-soft); color: var(--mfc-brand); }
body.mfc-quadro .mfc-catalog-mode.active { background: var(--mfc-brand); color: #fff; }
body.mfc-quadro .mfc-module-shop .mfc-shop-catalog { display: grid; grid-template-columns: repeat(var(--mfc-shop-columns, auto-fit), minmax(min(100%, 16rem), 1fr)); gap: var(--mfc-gap); width: 100%; min-width: 0; }
body.mfc-quadro .mfc-shop-card { box-sizing: border-box; position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-shop-card:hover { border-color: #bbc6d4; }
body.mfc-quadro .mfc-shop-card-media { box-sizing: border-box; display: block; width: 100%; aspect-ratio: 4 / 3; max-height: 18rem; padding: 1rem; border-bottom: 1px solid var(--mfc-border); border-radius: var(--mfc-radius) var(--mfc-radius) 0 0; background: #fff; }
body.mfc-quadro .mfc-shop-card-media img { display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
body.mfc-quadro .mfc-shop-card-body { display: flex; flex: 1; flex-direction: column; gap: .875rem; min-width: 0; padding: 1.25rem; }
body.mfc-quadro .mfc-module-shop .mfc-shop-card-title { margin: 0; font-size: 1.125rem; font-weight: 650; line-height: 1.45; }
body.mfc-quadro .mfc-shop-card-title > a { display: block; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-shop-card-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.7; }
body.mfc-quadro .mfc-shop-card-purchase { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem; margin-top: auto; }
body.mfc-quadro .mfc-shop-card-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .375rem .75rem; font-variant-numeric: tabular-nums; }
body.mfc-quadro .mfc-shop-card-price > strong { color: var(--mfc-text); font-size: 1.375rem; font-weight: 700; line-height: 1.4; }
body.mfc-quadro .mfc-shop-card-price > del { color: var(--mfc-muted); font-size: .8125rem; }
body.mfc-quadro .mfc-shop-card-controls { display: flex; align-items: stretch; gap: .75rem; margin-inline-start: auto; }
body.mfc-quadro .mfc-shop-card-actions { flex: 0 1 auto; min-width: 0; opacity: 1; visibility: visible; pointer-events: auto; }
body.mfc-quadro .mfc-shop-card-actions > .wojo.button { width: auto; max-width: 100%; margin: 0; min-height: var(--mfc-control-small); text-align: start; white-space: normal; }
body.mfc-quadro .mfc-shop-card-actions > a.prod-add.button { background: var(--mfc-brand); color: #fff; }
body.mfc-quadro .mfc-shop-card-actions > a.prod-add.button:hover { background: var(--mfc-brand-hover); }
body.mfc-quadro .mfc-shop-card-actions > .buttons { display: inline-flex; max-width: 100%; }
body.mfc-quadro .mfc-shop-card-actions > .buttons > .button { margin: 0; min-width: 0; min-height: var(--mfc-control-small); }
body.mfc-quadro .mfc-shop-card-actions > .buttons > .button:first-child { flex: 1; white-space: normal; }
body.mfc-quadro .mfc-shop-card-actions > .buttons > .dropdown { flex: none; width: var(--mfc-control-small); padding-inline: 0; }
body.mfc-quadro .mfc-shop-card-actions .dropdown > .menu { right: 0; left: auto; min-width: min(14rem, calc(100vw - 4rem)); max-width: min(24rem, calc(100vw - 4rem)); white-space: normal; }
body.mfc-quadro .mfc-shop-card-actions .dropdown > .menu > .item { white-space: normal; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-shop-like { display: inline-flex; align-items: center; justify-content: center; flex: none; gap: .375rem; min-width: var(--mfc-control-height); margin-inline-start: auto; padding: .5rem .625rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-brand); cursor: pointer; }
body.mfc-quadro .mfc-shop-like > .icon { margin: 0; }
body.mfc-quadro .mfc-shop-badge { position: absolute; top: .75rem; left: .75rem; z-index: 1; max-width: calc(100% - 1.5rem); padding: .25rem .625rem; border: 1px solid #d6dde6; border-radius: .1875rem; background: #f1f4f7; color: #46566b; font-size: .75rem; font-weight: 650; line-height: 1.5; pointer-events: none; }
body.mfc-quadro .mfc-shop-badge--new { border-color: #cbdef1; background: #eaf3fc; color: #245782; }
body.mfc-quadro .mfc-shop-badge--hot { border-color: #cce4d5; background: #edf7f0; color: #2b6844; }
body.mfc-quadro .mfc-shop-badge--sale { border-color: #f1cfd2; background: #fff0f1; color: var(--mfc-brand); }
body.mfc-quadro .mfc-shop-badge--featured { border-color: #eddcae; background: #fff7e2; color: #765b16; }
body.mfc-quadro .mfc-module-shop .mfc-shop-catalog--list { grid-template-columns: minmax(0, 1fr); }
body.mfc-quadro .mfc-shop-catalog--list .mfc-shop-card { display: grid; grid-template-columns: minmax(12rem, 28%) minmax(0, 1fr); }
body.mfc-quadro .mfc-shop-catalog--list .mfc-shop-card-media { height: 100%; max-height: none; aspect-ratio: auto; border-bottom: 0; border-inline-end: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-shop-catalog--fluid .mfc-shop-card-body { gap: .75rem; }
@media (hover: hover) and (pointer: fine) {
  body.mfc-quadro .mfc-shop-card-actions { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s ease; }
  body.mfc-quadro .mfc-shop-card:hover .mfc-shop-card-actions,
  body.mfc-quadro .mfc-shop-card:focus-within .mfc-shop-card-actions,
  body.mfc-quadro .mfc-shop-card-actions:has(.dropdown.visible),
  body.mfc-quadro .mfc-shop-card-actions:has(.warning.button) { opacity: 1; visibility: visible; pointer-events: auto; }
}
@container mfc-module (max-width: 40rem) {
  body.mfc-quadro .mfc-shop-card-body { padding: 1rem; }
  body.mfc-quadro .mfc-shop-catalog--list .mfc-shop-card { display: flex; }
  body.mfc-quadro .mfc-shop-catalog--list .mfc-shop-card-media { height: auto; max-height: 18rem; aspect-ratio: 4 / 3; border-inline-end: 0; border-bottom: 1px solid var(--mfc-border); }
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopgrid > .item > section {
  padding: 1rem;
  border-radius: var(--mfc-radius, .25rem) var(--mfc-radius, .25rem) 0 0;
  background: var(--mfc-module-wash);
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopgrid .image-overlay,
body.mfc-quadro .mfc-module-shop #shopwrap.shoplist aside .image-overlay {
  display: block;
  background: #fff;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopgrid .image-overlay img,
body.mfc-quadro .mfc-module-shop #shopwrap.shoplist aside img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopgrid > .item > article {
  padding: var(--mfc-card-padding, 1.25rem);
  border-top: 0;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopgrid .mfc-product-body > h4 {
  margin: 0 0 .75rem;
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 700;
  line-height: 1.45;
}

body.mfc-quadro .mfc-module-shop #shopwrap .huge.label,
body.mfc-quadro .mfc-product-summary > .huge.label {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--mfc-module-ink);
  font-size: 1.5rem;
  font-weight: 750;
  line-height: 1.4;
}

body.mfc-quadro .mfc-module-shop #shopwrap .negative.label,
body.mfc-quadro .mfc-product-summary > .negative.label {
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-body, .9375rem);
  font-weight: 400;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-fade,
body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-fade :is(a, .fluidover-body) {
  position: static;
  display: block;
  width: auto;
  height: auto;
  opacity: 1;
  transform: none;
  background: transparent;
  color: var(--mfc-module-ink);
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .image-fluidover > img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--mfc-module-wash);
  border-radius: var(--mfc-radius, .25rem) var(--mfc-radius, .25rem) 0 0;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-body {
  padding: var(--mfc-card-padding, 1.25rem);
  text-align: start;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-title {
  display: block;
  margin-bottom: .75rem;
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 700;
  line-height: 1.45;
}

body.mfc-quadro .mfc-module-shop .mfc-product-layout {
  display: grid;
  grid-template-columns: minmax(0, min(40%, 30rem)) minmax(0, 1fr);
  gap: var(--mfc-gap);
  align-items: start;
  margin: 0;
  max-width: none;
}

body.mfc-quadro .mfc-module-shop .mfc-product-layout > :is(.mfc-product-gallery, .mfc-product-summary) {
  float: none;
  width: auto;
  margin: 0;
  min-width: 0;
  padding: 0;
}

body.mfc-quadro .mfc-module-shop .mfc-product-layout > :is(.mfc-product-gallery, .mfc-product-summary, .mfc-product-description, .mfc-product-related) {
  box-sizing: border-box;
  min-width: 0;
  padding: var(--mfc-card-padding, 1.25rem);
  border: 1px solid var(--mfc-border);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: none;
}

body.mfc-quadro .mfc-product-layout > :is(.mfc-product-description, .mfc-product-related) { grid-column: 1 / -1; }
body.mfc-quadro .mfc-product-description > .mfc-prose { max-width: none; }
body.mfc-quadro .mfc-product-description-actions { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-product-description-actions > .button { margin: 0; }
body.mfc-quadro .mfc-product-stock { color: var(--mfc-muted); font-size: .875rem; }
body.mfc-quadro .mfc-product-stock ul { margin: .5rem 0 0; padding-inline-start: 1.25rem; }
body.mfc-quadro .mfc-product-related > h4 { margin: 0 0 1rem; font-size: 1.125rem; }
body.mfc-quadro .mfc-product-layout > .mfc-product-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: 1rem; margin: 0; }
body.mfc-quadro .mfc-product-related > h4 { grid-column: 1 / -1; }
body.mfc-quadro #shop .mfc-product-related > .related-item { float: none; width: auto; min-width: 0; margin: 0; }
body.mfc-quadro #shop .mfc-product-related > .related-item img { display: block; width: 100%; height: 10rem; object-fit: contain; }

body.mfc-quadro .mfc-product-summary > h3 {
  margin: 0 0 1rem;
  font-size: clamp(1.375rem, 1.15rem + .5vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -.03em;
}

body.mfc-quadro .mfc-product-summary > .huge.label {
  font-size: 1.5rem;
}

body.mfc-quadro .mfc-product-summary > .negative.label {
  font-size: var(--mfc-type-body, .9375rem);
}

body.mfc-quadro .mfc-product-summary > .mfc-prose {
  font-size: var(--mfc-type-body, .9375rem);
}

body.mfc-quadro .mfc-product-gallery #zoomer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  aspect-ratio: var(--mfc-product-image-ratio, 4 / 3);
  max-height: 24rem;
  padding: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.mfc-quadro .mfc-product-gallery #zoomer > img:not(.zoomImg) {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

body.mfc-quadro .mfc-product-gallery #zoomwrap {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  margin: 0;
}

body.mfc-quadro .mfc-product-gallery { position: relative; }
body.mfc-quadro .mfc-product-gallery:has(#zoomwrap) { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; align-items: start; }
body.mfc-quadro .mfc-product-gallery:has(#zoomwrap) #zoomer { grid-column: 2; grid-row: 1; }
body.mfc-quadro .mfc-product-gallery > .mfc-shop-badge { top: .625rem; right: .625rem; left: auto; }
body.mfc-quadro .mfc-module-shop .mfc-product-gallery #zoomwrap { display: flex; flex-direction: column; align-self: center; gap: .375rem; max-height: none; }
body.mfc-quadro .mfc-module-shop .mfc-product-gallery #zoomwrap .zoom-thumbs { box-sizing: border-box; display: flex; flex: none; flex-direction: column; gap: .5rem; width: 100%; height: auto; max-height: clamp(12rem, 20vw, 16rem); min-height: 0; margin: 0; padding: .125rem; overflow: hidden; scrollbar-width: none; }
body.mfc-quadro .mfc-product-gallery .zoom-thumbs::-webkit-scrollbar { display: none; }
body.mfc-quadro .mfc-module-shop .mfc-product-gallery #zoomwrap .zoom-thumbs > a { box-sizing: border-box; flex: none; width: 100%; height: 4rem; margin: 0; padding: .25rem; border: 1px solid var(--mfc-border); box-shadow: none; }
body.mfc-quadro .mfc-module-shop .mfc-product-gallery #zoomwrap .zoom-thumbs > a:is(.active, :hover, :focus-visible) { border-color: var(--mfc-brand); }
body.mfc-quadro .mfc-module-shop .mfc-product-gallery #zoomwrap .zoom-thumbs img { display: block; width: 100%; height: 100%; object-fit: contain; }
body.mfc-quadro .mfc-gallery-nav { box-sizing: border-box; display: grid; place-items: center; flex: none; align-self: center; width: 1.75rem; height: 1.375rem; padding: 0; border: 0; border-radius: var(--mfc-radius); background: transparent; color: var(--mfc-muted); cursor: pointer; }
body.mfc-quadro .mfc-gallery-nav > .icon { margin: 0; font-size: .75rem; line-height: 1; }
body.mfc-quadro .mfc-gallery-nav:hover { background: var(--mfc-surface-soft); color: var(--mfc-brand); }
body.mfc-quadro .mfc-gallery-nav:disabled { opacity: .35; cursor: default; }
body.mfc-quadro .mfc-gallery-nav[hidden] { display: none; }
@media (pointer: coarse) {
  body.mfc-quadro .mfc-gallery-nav { min-width: 2rem; min-height: 2rem; }
}
@container mfc-module (max-width: 32rem) {
  body.mfc-quadro .mfc-product-gallery:has(#zoomwrap) { grid-template-columns: 3.5rem minmax(0, 1fr); gap: .75rem; }
}

body.mfc-quadro .mfc-product-gallery .zoom-thumbs > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .375rem;
  border: 1px solid var(--mfc-border, #e2e7ee);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
}

body.mfc-quadro .mfc-product-gallery .zoom-thumbs > a:is(:hover, :focus-visible) {
  border-color: var(--mfc-brand, #c82025);
}

body.mfc-quadro .mfc-product-gallery .zoom-thumbs img {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
}

body.mfc-quadro .mfc-product-gallery .secondary.segment {
  margin-top: 1.5rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border: 0;
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: none;
}

body.mfc-quadro .mfc-module-shop #cko,
body.mfc-quadro .mfc-module-shop #shipping_info {
  padding: var(--mfc-card-padding, 1.25rem);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow);
}

/* Keep the Chosen menu outside the checkout table's horizontal scroll clip. */
body.mfc-quadro .mfc-module-shop .mfc-shipping-choice {
  display: grid;
  gap: .625rem;
  max-width: 36rem;
  margin-top: 1.25rem;
}

body.mfc-quadro .mfc-module-shop .mfc-shipping-choice-label {
  font-weight: 600;
}

body.mfc-quadro .mfc-module-shop .mfc-shipping-choice-control {
  min-width: 0;
}

/* Downloads form a single list; the CMS owns categories, limits and widgets. */
body.mfc-quadro .mfc-download-category-title { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; min-width: 0; }
body.mfc-quadro .mfc-download-category-title > h1 { min-width: 0; text-shadow: 0 1px 2px #0008; }
body.mfc-quadro .mfc-download-category-count { display: inline-block; flex: none; padding: .25rem .625rem; border: 1px solid #ffffff40; border-radius: var(--mfc-radius); background: #00000099; color: #fff; font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-category-intro { overflow-wrap: anywhere; text-shadow: 0 1px 2px #0008; }
body.mfc-quadro .mfc-download-category-intro > :first-child { margin-top: 0; }
body.mfc-quadro .mfc-download-category-intro > :last-child { margin-bottom: 0; }
body.mfc-quadro .mfc-download-category-intro a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
body.mfc-quadro .mfc-download-catalog { min-width: 0; }
body.mfc-quadro .mfc-download-section + .mfc-download-section { margin-top: 2rem; }
body.mfc-quadro .mfc-download-section-header { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: .75rem 1.25rem; min-height: 0; margin-bottom: 1.25rem; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.mfc-quadro .mfc-download-section-header > div { min-width: 0; }
body.mfc-quadro .mfc-download-section-header h2 { margin: 0; color: var(--mfc-text); font-size: var(--mfc-type-section); font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-section-header p { margin: .375rem 0 0; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-section-link { display: inline-flex; flex: none; align-items: center; gap: .5rem; min-height: 2.5rem; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-section-link > .icon { margin: 0; }
body.mfc-quadro .mfc-download-section-link:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-category-description { margin: 0 0 1.25rem; color: var(--mfc-muted); font-size: .875rem; }
body.mfc-quadro .mfc-download-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; min-width: 0; }
body.mfc-quadro .mfc-download-card { display: block; min-width: 0; margin: 0; padding: 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-text); container: mfc-download-card / inline-size; }
body.mfc-quadro .mfc-download-card-layout { display: grid; grid-template-columns: clamp(10rem, 28%, 20rem) minmax(0, 1fr); gap: 1.5rem; min-width: 0; align-items: stretch; }
body.mfc-quadro .mfc-download-art { display: grid; place-items: center; align-self: start; width: 100%; height: auto; aspect-ratio: 1; border-radius: var(--mfc-radius); background: transparent; color: var(--mfc-brand); overflow: hidden; }
body.mfc-quadro .mfc-download-art > img { display: block; width: 100%; height: 100%; object-fit: contain; }
body.mfc-quadro .mfc-download-art > .icon { margin: 0; font-size: 1.75rem; }
body.mfc-quadro .mfc-download-card-content { display: flex; flex-direction: column; min-width: 0; }
body.mfc-quadro .mfc-download-card-content > h3 { min-width: 0; margin: 0; font-size: 1.25rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-card-content > h3 > a { color: inherit; }
body.mfc-quadro .mfc-download-card-content > h3 > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-facts { display: grid; gap: 0; margin: 1rem 0; padding: 0; }
body.mfc-quadro .mfc-download-facts > div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); align-items: baseline; gap: .375rem 1.25rem; min-width: 0; padding: .5rem 0; border-bottom: 1px solid #edf0f5; }
body.mfc-quadro .mfc-download-facts > div:last-child { border-bottom: 0; }
body.mfc-quadro .mfc-download-facts dt { margin: 0; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-facts dd { margin: 0; color: var(--mfc-text); font-size: .875rem; font-weight: 550; line-height: 1.5; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-card-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .625rem 1rem; margin-top: auto; padding-top: .5rem; border: 0; background: transparent; box-shadow: none; }
body.mfc-quadro .mfc-download-category { min-width: 0; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-category:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-open { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.5rem; max-width: 100%; margin-left: auto; padding: .5rem .75rem; border: 1px solid #e5c6ca; border-radius: var(--mfc-radius); background: #fff6f7; color: var(--mfc-brand); font-size: .8125rem; font-weight: 600; line-height: 1.4; }
body.mfc-quadro .mfc-download-open > .icon { margin: 0; font-size: .75rem; }
body.mfc-quadro .mfc-download-open:hover { border-color: var(--mfc-brand); color: #fff; background: var(--mfc-brand); }
body.mfc-quadro .mfc-download-message { display: flex; align-items: baseline; gap: .75rem; padding: 1rem 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-muted); }
body.mfc-quadro .mfc-download-message > .icon { flex: none; margin: 0; color: #8797aa; }
body.mfc-quadro .mfc-download-message > p { min-width: 0; margin: 0; font-size: .875rem; line-height: 1.7; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-pagination { margin-top: 1.5rem; text-align: center; }
body.mfc-quadro .mfc-download-navigation > h4 { margin: 0 0 .75rem; color: var(--mfc-text); font-size: 1rem; font-weight: 600; line-height: 1.5; }
body.mfc-quadro .mfc-download-navigation > #pdcats { display: grid; }
body.mfc-quadro .mfc-download-navigation > #pdcats > a { display: grid; grid-template-columns: 1rem minmax(0, 1fr); align-items: baseline; gap: .5rem; min-height: 2.75rem; padding: .625rem 0; border-top: 1px solid var(--mfc-border); color: var(--mfc-muted); font-size: .875rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-navigation > #pdcats > a:first-child { border-top: 0; }
body.mfc-quadro .mfc-download-navigation > #pdcats .icon { margin: 0; color: #8393a6; }
body.mfc-quadro .mfc-download-navigation > #pdcats > a:is(:hover, [aria-current]) { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-navigation > #pdcats > a[aria-current] { font-weight: 600; }
@container mfc-module (max-width: 40rem) {
  body.mfc-quadro .mfc-download-grid { gap: 1rem; }
  body.mfc-quadro .mfc-download-card { padding: 1rem; }
  body.mfc-quadro .mfc-download-open, body.mfc-quadro .mfc-download-section-link { min-height: 2.75rem; }
}
@container mfc-download-card (max-width: 38rem) {
  body.mfc-quadro .mfc-download-card-layout { grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; align-items: start; }
  body.mfc-quadro .mfc-download-art { grid-column: 1; grid-row: 1; }
  body.mfc-quadro .mfc-download-card-content { display: contents; }
  body.mfc-quadro .mfc-download-card-content > h3 { grid-column: 2; grid-row: 1; font-size: 1.0625rem; }
  body.mfc-quadro .mfc-download-facts,
  body.mfc-quadro .mfc-download-card-actions { grid-column: 1 / -1; margin: 0; }
}

/* Download-home library: one focused installer card per row. */
body.mfc-quadro .mfc-download-library .mfc-release-library-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1.25rem; padding: 0 0 .875rem; border: 0; border-bottom: 1px solid var(--mfc-border); background: transparent; box-shadow: none; }
body.mfc-quadro .mfc-download-library .mfc-release-library-heading > h2 { min-width: 0; margin: 0; color: var(--mfc-text); font-size: 1.125rem; font-weight: 600; line-height: 1.5; }
body.mfc-quadro .mfc-download-library .mfc-release-library-heading > span { flex: none; padding: .125rem .5rem; border-radius: .1875rem; color: var(--mfc-muted); background: #eef1f5; font-size: .75rem; line-height: 1.5; white-space: nowrap; }
body.mfc-quadro .mfc-release-card { container: mfc-release-card / inline-size; box-sizing: border-box; min-width: 0; margin: 0; padding: 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface); }
body.mfc-quadro .mfc-release-main { display: grid; grid-template-columns: 11rem minmax(0, 1fr); align-items: center; gap: 1.75rem; min-width: 0; }
body.mfc-quadro .mfc-release-preview { display: grid; place-items: center; box-sizing: border-box; min-width: 0; min-height: 0; width: 100%; aspect-ratio: 1; padding: .875rem; border: 1px solid #edf0f4; border-radius: var(--mfc-radius); background: var(--mfc-surface-soft); color: var(--mfc-muted); overflow: hidden; }
body.mfc-quadro .mfc-release-preview > a { display: grid; place-items: center; min-width: 0; min-height: 0; width: 100%; height: 100%; }
body.mfc-quadro .mfc-release-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
body.mfc-quadro .mfc-release-preview > .icon { margin: 0; font-size: 2.5rem; }
body.mfc-quadro .mfc-release-info { min-width: 0; }
body.mfc-quadro .mfc-release-category { margin: 0 0 .75rem; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-release-category > :is(a, span) { display: inline-block; max-width: 100%; padding: .1875rem .5rem; border-radius: .1875rem; color: inherit; background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-release-category > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-release-title { min-width: 0; margin: 0; color: var(--mfc-text); font-size: clamp(1.125rem, 1rem + .6cqw, 1.375rem); font-weight: 650; line-height: 1.45; letter-spacing: -.015em; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-release-title > a { color: inherit; }
body.mfc-quadro .mfc-release-title > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-release-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: .75rem 0 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.75; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-release-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 6.5rem), 1fr)); gap: 1rem; margin: 1.25rem 0 0; padding: 0; }
body.mfc-quadro .mfc-release-facts > div { min-width: 0; }
body.mfc-quadro .mfc-release-facts dt { margin: 0; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-release-facts dd { margin: .25rem 0 0; color: var(--mfc-text); font-size: .9375rem; font-weight: 600; line-height: 1.5; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-release-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e9edf3; }
body.mfc-quadro .mfc-release-tools { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; min-width: 0; }
body.mfc-quadro .mfc-download-library .mfc-download-like { min-height: 2.25rem; padding: .375rem .5rem; border: 1px solid var(--mfc-border); background: #fff; color: var(--mfc-muted); font-weight: 500; box-shadow: none; }
body.mfc-quadro .mfc-download-library .mfc-download-like > .icon { font-size: .875rem; }
body.mfc-quadro .mfc-download-library .mfc-download-like:hover,
body.mfc-quadro .mfc-download-library .mfc-download-like[aria-pressed="true"] { border-color: #e1bcc0; color: var(--mfc-brand); background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-download-library .mfc-release-share { display: flex; flex: none; align-items: center; gap: .375rem; margin: 0; }
body.mfc-quadro .mfc-download-library .mfc-release-share > :is(a, button) { width: 2.25rem; height: 2.25rem; padding: 0; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-muted); font-size: .875rem; }
body.mfc-quadro .mfc-download-library .mfc-release-share > .mfc-download-copy { border-color: var(--mfc-border); background: #fff; color: var(--mfc-muted); }
body.mfc-quadro .mfc-download-library .mfc-release-share > :is(a, button):hover { border-color: #e1bcc0; color: var(--mfc-brand); background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-download-library .mfc-release-share svg { width: .875rem; height: .875rem; }
body.mfc-quadro .mfc-download-library .mfc-release-primary { flex: none; gap: .625rem; min-height: 2.75rem; margin-left: auto; padding: .625rem 1.125rem; border-color: var(--mfc-brand); background: var(--mfc-brand); color: #fff; box-shadow: none; }
body.mfc-quadro .mfc-download-library .mfc-release-primary > .icon { margin: 0; }
body.mfc-quadro .mfc-download-library .mfc-release-primary:hover { border-color: var(--mfc-brand-hover); background: var(--mfc-brand-hover); color: #fff; }
@container mfc-release-card (max-width: 42rem) {
  body.mfc-quadro .mfc-release-main { grid-template-columns: 9rem minmax(0, 1fr); gap: 1.25rem; }
}
@container mfc-release-card (max-width: 34rem) {
  body.mfc-quadro .mfc-release-main { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  body.mfc-quadro .mfc-release-preview { height: 9rem; aspect-ratio: auto; padding: .75rem; }
  body.mfc-quadro .mfc-release-actions { flex-direction: column; align-items: stretch; }
  body.mfc-quadro .mfc-release-tools { justify-content: space-between; }
  body.mfc-quadro .mfc-download-library .mfc-release-primary { order: -1; width: 100%; margin-left: 0; }
}
@container mfc-release-card (min-width: 60rem) {
  body.mfc-quadro .mfc-release-main { grid-template-columns: 13rem minmax(0, 1fr); gap: 2rem; }
}
@media (max-width: 39.999rem) {
  body.mfc-quadro .mfc-release-card { padding: 1rem; }
}
@media (pointer: coarse) {
  body.mfc-quadro .mfc-download-library .mfc-release-share > :is(a, button) { width: 2.75rem; height: 2.75rem; }
  body.mfc-quadro .mfc-download-library .mfc-download-like { min-height: 2.75rem; }
}
/* These widgets still come from Layout; one outer frame and restrained type support the file list. */
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="pdcats"] > .widget-body:has(> p:only-child:empty) { display: none; }
body.mfc-quadro:has(.mfc-download-library) .mfc-download-navigation > h4 { margin-bottom: .5rem; padding-bottom: .75rem; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro:has(.mfc-download-library) #pdcats > a:hover { background: var(--mfc-surface-soft); }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] > h3 { margin-bottom: 1rem; padding: 0 0 .75rem; border: 0; border-bottom: 1px solid var(--mfc-border); background: transparent; font-size: 1rem; font-weight: 600; }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] > h3::before { content: none; }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] .mfc-blog-latest { border: 0; border-radius: 0; }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] .item h4 { margin-top: 1rem; padding-inline: 0; font-size: .9375rem; font-weight: 600; line-height: 1.5; }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] .item h4 a { color: var(--mfc-text); }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] .item h4 a:hover { color: var(--mfc-brand); }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] .mfc-story-meta { padding: 0; }
body.mfc-quadro:has(.mfc-download-library) .mfc-plugin[data-plugin="bloglatest"] .owl-controls { margin-bottom: 0; }

/* Full file overviews are used by category and detail pages. */
body.mfc-quadro .mfc-download-overview { min-width: 0; margin: 0; }
body.mfc-quadro .mfc-download-file-title {
  margin: 0 0 1.25rem;
  border-bottom: 1px solid #efb7ba;
  color: var(--mfc-text);
  font-size: var(--mfc-type-section);
  font-weight: 650;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.mfc-quadro .mfc-download-file-title > a { display: inline-block; max-width: 100%; color: inherit; }
body.mfc-quadro .mfc-download-file-title > a > span { display: block; margin-bottom: -1px; padding-bottom: .375rem; border-bottom: 3px solid #e74b45; }
body.mfc-quadro .mfc-download-file-title > span { display: inline-block; max-width: 100%; margin-bottom: -1px; padding-bottom: .375rem; border-bottom: 3px solid #e74b45; }
body.mfc-quadro .mfc-download-file-title > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-overview-panel {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(0, 2fr);
  align-items: start;
  gap: 2rem;
  min-width: 0;
  padding: 1.5rem;
  border: 1px solid var(--mfc-border);
  border-radius: var(--mfc-radius);
  background: #fff;
}
body.mfc-quadro .mfc-download-preview { display: grid; place-items: center; min-width: 0; color: #8797aa; }
body.mfc-quadro .mfc-download-preview > a { display: block; width: 100%; max-width: 24rem; }
body.mfc-quadro .mfc-download-preview img { display: block; width: 100%; height: auto; max-height: 24rem; object-fit: contain; }
body.mfc-quadro .mfc-download-preview > .icon { margin: 3rem; font-size: 3rem; }
body.mfc-quadro .mfc-download-file-info { min-width: 0; }
body.mfc-quadro .mfc-download-file-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; margin-bottom: 1rem; }
body.mfc-quadro .mfc-download-details { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; max-width: 100%; padding: .625rem 1rem; border: 1px solid #363b3f; border-radius: var(--mfc-radius); background: #363b3f; color: #fff; font-size: .875rem; font-weight: 600; line-height: 1.4; text-align: center; overflow-wrap: anywhere; box-shadow: 0 1px 2px #1722341a; }
body.mfc-quadro .mfc-download-details:hover { border-color: #252b30; background: #252b30; color: #fff; text-decoration: none; }
body.mfc-quadro .mfc-download-access { min-width: 0; max-width: 100%; }
body.mfc-quadro .mfc-download-access > .button { min-height: 2.5rem; max-width: 100%; margin: 0; white-space: normal; }
body.mfc-quadro .mfc-download-access > a:not([href]) { cursor: help; }
body.mfc-quadro .mfc-download-like {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: .375rem;
  min-height: 2.5rem;
  padding: .5rem .875rem;
  border: 1px solid #e74b45;
  border-radius: var(--mfc-radius);
  background: #e74b45;
  color: #fff;
  font: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
body.mfc-quadro .mfc-download-like > .icon { margin: 0; font-size: 1rem; }
body.mfc-quadro .mfc-download-like:hover { border-color: var(--mfc-brand); background: var(--mfc-brand); }
body.mfc-quadro .mfc-download-like:disabled { cursor: default; }
body.mfc-quadro .mfc-download-like[aria-busy] { opacity: .65; }
body.mfc-quadro .mfc-download-file-facts { margin: 0; padding: 0; }
body.mfc-quadro .mfc-download-file-facts > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  align-items: baseline;
  gap: .5rem 1rem;
  min-width: 0;
  min-height: 2.75rem;
  padding: .625rem 0;
  border-bottom: 1px solid var(--mfc-border);
}
body.mfc-quadro .mfc-download-file-facts dt { min-width: 0; margin: 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-file-facts dd { min-width: 0; margin: 0; color: var(--mfc-text); font-size: .875rem; font-weight: 550; line-height: 1.5; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-file-share { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .375rem; margin-top: .75rem; }
body.mfc-quadro .mfc-download-file-share > :is(a, button) { box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 2px solid #e5e7eb; border-radius: 50%; background: #fff; color: var(--mfc-brand); font: inherit; font-size: 1rem; line-height: 1; cursor: pointer; }
body.mfc-quadro .mfc-download-file-share > :is(a, button) > .icon { margin: 0; }
body.mfc-quadro .mfc-download-file-share svg { display: block; width: 1rem; height: 1rem; fill: currentColor; }
body.mfc-quadro .mfc-download-file-share > :is(a, button):hover { border-color: var(--mfc-brand); background: #fff5f5; }
body.mfc-quadro .mfc-download-file-share > .mfc-download-copy { border-color: #b2d280; background: #b2d280; color: #253b15; }
body.mfc-quadro .mfc-download-file-share > .mfc-download-copy:hover { border-color: #9fbe6c; background: #9fbe6c; }
body.mfc-quadro .mfc-download-copy[aria-busy] { opacity: .65; cursor: wait; }
body.mfc-quadro .mfc-download-feedback { margin: .75rem 0 0; color: #8c3f48; font-size: .8125rem; line-height: 1.6; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-feedback.is-success { color: #306c35; }
body.mfc-quadro .mfc-download-catalog [hidden] { display: none !important; }
body.mfc-quadro .mfc-download-detail > :is(.mfc-download-description, .mfc-download-related, .mfc-download-gallery) { min-width: 0; margin-top: 1.5rem; padding: 1.5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-download-detail > section > h3 { margin: 0 0 1.25rem; padding-bottom: .75rem; border-bottom: 1px solid var(--mfc-border); font-size: 1.125rem; font-weight: 650; line-height: 1.5; }
body.mfc-quadro .mfc-download-description > .mfc-prose { max-width: none; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-description > .mfc-prose > :last-child { margin-bottom: 0; }
body.mfc-quadro .mfc-download-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-download-tags > a { display: inline-flex; align-items: center; gap: .375rem; min-height: 2rem; max-width: 100%; padding: .375rem .625rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #f7f9fc; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-tags > a > .icon { flex: none; margin: 0; }
body.mfc-quadro .mfc-download-tags > a:hover { border-color: #efb7ba; background: #fff5f5; color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-related-list { display: grid; min-width: 0; }
body.mfc-quadro .mfc-download-related-list > a { display: grid; grid-template-columns: 4rem minmax(0, 1fr) 1rem; align-items: center; gap: 1rem; min-width: 0; padding: .875rem 0; border-top: 1px solid var(--mfc-border); color: var(--mfc-text); }
body.mfc-quadro .mfc-download-related-list > a:first-child { padding-top: 0; border-top: 0; }
body.mfc-quadro .mfc-download-related-list > a:last-child { padding-bottom: 0; }
body.mfc-quadro .mfc-download-related-list > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-related-image { display: grid; place-items: center; width: 4rem; height: 4rem; overflow: hidden; color: #8797aa; }
body.mfc-quadro .mfc-download-related-image > img { display: block; width: 100%; height: 100%; object-fit: contain; }
body.mfc-quadro .mfc-download-related-title { min-width: 0; font-size: .875rem; font-weight: 550; line-height: 1.6; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-related-list > a > .icon { margin: 0; color: #8797aa; }
body.mfc-quadro .mfc-download-gallery-grid { display: grid; grid-template-columns: repeat(var(--mfc-download-gallery-cols, 3), minmax(0, 1fr)); gap: 1rem; min-width: 0; }
body.mfc-quadro .mfc-download-gallery-grid > figure { min-width: 0; margin: 0; }
body.mfc-quadro .mfc-download-gallery-grid > figure > a { display: grid; place-items: center; min-height: 8rem; padding: .5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-download-gallery-grid img { display: block; width: 100%; height: auto; max-height: 18rem; object-fit: contain; }
body.mfc-quadro .mfc-download-gallery-grid figcaption { margin-top: .5rem; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-gallery-grid figcaption > .mfc-prose { margin-top: .375rem; font-size: inherit; }
body.mfc-quadro .mfc-download-gallery-grid figcaption > .mfc-prose > :last-child { margin-bottom: 0; }
@container mfc-module (max-width: 44rem) {
  body.mfc-quadro .mfc-download-overview-panel { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  body.mfc-quadro .mfc-download-preview > a { max-width: 16rem; }
}
@container mfc-module (max-width: 40rem) {
  body.mfc-quadro .mfc-download-file-title { margin-bottom: 1rem; font-size: 1.125rem; }
  body.mfc-quadro .mfc-download-overview-panel { padding: 1rem; }
  body.mfc-quadro .mfc-download-details,
  body.mfc-quadro .mfc-download-access > .button,
  body.mfc-quadro .mfc-download-like { min-height: 2.75rem; }
  body.mfc-quadro .mfc-download-file-facts > div { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  body.mfc-quadro .mfc-download-file-share > :is(a, button) { width: 2.75rem; height: 2.75rem; }
  body.mfc-quadro .mfc-download-detail > :is(.mfc-download-description, .mfc-download-related, .mfc-download-gallery) { margin-top: 1rem; padding: 1rem; }
  body.mfc-quadro .mfc-download-gallery-grid { grid-template-columns: repeat(var(--mfc-download-gallery-compact, 2), minmax(0, 1fr)); }
  body.mfc-quadro .mfc-download-tags > a { min-height: 2.75rem; }
  body.mfc-quadro .mfc-download-related-list > a { grid-template-columns: 3rem minmax(0, 1fr) 1rem; gap: .75rem; }
  body.mfc-quadro .mfc-download-related-image { width: 3rem; height: 3rem; }
}
@container mfc-module (max-width: 24rem) {
  body.mfc-quadro .mfc-download-gallery-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Download details: compact release information and a focused screenshot showcase. */
body.mfc-quadro .mfc-download-detail { container: mfc-detail / inline-size; min-width: 0; }
body.mfc-quadro .mfc-download-hero { padding: 1.5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface); }
body.mfc-quadro .mfc-download-hero-main { display: grid; grid-template-columns: 11rem minmax(0, 1fr); align-items: center; gap: 2rem; min-width: 0; }
body.mfc-quadro .mfc-download-hero.is-compact .mfc-download-hero-main { grid-template-columns: minmax(0, 1fr); gap: 0; }
body.mfc-quadro .mfc-download-hero-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .875rem 1.25rem; min-width: 0; margin-bottom: .875rem; }
body.mfc-quadro .mfc-download-hero-toolbar-left { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; min-width: 0; }
body.mfc-quadro .mfc-download-hero-toolbar .mfc-download-hero-category { margin: 0; }
body.mfc-quadro .mfc-download-hero-toolbar .mfc-download-hero-tools { flex: 0 1 auto; justify-content: flex-start; width: auto; max-width: 100%; margin-left: 0; }
body.mfc-quadro .mfc-download-hero-toolbar > .mfc-download-access { flex: none; margin-left: auto; }
body.mfc-quadro .mfc-download-hero-preview { display: grid; place-items: center; box-sizing: border-box; width: 100%; min-width: 0; min-height: 0; aspect-ratio: 1; padding: .875rem; border: 1px solid #edf0f4; border-radius: var(--mfc-radius); background: var(--mfc-surface-soft); overflow: hidden; }
body.mfc-quadro .mfc-download-hero-preview > a { display: grid; place-items: center; width: 100%; height: 100%; min-width: 0; min-height: 0; }
body.mfc-quadro .mfc-download-hero-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
body.mfc-quadro .mfc-download-hero-preview > .icon { margin: 0; color: var(--mfc-muted); font-size: 2.5rem; }
body.mfc-quadro .mfc-download-hero-info { min-width: 0; }
body.mfc-quadro .mfc-download-hero-category { margin: 0 0 .75rem; font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-hero-category > :is(a, span) { display: inline-block; max-width: 100%; padding: .1875rem .5rem; border-radius: .1875rem; color: var(--mfc-muted); background: var(--mfc-surface-soft); overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-hero-category > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-hero-title { min-width: 0; margin: 0; color: var(--mfc-text); font-size: clamp(1.375rem, 1rem + 1.3cqw, 1.875rem); font-weight: 650; line-height: 1.4; letter-spacing: -.02em; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-hero-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: .875rem 0 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.75; overflow: hidden; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-hero-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr)); gap: 1rem; margin: 1.25rem 0 0; padding: 0; }
body.mfc-quadro .mfc-download-hero-facts > div { min-width: 0; }
body.mfc-quadro .mfc-download-hero-facts dt { margin: 0; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-hero-facts dd { margin: .25rem 0 0; color: var(--mfc-text); font-size: .9375rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-hero-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; margin-top: 1.5rem; padding-top: 1.125rem; border-top: 1px solid #e9edf3; }
body.mfc-quadro .mfc-download-hero .mfc-download-access > .button { min-height: 2.75rem; margin: 0; border: 1px solid var(--mfc-brand); border-radius: var(--mfc-radius); background: var(--mfc-brand); color: #fff; font-size: .875rem; line-height: 1.4; box-shadow: none; }
body.mfc-quadro .mfc-download-hero .mfc-download-access > a[href]:hover { background: var(--mfc-brand-hover); }
body.mfc-quadro .mfc-download-hero .mfc-download-access > a:not([href]) { border-color: var(--mfc-border); color: var(--mfc-text); background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-download-hero-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; min-width: 0; margin-left: auto; }
body.mfc-quadro .mfc-download-hero .mfc-download-like { min-height: 2.25rem; padding: .375rem .5rem; border-color: var(--mfc-border); background: #fff; color: var(--mfc-muted); font-weight: 500; }
body.mfc-quadro .mfc-download-hero .mfc-download-like:hover,
body.mfc-quadro .mfc-download-hero .mfc-download-like[aria-pressed="true"] { border-color: #e1bcc0; background: var(--mfc-surface-soft); color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-hero .mfc-download-file-share { flex: none; margin: 0; }
body.mfc-quadro .mfc-download-hero .mfc-download-file-share > :is(a, button) { width: 2.25rem; height: 2.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; color: var(--mfc-muted); font-size: .875rem; }
body.mfc-quadro .mfc-download-hero .mfc-download-file-share > :is(a, button):hover { border-color: #e1bcc0; background: var(--mfc-surface-soft); color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-hero .mfc-download-file-share svg { width: .875rem; height: .875rem; }
body.mfc-quadro .mfc-download-detail > .mfc-download-showcase,
body.mfc-quadro .mfc-download-detail > .mfc-download-description,
body.mfc-quadro .mfc-download-detail > .mfc-download-related { margin-top: 1.5rem; padding: 1.25rem; box-shadow: none; }
body.mfc-quadro .mfc-download-gallery-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1rem; padding-bottom: .875rem; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-download-gallery-heading > h3 { min-width: 0; margin: 0; color: var(--mfc-text); font-size: 1.0625rem; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-gallery-count { flex: none; color: var(--mfc-muted); font-size: .75rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.mfc-quadro .mfc-download-showcase .mfc-download-gallery-slide { display: grid; place-items: center; box-sizing: border-box; min-width: 0; padding: .375rem; border: 1px solid #dce2eb; border-radius: .1875rem; background: #fff; aspect-ratio: 8 / 5; }
body.mfc-quadro .mfc-download-showcase .mfc-download-gallery-slide img { display: block; width: 100%; height: 100%; min-width: 0; max-height: none; object-fit: contain; user-select: none; }
body.mfc-quadro .mfc-download-showcase.is-ready .mfc-download-gallery-stage { position: relative; display: block; height: 20rem; height: clamp(14rem, 30cqw, 25rem); min-width: 0; border: 1px solid #edf0f4; border-radius: var(--mfc-radius); background: linear-gradient(180deg, #f6f8fb, #eef1f5); overflow: hidden; touch-action: pan-y pinch-zoom; }
body.mfc-quadro .mfc-download-showcase.is-ready .mfc-download-gallery-slide { --mfc-gallery-x: 0%; --mfc-gallery-scale: .68; position: absolute; top: 50%; left: 50%; width: min(56%, 40rem); height: calc(100% - 2rem); aspect-ratio: auto; transform: translate(-50%, -50%) translateX(var(--mfc-gallery-x)) scale(var(--mfc-gallery-scale)); transition: transform .32s ease, opacity .32s ease, box-shadow .32s ease; box-shadow: 0 .375rem .875rem #1722341a; opacity: .55; pointer-events: none; }
body.mfc-quadro .mfc-download-showcase.is-ready [data-gallery-position="0"] { --mfc-gallery-scale: 1; z-index: 3; opacity: 1; box-shadow: 0 .75rem 1.5rem #17223426; pointer-events: auto; }
body.mfc-quadro .mfc-download-showcase.is-ready [data-gallery-position="-1"] { --mfc-gallery-x: -66%; --mfc-gallery-scale: .84; z-index: 2; opacity: .82; pointer-events: auto; }
body.mfc-quadro .mfc-download-showcase.is-ready [data-gallery-position="1"] { --mfc-gallery-x: 66%; --mfc-gallery-scale: .84; z-index: 2; opacity: .82; pointer-events: auto; }
body.mfc-quadro .mfc-download-showcase.is-ready [data-gallery-position="-2"] { --mfc-gallery-x: -116%; z-index: 1; pointer-events: auto; }
body.mfc-quadro .mfc-download-showcase.is-ready [data-gallery-position="2"] { --mfc-gallery-x: 116%; z-index: 1; pointer-events: auto; }
body.mfc-quadro .mfc-download-showcase.is-ready [data-gallery-position="outside"] { visibility: hidden; opacity: 0; }
body.mfc-quadro .mfc-download-showcase.is-single .mfc-download-gallery-slide { width: min(100% - 2rem, 40rem); }
body.mfc-quadro .mfc-download-gallery-arrow { position: absolute; z-index: 5; top: 50%; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin: 0; padding: 0; border: 1px solid var(--mfc-border); border-radius: 50%; background: #fff; color: var(--mfc-text); box-shadow: 0 .125rem .375rem #1722341a; transform: translateY(-50%); cursor: pointer; }
body.mfc-quadro .mfc-download-gallery-arrow.is-previous { left: .625rem; }
body.mfc-quadro .mfc-download-gallery-arrow.is-next { right: .625rem; }
body.mfc-quadro .mfc-download-gallery-arrow > .icon { margin: 0; font-size: 1.125rem; }
body.mfc-quadro .mfc-download-gallery-arrow:hover { border-color: #c2cbd8; background: var(--mfc-surface-soft); color: var(--mfc-brand); }
body.mfc-quadro .mfc-download-gallery-captions { margin-top: 1.125rem; text-align: center; }
body.mfc-quadro .mfc-download-gallery-captions > div { margin: .75rem 0 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.7; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-download-gallery-captions > div > strong { color: var(--mfc-text); font-weight: 600; }
body.mfc-quadro .mfc-download-gallery-captions .mfc-prose { margin: .375rem auto 0; font-size: inherit; text-align: center; }
body.mfc-quadro .mfc-download-gallery-captions .mfc-prose > :last-child { margin-bottom: 0; }
body.mfc-quadro .mfc-download-gallery-dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .125rem; margin-top: .5rem; }
body.mfc-quadro .mfc-download-gallery-dots > button { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; border: 0; border-radius: .1875rem; background: transparent; cursor: pointer; }
body.mfc-quadro .mfc-download-gallery-dots > button > span { width: .375rem; height: .375rem; border-radius: 50%; background: #b6c0cd; transition: background .2s ease; }
body.mfc-quadro .mfc-download-gallery-dots > button[aria-current="true"] > span { width: 1rem; border-radius: .25rem; background: var(--mfc-brand); }
body.mfc-quadro .mfc-download-gallery-help { margin: .375rem 0 0; color: var(--mfc-muted); font-size: .75rem; line-height: 1.6; text-align: center; }
body.mfc-quadro .mfc-download-showcase :is(button, a, [data-gallery-stage]):focus-visible { outline: 2px solid #8da3bf; outline-offset: 2px; }
body.mfc-quadro .mfc-download-detail > .mfc-download-description > h3,
body.mfc-quadro .mfc-download-detail > .mfc-download-related > h3 { margin: 0 0 1.25rem; padding: 0 0 .875rem; border-bottom: 1px solid var(--mfc-border); font-size: .9625rem; font-weight: 650; }
body.mfc-quadro .mfc-download-description > .mfc-prose { font-size: .8375rem; line-height: 1.8; }
body.mfc-quadro .mfc-download-description > .mfc-prose h3 { margin: 1.25rem 0 .625rem; font-size: .9625rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-description > .mfc-prose h4 { margin: 1.25rem 0 .625rem; font-size: .8375rem; line-height: 1.5; }
body.mfc-quadro .mfc-download-description .accordion { margin-top: 1.25rem; }
body.mfc-quadro .mfc-download-description .accordion > .header { margin-top: .75rem; padding: .5rem 1rem; border: 1px solid var(--mfc-border); background: var(--mfc-surface-soft); color: var(--mfc-text); font-size: .8375rem; font-weight: 600; line-height: 1.6; }
body.mfc-quadro .mfc-download-description .accordion > .header.active { border-color: #cbd4e0; background: #eef1f5; }
body.mfc-quadro .mfc-download-description .accordion > .content { padding: 1rem; border-bottom: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-download-detail .mfc-download-tags > a { border-color: var(--mfc-border); background: var(--mfc-surface-soft); color: var(--mfc-muted); }
body.mfc-quadro .mfc-download-detail .mfc-download-related-list > a { padding: 1rem 0; }
body.mfc-quadro .mfc-download-detail .mfc-download-related-list > a:hover { color: var(--mfc-brand); }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="pdcats"] > .widget-body:has(> p:only-child:empty) { display: none; }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="bloglatest"] > h3 { margin-bottom: 1rem; padding: 0 0 .75rem; border: 0; border-bottom: 1px solid var(--mfc-border); background: transparent; font-size: 1rem; font-weight: 600; }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="bloglatest"] > h3::before { content: none; }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="bloglatest"] .mfc-blog-latest { border: 0; border-radius: 0; }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="bloglatest"] .item h4 { margin-top: 1rem; padding-inline: 0; font-size: .9375rem; font-weight: 600; line-height: 1.5; }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="bloglatest"] .item h4 a { color: var(--mfc-text); }
body.mfc-quadro:has(.mfc-download-detail) .mfc-plugin[data-plugin="bloglatest"] .mfc-story-meta { padding: 0; }
@container mfc-detail (max-width: 48rem) {
  body.mfc-quadro .mfc-download-hero-main { grid-template-columns: 8rem minmax(0, 1fr); gap: 1.25rem; }
}
@container mfc-detail (max-width: 40rem) {
  body.mfc-quadro .mfc-download-hero { padding: 1rem; }
  body.mfc-quadro .mfc-download-hero-main { grid-template-columns: minmax(0, 1fr); }
  body.mfc-quadro .mfc-download-hero-preview { height: 8rem; aspect-ratio: auto; }
  body.mfc-quadro .mfc-download-hero-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.mfc-quadro .mfc-download-hero-actions { align-items: stretch; flex-direction: column; margin-top: 1.25rem; }
  body.mfc-quadro .mfc-download-hero .mfc-download-access > .button { box-sizing: border-box; width: 100%; }
  body.mfc-quadro .mfc-download-hero-tools { justify-content: space-between; width: 100%; margin-left: 0; }
  body.mfc-quadro .mfc-download-detail > .mfc-download-showcase,
  body.mfc-quadro .mfc-download-detail > .mfc-download-description,
  body.mfc-quadro .mfc-download-detail > .mfc-download-related { margin-top: 1rem; padding: 1rem; }
  body.mfc-quadro .mfc-download-showcase.is-ready .mfc-download-gallery-stage { height: clamp(11rem, 52cqw, 15rem); }
  body.mfc-quadro .mfc-download-showcase.is-ready .mfc-download-gallery-slide { width: 82%; height: calc(100% - 1.5rem); }
  body.mfc-quadro .mfc-download-showcase.is-single .mfc-download-gallery-slide { width: calc(100% - 1.5rem); }
  body.mfc-quadro .mfc-download-gallery-arrow { width: 2.25rem; height: 2.25rem; }
  body.mfc-quadro .mfc-download-gallery-arrow.is-previous { left: .375rem; }
  body.mfc-quadro .mfc-download-gallery-arrow.is-next { right: .375rem; }
  body.mfc-quadro .mfc-download-description .accordion > .content { padding: .875rem .25rem; }
}
@container mfc-detail (max-width: 32rem) {
  body.mfc-quadro .mfc-download-hero-toolbar-left { flex-basis: 100%; }
  body.mfc-quadro .mfc-download-hero-toolbar > .mfc-download-access { width: 100%; margin-left: 0; }
}
@media (hover: hover) and (pointer: fine) {
  body.mfc-quadro .mfc-download-showcase .mfc-download-gallery-arrow { opacity: 0; pointer-events: none; transition: opacity .15s ease; }
  body.mfc-quadro .mfc-download-showcase:hover .mfc-download-gallery-arrow,
  body.mfc-quadro .mfc-download-showcase:focus-within .mfc-download-gallery-arrow { opacity: 1; pointer-events: auto; }
}
@media (pointer: coarse) {
  body.mfc-quadro .mfc-download-gallery-arrow,
  body.mfc-quadro .mfc-download-hero .mfc-download-file-share > :is(a, button) { width: 2.75rem; height: 2.75rem; }
  body.mfc-quadro .mfc-download-gallery-dots > button { width: 2.25rem; height: 2.75rem; }
  body.mfc-quadro .mfc-download-hero .mfc-download-like { min-height: 2.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.mfc-quadro .mfc-download-showcase.is-ready .mfc-download-gallery-slide,
  body.mfc-quadro .mfc-download-showcase .mfc-download-gallery-arrow,
  body.mfc-quadro .mfc-download-gallery-dots > button > span { transition: none; }
}

/* Resource cards are compact directories, with artwork kept at icon scale. */
body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  align-items: center;
}

body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card > .image-overlay {
  margin: .75rem 0 .75rem .75rem;
  border-radius: var(--mfc-radius, .25rem);
  background: var(--mfc-module-wash);
}

body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card > .image-overlay img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card > :is(h5, h6) {
  min-width: 0;
  margin: 0;
  padding: .875rem;
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 650;
  line-height: 1.45;
}

body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card > :is(h5, h6):only-child {
  grid-column: 1 / -1;
  padding: .875rem 1rem;
}

body.mfc-quadro .mfc-resource-card > :is(h5, h6) > a {
  display: block;
  min-height: var(--mfc-control-height, 2.5rem);
}

body.mfc-quadro .mfc-resource-card > :is(h5, h6) > a > .icon {
  color: var(--mfc-brand, #c82025);
}

body.mfc-quadro .mfc-resource-detail {
  max-width: 72rem;
  margin-inline: auto;
  margin-bottom: 1.5rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border: 0;
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-resource-detail > .mfc-prose {
  margin-top: 2rem;
}

body.mfc-quadro .mfc-resource-overview {
  display: grid;
  grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr);
  gap: var(--mfc-section-gap, 2rem);
  margin: 0;
}

body.mfc-quadro .mfc-resource-overview.columns > .row {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

body.mfc-quadro .mfc-resource-overview > .row:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--mfc-card-padding, 1.25rem);
  border-radius: var(--mfc-radius, .25rem);
  background: var(--mfc-module-wash);
}

body.mfc-quadro .mfc-resource-overview > .row:first-child img {
  max-height: 18rem;
  object-fit: contain;
}

body.mfc-quadro .mfc-resource-detail .mfc-resource-facts {
  margin-top: 1.25rem;
}

body.mfc-quadro .mfc-resource-detail .mfc-resource-facts > .item {
  display: flow-root;
  padding: .625rem 0;
  border-color: var(--mfc-border, #e2e7ee);
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-body, .9375rem);
  line-height: 1.6;
}

body.mfc-quadro .mfc-resource-detail .mfc-resource-facts .right.floated {
  max-width: 65%;
  margin-inline-start: 1rem;
  color: var(--mfc-module-ink);
  font-size: inherit;
  font-weight: 550;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-resource-detail .mfc-resource-facts .right.floated.label {
  padding: 0;
  border: 0;
  background: transparent;
}

body.mfc-quadro .mfc-firmware-overview {
  margin: 1rem 0 2rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-module #psdrive :is(.firmware, .ipadfirmware, .ipodfirmware, .watchfirmware, .itunesfile) > .mfc-version-card > .header {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--mfc-radius, .25rem);
  box-shadow: none;
  text-align: start;
}

body.mfc-quadro .mfc-module #psdrive .mfc-version-card aside,
body.mfc-quadro .mfc-module #psdrive .mfc-version-card aside > div {
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
}

body.mfc-quadro .mfc-module #psdrive .mfc-version-card .day {
  display: flex;
  align-items: center;
  gap: .375rem;
  padding: .875rem 1rem;
  background: #fff;
  color: var(--mfc-module-ink);
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 700;
}

body.mfc-quadro .mfc-module #psdrive .mfc-version-card .year {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-height: var(--mfc-control-height, 2.5rem);
  padding: .5rem 1rem;
  border-top: 1px solid var(--mfc-border, #e2e7ee);
  background: var(--mfc-module-wash);
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-small, .8125rem);
  font-weight: 500;
  line-height: 1.4;
}

body.mfc-quadro .mfc-module #psdrive .mfc-version-card a:is(:hover, :focus-visible) .year {
  color: var(--mfc-brand, #c82025);
  background: #fff1f2;
}

/* A dealer's name, region and contact details read as a business directory. */
body.mfc-quadro .mfc-module-dealer .dealer > .mfc-contact-card > h5 {
  padding: var(--mfc-card-padding, 1.25rem) var(--mfc-card-padding, 1.25rem) .5rem;
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 700;
  line-height: 1.35;
}

body.mfc-quadro .mfc-module-dealer .dealer > .mfc-contact-card > .list {
  padding: 0 var(--mfc-card-padding, 1.25rem) var(--mfc-card-padding, 1.25rem);
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-body, .9375rem);
}

body.mfc-quadro .mfc-contact-card .list > p {
  margin: 0 0 .625rem;
  overflow-wrap: anywhere;
}

body.mfc-quadro .mfc-contact-card .list > p:first-child {
  display: inline-block;
  margin-bottom: .75rem;
  padding: .3rem .65rem;
  border-radius: var(--mfc-radius, .25rem);
  background: #fff0f1;
  color: var(--mfc-brand, #c82025);
  font-size: var(--mfc-type-small, .8125rem);
  letter-spacing: .03em;
}

body.mfc-quadro .mfc-module-dealer .dealer > .mfc-contact-card .list > .item:last-child {
  display: flow-root;
  margin-top: .875rem;
  padding: .875rem 0 0;
  border-color: var(--mfc-border, #e2e7ee);
}

body.mfc-quadro .mfc-module-dealer .dealer > .mfc-contact-card .right.floated.label {
  float: none;
  display: block;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
}

body.mfc-quadro .mfc-module-dealer .dealer > .mfc-contact-card .right.floated.label > a {
  display: flex;
  justify-content: center;
  min-height: var(--mfc-control-height, 2.5rem);
  padding: .5rem;
  border-radius: var(--mfc-radius, .25rem);
  background: var(--mfc-module-wash);
  color: var(--mfc-brand, #c82025);
  font-weight: 650;
  font-size: var(--mfc-type-small, .8125rem);
  line-height: 1.4;
}

/* Dealer profile panels respect the surrounding CMS columns. */
body.mfc-quadro .mfc-dealer-profile { min-width: 0; container: mfc-dealer-profile / inline-size; }
body.mfc-quadro .mfc-dealer-profile [hidden] { display: none !important; }
body.mfc-quadro .mfc-dealer-profile-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; margin: 0; padding: 1.5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-dealer-profile-identity { flex: 1 1 16rem; min-width: 0; }
body.mfc-quadro .mfc-dealer-profile-type { display: inline-flex; padding: .25rem .5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-muted); background: #f7f9fc; font-size: .75rem; line-height: 1.4; }
body.mfc-quadro a.mfc-dealer-profile-type:hover { color: var(--mfc-brand); border-color: #e5b9be; }
body.mfc-quadro .mfc-dealer-profile-header h2 { margin: .75rem 0 .5rem; color: var(--mfc-text); font-size: clamp(1.375rem, 2.5cqw, 1.875rem); font-weight: 650; line-height: 1.3; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-profile-location { display: flex; align-items: baseline; gap: .5rem; margin: 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-profile-location > .icon { flex: none; margin: 0; color: #7d8fa4; }
body.mfc-quadro .mfc-dealer-visit { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; min-height: 2.75rem; max-width: 100%; padding: .625rem 1rem; border: 1px solid var(--mfc-brand); border-radius: var(--mfc-radius); color: #fff; background: var(--mfc-brand); font-size: .875rem; font-weight: 600; line-height: 1.4; text-align: center; }
body.mfc-quadro .mfc-dealer-visit:hover { border-color: #a6161b; color: #fff; background: #a6161b; }
body.mfc-quadro .mfc-dealer-visit > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-profile-layout { display: grid; gap: 1.5rem; margin: 1.5rem 0; align-items: start; }
body.mfc-quadro .mfc-dealer-profile-layout.has-columns { grid-template-columns: minmax(17rem, 1fr) minmax(0, 2fr); }
body.mfc-quadro .mfc-dealer-profile-panel { min-width: 0; padding: 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-dealer-profile-panel > h3 { margin: 0 0 1rem; padding: 0 0 .875rem; border-bottom: 1px solid var(--mfc-border); color: var(--mfc-text); font-size: 1.0625rem; font-weight: 650; line-height: 1.4; }
body.mfc-quadro .mfc-dealer-profile-contact dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem 1.5rem; margin: 0; padding: 0; }
body.mfc-quadro .mfc-dealer-profile-layout.has-columns .mfc-dealer-profile-contact dl { grid-template-columns: minmax(0, 1fr); }
body.mfc-quadro .mfc-dealer-profile-contact dl > div { min-width: 0; margin: 0; padding: 0; }
body.mfc-quadro .mfc-dealer-profile-contact dt { display: flex; align-items: baseline; gap: .5rem; margin: 0; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-dealer-profile-contact dt > .icon { flex: none; width: 1.125rem; margin: 0; color: #8393a6; text-align: center; }
body.mfc-quadro .mfc-dealer-profile-contact dd { margin: .375rem 0 0 1.625rem; color: var(--mfc-text); font-size: .875rem; line-height: 1.6; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-profile-contact dd > a { color: inherit; }
body.mfc-quadro .mfc-dealer-profile-contact dd > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-dealer-product-links { display: flex; flex: 1 0 100%; flex-wrap: wrap; gap: .5rem; min-width: 0; padding-top: 1rem; border-top: 1px solid var(--mfc-border); }
body.mfc-quadro .mfc-dealer-product-links > a { display: inline-flex; align-items: center; gap: .375rem; min-height: 2rem; max-width: 100%; padding: .375rem .625rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-muted); background: #f8fafc; font-size: .75rem; line-height: 1.4; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-product-links > a > .icon { flex: none; margin: 0; font-size: .6875rem; }
body.mfc-quadro .mfc-dealer-product-links > a:hover { border-color: #e2adb3; color: var(--mfc-brand); background: #fff5f5; }
body.mfc-quadro .mfc-dealer-product-links > a:hover > .icon { color: inherit; }
body.mfc-quadro .mfc-dealer-profile-about > .mfc-prose { max-width: none; color: var(--mfc-text); font-size: .9375rem; }
body.mfc-quadro .mfc-dealer-profile-about .mfc-prose > :last-child { margin-bottom: 0; }
body.mfc-quadro .mfc-dealer-profile-rating { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .875rem 1.25rem; padding: 1rem 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; }
body.mfc-quadro .mfc-dealer-profile-rating > p { flex: 1 1 16rem; margin: 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.6; }
body.mfc-quadro .mfc-dealer-recommend { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.75rem; padding: .5rem .875rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-text); background: #f8fafc; font: inherit; font-size: .8125rem; line-height: 1.4; cursor: pointer; }
body.mfc-quadro .mfc-dealer-recommend > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-recommend > [data-like-count] { padding-left: .5rem; border-left: 1px solid var(--mfc-border); font-variant-numeric: tabular-nums; }
body.mfc-quadro .mfc-dealer-recommend:hover { border-color: #bad3c0; color: #2f7044; background: #f2f8f3; }
body.mfc-quadro .mfc-dealer-recommend:disabled { opacity: .65; cursor: default; }
body.mfc-quadro .mfc-dealer-recommend[aria-pressed="true"] { opacity: 1; color: #2f7044; background: #eef7f0; border-color: #bad3c0; }
body.mfc-quadro .mfc-dealer-profile-rating > .mfc-dealer-feedback { flex-basis: 100%; color: #a12c33; font-size: .8125rem; }
body.mfc-quadro .mfc-dealer-profile-footer { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.5rem 0 0; padding: 1rem 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: var(--mfc-surface); }
body.mfc-quadro .mfc-dealer-return { display: inline-flex; align-items: center; gap: .5rem; min-width: 0; min-height: 2.5rem; padding: .375rem .5rem; border-radius: var(--mfc-radius); color: var(--mfc-muted); font-size: .875rem; line-height: 1.5; text-decoration: none; }
body.mfc-quadro .mfc-dealer-return > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-return:hover { color: var(--mfc-brand); background: var(--mfc-surface-soft); }
body.mfc-quadro .mfc-dealer-profile-utilities { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .75rem 1rem; min-width: 0; margin-inline-start: auto; }
body.mfc-quadro .mfc-dealer-profile-hits { display: inline-flex; align-items: center; gap: .375rem; color: var(--mfc-muted); font-size: .75rem; line-height: 1.5; }
body.mfc-quadro .mfc-dealer-profile-hits > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-profile-share { display: flex; flex: none; gap: .375rem; }
body.mfc-quadro .mfc-dealer-profile-share > a { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: #64768d; background: #fff; }
body.mfc-quadro .mfc-dealer-profile-share .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-profile-share svg { display: block; width: .875rem; height: .875rem; fill: currentColor; }
body.mfc-quadro .mfc-dealer-profile-share > a:hover { color: var(--mfc-brand); border-color: #e2adb3; background: var(--mfc-surface-soft); }
@container mfc-dealer-profile (max-width: 50rem) {
  body.mfc-quadro .mfc-dealer-profile-layout.has-columns { grid-template-columns: minmax(0, 1fr); }
  body.mfc-quadro .mfc-dealer-profile-contact dl,
  body.mfc-quadro .mfc-dealer-profile-layout.has-columns .mfc-dealer-profile-contact dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .875rem 1.25rem; }
}
@container mfc-dealer-profile (max-width: 34rem) {
  body.mfc-quadro .mfc-dealer-profile-header { padding: 1rem; }
  body.mfc-quadro .mfc-dealer-profile-layout { gap: 1rem; margin-block: 1rem; }
  body.mfc-quadro .mfc-dealer-profile-panel { padding: 1rem; }
  body.mfc-quadro .mfc-dealer-profile-contact dl,
  body.mfc-quadro .mfc-dealer-profile-layout.has-columns .mfc-dealer-profile-contact dl { grid-template-columns: minmax(0, 1fr); }
  body.mfc-quadro .mfc-dealer-product-links > a { min-height: 2.75rem; }
  body.mfc-quadro .mfc-dealer-profile-rating { padding: 1rem; }
  body.mfc-quadro .mfc-dealer-profile-footer { gap: .75rem; padding: .875rem 1rem; }
  body.mfc-quadro .mfc-dealer-profile-utilities { flex: 1 1 100%; justify-content: space-between; margin-inline-start: 0; }
  body.mfc-quadro .mfc-dealer-profile-share > a { width: 2.75rem; height: 2.75rem; }
}

/* Dealer coverage map and directory; CMS chooses the surrounding layout. */
body.mfc-quadro .mfc-dealer-directory { container: mfc-dealers / inline-size; min-width: 0; }
body.mfc-quadro .mfc-dealer-directory [hidden],
body.mfc-quadro .mfc-dealer-card[hidden] { display: none !important; }
body.mfc-quadro .mfc-dealer-map-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 25%); margin: 0 0 1.5rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); background: #fff; overflow: hidden; }
body.mfc-quadro .mfc-dealer-map-heading { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem; }
body.mfc-quadro .mfc-dealer-map-heading h2 { margin: 0 0 .375rem; font-size: var(--mfc-type-section); line-height: 1.4; font-weight: 650; }
body.mfc-quadro .mfc-dealer-map-heading p { margin: 0; color: var(--mfc-muted); font-size: .875rem; line-height: 1.6; }
body.mfc-quadro .mfc-dealer-map-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
body.mfc-quadro .mfc-dealer-map-shortcuts > a { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.25rem; padding: .375rem .75rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-muted); font-size: .8125rem; line-height: 1.4; }
body.mfc-quadro .mfc-dealer-map-shortcuts > a > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-map-shortcuts > a > span { font-variant-numeric: tabular-nums; }
body.mfc-quadro .mfc-dealer-map-shortcuts > a:is(:hover, [aria-current]) { border-color: #abc4df; color: #245b8e; background: #eff6ff; }
body.mfc-quadro .mfc-dealer-map-stage { grid-column: 1; grid-row: 2; position: relative; min-width: 0; height: clamp(15rem, 27vw, 23rem); height: clamp(15rem, calc(30cqw + 2rem), 30rem); border-block: 1px solid #e7eef6; background: radial-gradient(ellipse at center, #fff 30%, #f4f8fc 100%); overflow: hidden; }
body.mfc-quadro .mfc-dealer-world-map { display: block; width: 100%; height: 100%; padding: .75rem 1rem 2.75rem; touch-action: pan-y; user-select: none; cursor: grab; outline: none; outline-offset: -3px; }
body.mfc-quadro .mfc-dealer-world-map.is-keyboard-focus:focus-visible { outline: 2px solid #5487bb; }
body.mfc-quadro .mfc-dealer-world-map a { outline: none; }
body.mfc-quadro .mfc-dealer-world-map.is-dragging { cursor: grabbing; }
body.mfc-quadro .mfc-dealer-world-map defs path { vector-effect: non-scaling-stroke; stroke-linejoin: round; }
body.mfc-quadro .mfc-dealer-map-region { fill: var(--dealer-map-fill, #95ed98); stroke: #fff; stroke-width: .7; cursor: pointer; transition: fill .15s ease, opacity .15s ease; }
body.mfc-quadro .mfc-dealer-map-region:is(:hover, :focus-visible) { fill: #95ed98; stroke: #5784b3; stroke-width: 1.15; }
body.mfc-quadro .mfc-dealer-map-region[aria-current] { stroke: #95ed98; stroke-width: 1.15; }
body.mfc-quadro .mfc-dealer-map-region.is-muted { opacity: .42; }
body.mfc-quadro .mfc-dealer-map-marker { cursor: pointer; outline: none; }
body.mfc-quadro .mfc-dealer-map-marker.is-muted { opacity: .2; }
body.mfc-quadro .mfc-dealer-marker-hit { fill: transparent; stroke: none; pointer-events: all; }
body.mfc-quadro .mfc-dealer-marker-icon { fill: var(--mfc-brand); filter: drop-shadow(0 1px 1px #fff); pointer-events: none; }
body.mfc-quadro .mfc-dealer-map-marker:is(:hover, :focus-visible, [aria-current]) .mfc-dealer-marker-icon { fill: #94151a; }
body.mfc-quadro .mfc-dealer-map-zoom { position: absolute; top: 1rem; right: 1rem; display: grid; border: 1px solid #d6e0eb; border-radius: var(--mfc-radius); background: #fff; box-shadow: 0 2px 6px #22354b08; overflow: hidden; }
body.mfc-quadro .mfc-dealer-map-zoom > button { display: grid; place-items: center; width: 2.125rem; height: 2.125rem; padding: 0; border: 0; border-bottom: 1px solid #e7edf4; color: #4d6783; background: #fff; cursor: pointer; }
body.mfc-quadro .mfc-dealer-map-zoom > button:last-child { border: 0; }
body.mfc-quadro .mfc-dealer-map-zoom > button:is(:hover, :focus-visible) { color: #245b8e; background: #eff6ff; }
body.mfc-quadro .mfc-dealer-map-zoom > button:disabled { opacity: .4; cursor: default; }
body.mfc-quadro .mfc-dealer-map-zoom .icon { margin: 0; font-size: .875rem; }
body.mfc-quadro .mfc-dealer-map-tooltip { position: absolute; z-index: 5; max-width: 15rem; padding: .625rem .875rem; border: 1px solid #d5e0eb; border-radius: var(--mfc-radius); background: #fff; color: #263b50; font-size: .8125rem; line-height: 1.65; white-space: pre-line; pointer-events: none; box-shadow: 0 4px 16px #24384e14; }
body.mfc-quadro .mfc-dealer-map-legend { position: absolute; bottom: .75rem; left: 1rem; right: 1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; color: #667b91; font-size: .6875rem; line-height: 1.5; pointer-events: none; }
body.mfc-quadro .mfc-dealer-map-ramp { width: 5rem; height: .375rem; border-radius: 1px; background: linear-gradient(90deg, #e8edf3, #dbeafe, #bfdbfe, #93c5fd, #60a5fa); }
body.mfc-quadro .mfc-dealer-directory[data-map-max="0"] .mfc-dealer-map-ramp { background: #e8edf3; }
body.mfc-quadro .mfc-dealer-map-legend .mfc-dealer-map-pin-key { margin: 0 0 0 .75rem; color: var(--mfc-brand); font-size: .875rem; line-height: 1; }
body.mfc-quadro .mfc-dealer-map-note { grid-column: 1; grid-row: 3; margin: 0; padding: .875rem 1.25rem; color: var(--mfc-muted); font-size: .75rem; line-height: 1.7; }
body.mfc-quadro .mfc-dealer-region-tiles { grid-column: 2; grid-row: 2 / 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); margin: 0; padding: .875rem; gap: .5rem; border-left: 1px solid var(--mfc-border); background: #fafbfd; }
body.mfc-quadro .mfc-dealer-region-tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .375rem; min-width: 0; min-height: 4.5rem; padding: .625rem; border: 1px solid transparent; border-radius: var(--mfc-radius); color: var(--mfc-text); text-align: center; text-decoration: none; }
body.mfc-quadro .mfc-dealer-region-tile > svg { flex: none; width: 4.25rem; height: 3rem; fill: #bdd0e5; }
body.mfc-quadro .mfc-dealer-region-tile > span { min-width: 0; font-size: .8125rem; line-height: 1.4; font-weight: 600; }
body.mfc-quadro .mfc-dealer-region-tile small { display: block; margin-top: .25rem; color: var(--mfc-muted); font-size: .6875rem; line-height: 1.4; font-weight: 400; }
body.mfc-quadro .mfc-dealer-region-tile:is(:hover, :focus-visible) { border-color: #d6e1ed; background: #fff; color: #245b8e; }
body.mfc-quadro .mfc-dealer-region-tile:is(:hover, :focus-visible) > svg { fill: #8caecc; }
body.mfc-quadro .mfc-dealer-region-tile[aria-current] { border-color: #95ed98; color: #245b8e; background: #eff6ff; box-shadow: inset 0 0 0 1px #5487bb; }
body.mfc-quadro .mfc-dealer-region-tile[aria-current] > svg { fill: #95ed98; }
body.mfc-quadro .mfc-dealer-region-check { display: none; position: absolute; top: .375rem; right: .375rem; margin: 0; color: #376eaa; font-size: .6875rem; line-height: 1; }
body.mfc-quadro .mfc-dealer-region-tile[aria-current] > .mfc-dealer-region-check { display: block; }
body.mfc-quadro .mfc-dealer-directory-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
body.mfc-quadro .mfc-dealer-type-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; }
body.mfc-quadro .mfc-dealer-type-filters > a { display: inline-flex; align-items: center; min-height: 2.5rem; padding: .5rem .875rem; border: 1px solid transparent; border-radius: var(--mfc-radius); color: var(--mfc-muted); font-size: .875rem; line-height: 1.5; }
body.mfc-quadro .mfc-dealer-type-filters > a:is(:hover, [aria-current]) { border-color: #e5c5c8; color: var(--mfc-brand); background: #fff5f5; }
body.mfc-quadro .mfc-dealer-search { position: relative; flex: 0 1 20rem; min-width: min(100%, 14rem); max-width: 100%; margin: 0; }
body.mfc-quadro .mfc-dealer-search > input[type=search] { box-sizing: border-box; display: block; width: 100%; min-width: 0; height: 2.5rem; margin: 0; padding: .5rem 2.75rem .5rem .875rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-text); background: #fff; font: inherit; font-size: .875rem; }
body.mfc-quadro .mfc-dealer-search > button { position: absolute; top: 0; right: 0; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: 0 var(--mfc-radius) var(--mfc-radius) 0; background: transparent; color: var(--mfc-muted); cursor: pointer; }
body.mfc-quadro .mfc-dealer-search > button:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-dealer-search .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-result-summary { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 0 0 1rem; color: var(--mfc-muted); font-size: .8125rem; }
body.mfc-quadro .mfc-dealer-result-summary > p { margin: 0; }
body.mfc-quadro #dealer-results-title { margin: 0; scroll-margin-top: 1.5rem; color: var(--mfc-text); font-size: 1.125rem; line-height: 1.5; font-weight: 650; outline: none; }
body.mfc-quadro .mfc-dealer-result-summary > [data-dealer-reset] { margin-left: auto; color: var(--mfc-muted); }
body.mfc-quadro [data-country-clear] { display: inline-flex; align-items: center; gap: .5rem; padding: .25rem .5rem; border: 1px solid #c9dbee; border-radius: var(--mfc-radius); color: #245b8e; background: #eff6ff; }
body.mfc-quadro [data-country-clear] .icon { margin: 0; font-size: .6875rem; }
body.mfc-quadro .mfc-dealer-empty { display: flex; align-items: center; gap: .75rem; margin: 0 0 1rem; padding: 1rem 1.25rem; border: 1px solid #efd3d6; border-radius: var(--mfc-radius); color: #8c3f48; background: #fff5f5; }
body.mfc-quadro .mfc-dealer-empty > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-empty > p { margin: 0; font-size: .875rem; line-height: 1.6; }
body.mfc-quadro .mfc-dealer-cards { display: grid; grid-template-columns: repeat(var(--mfc-dealer-columns, auto-fit), minmax(min(100%, 17rem), 1fr)); gap: var(--mfc-gap); min-width: 0; margin: 0; }
body.mfc-quadro .mfc-dealer-card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 1.25rem; border: 1px solid var(--mfc-border); border-radius: var(--mfc-radius); color: var(--mfc-text); background: #fff; }
body.mfc-quadro .mfc-dealer-card-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .875rem; font-size: .6875rem; line-height: 1.5; }
body.mfc-quadro .mfc-dealer-type { color: var(--mfc-muted); }
body.mfc-quadro .mfc-dealer-global { display: inline-flex; align-items: center; gap: .375rem; color: #377f6c; }
body.mfc-quadro .mfc-dealer-global > .icon { margin: 0; }
body.mfc-quadro .mfc-dealer-card > h3 { margin: 0 0 .5rem; font-size: 1.125rem; line-height: 1.45; font-weight: 650; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-card > h3 > a { color: inherit; }
body.mfc-quadro .mfc-dealer-card > h3 > a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-dealer-location { display: flex; align-items: baseline; gap: .375rem; margin: 0 0 1rem; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-location > .icon { flex: none; margin: 0; color: #8b9bad; }
body.mfc-quadro .mfc-dealer-products { display: flex; flex-wrap: wrap; gap: .375rem; margin-bottom: 1rem; }
body.mfc-quadro .mfc-dealer-products:empty { display: none; }
body.mfc-quadro .mfc-dealer-products > a { display: inline-flex; align-items: center; min-height: 1.75rem; padding: .25rem .5rem; border: 1px solid #e1e7ef; border-radius: var(--mfc-radius); color: #53667b; background: #f7f9fc; font-size: .6875rem; line-height: 1.4; }
body.mfc-quadro .mfc-dealer-products > a:hover { border-color: #dba7ad; color: var(--mfc-brand); background: #fff5f5; }
body.mfc-quadro .mfc-dealer-contacts { display: grid; gap: .625rem; margin: 0 0 1rem; padding: 0; }
body.mfc-quadro .mfc-dealer-contacts > div { display: grid; grid-template-columns: 1.125rem minmax(0, 1fr); gap: .5rem; align-items: baseline; }
body.mfc-quadro .mfc-dealer-contacts :is(dt, dd) { margin: 0; padding: 0; color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-dealer-contacts dt > .icon { margin: 0; color: #8b9bad; }
body.mfc-quadro .mfc-dealer-contacts a { color: inherit; }
body.mfc-quadro .mfc-dealer-contacts a:hover { color: var(--mfc-brand); }
body.mfc-quadro .mfc-dealer-contacts .mfc-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
body.mfc-quadro .mfc-dealer-details { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .875rem; border-top: 1px solid var(--mfc-border); color: var(--mfc-muted); font-size: .8125rem; line-height: 1.5; }
body.mfc-quadro .mfc-dealer-details > .icon { margin: 0; color: #98a4b2; }
body.mfc-quadro .mfc-dealer-details:hover, body.mfc-quadro .mfc-dealer-details:hover > .icon { color: var(--mfc-brand); }
@container mfc-dealers (max-width: 64rem) {
  body.mfc-quadro .mfc-dealer-map-panel { display: block; }
  body.mfc-quadro .mfc-dealer-map-stage { height: clamp(15rem, calc(40cqw + 2rem), 28rem); }
  body.mfc-quadro .mfc-dealer-region-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto; border-left: 0; border-top: 1px solid var(--mfc-border); }
  body.mfc-quadro .mfc-dealer-region-tile { flex-direction: row; justify-content: flex-start; gap: .625rem; text-align: start; }
  body.mfc-quadro .mfc-dealer-region-tile > svg { width: 3.25rem; height: 2.5rem; }
}
@container mfc-dealers (max-width: 34rem) {
  body.mfc-quadro .mfc-dealer-map-heading { padding: 1rem; }
  body.mfc-quadro .mfc-dealer-map-stage { height: 12.5rem; }
  body.mfc-quadro .mfc-dealer-world-map { padding: .5rem .25rem 3.25rem; }
  body.mfc-quadro .mfc-dealer-marker-icon { x: -16px; y: -48px; width: 32px; height: 48px; }
  body.mfc-quadro .mfc-dealer-marker-hit { x: -24px; y: -56px; width: 48px; height: 64px; }
  body.mfc-quadro .mfc-dealer-map-zoom { top: .5rem; right: .5rem; }
  body.mfc-quadro .mfc-dealer-map-zoom > button { width: 2.25rem; height: 2.25rem; }
  body.mfc-quadro .mfc-dealer-region-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; padding: .5rem; }
  body.mfc-quadro .mfc-dealer-region-tile { min-height: 4rem; padding: .5rem; }
  body.mfc-quadro .mfc-dealer-region-tile > svg { width: 2.5rem; height: 2rem; }
  body.mfc-quadro .mfc-dealer-map-note { padding: .75rem 1rem; }
  body.mfc-quadro .mfc-dealer-search { flex-basis: 100%; }
  body.mfc-quadro .mfc-dealer-search > input[type=search] { font-size: 1rem; }
  body.mfc-quadro .mfc-dealer-card { padding: 1rem; }
}

/* Authored gallery/calendar/FAQ data and their plugin hooks remain intact. */
body.mfc-quadro .mfc-module-gallery #gallerywrap > .item {
  overflow: hidden;
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-module-gallery #gallerywrap .image-overlay {
  display: block;
  border-radius: 0;
}

body.mfc-quadro .mfc-module-gallery #gallerywrap .image-overlay img {
  display: block;
  width: 100%;
  height: auto;
}

body.mfc-quadro .mfc-module-gallery #gallerywrap .gallery-data {
  padding: var(--mfc-card-padding, 1.25rem);
  background: #fff;
}

body.mfc-quadro .mfc-module-gallery #gallerywrap .gallery-data h3 {
  margin: 0 0 .625rem;
  font-size: var(--mfc-type-card, 1.125rem);
}

body.mfc-quadro .mfc-module-gallery .portfolio-meta-image {
  margin: 0;
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-body, .9375rem);
  line-height: 1.7;
}

body.mfc-quadro .mfc-module-events #calendar,
body.mfc-quadro .mfc-module-faq #faq {
  padding: var(--mfc-card-padding, 1.25rem);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-module #pagination {
  margin-top: var(--mfc-section-gap, 2rem);
  padding-block: .5rem;
}

body.mfc-quadro .mfc-module #pagination .pagination.menu > .active.item {
  border-color: var(--mfc-brand, #c82025);
  background: var(--mfc-brand, #c82025);
  color: #fff;
}

@container mfc-module (max-width: 50rem) {
  body.mfc-quadro .mfc-module-shop .mfc-product-layout,
  body.mfc-quadro .mfc-resource-overview {
    grid-template-columns: minmax(0, 1fr);
  }

  body.mfc-quadro .mfc-resource-overview > .row:first-child img {
    max-height: 15rem;
  }
}

@container mfc-module (max-width: 32rem) {
  body.mfc-quadro .mfc-module #articles > .mfc-news-list-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  body.mfc-quadro .mfc-module #articles .mfc-news-list-item aside > div {
    display: flex;
    align-items: center;
    width: fit-content;
  }

  body.mfc-quadro .mfc-module #articles .mfc-news-list-item aside :is(.day, .year) {
    font-size: var(--mfc-type-small, .8125rem);
    padding: .375rem .5rem;
  }
}

@media (max-width: 47.999rem) {
  body.mfc-quadro .mfc-module-shop .mfc-product-layout,
  body.mfc-quadro .mfc-resource-overview {
    grid-template-columns: minmax(0, 1fr);
  }

  body.mfc-quadro .mfc-product-gallery #zoomer {
    padding: 1rem;
  }

  body.mfc-quadro .mfc-module .mfc-table-scroll > table.wojo.table :is(th, td).hide-phone {
    display: table-cell;
  }

  body.mfc-quadro .mfc-module #articles > .artwrap > .mfc-news-card > :is(.mfc-news-title, .mfc-news-meta, .mfc-news-summary) {
    margin-inline: 1.25rem;
  }
}

/* Archive/author modes keep the CMS-selected presentation and pagination. */
body.mfc-quadro .mfc-module-blog .mfc-news-archive > .item {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border: 0;
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-news-archive > .item > .right.floated {
  grid-column: 3;
  grid-row: 1;
  margin: 0;
  color: var(--mfc-muted, #667286);
  background: var(--mfc-module-wash);
  font-size: var(--mfc-type-small, .8125rem);
}

body.mfc-quadro .mfc-news-archive > .item > a {
  grid-column: 1;
  grid-row: 1;
}

body.mfc-quadro .mfc-news-archive > .item > a > img {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: var(--mfc-radius, .25rem);
  object-fit: cover;
}

body.mfc-quadro .mfc-news-archive > .item > .content {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding: 0;
  color: var(--mfc-muted, #667286);
  line-height: 1.7;
}

body.mfc-quadro .mfc-news-archive .content > .header {
  margin-bottom: .5rem;
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 650;
}

body.mfc-quadro .mfc-module-blog #author-data > .item {
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: var(--mfc-module-shadow), inset 0 0 0 1px var(--mfc-border, #e2e7ee);
}

body.mfc-quadro .mfc-module-blog #author-data > .item > :is(h5, .list, .vspace) {
  margin: 0;
  padding: var(--mfc-card-padding, 1.25rem);
}

body.mfc-quadro .mfc-module-blog #author-data > .item > h5 {
  padding-bottom: .75rem;
  font-size: var(--mfc-type-card, 1.125rem);
  line-height: 1.45;
}

body.mfc-quadro .mfc-module-blog #author-data > .item > .list {
  padding-block: 0;
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-small, .8125rem);
}

body.mfc-quadro .mfc-module-blog #author-data > .item > .vspace {
  color: var(--mfc-muted, #667286);
  line-height: 1.75;
}

body.mfc-quadro .mfc-module-blog #author-data > .item > .divider {
  display: none;
}

body.mfc-quadro .mfc-module :is(.psdrive, .tutorial) > .mfc-resource-card {
  container-name: mfc-resource-card;
  container-type: inline-size;
}

body.mfc-quadro .mfc-resource-card > :is(h5, h6) > a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

body.mfc-quadro .mfc-module #psdrive .mfc-version-card .header:hover,
body.mfc-quadro .mfc-module #psdrive .mfc-version-card .header:hover a {
  font-size: inherit;
}

body.mfc-quadro .mfc-module #psdrive .mfc-version-card aside > div {
  border: 0;
  box-shadow: none;
  text-align: start;
}

/* Both page comments and article comments share these unchanged form IDs. */
body.mfc-quadro #comments {
  max-width: 64rem;
  margin: 1.5rem auto;
}

body.mfc-quadro #comments > .comment {
  position: relative;
  margin: 0 0 1rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border: 1px solid var(--mfc-border, #e2e7ee);
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
}

body.mfc-quadro #comments .avatar {
  width: 2.75rem;
}

body.mfc-quadro #comments .avatar img {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  object-fit: cover;
}

body.mfc-quadro #comments .content {
  min-width: 0;
  margin-inline-start: 3.75rem;
}

body.mfc-quadro #comments .author {
  color: var(--mfc-text, #243043);
  font-size: var(--mfc-type-body, .9375rem);
  font-weight: 650;
}

body.mfc-quadro #comments .metadata {
  margin-top: .25rem;
  color: var(--mfc-muted, #667286);
  font-size: var(--mfc-type-small, .8125rem);
}

body.mfc-quadro #comments .text {
  margin-top: .75rem;
  color: var(--mfc-text, #243043);
  line-height: 1.8;
  overflow-wrap: anywhere;
}

body.mfc-quadro .form:has(> #wojo_form #combody) {
  max-width: 64rem;
  box-sizing: border-box;
  margin: 1.25rem auto 2rem;
  padding: var(--mfc-card-padding, 1.25rem);
  border: 0;
  border-radius: var(--mfc-radius, .25rem);
  background: #fff;
  box-shadow: 0 10px 32px rgba(36, 48, 67, .055);
}

body.mfc-quadro .mfc-module-blog #comments,
body.mfc-quadro .mfc-module-blog .form:has(> #wojo_form #combody) {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

body.mfc-quadro #wojo_form #combody {
  min-height: 10rem;
  resize: vertical;
  line-height: 1.7;
}

body.mfc-quadro #wojo_form:has(#combody) .note {
  margin-top: .625rem;
  font-size: var(--mfc-type-small, .8125rem);
  color: var(--mfc-muted, #667286);
}

@container mfc-resource-card (max-width: 14rem) {
  body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card > .image-overlay {
    grid-column: 1 / -1;
    width: 3rem;
    margin: .75rem 1rem 0;
  }

  body.mfc-quadro .mfc-module :is(#psdrive, #tutorial) :is(.psdrive, .tutorial) > .mfc-resource-card > :is(h5, h6) {
    grid-column: 1 / -1;
  }
}

@container mfc-module (max-width: 36rem) {
  body.mfc-quadro .mfc-module-blog .mfc-news-archive > .item {
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: .75rem 1rem;
  }

  body.mfc-quadro .mfc-news-archive > .item > a > img {
    width: 4rem;
    height: 4rem;
  }

  body.mfc-quadro .mfc-news-archive > .item > .right.floated {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }
}

@media (max-width: 35.999rem) {
  body.mfc-quadro #comments > .comment {
    padding: 1.125rem;
  }

  body.mfc-quadro #comments .content {
    margin-inline-start: 3.5rem;
  }

  body.mfc-quadro #wojo_form:has(#combody) .two.fields {
    display: block;
  }

  body.mfc-quadro #wojo_form:has(#combody) .two.fields > .field {
    width: 100%;
    float: none;
  }
}

body.mfc-quadro .mfc-module-shop #shopwrap .mfc-product-body > h4 > a,
body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

body.mfc-quadro .mfc-module-shop #shopwrap .mfc-price-group > .basic.label {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mfc-module-ink);
  font-size: var(--mfc-type-section, 1.375rem);
  font-weight: 750;
  line-height: 1.4;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-body > .label {
  padding: 0;
  margin-inline-end: .5rem;
  border: 0;
  background: transparent;
  color: var(--mfc-module-ink);
  font-size: var(--mfc-type-card, 1.125rem);
  font-weight: 700;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shopfluid .fluidover-body > .negative.label {
  color: var(--mfc-muted, #667286);
  font-size: .875rem;
  font-weight: 400;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shoplist > .columns > .segment {
  display: grid;
  grid-template-columns: minmax(12rem, 26%) minmax(0, 1fr);
  gap: var(--mfc-card-padding, 1.25rem);
  padding: var(--mfc-card-padding, 1.25rem);
  border: 0;
  border-radius: var(--mfc-radius, .25rem);
  box-shadow: var(--mfc-module-shadow);
}

body.mfc-quadro .mfc-module-shop #shopwrap.shoplist > .columns > .segment > div:not([class*="shop-ribbon"]) {
  float: none;
  width: auto;
  min-width: 0;
}

/* The list card owns its inset; nested legacy columns must not add it again. */
body.mfc-quadro .mfc-module-shop #shopwrap.shoplist > .columns > .segment > div > :is(aside, section) {
  padding: 0;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shoplist section h4 {
  margin: 0 0 .75rem;
  font-size: var(--mfc-type-card, 1.125rem);
  line-height: 1.3;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shoplist section > p {
  max-width: 72ch;
  color: var(--mfc-muted, #667286);
  line-height: 1.75;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shoplist section > .attached.label {
  gap: .625rem;
  padding: 0;
  background: transparent;
}

body.mfc-quadro .mfc-module-shop #shopwrap.shoplist .attached.label > .basic.label {
  padding: 0;
  background: transparent;
  color: var(--mfc-module-ink);
  font-size: var(--mfc-type-section, 1.375rem);
  font-weight: 750;
}

@container mfc-module (max-width: 42rem) {
  body.mfc-quadro .mfc-module-shop #shopwrap.shoplist > .columns > .segment {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 47.999rem) {
  body.mfc-quadro .mfc-module-shop #shopwrap.shoplist > .columns > .segment {
    grid-template-columns: minmax(0, 1fr);
  }
}