.guide{--read:68ch;--label:8.5rem;max-width:var(--max);padding:28px var(--margin) 0;overflow-wrap:anywhere;margin:0 auto}.guide :is(h1,h2,h3){text-wrap:balance}.guide h1{max-width:16em;font-size:clamp(44px,5.6vw,88px);line-height:.95}.guide h2{font-size:clamp(30px,3.2vw,46px);line-height:1}.guide h3{letter-spacing:-.01em;font-size:22px;font-weight:650;font-stretch:90%;line-height:1.25}.guide :is(h2,h3) a,.guide h1 a{text-decoration:none}.guide :is(h2,h3) a:hover{text-decoration:underline;text-decoration-thickness:2px}.guide .lead{max-width:var(--read)}.guide>section{border-top:2px solid var(--ink);margin-top:112px;padding-top:20px}.guide-nav{border-bottom:1px solid var(--hair);flex-wrap:wrap;gap:0 28px;margin-bottom:64px;display:flex}.guide-nav a{min-height:44px;color:var(--ink-2);border-bottom:3px solid #0000;align-items:center;margin-bottom:-1px;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.guide-nav a:hover{color:var(--ink);border-bottom-color:var(--hair)}.guide-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink);font-weight:650}.guide-head{gap:22px;display:grid}.totals{color:var(--ink-2);font-size:16px;font-weight:600}.facts{margin:0;font-size:16px;line-height:1.5;display:grid}.facts>div{grid-template-columns:var(--label) minmax(0, 1fr);border-top:1px solid var(--hair);gap:4px 20px;padding:10px 0;display:grid}.facts>div:last-child{border-bottom:1px solid var(--hair)}.facts dt{color:var(--ink-3);font-weight:600}.facts dd{color:var(--ink-2);min-width:0;margin:0}.facts dd cite,.pieces cite{color:var(--ink)}.plain{gap:3px;margin:0;padding:0;list-style:none;display:grid}.plain.cols{columns:2 16rem;column-gap:28px;display:block}.plain.cols li{break-inside:avoid;padding-bottom:3px}.plain.inline{flex-wrap:wrap;gap:2px 16px;display:flex}.facts a{color:var(--ink);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.facts a:hover{text-decoration-color:currentColor}.howto h2{margin-bottom:32px}.howto-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px 72px;display:grid}.prose{color:var(--ink-2);max-width:var(--read);gap:16px;display:grid}.prose strong{color:var(--ink);font-weight:650}.steps{counter-reset:step;margin:4px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-top:1px solid var(--hair);padding:12px 0 12px 40px;position:relative}.steps li:last-child{border-bottom:1px solid var(--hair)}.steps li:before{content:counter(step);color:var(--ink);font-size:22px;font-weight:640;font-stretch:78%;line-height:1.2;position:absolute;top:10px;left:0}.list-head{gap:10px;margin-bottom:28px;display:grid}.chips{border-top:1px solid var(--ink);border-left:1px solid var(--ink);flex-wrap:wrap;align-self:start;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:40px;display:flex}.chips a{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-width:46px;height:46px;color:var(--ink);transition:background-color .12s var(--ease), color .12s var(--ease);place-items:center;padding:0 8px;font-size:16px;font-weight:650;text-decoration:none;display:grid}.chips a:hover{background:var(--ink);color:var(--paper)}.levels{border-bottom:1px solid var(--ink);margin:0;padding:0;list-style:none}.level-row{border-top:1px solid var(--ink);grid-template-columns:280px minmax(0,1fr);gap:24px 56px;padding:40px 0;scroll-margin-top:72px;display:grid}.level-cover{align-content:start;gap:8px;margin:0;display:grid}.level-cover img,.level-art img{aspect-ratio:4/3;object-fit:cover;background:var(--hair);width:100%}.level-text{align-content:start;gap:14px;min-width:0;display:grid}.level-text h3{letter-spacing:-.02em;font-size:clamp(28px,2.6vw,38px);font-weight:640;font-stretch:78%;line-height:1}.level-sum{color:var(--ink-2);max-width:var(--read)}.level-text .facts{max-width:820px}.more{color:var(--ink);justify-self:start;font-size:16px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px}.more:hover{text-decoration-thickness:2px}.strands-section h2,.level-strands h2{margin-bottom:24px}.index-list{gap:0 var(--gutter);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:0;padding:0;list-style:none;display:grid}.index-list li{border-top:1px solid var(--ink);align-content:start;gap:4px;padding:16px 0;display:grid}.index-list a{color:var(--ink);justify-self:start;font-size:22px;font-weight:650;font-stretch:90%;line-height:1.2;text-decoration:none}.index-list a:hover{text-decoration:underline;text-decoration-thickness:2px}.index-list span{color:var(--ink-2);font-size:16px}.level-top{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:32px 64px;display:grid}.level-words{gap:22px;min-width:0;display:grid}.level-words .facts{max-width:720px;margin-top:8px}.level-art{gap:10px;margin:0;display:grid}.level-new h2{margin-bottom:24px}.new-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;max-width:1000px;margin:0;padding:0;list-style:none;display:grid}.new-list li{border-top:1px solid var(--hair);color:var(--ink-2);padding:12px 0}.level-check h2{margin-bottom:12px}.level-check .body{margin-bottom:24px}.check-list{gap:0 var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;margin:0;display:grid}.check-list>div{border-top:1px solid var(--ink);padding:14px 0 0}.check-list dt{color:var(--ink);margin-bottom:6px;font-weight:650}.check-list dd{color:var(--ink-2);margin:0;font-size:16px;line-height:1.5}.lessons>h2{margin-bottom:28px}.lessons-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:56px;display:grid}.lesson-index{scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;border-top:1px solid var(--ink);max-height:calc(100vh - 112px);position:sticky;top:88px;overflow-y:auto}.lesson-index ol{margin:0;padding:0;list-style:none;display:grid}.lesson-index a{border-bottom:1px solid var(--hair);color:var(--ink-2);grid-template-columns:3em minmax(0,1fr);gap:6px;padding:7px 0;font-size:14px;line-height:1.35;text-decoration:none;display:grid}.lesson-index a:hover{color:var(--ink);text-decoration:underline}.lesson-index .no{color:var(--ink-3);font-weight:650}.lesson-list{border-bottom:1px solid var(--ink);min-width:0}.lesson{--hang:4.5rem;padding:36px 0 36px calc(var(--hang) + 20px);border-top:1px solid var(--ink);gap:14px;scroll-margin-top:72px;display:grid}.lesson h3{grid-template-columns:var(--hang) minmax(0, 1fr);margin-left:calc(-1 * (var(--hang) + 20px));gap:20px;font-size:25px;display:grid}.lesson-no{color:var(--ink);font-weight:640;font-stretch:78%}.lesson-sum{color:var(--ink-2);max-width:var(--read)}.lesson .facts{max-width:760px}.level-nav{border-top:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px 24px;margin-top:80px;padding-top:18px;display:grid}.level-nav a{color:var(--ink);font-size:clamp(22px,2vw,30px);font-weight:650;font-stretch:85%;line-height:1.1;text-decoration:none}.level-nav a:hover{text-decoration:underline;text-decoration-thickness:2px}.level-nav a span{color:var(--ink-3);margin-bottom:4px;font-size:14px;font-weight:600;font-stretch:100%;display:block}.level-nav .next{text-align:right;justify-self:end}.level-nav .all{color:var(--ink-2);justify-self:center;font-size:16px;font-stretch:100%}.see-also{color:var(--ink-2);margin-top:28px;font-size:16px}.see-also a{color:var(--ink)}.letters{flex-wrap:wrap;gap:0 2px;margin:40px 0 24px;display:flex}.letters a{min-width:34px;height:36px;color:var(--ink-2);transition:background-color .12s var(--ease), color .12s var(--ease);place-items:center;padding:0 6px;font-size:16px;font-weight:650;text-decoration:none;display:grid}.letters a:hover{background:var(--ink);color:var(--paper)}.guide-head+.chips{margin:40px 0 0}.index-table{border-collapse:collapse;width:100%;max-width:1080px;font-size:16px;line-height:1.45}.index-table th,.index-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hair);padding:10px 20px 10px 0}.index-table thead th{z-index:1;background:var(--paper);color:var(--ink-3);white-space:nowrap;border-bottom:2px solid var(--ink);padding-top:12px;font-size:14px;font-weight:600;position:sticky;top:64px}.index-table tbody th{color:var(--ink);font-weight:600}.index-table td{color:var(--ink-2)}.index-table .letter-row th{color:var(--ink);border-bottom-color:var(--ink);padding:36px 0 8px;font-size:30px;font-weight:640;font-stretch:78%;line-height:1}.index-table .group-row th{color:var(--ink);border-bottom-color:var(--ink);padding:28px 0 8px;font-size:19px;font-weight:650;font-stretch:90%}.index-table tbody{scroll-margin-top:104px}.index-table tr[id]{scroll-margin-top:112px}.index-table tr:target th,.index-table tr:target td{background:var(--sheet)}.index-table .refs{white-space:normal}.index-table a{color:var(--ink-2);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.index-table a:hover{color:var(--ink);text-decoration-color:currentColor}.index-table tbody th a{color:var(--ink)}.index-table .by{color:var(--ink-3);font-weight:400;display:block}.index-table .plain{gap:2px}.technique th:first-child{width:11rem}.pieces th:first-child{width:6rem}.index-table.units{max-width:none}.units th:first-child{width:12rem}.strand-level .facts{--label:11rem;max-width:980px}.level-section{scroll-margin-top:48px}.level-section h2{margin-bottom:12px}.section-sum{color:var(--ink-2);max-width:var(--read);margin-bottom:14px}.piece-head .facts,.concept-head .facts{max-width:760px;margin-top:8px}.lesson-list.single{max-width:980px}.credit-section h2{margin-bottom:16px}.credit-lines{max-width:var(--read);color:var(--ink-3);gap:6px;font-size:14px;line-height:1.5;display:grid}.credit-lines a{color:var(--ink-2);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.credit-lines a:hover{color:var(--ink);text-decoration-color:currentColor}.piece-list{columns:2 22rem;max-width:1000px;color:var(--ink-3);column-gap:40px;font-size:16px;display:block}.piece-list li{break-inside:avoid;border-top:1px solid var(--hair);padding:7px 0}.piece-list cite a{color:var(--ink);text-decoration:none}.piece-list cite a:hover{text-decoration:underline}.facts.related{--label:15rem;max-width:980px}.facts.related dt a{color:var(--ink)}.guide-close{padding:104px max(var(--margin), (100% - var(--max)) / 2 + var(--margin)) 112px;justify-items:start;gap:24px;margin-top:144px;display:grid}.guide-close h2{letter-spacing:-.022em;max-width:16em;font-size:clamp(40px,5vw,80px);font-weight:640;font-stretch:78%;line-height:.95}.guide-close .lead{max-width:52ch}@media (max-width:1100px){.lessons-layout{grid-template-columns:minmax(0,1fr)}.lesson-index{display:none}.level-row{grid-template-columns:200px minmax(0,1fr);gap:24px 36px}}@media (max-width:960px){.howto-grid,.level-top{grid-template-columns:minmax(0,1fr)}.level-art{order:-1;max-width:560px}.new-list{grid-template-columns:minmax(0,1fr)}.index-list{grid-template-columns:repeat(2,minmax(0,1fr))}.units,.units tbody,.units tr,.units th,.units td{display:block}.units thead{display:none}.units tr{border-bottom:1px solid var(--hair);padding:14px 0 16px}.index-table.units :is(th,td){border:0;padding:0}.units th:first-child{width:auto;margin-bottom:8px}.index-table.units td{grid-template-columns:var(--label) minmax(0, 1fr);gap:2px 20px;padding:4px 0;display:grid}.units td:before{content:attr(data-label);color:var(--ink-3);font-size:14px;font-weight:600}.units td>*{grid-column:2}.units td:empty{display:none}.check-list{gap:20px var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.guide{--label:6.5rem;padding-top:12px}.guide>section{margin-top:80px}.guide-nav{gap:0 20px;margin-bottom:40px}.guide h3{font-size:20px}.check-list{grid-template-columns:minmax(0,1fr);gap:16px}.index-list{grid-template-columns:minmax(0,1fr)}.strand-level .facts{--label:6.5rem}.level-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:32px 0}.level-cover img{aspect-ratio:16/9}.level-art img{aspect-ratio:16/10}.chips a{min-width:40px;height:40px;font-size:15px}.facts>div{gap:2px 14px}.lesson{padding:28px 0}.lesson h3{margin-left:0;font-size:22px;display:block}.lesson-no{margin-bottom:2px;font-size:18px;display:block}.level-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.level-nav .all{grid-area:2/1/auto/-1;justify-self:start}.level-nav a{font-size:20px}.index-table{font-size:15px}.index-table th,.index-table td{padding-right:12px}.pieces th:first-child{width:3.5rem}.technique th:first-child{width:7.5rem}.guide-close{margin-top:96px;padding-top:80px;padding-bottom:88px}.guide-close .actions{justify-self:stretch}.guide-close .actions .cap{width:100%}}@media (max-width:360px){.facts>div{grid-template-columns:minmax(0,1fr)}}
