.grid{grid-template-rows:auto 1fr auto auto auto}.lead{align-self:start}
.top-block{grid-area:1/1/2/9}.lead{grid-area:2/1/3/9}
.reads{grid-area:1/9/3/14;margin-top:34px}  
.route{grid-area:3/1/4/9;margin-top:55px}.src{grid-area:3/9/4/14;margin-top:55px}
.res{grid-area:4/1/5/14;margin-top:55px}.res h2{margin-bottom:21px}
.jl{display:flex;flex-wrap:wrap;gap:0 34px;margin:0;padding:0;list-style:none}.jl a{display:inline-flex;align-items:center;min-height:34px}
.all{grid-area:5/1/6/14;margin-top:89px}
.kicker a{color:var(--ink-2);display:inline-block;line-height:21px}
@media (hover:hover) and (pointer:fine){.kicker a:hover{color:var(--ink)}}
@media (pointer:coarse){.kicker a{padding:10px 0;margin:-10px 0}}
.by{margin:13px 0 0;font:400 16px/26px var(--body)}.by span{font:500 14px/20px var(--body);color:var(--ink-2);margin-right:8px}
.reads h2{border-top:0;font:400 33px/38px var(--display);padding-top:21px;position:relative;margin-bottom:21px}
.reads h2::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink);transform-origin:left}
.route h2,.src h2,.all h2{margin-bottom:21px}
.all h2 .ct{font:400 14px/20px var(--body);color:var(--ink-2);margin-left:8px}

 
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tiles li{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--rule-strong);color:var(--ink-2);font:400 16px/26px var(--body)}
.tiles li.on{border:1px solid var(--ink);color:var(--ink);font-weight:500}
.tiles li.on::before{content:"";width:8px;height:8px;background:var(--ink)}
.key{margin:13px 0 0;font:400 14px/20px var(--body);color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}
.key{column-gap:21px}.kp{white-space:nowrap}.kp .s{margin-right:8px;vertical-align:-1px}
.reads .absent{margin-top:8px}
.ns{margin:0;height:55px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--rule-strong);color:var(--ink-2);padding:0 13px;text-align:center}
.s{display:inline-block;width:13px;height:13px;border:1px dashed var(--rule-strong)}
.s.on{background:var(--ink);border:1px solid var(--ink)}
.s.xp{border:1px solid var(--ink)}
.tiles li.xp{border:1px solid var(--rule-strong);color:var(--ink);flex-wrap:wrap;align-content:center;column-gap:5px;line-height:18px}
.tiles li small{font-size:14px;color:var(--ink-2)}
.s.ns{border:0;background:var(--rule-strong);height:1px;width:8px;margin:0;display:inline-block;padding:0}

 
.rt{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.n{flex:0 0 233px;min-height:89px;border:1px solid var(--ink);padding:21px;display:flex;flex-direction:column;gap:8px}
.n.me{flex:0 0 auto;min-height:0;flex-direction:row;align-items:center;gap:13px;padding:13px 21px;border-color:var(--rule-strong)}
.n.me .mk{width:26px;height:26px}
.nn{margin:0;font:400 26px/31px var(--display);overflow-wrap:anywhere}
.ar{flex:1 1 0;min-width:89px;position:relative;height:55px}
.ll{position:absolute;top:0;left:0;right:0;text-align:center;font:500 14px/20px var(--body);color:var(--ink-2)}
.ln{position:absolute;left:0;right:13px;top:27px;height:2px;background:var(--ink);transform-origin:left}
.hd{position:absolute;right:0;top:24px;border-left:13px solid var(--ink);border-top:4px solid transparent;border-bottom:4px solid transparent}

 
.src .row{grid-template-columns:1fr;row-gap:2px;align-items:start}
.src .row dd{display:block;overflow-wrap:break-word}
.when{display:block;font-size:14px;line-height:20px;color:var(--ink-2)}

 
.mh,.mx a{display:grid;grid-template-columns:233px 144px repeat(6,89px);align-items:center}
.mh{min-height:34px;font:500 14px/20px var(--body);color:var(--ink-2);text-align:center;border-bottom:1px solid var(--rule-strong)}
.mx{list-style:none;margin:0;padding:0}
.mx li{border-bottom:1px solid var(--rule)}  
.mx a{min-height:34px;padding:0 8px;margin:0 -8px;text-decoration:none;position:relative}
.mx a:active{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.sq{display:contents}.sq .s{justify-self:center}.rdt{display:none}
.on1{position:relative}.mk1{font-size:14px;line-height:20px;color:var(--ink-2)}
.mx a[aria-current]::after{content:"";position:absolute;left:8px;bottom:-1px;width:34px;height:2px;background:var(--accent)}  
@media (hover:hover) and (pointer:fine){.mx a:hover{background:color-mix(in srgb,var(--ink) 5.6%,transparent)}.mx a:hover .on1{text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:5px}}
@media (pointer:coarse){.mx a{min-height:55px}}
.all .key{margin-top:13px}


 
@keyframes pip{from{transform:scale(0);opacity:0}to{transform:none;opacity:1}}
@keyframes tile{from{border-color:var(--rule-strong);color:var(--ink-2)}to{border-color:var(--ink);color:var(--ink)}}
@keyframes ln{from{transform:scaleX(0)}to{transform:none}}
@keyframes lnv{from{transform:scaleY(0)}to{transform:none}}
@keyframes sh{from{opacity:0}to{opacity:1}}
html.pre .reads:not(.play) .on{border-color:var(--rule-strong);color:var(--ink-2)}
html.pre .reads:not(.play) .on::before{opacity:0}
html.pre .route:not(.play) :is(.n,.ll,.hd){opacity:0}
html.pre .route:not(.play) .ln{transform:scaleX(0)}
.reads.play .on{animation:tile 194ms var(--ease) calc(314ms + var(--i) * 120ms) both}
.reads.play .on::before{animation:pip 194ms var(--ease) calc(314ms + var(--i) * 120ms) both}
.route{--o:0ms}
.route.play .me{animation:sh 194ms linear var(--o) both}
.route.play .ll{animation:sh 194ms linear calc(var(--o) + 194ms) both}
.route.play .ln{animation:ln 314ms var(--draw) calc(var(--o) + 194ms) both}
.route.play .hd{animation:sh 120ms linear calc(var(--o) + 508ms) both}   
.route.play .n:not(.me){animation:sh 194ms linear calc(var(--o) + 508ms) both}

 
::view-transition-group(*){animation-duration:314ms;animation-timing-function:var(--ease)}
::view-transition-group(top){animation-duration:0s}
::view-transition-old(*):not(:only-child){animation-duration:194ms}
.all{view-transition-name:all}.route .me{view-transition-name:me}
.tiles li:nth-child(1){view-transition-name:t1}.tiles li:nth-child(2){view-transition-name:t2}.tiles li:nth-child(3){view-transition-name:t3}
.tiles li:nth-child(4){view-transition-name:t4}.tiles li:nth-child(5){view-transition-name:t5}.tiles li:nth-child(6){view-transition-name:t6}

@media (prefers-reduced-motion:reduce){.reads *,.route *{animation:none!important}}
@media print{.reads *,.route *{animation:none!important;opacity:1!important;transform:none!important}}

@media (max-width:1100px){.n{flex-basis:200px}.mh,.mx a{grid-template-columns:233px 144px repeat(6,55px)}}
@media (max-width:820px){
  .top-block,.lead,.reads,.route,.src,.res,.all{grid-area:auto}
  .grid{grid-template-rows:none}
  .reads,.route,.src,.res,.all{margin-top:55px}
  .rt{flex-direction:column;align-items:stretch}.n{flex:0 0 auto;min-height:0}
  .ar{flex:0 0 66px;min-width:0;height:66px}
  .ln{left:34px;right:auto;top:0;bottom:13px;width:2px;height:auto;transform-origin:top}
  .hd{left:31px;right:auto;top:auto;bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:13px solid var(--ink);border-bottom:0}
  .ll{left:55px;right:auto;top:23px;text-align:left}
  html.pre .route:not(.play) .ln{transform:scaleY(0)}
  .route.play .ln{animation-name:lnv}
  .mh{display:none}.sq{display:none}
  .mx a{grid-template-columns:1fr auto;row-gap:0;padding:8px}
  .rdt{display:block;grid-column:1/-1;font-size:14px;line-height:20px;color:var(--ink-2)}
}
@media (max-width:560px){.reads h2{font-size:26px;line-height:31px}.route,.src,.reads,.res,.all{margin-top:55px}}
@media (pointer:coarse){.jl a{min-height:44px}}

 
.mstrips{list-style:none;margin:0;padding:0}
.mstrips li{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,300px);column-gap:var(--gutter);align-items:center;min-height:55px;padding:8px 0;border-bottom:1px solid var(--rule)}
.mt a{display:inline-block;padding:0}.msub{display:block;font:400 14px/20px var(--body);color:var(--ink-2)}
.ms{display:block;width:100%;height:auto;overflow:visible}
.ms .ma{stroke:var(--rule-strong);stroke-width:1}.ms .md.c{fill:var(--ink)}.ms .md.o{fill:var(--ground);stroke:var(--ink);stroke-width:2}.ms .md.u{fill:var(--ink-2)}
.ms .mt{font:400 14px var(--body);fill:var(--ink-2)}
.ms .mr{fill:none;stroke:var(--accent);stroke-width:2}
.sib{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s21)}.sib a,.sib span{display:inline-block;padding:10px 0}.sib span{color:var(--ink-2)}
@media (max-width:560px){.mstrips li{grid-template-columns:1fr;row-gap:8px}}
.mkey{display:flex;align-items:center;gap:8px;margin:0 0 21px;font:400 14px/20px var(--body);color:var(--ink-2)}.mkey .mr{fill:none;stroke:var(--accent);stroke-width:2}.mkey .md{fill:var(--ink)}
 
