/* A squared exercise book: blue writing, red notes and a quiet paper surface.
   This layer changes presentation only. Selected answers and work states keep
   their existing colours, outlines and interaction rules. */
.learning{
  --notebook-hand:"NumeriaQuaderno","Segoe Print","Comic Sans MS",cursive;
  --notebook-ui:"Trebuchet MS","Segoe UI",sans-serif;
  --notebook-family:var(--notebook-hand);
  --notebook-script-size:1.375rem;
  --notebook-ink:#24588e;
  --notebook-red:#b3293b;
  --notebook-grid:rgba(107,145,170,.15);
  --notebook-square:20px;
  --notebook-margin:24px;
  font-family:var(--notebook-ui);
}
.activity-dialog>h2{font-size:1.4rem;margin:8px 0 12px}
.activity-dialog .activity-toolbar{margin-bottom:16px;padding-bottom:12px}
.learning .learning-kicker,.learning .learning-goal{display:none}
.learning .learning-lesson-header{margin-bottom:16px}
.notebook-print-button{margin-left:auto;min-height:44px;padding:9px 12px;font-size:.9rem;font-weight:700;border:1px solid #d1d9e3;background:#f0f4f9;color:#24588e;border-radius:10px}
.notebook-print-button[aria-pressed=true]{background:#dceadc;border-color:#669275;color:#234f38}
.activity-toolbar .listen-button{margin-left:0}
@media(max-width:420px){
  .learning .learning-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .learning .learning-navigation button{flex-direction:column;justify-content:center;min-height:82px;padding:9px 3px;gap:5px;font-size:.88rem}
  .notebook-print-button{margin-left:0}
  .activity-toolbar .listen-button{margin-left:auto}
}
.learning :is(.learning-explanation,.learning-example,.learning-exercises){
  position:relative;
  min-width:0;
  max-width:100%;
  padding:32px 24px 36px 42px;
  border:1px solid #deded3;
  border-radius:2px;
  background-color:#fffef7;
  background-image:
    linear-gradient(90deg,transparent var(--notebook-margin),rgba(185,74,84,.3) var(--notebook-margin),rgba(185,74,84,.3) calc(var(--notebook-margin) + 1px),transparent calc(var(--notebook-margin) + 1px)),
    linear-gradient(var(--notebook-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--notebook-grid) 1px,transparent 1px);
  background-size:100% 100%,var(--notebook-square) var(--notebook-square),var(--notebook-square) var(--notebook-square);
  box-shadow:0 3px 8px #34371c0b;
  color:var(--notebook-ink);
  font-family:var(--notebook-family);
  font-size:var(--notebook-script-size);
  font-weight:400;
  line-height:1.7;
  letter-spacing:0;
  overflow-wrap:break-word;
}
.learning .notebook-page-top{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 14px;
  margin:0 0 24px;
  padding:0 0 8px;
  border-bottom:1px solid #bd44534d;
  color:var(--notebook-red);
  font-family:var(--notebook-ui);
  font-size:.72rem;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.055em;
}
.learning .learning-heading{
  position:relative;
  margin:0 0 24px;
  padding:0 0 12px;
  color:var(--notebook-red);
  font-family:var(--notebook-family);
  font-size:1.42em;
  font-weight:400;
  line-height:1.35;
  letter-spacing:0;
}
.learning .learning-heading::after{
  content:"";
  position:absolute;
  left:0;
  bottom:2px;
  width:min(280px,85%);
  height:2px;
  background:var(--notebook-red);
  border-radius:55% 40% 45% 60%;
  transform:rotate(-.4deg);
  transform-origin:left center;
  opacity:.8;
}
.learning :is(.learning-explanation,.learning-example,.learning-exercises) p{
  color:inherit;
  font-size:inherit;
  line-height:1.7;
  letter-spacing:0;
}
.learning .learning-explanation-copy{
  max-width:63ch;
  margin:0;
  padding:0 0 0 1.1em;
  list-style:decimal;
}
.learning .learning-explanation-copy>li{
  padding:0 0 0 .18em;
  margin:0 0 20px;
}
.learning .learning-explanation-copy>li::marker{
  color:var(--notebook-red);
  font-family:var(--notebook-family);
  font-weight:400;
}
.learning .learning-explanation-copy>li>p{margin:0}
.learning .learning-section-intro{margin-bottom:24px;max-width:61ch}
.learning :is(.learning-vocabulary,.learning-remember,.learning-common-mistake,.learning-example-result,.learning-question-done){
  border:0;
  border-radius:0;
  box-shadow:none;
  font-size:inherit;
}
.learning .learning-vocabulary{
  background:transparent;
  padding:10px 0;
  margin:22px 0;
  border-top:1px dashed #6484a678;
  border-bottom:1px dashed #6484a678;
}
.learning .learning-vocabulary summary{
  min-height:44px;
  color:var(--notebook-red);
  font-family:var(--notebook-family);
  font-size:1.04em;
  font-weight:400;
  line-height:1.6;
  align-content:center;
}
.learning .learning-vocabulary dl{margin:8px 0 0}
.learning .learning-vocabulary dl>div{margin:12px 0}
.learning .learning-vocabulary dt{color:var(--notebook-red);font-weight:400;text-decoration:underline;text-underline-offset:3px}
.learning .learning-vocabulary dd{margin:3px 0 0}
.learning :is(.learning-remember,.learning-common-mistake,.learning-example-result){
  margin:24px 0;
  padding:9px 12px;
  background:linear-gradient(178deg,transparent 3%,#fff0a0a6 3%,#fff0a0a6 95%,transparent 95%);
  border-bottom:1px solid #c5934773;
}
.learning .learning-common-mistake{background:linear-gradient(179deg,transparent 4%,#ffd6cd80 4%,#ffd6cd80 95%,transparent 95%);border-color:#bd586c66}
.learning :is(.learning-remember,.learning-common-mistake,.learning-example-result)>strong{
  color:var(--notebook-red);
  font-size:1.05em;
  font-weight:400;
}
.learning :is(.learning-remember,.learning-common-mistake)>p{margin:4px 0 0}
.learning :is(.learning-example-visual,.learning-concept-visual){
  min-width:0;
  margin:26px 0;
  padding:14px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.learning .learning-concept-visual figcaption{font-size:inherit;line-height:1.7}
.learning .learning-worked-steps{margin:22px 0;gap:18px}
.learning .learning-worked-steps li,
.learning .learning-worked-steps li[aria-current]{
  padding:5px 0 15px;
  gap:13px;
  border:0;
  border-bottom:1px dashed #6b91aa66;
  border-radius:0;
  background:transparent;
}
.learning .learning-step-number{
  width:31px;
  height:31px;
  flex-basis:31px;
  margin-top:3px;
  color:var(--notebook-red);
  background:transparent;
  border:1.3px solid #b3293b9c;
  border-radius:48% 44% 52% 46%;
  font-family:var(--notebook-family);
  font-size:1em;
  font-weight:400;
}
.learning .learning-worked-steps li[aria-current] .learning-step-number{border-width:2px}
.learning .learning-series-summary{
  padding:8px 0 15px;
  margin-bottom:24px;
  border:0;
  border-bottom:1px solid #597eaa70;
  border-radius:0;
  background:transparent;
}
.learning .learning-series-count{color:var(--notebook-red);font-family:var(--notebook-ui);font-size:1rem;font-weight:700}
.learning .learning-series-dots{font-family:var(--notebook-ui)}
.learning .learning-question-done{padding:12px;background:#dff0cf99;border-bottom:1px solid #78946f99}
.learning .learning-question-done>strong{color:#2d6644;font-size:1.05em;font-weight:400}
.learning .learning-exercise-host[aria-disabled=true]{border-color:#597eaa66}

/* Keep commands in familiar print while the mathematical work stays on paper. */
.learning :is(button,select){font-family:var(--notebook-ui)}
.learning :is(.learning-button,.act-btn,.fd-btn,.wm-btn,.gx-btn,.pv-btn){
  min-width:44px;
  min-height:44px;
  font-family:var(--notebook-ui);
  font-size:1rem;
  line-height:1.45;
}
.learning :is(.learning-lesson-header,.learning-navigation){font-family:var(--notebook-ui)}
.learning :is(.act-root,.fd-root,.wm-root,.gx-root,.pv-root){
  color:var(--notebook-ink);
  font-family:var(--notebook-family);
  font-size:inherit;
  line-height:1.7;
}
.learning :is(.act-instruction,.fd-instruction,.wm-instruction,.gx-instruction,.pv-instruction){
  color:var(--notebook-ink);
  font-family:var(--notebook-family);
  font-size:1.15em;
  font-weight:400;
  line-height:1.55;
  letter-spacing:0;
}
.learning :is(.act-visual,.fd-visual,.wm-visual,.gx-visual,.pv-build,.pv-discovery){
  min-width:0;
  max-width:100%;
  padding:16px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.learning :is(.act-operation-parts section,.act-group,.act-story-data>span,.act-story-objects,.fd-two-amounts section,.fd-array>div,.fd-column-work,.wm-number-cards>b,.wm-measure-cards>span){
  border:0;
  border-bottom:1px solid #688caf70;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.learning :is(.pv-column:not(.pv-column-current),.pv-place-strip li:not([aria-current]),.fd-column-progress>span:not([aria-current])){background:#fffef750;border-color:#7897b080;border-radius:2px}
.learning :is(.act-help,.fd-help,.wm-help,.gx-help,.pv-help,.act-step-instruction,.fd-micro,.wm-step-note,.gx-step,.pv-step-message){
  padding:10px 12px;
  border:0;
  border-left:2px solid #b88b3d80;
  border-radius:0;
  background:#fff0ab80;
  color:var(--notebook-ink);
}
.learning :is(.act-help,.fd-help,.wm-help,.gx-help,.pv-help,.gx-step)>strong{font-family:var(--notebook-family);font-size:1em;font-weight:400;color:var(--notebook-red)}
.learning :is(.act-feedback,.fd-feedback,.wm-feedback,.gx-feedback,.pv-feedback,.pv-total){border-radius:2px;box-shadow:none}
.learning :is(.act-answer,.fd-answer,.wm-answer,.gx-answer){
  color:var(--notebook-ink);
  font-family:var(--notebook-family);
  font-size:1.5em;
  font-variant-numeric:tabular-nums;
  line-height:1.4;
  min-height:54px;
  max-width:100%;
  padding:8px 10px 5px;
  border:0;
  border-bottom:2px solid #396ca3;
  border-radius:0;
  background:#fffef7a6;
  box-shadow:none;
}
.learning :is(.act-answer,.fd-answer,.wm-answer,.gx-answer)::placeholder{font-family:var(--notebook-ui);font-size:1rem;color:#637a96;opacity:1}
.learning :is(.act-equation,.fd-equation,.pv-target>strong,.pv-total>strong,.wm-number-cards>b,.fd-two-amounts h4){color:var(--notebook-ink);font-family:var(--notebook-family);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0}
.learning :is(.act-steps,.fd-steps,.wm-steps,.gx-steps,.pv-place-strip,.fd-column-progress){font-family:var(--notebook-ui)}
.learning :is(svg text,.act-data-table,.wm-data table,.gx-visual table){font-family:var(--notebook-ui)}
.learning :is(.act-data-table,.wm-data table,.gx-visual table){background:#fffef770}
.learning :is(.wm-dimensions,.gx-visual-description){padding:10px 0;border:0;border-bottom:1px dashed #688caf70;border-radius:0;background:transparent}

/* The Aa control keeps the notebook layout and swaps only the writing face. */
.print-text .learning,.learning.print-text{
  --notebook-family:var(--notebook-ui);
  --notebook-script-size:1.125rem;
}
.print-text .learning .learning-heading,.learning.print-text .learning-heading{font-size:1.35em;font-weight:700}
.print-text .learning .learning-explanation-copy>li::marker,.learning.print-text .learning-explanation-copy>li::marker{font-weight:700}

@media(max-width:600px){
  .learning{--notebook-script-size:1.25rem;--notebook-square:18px;--notebook-margin:12px}
  .learning :is(.learning-explanation,.learning-example,.learning-exercises){padding:22px 16px 28px}
  .learning .notebook-page-top{font-size:.67rem;gap:5px 10px;margin-bottom:20px}
  .learning .learning-heading{font-size:1.35em;margin-bottom:22px}
  .learning .learning-heading::after{width:min(210px,88%)}
  .learning .learning-explanation-copy{padding-left:1.05em}
  .learning .learning-explanation-copy>li{padding-left:.1em;margin-bottom:18px}
  .learning .learning-worked-steps li{gap:10px}
  .learning .learning-step-number{width:28px;height:28px;flex-basis:28px}
  .learning :is(.learning-remember,.learning-common-mistake,.learning-example-result,.learning-question-done){padding:8px}
  .learning :is(.act-help,.fd-help,.wm-help,.gx-help,.pv-help,.act-step-instruction,.fd-micro,.wm-step-note,.gx-step,.pv-step-message){padding:10px 8px}
  .learning .learning-series-count{font-size:.95rem}
  .learning :is(.act-instruction,.fd-instruction,.wm-instruction,.gx-instruction,.pv-instruction){font-size:1.12em}
}
@media(max-width:360px){
  .learning :is(.learning-explanation,.learning-example,.learning-exercises){padding-left:15px;padding-right:12px}
  .learning .learning-heading{font-size:1.28em}
  .learning .notebook-page-top{font-size:.65rem}
}
@media(prefers-contrast:more){
  .learning{--notebook-ink:#163f77;--notebook-red:#96202f;--notebook-grid:rgba(107,145,170,.09)}
  .learning :is(.learning-explanation,.learning-example,.learning-exercises){border-color:#45688b;box-shadow:none}
  .learning .notebook-page-top{border-color:var(--notebook-red)}
}
@media print{
  .learning{--notebook-script-size:16pt;--notebook-ink:#174474;--notebook-red:#962d38;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .learning :is(.learning-explanation,.learning-example,.learning-exercises){margin:0;padding:10mm 6mm;border:0;box-shadow:none;background-color:white;background-image:none;overflow:visible}
  .learning :is(.learning-lesson-header,.learning-navigation,.learning-actions,.act-actions,.fd-actions,.wm-actions,.gx-actions,.pv-actions){display:none!important}
  .learning .notebook-page-top{font-size:9pt}
  .learning :is(.learning-explanation-copy>li,.learning-worked-steps li,.learning-example-result,.learning-remember,.learning-common-mistake){break-inside:avoid}
  .learning :is(.learning-heading,.act-instruction,.fd-instruction,.wm-instruction,.gx-instruction,.pv-instruction){break-after:avoid}
  .learning :is(.act-visual,.fd-visual,.wm-visual,.gx-visual,.pv-build){overflow:visible}
  .learning :is(.act-answer,.fd-answer,.wm-answer,.gx-answer){background:white}
  .learning :is(button,input,select){box-shadow:none}
}