@import url("pde-resource-inline-attributes.css");
/* PDE resources: shared screen chrome, based on Nouveau livre.
 * Keep tool layouts, pedagogical colours and print/export styles local. */
@media screen {
  .pde-resource-ui {
    color-scheme: light;
    --pde-ui-ink: #17324d;
    --pde-ui-muted: #71839b;
    --pde-ui-line: #e4edf5;
    --pde-ui-accent: #0798b3;
    --pde-ui-pale: #edf8fb;
    --pde-ui-background: #fff;
    color: var(--pde-ui-ink);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.65;
    background: var(--pde-ui-background);
  }
  .pde-resource-ui.pde-resource-white,
  .pde-resource-ui.is-embed { background: #fff; }
  .pde-resource-ui :where(input, textarea, select, button) { font-family: inherit; }
  .pde-resource-ui :where(h1, h2, h3) { line-height: 1.4; }
  .pde-resource-ui :where(h1) { font-weight: 650; letter-spacing: -.025em; }
  .pde-resource-ui :where(h2, h3) { font-weight: 650; }
  .pde-resource-ui :where(a) { color: var(--pde-ui-accent); text-underline-offset: 3px; }
  .pde-resource-ui :is(.card, .panel, .box, .section-card, .tool-card, .form-card,
    .result-card, .modal-content, .dialog-card) {
    background: #fff;
    border-color: var(--pde-ui-line);
    border-radius: 20px;
    box-shadow: 0 6px 24px #17324d05;
  }
  .pde-resource-ui :is(.hint, .help, .description, .subtitle, .muted) { color: var(--pde-ui-muted); }
  .pde-resource-ui :is(input:not([type]), input[type="text"], input[type="email"],
    input[type="url"], input[type="search"], input[type="number"], input[type="password"],
    input[type="date"], input[type="time"], textarea, select) {
    color: var(--pde-ui-ink);
    background-color: #fcfdff;
    border-color: #cddfe8;
    border-radius: 9px;
  }
  .pde-resource-ui :is(input, textarea, select):focus-visible {
    outline: 2px solid #0798b340;
    outline-offset: 2px;
    border-color: var(--pde-ui-accent);
  }
  .pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .button.primary,
    .btn.primary, button.primary, input[type="submit"]):not(.danger):not(.error):not(.warning) {
    color: #fff;
    background: #0798b3;
    border-color: var(--pde-ui-accent);
    border-radius: 9px;
    box-shadow: none;
    font-weight: 650;
  }
  .pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .button.primary,
    .btn.primary, button.primary, input[type="submit"]):not(:disabled):hover {
    background: #078ca6;
  }
  .pde-resource-ui :is(.btn-secondary, .button-secondary, .secondary-button,
    .button.secondary, .btn.secondary) {
    color: var(--pde-ui-accent);
    background: #fff;
    border-color: var(--pde-ui-line);
    border-radius: 9px;
    box-shadow: none;
  }
  .pde-resource-ui :is(.btn-secondary, .button-secondary, .secondary-button,
    .button.secondary, .btn.secondary):not(:disabled):hover { background: var(--pde-ui-pale); }
  .pde-resource-ui :is(button, a, summary):focus-visible {
    outline: 3px solid #10a4bd;
    outline-offset: 4px;
  }
  .pde-resource-ui :where(button:disabled, input:disabled, select:disabled) { cursor: default; }
  .pde-resource-ui :where(table) { border-color: var(--pde-ui-line); }
  .pde-resource-ui :where(th) { color: var(--pde-ui-ink); background-color: var(--pde-ui-pale); }
  .pde-resource-ui :where(hr) { border-color: var(--pde-ui-line); }
  .pde-resource-ui :is(.pde-bulletins-app, .pde-dictees-app, .pde-voyage,
    .pde-ex, .pde-aesh, .pde-fiche, .pde-mot-familles, .pde-pm, .pde-read, .peda) {
    font-family: inherit;
  }
  .pde-resource-ui :is(.rd-secondary, .pm-secondary, .peda-secondary,
    .ex-secondary, .aesh-secondary) { background: var(--pde-ui-pale); color: var(--pde-ui-accent); }
  #pde-quiz-page.pde-resource-ui .pde-santa-card {
    color: var(--pde-ui-ink);
    background: #fff;
    border: 1px solid var(--pde-ui-line);
    border-radius: 20px;
    box-shadow: 0 6px 24px #17324d05;
  }
  #pde-quiz-page.pde-resource-ui :is(.pde-santa-title, .pde-santa-subtitle) { color: var(--pde-ui-ink); }
  #pde-quiz-page.pde-resource-ui .pde-santa-text { color: var(--pde-ui-muted); }
  #pde-quiz-page.pde-resource-ui .pde-santa-btn {
    background: #0798b3;
    color: #fff;
    border-radius: 9px;
    box-shadow: none;
  }
  .pde-resource-ui :is(.rd-primary, .pm-primary, .peda-primary, .ex-primary,
    .aesh-primary, .pde-bulletins-primary, .pde-dictees-primary):not(:disabled):hover {
    background: #078ca6 !important;
  }
  @media (max-width: 600px) {
    .pde-resource-ui :is(.card, .panel, .box, .section-card, .tool-card, .form-card,
      .result-card, .modal-content, .dialog-card) { border-radius: 15px; }
    .pde-resource-ui :is(.btn-primary, .button-primary, .primary-button,
      .btn-secondary, .button-secondary, .secondary-button) { min-height: 44px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .pde-resource-ui :is(button, input, select, textarea) { transition: none; }
  }
}
/* White canvas for standalone tools and embedded tool roots. */
@media screen {
  html:has(> body.pde-resource-ui),
  html body.pde-resource-ui,
  .pde-resource-ui:not(body) {
    background: #fff !important;
  }
}