.kicker a,.sib a,.sib span{display:inline-flex;align-items:center;min-height:24px;min-width:24px}
.res .mt a,.res a{display:inline-flex;align-items:center;min-height:24px;min-width:24px}
.absent a{display:inline-flex;align-items:center;min-height:24px}
.t2m{font:400 14px/20px var(--body);color:var(--ink-2);margin:13px 0 0}.t2m a{display:inline-flex;align-items:center;min-height:24px}

 
.grid.has-ours{grid-template-rows:auto 1fr auto auto auto auto}
.has-ours .ours{grid-area:4/1/5/14;margin-top:89px}.has-ours .res{grid-area:5/1/6/14}.has-ours .all{grid-area:6/1/7/14}
.ours h2{margin-bottom:21px}
.ours .ld{font:300 20px/30px var(--body);max-width:60ch;margin:0 0 34px}
.ours h3{font:500 16px/26px var(--body);margin:0 0 8px}
.ours p,.ours li{font:400 16px/26px var(--body);max-width:66ch;margin:0}
.ot{width:100%;border-collapse:collapse;font:400 16px/26px var(--body);font-variant-numeric:tabular-nums}
.ot caption{text-align:left;color:var(--ink-2);font:400 14px/20px var(--body);padding-bottom:8px}
.ot th,.ot td{text-align:left;padding:13px 21px 13px 0;border-top:1px solid var(--rule);vertical-align:baseline}
.ot thead th{font:500 14px/20px var(--body);color:var(--ink-2);border-top:1px solid var(--rule-strong)}
.ot tbody tr:last-child th,.ot tbody tr:last-child td{border-bottom:1px solid var(--rule)}
.ot tbody th{font-weight:500}.ot small{font:400 14px/20px var(--body);color:var(--ink-2);margin-left:8px}
.ot .me td,.ot .me th{font-weight:500;color:var(--ink)}
.oc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:0 34px;margin-top:34px;align-items:start}
.oc ul{list-style:none;margin:0;padding:0}.oc li{padding:0 0 8px}
.top-block .sub{color:var(--ink-2);margin-left:8px}
@media (max-width:820px){.has-ours .ours,.has-ours .res,.has-ours .all{grid-area:auto}.has-ours .ours{margin-top:55px}.oc{grid-template-columns:1fr;gap:21px}.ot{display:block;overflow-x:auto}}
.ours,.res,.top-block{min-width:0}
@media (max-width:820px){.ot{max-width:100%}.ot caption{white-space:normal;width:100%}.ot th,.ot td{padding-right:13px}.ot thead th{white-space:normal}}
.ot td:last-child,.ot .me td:last-child{color:var(--ink-2);font-weight:400}

 
.grid{grid-template-rows:auto auto auto auto auto}
.res{grid-area:3/1/4/14;margin-top:55px}
.more{grid-area:4/1/5/14;margin-top:55px}.all{grid-area:5/1/6/14;margin-top:55px}
.grid.has-ours{grid-template-rows:auto auto auto auto auto auto}
.has-ours .ours{grid-area:3/1/4/14;margin-top:55px}.has-ours .res{grid-area:4/1/5/14;margin-top:55px}
.has-ours .more{grid-area:5/1/6/14}.has-ours .all{grid-area:6/1/7/14}
.more,.ox{border-top:1px solid var(--rule-strong)}
.more>summary,.ox>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:21px;min-height:55px;padding:13px 0;font:500 16px/26px var(--body);color:var(--ink)}
.more>summary::-webkit-details-marker,.ox>summary::-webkit-details-marker{display:none}
.more>summary::after,.ox>summary::after{content:"";flex:0 0 8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform 194ms var(--ease)}
.more[open]>summary::after,.ox[open]>summary::after{transform:rotate(-135deg)}
.more>summary:hover,.ox>summary:hover{color:var(--ink-2)}
.more>summary:focus-visible,.ox>summary:focus-visible{outline:2px solid var(--rule-strong);outline-offset:2px}
.mrow{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:0 34px;padding:21px 0 34px}
.mrow .route{grid-area:auto;grid-column:1/9;margin-top:0}.mrow .src{grid-area:auto;grid-column:9/14;margin-top:0}
.mrow h2{font:400 26px/31px var(--display)}
.ox{margin-top:21px}.ox>.oc{padding:8px 0 21px;margin-top:0}
.ours .ot{margin-bottom:0}
@media (max-width:820px){
  .res,.more,.all,.has-ours .ours,.has-ours .res,.has-ours .more,.has-ours .all{grid-area:auto;margin-top:55px}
  .grid,.grid.has-ours{grid-template-rows:none}
  .mrow{display:block}.mrow .src{margin-top:34px}
  .ot,.ot tbody,.ot tr{display:block;width:100%;max-width:100%;overflow:visible}.ot caption{white-space:normal}.ot thead{display:none}.ot caption{display:block}
  .ot tr{display:grid;grid-template-columns:1fr 1fr;gap:3px 21px;padding:13px 0;border-top:1px solid var(--rule)}
  .ot tbody tr:last-child{border-bottom:1px solid var(--rule)}
  .ot th,.ot td{display:block;border:0;padding:0}
  .ot tbody th{grid-column:1/-1;font:500 16px/26px var(--body)}
  .ot tbody th small{display:inline;margin-left:8px}
  .ot tbody tr:last-child th,.ot tbody tr:last-child td{border-bottom:0}    
  .ot td::before{content:attr(data-l);display:block;font:500 14px/20px var(--body);color:var(--ink-2)}
  .ot td:nth-child(4){grid-column:1/-1}
}

 
@media (min-width:821px){
  .grid.has-ours{grid-template-rows:auto auto auto auto auto auto auto}
  .has-ours .top-block{grid-area:1/1/2/14}
  .has-ours .lead{grid-area:2/1/3/14}
  .has-ours .res{grid-area:3/1/4/14;margin-top:55px}
  .has-ours .ours{grid-area:4/1/5/14;margin-top:89px}
  .has-ours .reads{grid-area:5/1/6/14;margin-top:89px}.has-ours .reads .tiles{grid-template-columns:repeat(6,1fr)}
  .has-ours .more{grid-area:6/1/7/14;margin-top:55px}
  .has-ours .all{grid-area:7/1/8/14;margin-top:89px}
}
@media (max-width:820px){.has-ours .reads{grid-area:auto;margin-top:55px}}

 
.grid>.all,.grid.has-ours>.all{margin-top:34px}

.ours .ol{margin:21px 0 0}.ours .ol a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}


 
.res .ipdn{margin:0 0 13px;color:var(--ink-2);font:400 14px/20px var(--body)}

 
.lead p.kicker.st{border-top:0;height:auto;padding-top:0;margin:13px 0 0;color:var(--ink)}

 
@media (max-width:640px){.ours .ot tr{grid-template-columns:max-content max-content;column-gap:21px}.ours .ot td::before{white-space:nowrap}}