/* Shared resource wrapper and catalogue introduction. */
@media screen {
  :root {
    --pde-resource-gutter: 5px;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: var(--pde-resource-gutter) var(--pde-resource-gutter) 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container > .cm-row,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container > .cm-row > .cm-primary,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container > .cm-row > .cm-primary > .cm-posts,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container > .cm-row > .cm-primary > .cm-posts > article,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container > .cm-row > .cm-primary > .cm-posts > article > .cm-post-content,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #cm-content > .cm-container > .cm-row > .cm-primary > .cm-posts > article > .cm-post-content > .cm-entry-summary {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .cm-entry-summary.pde-resource-content {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content > .pde-resource-intro {
    width: 100% !important;
    margin: 0 0 var(--pde-resource-gutter);
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content [data-pde-resource-tool],
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content [data-pde-resource-root],
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) #pde-presences-tool {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content > :is([data-pde-resource-tool], [data-pde-resource-root], [data-pde-resource-block], .pde-resource-ui),
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content > .pde-resource-ui > :is(main, [data-pde-resource-tool], [data-pde-resource-block]) {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-top: 0;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content > .pde-resource-intro + :is([data-pde-resource-tool], [data-pde-resource-root], [data-pde-resource-block], .pde-resource-ui),
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content > .pde-resource-intro + .pde-resource-ui > :is(main, [data-pde-resource-tool], [data-pde-resource-block]) {
    margin-top: var(--pde-resource-gutter);
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content > .pde-resource-intro + :is([data-pde-resource-tool], [data-pde-resource-root], [data-pde-resource-block], .pde-resource-ui) > iframe {
    margin-top: 0;
  }

  .pde-resource-intro {
    display: flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 0 var(--pde-resource-gutter);
    padding: 16px 18px 16px 20px;
    border: 1px solid #cce4f7;
    border-radius: 12px;
    background: #fff;
    color: #173c63;
    text-align: left;
  }

  .pde-resource-intro__icon {
    display: grid;
    flex: 0 0 48px;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e6f2fc;
    color: #2476b5;
    font-size: 24px;
    line-height: 1;
  }

  .pde-resource-intro__text {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
  }

  .pde-resource-intro__text h1 {
    display: block;
    margin: 0 0 4px;
    color: #173c63;
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.015em;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .pde-resource-intro__text p {
    width: auto;
    max-width: none !important;
    margin: 0 !important;
    color: #49647f;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content [data-pde-resource-tool],
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content [data-pde-resource-root],
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content [data-pde-resource-block],
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content iframe,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content .pde-resource-ui > iframe {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content :is([data-pde-resource-tool], [data-pde-resource-root]) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content [data-pde-resource-tool]:is(
    #abaque-container, #cuisenaire-app, #pde-presences-tool, .pde-dictee-calculator,
    #pde-conversion, #pde-table-nombres, .pde-timer, .pde-incident-tool,
    .pdepr-root, #sortie-frame, #repartitionTool, #repasTool,
    #seyes-frame, #programmations-frame, #iframe-calculs, #lirecouleur-frame
  ) {
    padding: 0 !important;
  }

  body.pde-resource-frame {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.pde-resource-frame > [data-pde-resource-tool],
  body.pde-resource-frame > [data-pde-resource-block],
  body.pde-resource-frame > :is(main, .app, .wrap, .page, .wrapper, .layout, .meter, .voice-tool, .app-shell, .pde-resource-ui) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page).pde-resource-frame > .pde-resource-intro + :is([data-pde-resource-tool], [data-pde-resource-block], main, .app, .wrap, .page, .wrapper, .layout, .meter, .voice-tool, .pde-resource-ui) {
    margin-top: var(--pde-resource-gutter);
  }

  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content iframe,
  body:is(.pde-resource-intro-page, .pde-catalog-resource-page) .pde-resource-content .pde-resource-ui > iframe {
    display: block;
    border: 0;
  }

  @media (max-width: 600px) {
    .pde-resource-intro { gap: 12px; padding: 12px 14px 12px 16px; }
    .pde-resource-intro__icon { flex-basis: 40px; width: 40px; height: 40px; font-size: 22px; }
  }
}