/* A notebook page with connected Italian handwriting and separate pen examples. */
#activity-dialog[open]{display:block;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;background:#f0f0f3;overflow-y:auto;box-shadow:none}
#activity-dialog>.dialog-top{position:sticky;top:0;z-index:5;max-width:850px;margin:auto;min-height:62px;padding:10px 16px;background:#f0f0f3;gap:12px}
#activity-dialog>.dialog-top .eyebrow{color:#465070;font-size:.85rem;font-weight:400;letter-spacing:0;text-transform:none}
#activity-dialog>.dialog-top .close-button{background:#fff;border:1px solid #ced0d8;color:#475274;border-radius:5px}
#activity-dialog>h2{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#activity-dialog>.activity-toolbar{max-width:850px;margin:0 auto;padding:0 16px 10px;border:0;gap:10px}
#activity-dialog>.activity-toolbar select{font-size:.9rem;min-height:44px;padding:8px;border-radius:4px}
#activity-dialog>.activity-toolbar label{font-size:.85rem}
#activity-dialog :is(.notebook-print-button,.listen-button){border-radius:4px;font-size:.9rem;min-height:44px;background:#fff;color:#3c4c78;border:1px solid #ccd0db}
#activity-dialog .notebook-print-button[aria-pressed=true]{background:#dceadc;color:#234f38;border-color:#669275}
#activity-container{max-width:850px;width:calc(100% - 32px);margin:0 auto 40px}
.learning{--notebook-hand:'NumeriaCorsivo','NumeriaQuaderno','Segoe Print',cursive;--notebook-family:var(--notebook-hand);--notebook-script-size:1.3rem;--notebook-ink:#35418b;--notebook-red:#ce4b6f;--notebook-square:24px;--notebook-grid:rgba(147,148,166,.19);display:grid;grid-template-columns:minmax(180px,270px) minmax(0,1fr);gap:12px 18px;align-items:end;font-feature-settings:'calt' 1,'liga' 1}
.learning-lesson-header{grid-column:1;min-width:0;margin:0!important}
.learning-lesson-header:not(:has(select)){display:none}
.learning .learning-topic-label{font-size:.85rem;color:#505973;font-weight:400;gap:5px}
.learning .learning-topic-label select{min-height:45px;font-size:.95rem;border-radius:4px;padding:9px;background:#fff;border-color:#cbd0db}
.learning .learning-navigation{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:4px;align-self:end}
.learning:not(:has(.learning-topic-label)) .learning-navigation{grid-column:1/-1}
.learning .learning-navigation button{display:flex;flex-direction:row;justify-content:center;gap:6px;min-height:46px;padding:9px 5px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#4b577c;font-size:.91rem;font-weight:400;line-height:1.4}
.learning .learning-navigation button>span{display:inline;white-space:nowrap;width:auto;height:auto;flex-basis:auto;background:none;color:inherit;border-radius:0;font-size:inherit}
.learning .learning-navigation button>span::after{content:'.'}
.learning .learning-navigation button[aria-current]{border-bottom-color:var(--notebook-red);background:white;color:#a93657;font-weight:700}
.learning .learning-navigation button[aria-current]>span{background:none;color:inherit}
.learning :is(.learning-explanation,.learning-example,.learning-exercises){grid-column:1/-1;width:100%;margin-top:2px;padding:38px 44px 50px 60px;border:1px solid #d9d9df;border-radius:0;background-color:#fefeff;background-image:linear-gradient(var(--notebook-grid) 1px,transparent 1px),linear-gradient(90deg,var(--notebook-grid) 1px,transparent 1px);background-size:var(--notebook-square) var(--notebook-square);background-position:0 0;box-shadow:0 2px 5px #4243540b;line-height:2.3;font-size:var(--notebook-script-size);font-weight:300}
.learning .notebook-page-top{display:none}
.learning .learning-heading{font-family:'NumeriaQuaderno','Segoe Print',sans-serif;color:var(--notebook-red);font-weight:400;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:1.55em;line-height:1.5;padding:0;margin:0 0 34px}
.learning .learning-heading::after{display:none}
.learning :is(.learning-explanation,.learning-example,.learning-exercises) p{line-height:2.3}
.learning .learning-explanation-copy{padding-left:0;max-width:none;list-style:none;counter-reset:pen-notes}
.learning .learning-explanation-copy>li{counter-increment:pen-notes;position:relative;padding:0;margin:0 0 32px}
.learning .learning-explanation-copy>li::before{content:counter(pen-notes) ')';position:absolute;right:calc(100% + 12px);color:var(--notebook-ink);font:inherit;line-height:2.3}
.learning .learning-explanation-copy>li::marker{content:''}
.learning .learning-explanation-copy>li>p{margin:0}
.learning .notebook-note-example{margin:18px 0 0;line-height:2.3}
.learning .notebook-note-example>span:first-child{color:var(--notebook-red);margin-right:.45em}
.learning .notebook-note-formula{margin:0;line-height:2.3;overflow-wrap:break-word}
.learning .notebook-closing{margin:30px 0 0;line-height:2.3}
.learning .notebook-inline-example{margin-top:26px}
.learning .notebook-inline-example>strong{font-weight:300;color:var(--notebook-red)}
.learning .notebook-inline-example p{margin:8px 0}
.learning .notebook-title-digit{font-family:'NumeriaQuaderno','Segoe Print',sans-serif;letter-spacing:.08em}
.learning .ink-m{color:#dc8f2e}.learning .ink-c{color:#42916c}.learning .ink-d{color:#cf526c}.learning .ink-u{color:#35418b}
.learning .ink-order{display:inline-block;min-width:.9em;text-align:center;border:1px solid currentColor;border-radius:48% 46% 50% 44%;line-height:1.35;padding:0 .12em;font-size:.95em}
.learning :is(.learning-remember,.learning-common-mistake,.learning-example-result,.learning-question-done){background:transparent;border:0;padding:0;margin:26px 0;font-weight:300;line-height:2.3}
.learning :is(.learning-remember,.learning-common-mistake,.learning-example-result)>strong{font-weight:300;color:var(--notebook-red);font-size:inherit}
.learning :is(.learning-remember,.learning-common-mistake)>p{display:inline;margin:0}
.learning :is(.learning-remember,.learning-common-mistake)>strong::after{content:': '}
.learning .learning-vocabulary{margin:24px 0;border:0;padding:0;background:transparent}
.learning .learning-vocabulary summary{font-weight:300;font-size:inherit;line-height:2.3;min-height:44px;color:var(--notebook-red)}
.learning .learning-vocabulary dt{font-weight:300;text-decoration:none;color:var(--notebook-red)}
.learning .learning-vocabulary dd{line-height:2.3}
.learning :is(.learning-example-visual,.learning-concept-visual){padding:0;margin:22px 0}
.learning .learning-example-visual>div[role=group]>div{background:transparent!important;border:0!important;border-bottom:1px solid #8791b1!important;border-radius:0!important}
.learning .learning-worked-steps{gap:26px;margin:26px 0}
.learning .learning-worked-steps li,.learning .learning-worked-steps li[aria-current]{border:0;background:none;padding:0;gap:12px}
.learning .learning-step-number{display:inline;white-space:nowrap;border:0;background:none;width:auto;height:auto;flex-basis:auto;color:var(--notebook-ink);font-weight:300;line-height:2.3;margin:0;font-size:inherit}
.learning .learning-step-number::after{content:')'}
.learning .learning-series-summary{background:none;border-bottom:1px solid #b6bdd3;padding:0 0 16px}
.learning .learning-series-count{font-weight:300;color:var(--notebook-ink);font-family:var(--notebook-family);font-size:1em}
.learning :is(.learning-button,.act-btn,.fd-btn,.wm-btn,.gx-btn,.pv-btn){border-radius:4px;box-shadow:none;font-size:.95rem;min-height:44px}
.learning :is(.learning-primary,.act-primary,.fd-primary,.wm-primary,.gx-primary,.pv-primary){background:#fff;color:#35418b;border:1px solid #8c9dc0;border-bottom:2px solid #ce4b6f}
.learning :is(.act-btn,.fd-btn,.wm-btn,.gx-btn,.pv-btn)[aria-pressed=true]{background:#fff0f4;border-color:#c34b70;box-shadow:inset 0 -1px #c34b70}
.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){background:transparent;border:0;padding:0;margin:22px 0;color:var(--notebook-ink)}
.learning :is(.act-help,.fd-help,.wm-help,.gx-help,.pv-help,.gx-step)>strong{color:var(--notebook-red);font-weight:300}
.learning :is(.act-instruction,.fd-instruction,.wm-instruction,.gx-instruction,.pv-instruction){font-size:1.05em;font-weight:300;line-height:2.3;margin-top:20px}
.learning :is(.act-answer,.fd-answer,.wm-answer,.gx-answer){font-size:1.3em;font-weight:300;border-bottom-style:dotted;background:transparent}
.print-text .learning,.learning.print-text{--notebook-family:var(--notebook-ui);--notebook-script-size:1.1rem}
.print-text .learning :is(.learning-explanation,.learning-example,.learning-exercises),.learning.print-text :is(.learning-explanation,.learning-example,.learning-exercises){line-height:1.85}
.print-text .learning :is(.learning-explanation,.learning-example,.learning-exercises) p,.learning.print-text :is(.learning-explanation,.learning-example,.learning-exercises) p{line-height:1.85}
.print-text .learning .learning-heading,.learning.print-text .learning-heading{font-family:var(--notebook-ui);font-size:1.35em;font-weight:700;letter-spacing:.03em}
@media(max-width:640px){
  #activity-container{width:calc(100% - 16px);margin-bottom:20px}
  #activity-dialog>.dialog-top{padding:7px 12px;min-height:56px}
  #activity-dialog>.activity-toolbar{padding:0 12px 8px;gap:8px}
  .learning{grid-template-columns:minmax(0,1fr);gap:8px;--notebook-script-size:1.08rem;--notebook-square:20px}
  .learning .learning-lesson-header{grid-column:1}
  .learning .learning-topic-label{font-size:.8rem;flex-direction:row;align-items:center;gap:8px}
  .learning .learning-topic-label select{font-size:.88rem;min-width:0;flex:1;padding:8px}
  .learning .learning-navigation{grid-column:1;gap:3px}
  .learning .learning-navigation button{font-size:.84rem;padding:8px 3px;gap:4px;min-height:45px;flex-direction:row}
  .learning :is(.learning-explanation,.learning-example,.learning-exercises){padding:26px 18px 36px 38px;line-height:2.3}
  .learning .learning-heading{font-size:1.45em;letter-spacing:.08em;margin-bottom:26px}
  .learning .learning-explanation-copy>li::before{right:calc(100% + 8px)}
  .learning .learning-explanation-copy>li{margin-bottom:27px}
  .learning .notebook-note-example{margin-top:14px}
  .learning .learning-series-count{font-size:1em}
}
@media(max-width:370px){
  .learning .learning-topic-label{flex-direction:column;align-items:stretch;gap:3px}
  .learning .learning-navigation button{font-size:.78rem;flex-direction:column;gap:0;min-height:59px}
  .learning :is(.learning-explanation,.learning-example,.learning-exercises){padding-left:31px;padding-right:13px}
  .learning .learning-heading{font-size:1.35em;letter-spacing:.06em}
  .learning .learning-explanation-copy>li::before{right:calc(100% + 5px)}
}
@media(prefers-contrast:more){.learning{--notebook-ink:#21356d;--notebook-red:#9b244b;--notebook-grid:rgba(147,148,166,.12)}}
@media print{
  .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}
}
