.intro .filter{display:flex;align-items:center;gap:14px;margin-top:22px;padding:0 18px;min-height:58px;background:var(--surface);border:2px solid var(--outline);box-shadow:4px 4px 0 var(--shadow);cursor:text}.intro .filter svg{flex:none;width:21px;height:21px;color:var(--edge)}.intro .filter input{flex:1;min-width:0;height:54px;padding:0;background:none;border:0;outline:none;font:var(--weight-body) var(--text-body)/1 var(--ui);color:var(--edge)}.intro .filter input::placeholder{color:var(--soft)}.intro .filter:focus-within{outline:3px solid var(--mustard);outline-offset:4px}.collection{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;margin-top:34px}.collection>aside{position:sticky;top:16px;align-self:start}.collection .groups{display:grid;border-top:1px solid var(--rule)}.collection .groups a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:6px 12px;border-left:3px solid transparent;font-size:var(--text-label);font-weight:var(--weight-control);color:var(--edge);text-decoration:none}.collection .groups a span{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--soft);font-variant-numeric:tabular-nums}.collection .groups a:hover{background:var(--paper-deep)}.collection .groups a[aria-current]{background:var(--mustard);border-left-color:var(--edge)}.collection .groups a[aria-current] span{color:var(--edge)}.choose{display:none}.status{margin:0 0 14px;font-size:var(--text-label);font-weight:var(--weight-label);color:var(--soft)}.group+.group{margin-top:36px}.group .titled{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.group .titled:after{content:"";flex:1;align-self:center;border-top:1px solid var(--rule)}.group h2{margin:0;font-size:var(--text-section);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);scroll-margin-top:16px}.group .titled span{font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--soft);white-space:nowrap}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none}.topic{display:flex;flex-direction:column;height:100%;padding:14px 16px 12px;background:var(--paper);border:2px solid var(--outline);color:var(--edge);text-decoration:none;transition:background-color .15s,box-shadow .15s var(--out),transform .15s var(--out)}.topic:hover{background:var(--surface);box-shadow:var(--pop);transform:translate(-1px,-1px)}.topic:active{transform:translate(2px,2px);box-shadow:none}.topic .name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:var(--control-size)}.topic .name b{font:var(--weight-heading) var(--text-body)/1.25 var(--ui)}.topic .name .spelled{font:400 36px/1.05 var(--read);font-variant-ligatures:none}.topic .name small{margin-top:3px;font:400 17px/1 var(--read);color:var(--soft)}.topic .eg{margin-top:8px;font:400 17px/1.3 var(--read);color:var(--soft)}.topic .n{margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font-size:var(--text-caption);font-weight:var(--weight-label);color:var(--soft);font-variant-numeric:tabular-nums}.topic .eg+.n{margin-top:14px}.topic:hover .eg{color:var(--edge)}.none{padding:40px 0}.none p{margin:0 0 14px;font-size:var(--text-lead);font-weight:var(--weight-control)}@media(max-width:860px){.collection{grid-template-columns:minmax(0,1fr);gap:0;margin-top:22px}.collection>aside{position:static;margin-bottom:18px}.collection .groups{display:none}.choose{display:flex;align-items:center;gap:12px;font-size:var(--text-label);font-weight:var(--weight-control)}.choose .pick{flex:1}}@media(max-width:640px){.intro .filter input{font-size:var(--text-body)}.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic{padding:12px 12px 10px}.topic .name .spelled{font-size:30px}.topic .eg{font-size:var(--text-body)}}