/* WordPress / Gutenberg integration without changing the original design. */
.g0szxx>.wp-block-group.cb-41b1911{grid-column:2;grid-row:1}
.g0szxx.c5ba7f>.wp-block-group.cb-41b1911{grid-column:1}
.wp-block-group.cb-41b1911{min-width:0}
:is(.nxp-jy6mt1,.playhub-pagination){margin:20px 0}
:is(.nxp-jy6mt1,.playhub-pagination) .page-numbers{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0}
:is(.nxp-jy6mt1,.playhub-pagination) .page-numbers a,:is(.nxp-jy6mt1,.playhub-pagination) .page-numbers span{display:inline-block;padding:8px 12px;border:1px solid var(--line-soft);border-radius:9px;text-decoration:none}
:is(.nxp-jy6mt1,.playhub-pagination) .page-numbers .current{background:var(--panel-2);color:var(--text)}
.cb-41b1911 .wp-block-heading{color:var(--text)}
.cb-00e39ce a{color:var(--blue)}
@media(max-width:900px){.g0szxx>.wp-block-group.cb-41b1911{grid-column:1;grid-row:auto}}

/* Nav items are managed in WordPress; mobile quick menu may contain more/fewer items. */
@media (max-width: 900px) {
  .g4ha7z { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); }
}

/*
 * WordPress block layout compatibility (Cobalt Signal 1.5.0).
 * Imported pages use the original site grid inside Gutenberg Group blocks.
 * Core's constrained/flex layout styles may shrink the grid to the intrinsic
 * width of its first child. Explicitly keep the page container and article
 * stretched to their grid areas on desktop, tablet and mobile.
 */
.cb-66ba4a6 > .cb-1a63570.cb-e3b9538 {
  display: block !important;
  width: min(calc(100% - 32px), var(--container, 1180px)) !important;
  max-width: var(--container, 1180px) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}
