.csRoot .cpIntro{padding:16px 16px 24px}@media (min-width:768px){.csRoot .cpIntro{padding:40px 24px 32px}}.csRoot .cpPage .toolsHead{max-width:48rem;margin:0 auto 12px}@media (max-width:639.98px){.csRoot .cpPage .toolsTitle{font-size:26px}}.csRoot .cpLead{font-size:16px;margin-top:20px;text-align:center}@media (min-width:768px){.csRoot .cpLead{font-size:18px}}.csRoot .cpDrill{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:100%;max-width:min(30rem,max(280px,100dvh - 330px));margin:0 auto}.csRoot .cpDrillHud{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.csRoot .cpDrillBest,.csRoot .cpDrillLevel{display:inline-flex;align-items:baseline;gap:6px}.csRoot .cpDrillLevelLabel{font-family:var(--csUi);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:var(--csLeadFlat);color:var(--csInkMeta)}.csRoot .cpDrillLevelNum{font-size:26px;color:var(--csInk)}.csRoot .cpDrillBestNum,.csRoot .cpDrillLevelNum{font-family:var(--csMono);font-weight:700;line-height:var(--csLeadFlat)}.csRoot .cpDrillBestNum{font-size:18px;color:var(--csInkBody)}.csRoot .cpDrillBoard{display:flex;width:100%;aspect-ratio:1/1}.csRoot .cpDrillLine{min-height:calc(2em * 1.5);margin:0;font-family:var(--csUi);font-size:15px;line-height:var(--csLeadBody);text-align:center;color:var(--csInkBody)}.csRoot .cpDrillLine[data-phase=cleared]{color:var(--csSuccess);font-weight:600}.csRoot .cpDrillLine[data-phase=missed],.csRoot .cpDrillLine[data-phase=over]{color:var(--csInk);font-weight:600}.csRoot .cpDrillKeys{display:flex;justify-content:center;gap:10px}.csRoot .cpDrillKeys .csBtn{flex:1 1 0;max-width:14rem}@media (pointer:coarse){.csRoot .cpDrillKeys .csBtn{--csKeyPressPull:calc(1px - var(--csDepth));min-height:48px}}.csRoot .cpArticle{box-sizing:border-box;max-width:56rem;margin:0 auto;padding:8px 16px 56px}.csRoot .cpSection{padding:28px 0;scroll-margin-top:64px}@media (min-width:640px){.csRoot .cpSection{padding:34px 0}}.csRoot .cpTable{margin-top:16px}.csRoot .cpRowName{display:flex;flex-direction:column;gap:2px;text-align:left}.csRoot .cpRowMeta{font-family:var(--csUi);font-size:13px;font-weight:400;line-height:var(--csLeadBody);color:var(--csInkMeta)}.csRoot .cpSymbol{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--csMono);font-weight:700}.csRoot .cpFigurine{font-size:1.6em;font-weight:400;line-height:var(--csLeadFlat);color:var(--csInk)}.csRoot .cpPiece{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media (min-width:768px){.csRoot .cpPiece{grid-template-columns:minmax(0,1fr) 18rem;gap:36px}}.csRoot .cpPieceText{min-width:0}.csRoot .cpFacts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.csRoot .cpFigure{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0}.csRoot .cpFigureBoard{width:100%;max-width:18rem}.csRoot .cpDiagramBox{width:100%;aspect-ratio:1/1}.csRoot .cpDiagramFrame{position:relative;pointer-events:none}.csRoot .cpFigureCaption{max-width:18rem;font-family:var(--csUi);font-size:14px;line-height:var(--csLeadBody);text-align:center;color:var(--csInkMeta)}.csRoot .cpCtas{display:flex;flex-direction:column;gap:10px;margin-top:22px}@media (min-width:640px){.csRoot .cpCtas{flex-direction:row;flex-wrap:wrap}}@media (pointer:coarse){.csRoot .cpCtas .csBtn{--csKeyPressPull:calc(1px - var(--csDepth));min-height:44px}}.csRoot .cpFaqItem{padding:18px 0;border-top:1px solid var(--csLine)}.csRoot .cpFaqItem:first-child{padding-top:0;border-top:0}.csRoot .cpFaqItem:last-child{padding-bottom:0}.csRoot .csProse .cpFaq .cpFaqItem h3.cpFaqQ{margin:0 0 6px}.csRoot .csProse .cpFaq .cpFaqItem p.cpFaqA{margin:0}