.mixed-lesson{margin:0;background:var(--paper);color:var(--ink);font:500 var(--fs-body)/var(--lh-body) var(--font-fa)}
.mixed-lesson *{box-sizing:border-box}.mixed-lesson a{color:var(--ink)}.mixed-lesson [hidden]{display:none!important}.mixed-lesson .book-print{display:none}.mixed-lesson .js-only{display:none}.mixed-lesson.mixed-js .js-only{display:block}.mixed-lesson .page-header{border-bottom:1px solid var(--line-gold);padding:12px var(--gutter)}.mixed-lesson .header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1100px;margin:auto}.mixed-lesson .header__nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.mixed-lesson .header__nav a{display:inline-flex;align-items:center;min-height:44px}.mixed-lesson .brand{font-weight:700;white-space:nowrap}.mixed-lesson .skip{position:fixed;inset-inline-start:-9999px}.mixed-lesson .skip:focus{inset-inline-start:16px;top:8px;background:var(--highlighter);padding:8px;z-index:100}.mixed-lesson main{max-width:1080px;padding-inline:var(--gutter);margin:auto}.mixed-lesson .hero, .mixed-lesson .block{padding-block:64px;max-width:720px;margin-inline:auto}.mixed-lesson .hero{padding-block:72px 56px}.mixed-lesson .hero h1{font:700 clamp(40px,5vw,56px)/1.35 var(--font-display);margin:0 0 24px}.mixed-lesson .block h2{font:700 34px/1.5 var(--font-display);margin:0 0 24px}.mixed-lesson .block h3{font:700 23px/1.5 var(--font-display)}.mixed-lesson .lead{font-size:19px;line-height:1.8;max-width:44ch}.mixed-lesson .eyebrow,.mixed-lesson .condition{color:var(--ink-soft);font-size:13px}.mixed-lesson .actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.mixed-lesson .block{border-top:1px solid var(--line-gold)}.mixed-lesson .stimulus{max-width:100%;padding-block:40px 56px}.mixed-lesson .question{display:grid;gap:12px;margin-block:24px}.mixed-lesson .question button[data-answer]{font:500 16px/1.7 var(--font-en);text-align:left;background:var(--slip);border:1px solid var(--line-gold);border-radius:var(--r-control);padding:16px;color:var(--ink);cursor:pointer;min-height:56px;overflow-wrap:anywhere}.mixed-lesson .question button:disabled{cursor:default}.mixed-lesson .question button.is-right{border:2px solid var(--ink)}.mixed-lesson .question button.is-wrong{border-style:dashed}.mixed-lesson .question button:focus-visible,.mixed-lesson a:focus-visible,.mixed-lesson summary:focus-visible,.mixed-lesson input:focus-visible,.mixed-lesson textarea:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.mixed-lesson .feedback{min-height:2em;color:var(--ink-soft)}.mixed-lesson .method ol{padding-inline-start:24px}.mixed-lesson .method li{margin-block:16px}.mixed-lesson details{margin-block:24px;border-block:1px solid var(--line-gold);padding-block:16px}.mixed-lesson summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;gap:12px}.mixed-lesson summary::before{content:'+';font-size:23px}.mixed-lesson details[open]>summary::before{content:'−'}.mixed-lesson .callout{border-inline-start:2px solid var(--ink);padding-inline-start:16px}.mixed-lesson .quiet{display:inline-flex;align-items:center;min-height:44px;margin-inline:8px}.mixed-lesson .page-footer{padding:40px var(--gutter);border-top:1px solid var(--line-gold);display:flex;gap:24px;align-items:center;flex-wrap:wrap}.mixed-lesson .page-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;flex-basis:100%}.mixed-lesson .page-footer nav a{min-height:44px;display:inline-flex;align-items:center}.mixed-lesson .related{display:flex;gap:16px 24px;flex-wrap:wrap}.mixed-lesson .related a{min-height:44px;display:inline-flex;align-items:center}.mixed-lesson label{display:grid;gap:8px;margin-top:24px;font-weight:600}.mixed-lesson textarea,.mixed-lesson input[type=text]{width:100%;font:500 16px/1.8 var(--font-en);background:var(--slip);border:1px solid var(--line-gold);border-radius:var(--r-control);padding:16px;color:var(--ink)}.mixed-lesson textarea{min-height:120px;resize:vertical}.mixed-lesson label.check{display:flex;align-items:center;font-weight:500;gap:12px;min-height:44px}.mixed-lesson input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink)}.mixed-lesson pre{font:500 16px/1.8 var(--font-en);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--slip);padding:24px;direction:ltr;text-align:left}.mixed-lesson .paper-flow article{margin-block:40px}.mixed-lesson .hero>.btn{margin-block:16px;margin-inline-end:12px}.mixed-lesson .js-only>.btn{margin-block:16px;margin-inline-end:12px}.mixed-lesson .mc-data{grid-column:1 / -1;min-width:0}.mixed-lesson .mc-series{display:flex;flex-wrap:wrap;gap:8px 16px}.mixed-lesson .mc-series__item{border:0;padding:0;min-height:32px}.mixed-lesson .mc-visual__scale{margin-top:8px}.mixed-lesson .mc-visual__grid{align-items:start}.mixed-lesson .mc-chart-frame{direction:ltr}.mixed-lesson .mc-table-wrap--full{overflow-wrap:normal}.mixed-lesson .mc-table__unit{font-size:11px}
@media(max-width:767px){.mixed-lesson .header__inner{align-items:flex-start;gap:12px;flex-wrap:wrap}.mixed-lesson .header__nav{gap:8px 16px}.mixed-lesson .hero,.mixed-lesson .block{padding-block:40px}.mixed-lesson .stimulus{padding-block:24px 40px}.mixed-lesson .actions{display:grid}.mixed-lesson .page-footer{display:block}.mixed-lesson .page-footer nav{margin-top:24px}.mixed-lesson .mc-visual__grid{gap:24px}.mixed-lesson .mc-series{gap:8px 12px}.mixed-lesson .mc-chart-label{font-size:13px}.mixed-lesson .mc-data .mc-table td{grid-template-columns:minmax(0,1fr) minmax(0,.4fr)}}
@media(prefers-reduced-motion:reduce){.mixed-lesson *{scroll-behavior:auto!important}}

.mixed-lesson .sigil-defs{position:absolute;width:0;height:0;overflow:hidden;}
.mixed-lesson:not(.mixed-js) .js-only{display:none!important}

@media(max-width:1023px){.mixed-lesson .mc-data .mc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mixed-lesson .mc-data .mc-table,.mixed-lesson .mc-data .mc-table tbody,.mixed-lesson .mc-data .mc-table tr,.mixed-lesson .mc-data .mc-table th,.mixed-lesson .mc-data .mc-table td{display:block;width:100%}.mixed-lesson .mc-data .mc-table tr{border-bottom:1px solid var(--line-gold);padding-block:8px}.mixed-lesson .mc-data .mc-table td{display:grid;grid-template-columns:1fr .4fr;gap:16px;border:0;padding:4px 0}.mixed-lesson .mc-data .mc-table td::before{content:attr(data-label);font-size:13px;color:var(--ink-soft)}.mixed-lesson .mc-data .mc-table th{border:0;padding:4px 0}}
