/* The A4 exercise stays fixed-size. Only the screen preview is scaled. */
#worksheet-toolbar, #worksheet-main { box-sizing: border-box; }
#worksheet-toolbar { display: none; }
@media screen {
  html:not(.worksheet-embedded), html:not(.worksheet-embedded) body {
    width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0;
    background: #f5f7fb; color: #172238;
  }
  html:not(.worksheet-embedded) #worksheet-toolbar {
    display: block; background: #fff; border-bottom: 1px solid #dce3ed;
    font-family: system-ui, sans-serif;
  }
  .worksheet-toolbar-inner {
    max-width: 900px; margin: auto; padding: 20px 18px;
    display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px;
  }
  #worksheet-home { color: #1957b8; font-size: 19px; font-weight: 750; text-decoration: none; }
  .worksheet-language { display: flex; align-items: center; gap: 8px; font-size: 14px; }
  #worksheet-language { min-height: 44px; max-width: 150px; border: 1px solid #bcc9dc; border-radius: 8px; background: white; color: #172238; padding: 6px 10px; font: inherit; }
  #worksheet-page-title { grid-column: 1 / -1; margin: 0; font-size: clamp(21px, 4vw, 30px); line-height: 1.3; overflow-wrap: anywhere; }
  .worksheet-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; }
  .worksheet-actions > * { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border: 1px solid #1957b8; border-radius: 9px; font: 600 16px/1.3 system-ui, sans-serif; text-decoration: none; cursor: pointer; }
  #worksheet-print { color: #1957b8; background: #fff; }
  #worksheet-download { color: #fff; background: #1957b8; }
  .worksheet-actions > *:focus-visible, #worksheet-language:focus-visible, #worksheet-home:focus-visible { outline: 3px solid #efb937; outline-offset: 3px; }
  html:not(.worksheet-embedded) #worksheet-main { width: 100%; max-width: 900px; margin: 0 auto; padding: 20px 18px 32px; }
  html:not(.worksheet-embedded) #worksheet-preview { direction: ltr; width: 100%; max-width: 794px; margin: 0 auto 24px; overflow: hidden; background: white; box-shadow: 0 2px 14px #17223818; }
  #worksheet-sheet { width: 210mm; height: 297mm; transform-origin: top left; color: #000; }
  html:not(.worksheet-embedded) #parent-tips-box,
  html:not(.worksheet-embedded) #worksheet-support,
  html:not(.worksheet-embedded) #skill-focus-box,
  html:not(.worksheet-embedded) #worksheet-nav-box {
    width: 100%; max-width: 794px !important; margin: 16px auto 0 !important;
    padding: 20px !important; font-family: system-ui, sans-serif !important;
  }
  html:not(.worksheet-embedded) #parent-tips-box p,
  html:not(.worksheet-embedded) #worksheet-support p,
  html:not(.worksheet-embedded) #skill-focus-box p { font-size: 16px !important; line-height: 1.8 !important; overflow-wrap: anywhere; }
  html:not(.worksheet-embedded) #parent-tips-box h2,
  html:not(.worksheet-embedded) #worksheet-support h2,
  html:not(.worksheet-embedded) #skill-focus-box h2 { font-size: 18px !important; line-height: 1.5; }
  html:not(.worksheet-embedded) #worksheet-nav-box { flex-wrap: wrap; gap: 16px; font-size: 15px !important; }
  .worksheet-embedded #worksheet-toolbar,
  .worksheet-embedded #worksheet-support,
  .worksheet-embedded #parent-tips-box,
  .worksheet-embedded #skill-focus-box,
  .worksheet-embedded #worksheet-nav-box { display: none !important; }
  .worksheet-embedded #worksheet-main { margin: 0; padding: 0; width: 210mm; }
  .worksheet-embedded #worksheet-preview { width: 210mm; height: 297mm; margin: 0; overflow: hidden; }
  .worksheet-embedded #worksheet-sheet { transform: none !important; }
  @media (max-width: 480px) {
    .worksheet-language > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .worksheet-actions > * { flex: 1; padding: 10px 12px; }
    html:not(.worksheet-embedded) #worksheet-main { padding: 16px 12px 24px; }
    html:not(.worksheet-embedded) #parent-tips-box,
    html:not(.worksheet-embedded) #skill-focus-box { padding: 18px !important; }
  }
}
@media print {
  #worksheet-toolbar, #worksheet-support, #parent-tips-box, #skill-focus-box, #worksheet-nav-box { display: none !important; }
  html, body { width: 210mm !important; height: 297mm !important; margin: 0 !important; padding: 0 !important; background: white !important; }
  #worksheet-main, #worksheet-preview, #worksheet-sheet { width: 210mm !important; height: 297mm !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; transform: none !important; overflow: visible !important; }
}
.worksheet-support { border: 1px solid #c9d6e8; border-radius: 12px; background: white; font: 16px/1.7 system-ui, sans-serif; overflow-wrap: anywhere; }
.worksheet-support h2 { margin: 0 0 12px; }
.worksheet-support h3 { font-size: 17px; }
.worksheet-support summary { cursor: pointer; color: #1957b8; padding: 10px 0; font-weight: 650; }
.worksheet-support a { color: #1957b8; }
.worksheet-worked-example { white-space: pre-line; }
.worksheet-support figure { margin: 16px 0; }
.worksheet-support ol { padding-inline-start: 1.4em; }
.worksheet-support li { margin: 8px 0; }