.cb-66ba4a6 .cb-1a63570.cb-e3b9538 > .g0szxx {
  display: grid !important;
  grid-template-columns: 236px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 36px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.cb-66ba4a6 .g0szxx > .cb-41b1911 {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-self: stretch !important;
}
.cb-66ba4a6 .g0szxx > .e18slg {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}
/* Gutenberg may assign a default 620px max-width to direct children. */
.cb-66ba4a6 .wp-block-group.cb-41b1911 > :where(*) {
  max-width: 100% !important;
  min-width: 0;
  margin-inline: 0 !important;
}
.cb-66ba4a6 .cb-41b1911 :is(:is(.nxp-nz3kcl,.playhub-demo-section), :is(.nxp-e7i59b,.playhub-demo-frame), .q732al, table) {
  max-width: 100%;
  min-width: 0;
}
.cb-66ba4a6 .g0szxx.c5ba7f {
  grid-template-columns: minmax(0, 1fr) !important;
}
.cb-66ba4a6 .g0szxx.c5ba7f > .cb-41b1911 {
  grid-column: 1 !important;
}
@media (max-width: 980px) {
  .cb-66ba4a6 .cb-1a63570.cb-e3b9538 > .g0szxx {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .cb-66ba4a6 .g0szxx > .cb-41b1911,
  .cb-66ba4a6 .g0szxx > .e18slg {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
@media (max-width: 640px) {
  .cb-66ba4a6 > .cb-1a63570.cb-e3b9538 {
    width: min(calc(100% - 28px), var(--container, 1180px)) !important;
  }
}

/* Cobalt Signal 1.5.0: imported full-width content and sidebar grids.
   WordPress block supports can otherwise constrain a Group to theme.json
   contentSize even when the site's original HTML grid is wider. */
.cb-66ba4a6 > :is(.wp-block-group, div).cb-1a63570.cb-e3b9538 {
  box-sizing: border-box !important;
  flex: none !important;
  align-self: stretch !important;
}
.cb-66ba4a6 > .cb-1a63570.cb-e3b9538 > .wp-block-group.g0szxx,
.cb-66ba4a6 > .cb-1a63570.cb-e3b9538 > .g0szxx {
  box-sizing: border-box !important;
  justify-self: stretch !important;
  margin-inline: 0 !important;
}
.cb-66ba4a6 .g0szxx > :is(.wp-block-group, article, div).cb-41b1911 {
  box-sizing: border-box !important;
  overflow-wrap: anywhere;
}
/* Gutenberg's default constrained group layout must not clip paragraphs,
   headings, lists, tables or the demo player inside the original article. */
.cb-66ba4a6 .cb-41b1911.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.cb-66ba4a6 .cb-41b1911.wp-block-group > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: auto;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cb-66ba4a6 .cb-41b1911 iframe,
.cb-66ba4a6 .cb-41b1911 :is(.nxp-e7i59b,.playhub-demo-frame) { max-width: 100%; }
/* Do not reserve an empty sidebar column on templates with no sidebar. */
@supports selector(:has(> .e18slg)) {
  .cb-66ba4a6 .g0szxx:not(:has(> .e18slg)) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .cb-66ba4a6 .g0szxx:not(:has(> .e18slg)) > .cb-41b1911 {
    grid-column: 1 !important;
  }
}

/* The intro Group appears only on the two published catalog pages. The
 * default Gutenberg constrained-layout paragraph max-width (620px) would
 * otherwise make the introduction narrower than the card grid. */
.cb-66ba4a6 > .wp-block-group.cb-1a63570:not(.cb-e3b9538) > :where(*) {
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Cobalt Signal 1.6.0: full-width hub/catalog/provider/sitemap pages.
 * The original g0szxx grid ALWAYS reserves a 236px sidebar column.
 * Catalogs have no sidebar, so render their own single-column wrapper rather
 * than relying on :has() to override a more specific !important rule. */
.cb-66ba4a6 :is(.nxp-p4nlwg,.tonplay-directory) {
  box-sizing: border-box !important;
  width: min(calc(100% - 32px), var(--container, 1180px)) !important;
  max-width: var(--container, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0 !important;
}
.cb-66ba4a6 :is(.nxp-p4nlwg,.tonplay-directory) > :is(.nxp-ubhp3u,.tonplay-directory-content) {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.cb-66ba4a6 :is(.nxp-ubhp3u,.tonplay-directory-content) > .cb-41b1911 {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
/* Do not let a shortcode wrapper constrain the directory to Gutenberg's
 * default 620px contentSize if one is emitted by the active WordPress build. */
.cb-66ba4a6 > .wp-block-shortcode:has(> :is(.nxp-p4nlwg,.tonplay-directory)) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
@media (max-width: 640px) {
  .cb-66ba4a6 :is(.nxp-p4nlwg,.tonplay-directory) {
    width: min(calc(100% - 28px), var(--container, 1180px)) !important;
  }
}

/* Cobalt Signal 1.8.0: Gutenberg posts inherit the exact numbered-card
 * design of editorial pages. The data is read from editable H2 blocks. */
.nxp-ssrk8e {
  margin-bottom: 36px;
  min-width: 0;
}
.nxp-ssrk8e .cb-905f4b8 {
  width: 100%;
  min-width: 0;
}
.nxp-ssrk8e .fyknik {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.nxp-ssrk8e .nxp-ug58tm {
  margin: 0 0 18px;
  color: var(--body);
  font-size: 15.5px;
  line-height: 1.72;
}
.nxp-ssrk8e .iajvji { min-width: 0; }
.nxp-ssrk8e .sqgllt > :where(*) {
  max-width: 100%;
  min-width: 0;
}
.nxp-ssrk8e .sqgllt :is(iframe, img, video, table) {
  max-width: 100%;
}
.nxp-ssrk8e .sqgllt :is(:is(.nxp-e7i59b,.playhub-demo-frame), .q732al, .k2jqsl) {
  max-width: 100%;
  min-width: 0;
}
.nxp-ssrk8e .sqgllt :is(.nxp-nz3kcl,.playhub-demo-section) {
  margin: 16px 0 0;
}
.nxp-ssrk8e .sqgllt :is(.nxp-nz3kcl,.playhub-demo-section):first-child { margin-top: 0; }
.nxp-ssrk8e .ireiac { margin-top: 22px; }
@media (max-width: 980px) {
  .nxp-ssrk8e .cb-905f4b8 { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .nxp-ssrk8e .cb-22d3550 {
    position: static;
    max-height: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
  }
  .nxp-ssrk8e .cb-22d3550 .cb-84888ae { flex-basis: 100%; }
  .nxp-ssrk8e .cb-22d3550 a {
    padding: 8px 10px;
    border-radius: 10px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
  }
}
@media (max-width: 640px) {
  .nxp-ssrk8e .iajvji { padding: 18px 16px; }
  .nxp-ssrk8e .iajvji h2 { font-size: 20px; }
}

/* Cobalt Signal 2.0.0: page bodies are editable Gutenberg blocks, not imported page shells. */
.nxp-rgqk3r { margin-top: 22px; margin-bottom: 40px; }
.nxp-rgqk3r .cb-905f4b8 { min-width: 0; }
.nxp-rgqk3r .fyknik { min-width: 0; }
.nxp-rgqk3r .sqgllt > * { max-width: 100%; }
.nxp-rgqk3r .nxp-ug58tm { margin-bottom: 20px; }
.nxp-rgqk3r .nxp-n9br0o { width: 100%; }
.nxp-rgqk3r .nxp-fhqzz-block { width: 100%; min-width: 0; margin: 15px 0; }
.nxp-rgqk3r .nxp-fhqzz-block .f6tthv { width: 100%; }
.nxp-rgqk3r .nxp-fhqzz-block .qmzwyz { max-width: 100%; }
.nxp-rgqk3r .nxp-fhqzz-block button[data-u56wh] { cursor: pointer; }
.nxp-rgqk3r img,.nxp-rgqk3r table,.nxp-rgqk3r video,.nxp-rgqk3r iframe { max-width: 100%; }
.nxp-rgqk3r .iajvji .wp-block-table { margin: 16px 0; }
.nxp-rgqk3r .iajvji .wp-block-list { padding-left: 22px; }
@media (max-width: 760px) {
  .nxp-rgqk3r .cb-905f4b8 { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .nxp-rgqk3r .cb-22d3550 { display: none; }
  .nxp-rgqk3r .cb-7d777cc { display: block; }
  .nxp-rgqk3r .iajvji { padding: 18px 16px; }
}

/* Cobalt Signal 2.3.1: original compact rating panel, both as hero sidebar and shortcode.
   The two-column hero must NOT carry .cb-aaf0166 (which forces a full-width grid). */
.nxp-klw8qa .nxp-fhqzz-rating-card { width: 100%; min-width: 0; max-width: 560px; margin: 0; }
.nxp-klw8qa .nxp-fhqzz-rating-card > .jiz188 { width: 100%; }
/* Standalone Gutenberg rating copies should never expand across the whole article. */
.nxp-rgqk3r .nxp-fhqzz-rating-card,
.nxp-ssrk8e .nxp-fhqzz-rating-card { max-width: 560px; }
@media (max-width: 980px) {
  .nxp-klw8qa .cb-d4db29a { grid-template-columns: minmax(0, 1fr); }
}