:root{color-scheme:light;--paper:#f6f6f4;--mist:#ebebe8;--hover:#e6e6e3;--rule:#d6d6d2;--silver:#a8a8a3;--ink:#1c1d20;--ink-2:#45474d;--ink-3:#66686e;--ink-hover:#383a40;--ink-press:#0c0d0f;--gallery:#171716;--gallery-ink:#ecebe7;--gallery-ink-2:#a9a8a2;--gallery-rule:#ffffff24;--ok:#2f6b4f;--err:#a4473b;--serif:"Noto Serif SC", "Source Han Serif SC", "Source Han Serif", "Noto Serif CJK SC", "Songti SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--latin:"Sitka Display", "Sitka Text", "Iowan Old Style", "Charter", Georgia, serif;--measure:38rem;--body:clamp(1.125rem, .95rem + .35vw, 1.25rem);--t-fast:.12s;--t:.18s;--t-slow:.24s;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font:400 var(--body)/1.85 var(--serif);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-kerning:normal;margin:0}img,svg{max-width:100%}[hidden]{display:none!important}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px;text-decoration-color:var(--silver);transition:text-decoration-color var(--t-fast) var(--ease)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}main{overflow-x:clip}.kicker,.callout .label,.module-label,.meta dt,.band-sources h3{font:500 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--ink-3)}.site-nav{border-bottom:1px solid var(--rule);height:3.5rem;font:400 .875rem/1 var(--sans);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(1.25rem,2.8vw,2.5rem);display:flex}.site-nav .brand{font:400 1.1875rem/1 var(--latin);letter-spacing:.15em;text-transform:uppercase;color:inherit;flex:none;margin-right:-.15em;text-decoration:none}.site-nav ul{gap:clamp(1rem,3vw,2.25rem);margin:0;padding:0;list-style:none;display:flex}.site-nav ul a{opacity:.72;transition:opacity var(--t-fast) var(--ease);padding-block:.4rem;text-decoration:none;display:inline-block;position:relative}.site-nav ul a:after{content:"";transform-origin:0;height:1px;transition:transform var(--t) var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav ul a:hover,.site-nav ul a[aria-current=page]{opacity:1}.site-nav ul a:hover:after,.site-nav ul a[aria-current=page]:after{transform:scaleX(1)}.site-nav[data-tone=gallery]{background:var(--gallery);color:var(--gallery-ink);border-bottom-color:var(--gallery-rule)}.nav-start{white-space:nowrap;align-items:center;gap:1.125rem;display:flex}.site-nav ul{white-space:nowrap}@media (width<=480px){.site-nav[data-tone=gallery] ul{display:none}}.nav-back{opacity:.72;min-height:2.75rem;transition:opacity var(--t-fast) var(--ease);align-items:center;gap:.45rem;padding-left:1.125rem;text-decoration:none;display:inline-flex;position:relative}.nav-back:before{content:"";opacity:.35;background:currentColor;width:1px;height:.875rem;position:absolute;top:50%;left:0;translate:0 -50%}.nav-back svg{transition:transform var(--t) var(--ease)}.nav-back:hover{opacity:1}.nav-back:hover svg{transform:translate(-2px)}.site-nav[data-tone=gallery] :focus-visible{outline-color:var(--gallery-ink)}.opening{background:var(--gallery);min-height:calc(100svh - 3.5rem);color:var(--gallery-ink);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;column-gap:clamp(2rem,6vw,7rem);padding:clamp(2.5rem,5vh,4rem) clamp(1.25rem,5vw,5rem) clamp(2.5rem,6vh,4.5rem);display:grid}.opening-art{place-self:center}.opening-art figure{margin:0}.opening-art img{width:auto;max-width:100%;max-height:calc(100svh - 13.5rem);display:block}.opening-art figcaption,.opening-art figcaption .cap{color:var(--gallery-ink-2)}.opening-art figcaption .credit{display:none}.opening-label{max-width:34rem;padding-bottom:.5rem}.opening .kicker{color:var(--gallery-ink-2);margin:0 0 2rem}.opening h1{font:500 clamp(1.875rem, 2.9vw, 2.75rem)/1.38 var(--serif);letter-spacing:.04em;margin:0 0 2rem}.opening h1 span{text-wrap:balance;display:block}.opening .work{gap:.2rem;margin:0 0 1.75rem;display:grid}.opening .work .zh{font:400 1rem/1.6 var(--sans);letter-spacing:.08em}.opening .work .en{font:italic 400 1.125rem/1.5 var(--latin);letter-spacing:0;color:var(--gallery-ink-2)}.opening .lede{color:var(--gallery-ink-2);margin:0 0 2.25rem;font-size:1.0625rem;line-height:1.95}.opening .meta dt{color:var(--gallery-ink-2)}.opening .meta dd{color:var(--gallery-ink)}.opening .meta dt,.opening .meta dd{border-top-color:var(--gallery-rule)}.meta{font:400 .8125rem/1.65 var(--sans);letter-spacing:.03em;grid-template-columns:4.5rem 1fr;margin:0;display:grid}.meta dt,.meta dd{border-top:1px solid var(--rule);padding-block:.55rem}.meta dt{letter-spacing:.16em}.meta dd{color:var(--ink-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}figcaption{font:400 .8125rem/1.65 var(--sans);letter-spacing:.03em;color:var(--ink-3);margin-top:.85rem}figcaption .cap{color:var(--ink-2);display:block}figcaption .credit{display:block}.lesson{grid-template-columns:[full-start] minmax(1.25rem, 1fr) [wide-start] minmax(0, 10rem) [text-start] minmax(0, var(--measure)) [text-end] minmax(0, 20rem) [wide-end] minmax(1.25rem, 1fr) [full-end];counter-reset:section;column-gap:clamp(1.5rem,3.5vw,3.5rem);display:grid}.lesson>*{grid-column:text}.lesson p{text-align:left;hanging-punctuation:allow-end;margin:0 0 1em}.lesson>p{text-align:justify;text-justify:inter-character}.split>p{font-size:1.1875rem;line-height:1.85}.lesson>h2{grid-column:wide-start/wide-end;grid-template-columns:subgrid;font:500 clamp(1.625rem, 2.7vw, 2.25rem)/1.4 var(--serif);letter-spacing:.04em;counter-increment:section;align-items:baseline;margin:clamp(5rem,11vw,8.5rem) 0 2rem;display:grid}.lesson>h2:before{content:counter(section);font:400 clamp(2.5rem, 4vw, 3.5rem)/1 var(--latin);letter-spacing:0;color:var(--silver);grid-column:1;justify-self:end}dfn.term{text-decoration:underline dotted var(--silver) 1px;text-underline-offset:.32em;cursor:help;transition:text-decoration-color var(--t-fast) var(--ease);font-style:normal;font-weight:600}dfn.term:hover{text-decoration-color:var(--ink)}.lesson>blockquote{grid-column:text-start/wide-end;margin:2.5rem 0 2.75rem;padding:0}.lesson>blockquote p{text-align:left;font:500 clamp(1.375rem, 2.3vw, 1.875rem)/1.75 var(--serif);letter-spacing:.1em;color:var(--ink);margin:0}.lesson>blockquote p:last-child{font:400 .8125rem/1.6 var(--sans);letter-spacing:.12em;color:var(--ink-3);margin-top:1rem}.lesson>blockquote p:last-child:before{content:"— "}.split{grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:clamp(1.75rem,4vw,4.5rem);margin-block:1rem 3rem;display:grid}.split>figure{grid-area:1/1/span 20;margin:0}.split>:not(figure){grid-column:2}.split.reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.split.reverse>figure{grid-column:2}.split.reverse>:not(figure){grid-column:1}.split img{background:var(--mist);width:100%;height:auto;display:block}.cmap-frame{width:calc(100% - 10rem);position:relative}.cmap-frame ol{width:9.25rem;margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;left:calc(100% + .75rem)}.cmap-frame li{top:calc(var(--from) * 1%);height:calc((var(--to) - var(--from)) * 1%);border-left:1px solid var(--ink);font:400 .8125rem/1.45 var(--sans);letter-spacing:.04em;color:var(--ink-2);align-items:center;padding-left:.7rem;display:flex;position:absolute;left:0;right:0}.cmap-frame li:before,.cmap-frame li:after{content:"";border-top:1px solid var(--ink);width:.4rem;position:absolute;left:-1px}.cmap-frame li:before{top:0}.cmap-frame li:after{bottom:0}.cmap-frame li:nth-child(2){color:var(--ink-3);border-left-style:dotted}.callout{margin:.5rem 0 2.25rem}.callout .label{margin-bottom:.35rem;display:block}.callout p:last-child{margin-bottom:0}.callout.fact{background:var(--mist);font:400 .9375rem/1.9 var(--sans);letter-spacing:.03em;color:var(--ink-2);padding:1.1rem 1.35rem 1.2rem}.callout.interpretation{border-left:1px solid var(--ink);color:var(--ink-2);padding:.15rem 0 .15rem 1.35rem;font-size:1.0625rem;line-height:1.85}.band{margin:0}.band>:last-child{margin-bottom:0}.band-prelude{grid-column:text-start/wide-end;padding-top:clamp(4.5rem,10vw,8rem)}.band-prelude>p:first-child{max-width:30em;font:500 clamp(1.5rem, 2.6vw, 2.125rem)/1.65 var(--serif);letter-spacing:.06em;text-align:left}.band-prelude>p{max-width:var(--measure);color:var(--ink-2);font-size:1.3125rem;line-height:1.85}.band-prelude ol{counter-reset:look;border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:3rem 0 0;padding:2rem 0 0;list-style:none;display:grid}.band-prelude li{counter-increment:look;font:400 .9375rem/1.85 var(--sans);letter-spacing:.03em;color:var(--ink-2)}.band-prelude li:before{content:counter(look);font:400 2rem/1 var(--latin);color:var(--silver);margin-bottom:.6rem;display:block}.band-prelude li strong{color:var(--ink);font-weight:500;display:block}.band-plates{background:var(--gallery);color:var(--gallery-ink);grid-column:full;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1.75fr);align-items:start;gap:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem);margin-block:2.5rem 3rem;padding:clamp(3rem,7vw,6rem) max(1.25rem,50% - 36rem);display:grid}.band-plates figure{margin:0}.band-plates img{width:100%;height:auto;display:block}.band-plates figure:first-child{grid-row:1/span 2}.band-plates figure:first-child img{width:auto;max-width:100%;max-height:78vh}.band-plates figure:nth-child(2){grid-column:2/span 2}.band-plates figcaption,.band-plates figcaption .cap{color:var(--gallery-ink-2)}.band-plates figcaption .credit{display:none}.band-notes{columns:2;grid-column:text-start/wide-end;column-gap:clamp(2rem,4vw,3.5rem);margin-bottom:1rem}.band-notes p{break-inside:avoid;font-size:1.0625rem;line-height:1.85}.band-notes strong{letter-spacing:.08em;font-weight:600}.band-reflection{grid-column:full;grid-template-columns:subgrid;background:var(--mist);margin-top:clamp(5rem,11vw,8.5rem);padding-block:clamp(4rem,9vw,7rem);display:grid}.band-reflection>*{grid-column:text}.band-reflection>p:first-child{font:500 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--ink-3);margin-bottom:1.5rem}.band-reflection ul{grid-column:text-start/wide-end;margin:1.5rem 0 0;padding:0;list-style:none}.band-reflection li{border-top:1px solid var(--rule);font:500 clamp(1.25rem, 2.1vw, 1.625rem)/1.7 var(--serif);letter-spacing:.05em;padding:1.35rem 0}.band-sources{margin-top:3.5rem}.band-sources h3{margin:0 0 1rem}.band-sources ol{font:400 .8125rem/1.85 var(--sans);letter-spacing:.02em;color:var(--ink-2);margin:0;padding-left:1.25rem}.band-sources li{margin-bottom:.5rem;padding-left:.25rem}.btn{min-height:2.75rem;font:500 .9375rem/1 var(--sans);letter-spacing:.08em;cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 1.5rem;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-hover)}.btn-primary:not(:disabled):active{background:var(--ink-press)}.btn-secondary{color:var(--ink);border-color:var(--silver);background:0 0}.btn-secondary:hover{border-color:var(--ink)}.btn-secondary:not(:disabled):active{background:var(--hover)}.btn:disabled{background:var(--mist);color:var(--ink-3);cursor:not-allowed;border-color:#0000}.module{border-top:1px solid var(--ink);margin-block:3rem 3.5rem;padding-top:1.25rem}.module-label{margin:0 0 1.25rem}.module h3{font:500 1.375rem/1.5 var(--serif);letter-spacing:.04em;margin:0 0 1.5rem}.quiz fieldset{border:0;min-width:0;margin:0 0 1.75rem;padding:0}.quiz legend{font:500 1.375rem/1.6 var(--serif);letter-spacing:.04em;margin-bottom:1.25rem;padding:0}.quiz label{font:400 1rem/1.75 var(--sans);letter-spacing:.03em;cursor:pointer;color:var(--ink-2);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), opacity var(--t) var(--ease);border-radius:.75rem;align-items:flex-start;gap:.9rem;margin-inline:-.9rem;padding:.7rem .9rem;display:flex}.quiz label:hover{background:var(--hover);color:var(--ink)}.quiz label:has(input:checked){color:var(--ink);font-weight:500}.quiz label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.quiz input[type=radio]{-webkit-appearance:none;appearance:none;border:1.5px solid var(--ink-3);background:var(--paper);width:1.125rem;height:1.125rem;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border-radius:50%;flex:none;margin:.3rem 0 0}.quiz label:hover input{border-color:var(--ink)}.quiz input[type=radio]:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--paper)}.quiz input:focus-visible{outline:none}.quiz label:has(input:disabled){cursor:default}.quiz label:has(input:disabled):hover{background:0 0}.quiz label:has(input:disabled):not(:has(input:checked)){opacity:.4}.quiz[data-result] label:has(input:checked):after{white-space:nowrap;font:500 .75rem/1 var(--sans);letter-spacing:.12em;align-self:center;margin-left:auto;padding-left:1rem}.quiz[data-result=correct] label:has(input:checked):after{content:"正确";color:var(--ok)}.quiz[data-result=wrong] label:has(input:checked):after{content:"不正确";color:var(--err)}.quiz[data-result=correct] input:checked{border-color:var(--ok);background:var(--ok)}.quiz[data-result=wrong] input:checked{border-color:var(--err);background:var(--err)}.quiz .actions{flex-wrap:wrap;gap:.75rem;display:flex}.feedback{max-width:var(--measure);color:var(--ink-2);margin-top:1.75rem;font-size:1rem;line-height:1.95}.feedback strong{font:500 1rem/1.6 var(--sans);letter-spacing:.06em;color:var(--ink);align-items:center;gap:.55rem;margin-bottom:.35rem;display:flex}.feedback strong:before{content:"";background:var(--ink-3);border-radius:50%;width:.5rem;height:.5rem}.feedback.correct strong:before{background:var(--ok)}.feedback.wrong strong:before{background:var(--err)}.lesson>.scale{grid-column:wide;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(1.75rem,4vw,4.5rem);display:grid}.scale>.module-label,.scale>h3{grid-column:1/-1}.scale svg{background:var(--mist);grid-area:3/1/span 2;width:100%;height:auto;display:block}.scale .controls{grid-area:3/2;align-self:end}.scale .schematic-label{font:400 .8125rem/1.75 var(--sans);letter-spacing:.03em;color:var(--ink-3);text-align:left;grid-area:4/2;align-self:start;margin:1.25rem 0 0}.scale .mountain{fill:var(--paper);stroke:var(--ink);stroke-width:1px;stroke-linejoin:round}.scale .ground{stroke:var(--ink);stroke-width:1px}.scale .person{fill:var(--ink);transition:transform var(--t) var(--ease)}.scale label{font:400 .8125rem/1.5 var(--sans);letter-spacing:.12em;color:var(--ink-3);display:block}.scale output{font:500 1.375rem/1.5 var(--serif);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:.4rem 0 .75rem;display:block}.scale input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;margin:0 0 1rem}.scale input[type=range]:focus-visible{outline:none}.scale input[type=range]::-webkit-slider-runnable-track{background:var(--silver);border-radius:1px;height:2px}.scale input[type=range]::-moz-range-track{background:var(--silver);border-radius:1px;height:2px}.scale input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:4px solid var(--paper);width:1.375rem;height:1.375rem;box-shadow:0 0 0 1px var(--ink);transition:box-shadow var(--t-fast) var(--ease);border-radius:50%;margin-top:-.65rem}.scale input[type=range]::-moz-range-thumb{background:var(--ink);border:4px solid var(--paper);width:1.375rem;height:1.375rem;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.scale input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 8px #1c1d2014}.scale input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 8px #1c1d2014}.scale input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 4px var(--paper), 0 0 0 6px var(--ink)}.scale input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 4px var(--paper), 0 0 0 6px var(--ink)}.lesson>.glossary{grid-column:text;margin-top:clamp(4rem,8vw,6rem)}.glossary h2{font:500 .75rem/1.5 var(--sans);letter-spacing:.16em;color:var(--ink-3);margin:0 0 1.25rem}.tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.tag{min-height:2.5rem;font:400 .9375rem/1 var(--sans);letter-spacing:.06em;color:var(--ink-2);background:var(--mist);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border:0;border-radius:999px;padding:0 1.15rem}.tag:hover{color:var(--ink);background:#dededa}.tag[aria-pressed=true]{background:var(--ink);color:var(--paper)}.glossary-out{border-top:1px solid var(--rule);min-height:5.5rem;transition:border-color var(--t) var(--ease);padding-top:1.1rem}.glossary-out:has(h3){border-top-color:var(--ink)}.glossary-out h3{font:500 1.125rem/1.6 var(--serif);letter-spacing:.04em;margin:0 0 .35rem}.glossary-out p{color:var(--ink-2);margin:0;font-size:1rem;line-height:1.95}.glossary-out>p:only-child{font:400 .875rem/1.6 var(--sans);color:var(--ink-3)}.glossary-out>*,.feedback:not([hidden]){animation:settle var(--t-slow) var(--ease) both}@keyframes settle{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lesson>.rights{background:var(--mist);grid-column:full;grid-template-columns:subgrid;margin-top:clamp(4rem,8vw,6rem);padding-block:clamp(2.5rem,6vw,4rem);display:grid}.rights h2{grid-column:wide-start/text-start;margin:0 0 1rem}.rights .meta{grid-column:text-start/wide-end;grid-template-columns:6rem 1fr}.rights .meta dd a{color:var(--ink)}.to-top{right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));z-index:10;border:1px solid var(--rule);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(.5rem);translate:var(--dx,0) var(--dy,0);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease), visibility 0s linear var(--t), border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), scale var(--t) var(--ease), box-shadow var(--t) var(--ease);background:#f6f6f4f0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.to-top[data-visible=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.to-top:hover{border-color:var(--ink);background:var(--paper)}.to-top[data-armed]{cursor:grabbing;border-color:var(--ink);background:var(--ink);color:var(--paper);scale:1.08;box-shadow:0 0 0 6px #1c1d2014}.opening h1:focus{outline:none}.wrap{width:min(100% - 2rem,62rem);margin-inline:auto}.wrap h1{font:500 2.25rem/1.4 var(--serif);letter-spacing:.04em}.card{border-top:1px solid var(--rule);color:inherit;max-width:38rem;padding:1.5rem 0;text-decoration:none;display:block}.card h2{font:500 1.375rem/1.5 var(--serif);margin:0 0 .4rem}.card:hover h2{text-underline-offset:.25em;text-decoration:underline 1px}.card p{font-family:var(--sans)}@media (width<=860px){body{font-size:1.0625rem;line-height:1.85}.opening{grid-template-columns:1fr;row-gap:2.25rem;min-height:0;padding:0 0 3rem}.opening-art{padding:2rem 1.25rem 0}.opening-art img{max-height:74svh;margin-inline:auto}.opening-label{padding:0 1.25rem}.opening .kicker{margin-bottom:1.25rem}.opening h1{margin-bottom:1.5rem;font-size:clamp(1.625rem,7vw,2.5rem)}.lesson{grid-template-columns:[full-start]1.25rem[wide-start text-start]minmax(0,1fr)[text-end wide-end]1.25rem[full-end];column-gap:0}.lesson>h2{grid-column:text;margin-top:4.5rem;display:block}.lesson>h2:before{text-align:left;margin-bottom:.75rem;font-size:2.25rem;display:block}.lesson>p{text-align:left}.split>p{font-size:inherit}.band-prelude{padding-top:3.5rem}.band-prelude ol{grid-template-columns:1fr;gap:1.5rem}.split,.split.reverse{grid-template-columns:1fr}.split>figure,.split>:not(figure),.split.reverse>figure,.split.reverse>:not(figure){grid-area:auto/1}.split>figure:not(.cmap){margin:0 -1.25rem 1.75rem}.split>figure:not(.cmap) figcaption{padding-inline:1.25rem}.split>figure.cmap{margin-bottom:2.25rem}.cmap-frame{width:calc(100% - 8.5rem)}.cmap-frame ol{width:7.75rem}.band-plates{grid-template-columns:1fr;padding-inline:1.25rem}.band-plates figure:nth-child(n){grid-area:auto/1}.band-plates figure:first-child img{max-height:70svh}.band-notes{columns:1}.lesson>.scale{grid-template-columns:1fr}.scale svg,.scale .controls,.scale .schematic-label{grid-area:auto/1}.scale .controls{margin-top:1.25rem}.rights h2,.rights .meta{grid-column:text}.lesson>.rights{padding-bottom:5.5rem}.rights .meta{grid-template-columns:5rem 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}