.canon-page{flex:1 1;min-height:0;overflow-y:auto}.canon{max-width:72rem;margin:0 auto;padding:1.6rem 1.5rem .6rem}.canon-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.canon-head h1{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.035em;color:var(--ink)}.canon-canon{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:var(--chrome-2);border:1px solid var(--hair);border-radius:100px;padding:.2rem .55rem}.canon-lead{font-size:.92rem;color:var(--ink-2);line-height:1.55;margin:.6rem 0 0;max-width:46rem}.canon-lead b{color:var(--ink)}.canon-sorts{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.9rem}.canon-sort{font-family:var(--ui);font-size:.76rem;border:1px solid var(--hair);border-radius:100px;padding:.28rem .7rem;color:var(--ink-2);background:var(--page);cursor:pointer;white-space:nowrap;transition:border-color .12s ease}.canon-sort:hover{border-color:var(--ink-3)}.canon-sort.on{background:var(--ink);color:var(--page);border-color:var(--ink);font-weight:600}.canon-sort:focus-visible{outline:2px solid var(--g);outline-offset:2px}.canon-chart{margin-top:1.2rem;container-type:inline-size}.canon-axhead{display:grid;grid-template-columns:10rem minmax(0,1fr) 9rem;grid-gap:.9rem;gap:.9rem;margin-bottom:.15rem}.axlbl{font-family:var(--mono);font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.canon-axis{display:grid;grid-template-columns:10rem minmax(0,1fr) 9rem;grid-gap:.9rem;gap:.9rem;align-items:end}.canon-axis .ticks{position:relative;height:1.1rem;border-bottom:1px solid var(--hair)}.canon-axis .ticks span{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:.56rem;letter-spacing:.05em;color:var(--ink-3);bottom:.18rem;white-space:nowrap}.canon-axis .ticks span.e0{transform:none;left:0}.canon-axis .ticks span.e1{transform:none;right:0}.canon-colhead{display:grid;grid-template-columns:10rem minmax(0,1fr) 9rem;grid-gap:.9rem;gap:.9rem;margin-top:.55rem;padding-bottom:.4rem;border-bottom:1.5px solid var(--hair)}.canon-colhead span{font-family:var(--ui);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.canon-colhead .cha{text-align:right}.canon .grp{font-family:var(--mono);font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin:1.15rem 0 .15rem}.canon .grpdesc{font-size:.82rem;color:var(--ink-2);line-height:1.45;margin:0 0 .55rem;max-width:44rem}.canon .row{display:grid;grid-template-columns:10rem minmax(0,1fr) 9rem;grid-template-areas:"name track who";grid-gap:.9rem;gap:.9rem;align-items:center;padding:.3rem 0}.canon .bn{grid-area:name;font-size:.9rem;color:var(--ink);font-weight:560;display:flex;align-items:center;gap:.45rem}.canon .bn-link{color:var(--ink);text-decoration:none}.canon .bn-link:hover{color:var(--g);text-decoration:underline}.canon .cdot{width:.6rem;height:.6rem;border-radius:50%;flex:none;display:none}.canon .cdot.heb{background:var(--g)}.canon .cdot.grk{background:var(--o)}.canon .cdot.disp{background:var(--m)}.canon .track{grid-area:track;position:relative;background:var(--hair-2)}.canon .fill,.canon .track{height:.85rem;border-radius:100px}.canon .fill{position:absolute;top:0;min-width:.7rem}.canon .fill.heb{background:var(--g)}.canon .fill.grk{background:var(--o)}.canon .fill.disp{background:var(--m)}.canon .who{grid-area:who;font-size:.8rem;color:var(--ink-2);text-align:right;line-height:1.2}.canon .who .q{color:var(--ink-3)}.canon .bdate{display:none;grid-area:date;font-family:var(--mono);font-size:.66rem;letter-spacing:.02em;color:var(--ink-2)}.canon-legend{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.3rem;padding-top:.85rem;border-top:1px solid var(--hair);font-size:.78rem;color:var(--ink-2)}.canon-legend .k{display:inline-flex;align-items:center;gap:.4rem}.canon-legend .sw{width:1.1rem;height:.55rem;border-radius:100px;display:inline-block}.canon-legend .sw.heb{background:var(--g)}.canon-legend .sw.grk{background:var(--o)}.canon-legend .sw.disp{background:var(--m)}.canon-legend .note{margin-left:auto;color:var(--ink-3);font-size:.74rem}.canon-caption{font-size:.8rem;color:var(--ink-3);margin:1.4rem 0 0;line-height:1.5;max-width:46rem}.canon-caption b{color:var(--ink-2)}@container (max-width: 759px){.canon-lead{display:none}.canon-sorts{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem}.canon .track,.canon-axhead,.canon-axis,.canon-legend .note{display:none}.canon-colhead{grid-template-columns:1fr auto;gap:.6rem;margin-top:.7rem}.canon-colhead .cht{display:none}.canon .grpdesc{font-size:.8rem;margin-bottom:.45rem}.canon .row{grid-template-columns:1fr auto;grid-template-areas:"name who" "date date";gap:.12rem .6rem;padding:.55rem 0;border-bottom:1px solid var(--hair-2)}.canon .row:last-child{border-bottom:none}.canon .cdot{display:inline-block}.canon .bdate{display:block}}