:root{--gl:var(--glide-time) var(--glide-curve);--dr:var(--draw-time) var(--glide-curve)}main{display:block}.prose p,.prose li,.prose-p{overflow-wrap:break-word}.prose h3{margin:26px 0 10px}.src{font:400 13px/1.5 var(--mono);color:var(--soft);margin:10px 0 0;max-width:var(--measure)}.js .to-top{position:fixed;right:16px;bottom:16px;margin:0;z-index:30;background:var(--bg);border:1px solid var(--lav);padding:9px 12px;text-decoration:none;opacity:0;visibility:hidden;transition:opacity var(--gl),visibility var(--glide-time)}.layout.solo{grid-template-columns:minmax(0,1fr)}.spine-grow{position:absolute;left:calc(var(--spine-x) - var(--spine-pad));top:0;bottom:0;width:2px;margin-left:-.5px;background:var(--lav);transform-origin:top;transition:transform var(--dr)}.node{position:absolute;left:calc(var(--spine-x) - var(--spine-pad) - 8px);top:68px;width:16px;height:16px;border-radius:50%;border:2px solid var(--mute);background:var(--bg);transition:background-color var(--dr),border-color var(--dr)}.more>summary:before{content:"+";font:500 18px/1 var(--mono);transition:transform var(--gl)}.dots,.steps{max-width:var(--measure);padding-left:1.2em;margin:0 0 20px}.dots li,.steps li{margin-bottom:.55em}.dots li::marker,.steps li::marker{font-family:var(--mono);color:var(--lav)}.faq{max-width:var(--measure);border-top:1px solid var(--rule);margin-bottom:8px}.faq+.faq{border-top:0}.faq summary:before{content:"+";font:500 18px var(--mono);color:var(--lav);flex:0 0 14px;transition:transform var(--gl)}.go{display:inline-block;font:600 15px/1 var(--sans);color:var(--lav);text-decoration:none;border:1px solid var(--lav);border-radius:2px;padding:12px 18px;white-space:nowrap;background:linear-gradient(var(--lav),var(--lav)) no-repeat left/0 100%;transition:background-size var(--gl),color var(--gl)}.score{font:500 20px/1 var(--mono);color:var(--paper);white-space:nowrap}.score small{font-size:13px;color:var(--soft)}.logo-box{width:72px;height:52px;display:grid;place-items:center;background:var(--raise);border:1px solid var(--rule);border-radius:2px;overflow:hidden;flex:0 0 72px}.logo-box img{max-width:60px;max-height:42px;width:auto;height:auto}.logo-box.as-text{font:600 13px/1.1 var(--sans);color:var(--paper);text-align:center;padding:0 4px}.op-deal{margin:0;font-size:16px;line-height:1.45;max-width:var(--measure)}.op-deal small{display:block;font-size:14px;color:var(--soft);margin-top:2px}.op-fields,.op-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;margin:0;font:400 14px/1.4 var(--mono)}.op-keys{padding-top:8px;border-top:1px dashed var(--rule)}.op-fields div,.op-keys div{min-width:0}.op-fields dt,.op-keys dt{font-size:11px;letter-spacing:.05em;color:var(--mute);text-transform:uppercase}.op-fields dd,.op-keys dd{margin:0;overflow-wrap:anywhere}.card{max-width:960px;margin:18px 0 0;padding:20px 0 16px;border-top:1px solid var(--lav);border-bottom:1px solid var(--rule);display:grid;gap:12px}.card-head{display:flex;align-items:center;gap:16px;min-width:0}.card-head{padding:10px 14px;margin:0 -14px;border-radius:6px;background:#2b2236;box-shadow:inset 0 1px #3d3150}.card-id{flex:1 1 auto;min-width:0}.card-id h2{font-size:26px;margin:0}.card-sub{margin:2px 0 0;font:500 13px/1.4 var(--mono);color:var(--soft)}.score.big{font-size:34px}.score.big small{font-size:15px}.card .op-keys .wide{grid-column:1/-1}.card-act{padding-top:4px}@media(max-width:1099px){.layout{grid-template-columns:minmax(0,1fr)}.qindex{grid-column:1;grid-row:1;position:static;max-height:none;overflow:visible;margin-top:0;padding:14px 0 0;border-top:1px solid var(--rule);min-width:0}.qindex ol{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;max-width:100%}.qindex li{flex:0 0 auto;border:0}.qindex a{display:flex;gap:6px;align-items:baseline;padding:7px 12px;border:1px solid var(--rule);border-radius:999px;white-space:nowrap}.qi-q{font-size:15px}.chron{grid-row:2}.solo .chron{grid-row:1}}@media(max-width:760px){.lede{font-size:19px}.chapter{padding-top:52px}.node{top:55px;width:14px;height:14px;left:calc(var(--spine-x) - var(--spine-pad) - 6px)}.short{font-size:19px}.faq summary h3{font-size:19px}.faq details p{margin-left:0}.logo-box{width:60px;height:44px;flex-basis:60px}.logo-box img{max-width:50px;max-height:34px}.op-fields,.op-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.card-head{flex-wrap:wrap}.card-id{flex-basis:calc(100% - 80px)}.card-id h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.js .chapter .spine-grow{transform:none}.node{border-color:var(--lav);background:var(--lav)}}
