.ask{margin:0 0 40px}.ask>h2{margin:0 0 10px;font:500 clamp(26px,4vw,38px)/1.12 var(--hd)}.ask-lead{max-width:62ch;margin:0 0 20px}.ask-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:860px){.ask-grid{grid-template-columns:1.1fr 1fr;align-items:start}}.ask-panel{padding:20px;background:#ddefe9;border:1px solid #c3dfd6;box-shadow:0 1px 2px #0b0d0e0f,0 16px 32px -14px #0b0d0e38}.ask-panel h3{margin:0 0 12px;font:500 18px/1.3 var(--hd);color:var(--tx)}.ask-deck{position:relative;height:210px;margin:0 0 16px;touch-action:pan-y;outline:none}.ask-deck:focus-visible{outline:2px solid #0B0D0E;outline-offset:4px}.ask-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#fff;color:#0b0d0e;box-shadow:0 1px 2px #0b0d0e0f,0 16px 32px -14px #0b0d0e47;cursor:grab;user-select:none;-webkit-user-select:none;will-change:transform}.ask-card:active{cursor:grabbing}.ask-card .qt{font:500 22px/1.3 var(--hd)}.ask-card .qs{font:500 13px var(--bd);color:#5c6770}.ask-stamp{position:absolute;top:14px;padding:4px 10px;background:#0abab5d9;font:600 13px var(--bd);letter-spacing:.08em;text-transform:uppercase;opacity:0}.ask-stamp.k{right:14px}.ask-stamp.d{left:14px;background:#0b0d0e;color:#fff}.ask-stamp.m{left:50%;transform:translate(-50%);background:#bee2d9}.ask-empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:20px;text-align:center;background:#ffffffb3;font:500 17px/1.4 var(--bd)}.ask-deck.done .ask-empty{display:flex}.ask-hint{margin:12px 0 0;font:500 14px var(--bd);color:#5c6770}.ask-count{float:right;font:500 14px var(--bd);color:#0b0d0e}.ask-list{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px;min-height:52px}.ask-list li{padding:9px 12px;background:#fff;font:500 15px/1.35 var(--bd);color:#0b0d0e}.ask-list li:before{display:none}.ask-list li.empty{background:transparent;color:#5c6770;font-weight:400;padding-left:0}.ask-note{margin:0;font-size:15px;color:#454e56}.ask-run{display:grid;gap:14px}.ask-run-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.ask-prog{font:500 clamp(36px,6vw,52px)/1 var(--hd);color:#0b0d0e}.ask-prog small{font:500 17px var(--bd);color:#5c6770}.ask-cap{margin:0;font:500 14px/1.4 var(--bd);color:#5c6770}.ask-chart{display:block;width:100%;height:auto;background:#fff}.ask-line{stroke-dashoffset:0}.ask-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0;font:500 14px var(--bd);color:#0b0d0e}.ask-key span{display:inline-flex;align-items:center;gap:8px}.kk{display:inline-block;width:14px;height:4px}.kk.a{background:#047a76}.kk.b{background:#0b0d0e}.ask-use,.ask-why{margin:16px 0 0}.ask-steps{margin:0;padding-left:1.3em;display:grid;gap:8px}.ask-steps li{padding:0;color:#454e56}.ask-steps li:before{display:none}.ask-why p:last-child{margin-bottom:0}@media (min-width:760px){.ask-use,.ask-why{grid-template-columns:1fr 1.4fr;align-items:start}}.ask-table{display:grid;grid-template-columns:1fr;gap:14px}.ask-engname{margin:0 0 8px;font:500 14px var(--bd);color:#0b0d0e}@media (prefers-reduced-motion:reduce){.ask-k{transition:none}}.ask-deck{height:230px}.ask-card{padding:24px}.ask-card .qt{font:500 24px/1.25 var(--hd)}.ask-keys{display:flex;justify-content:center;gap:12px;margin:6px 0 0}.ask-k{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0b0d0e;font:500 24px/1 var(--bd);cursor:pointer;box-shadow:inset 0 1px #ffffffe6,0 12px 26px -12px #0b0d0e4d;transition:transform .15s}.ask-k.keep{background:#0abab5d1;box-shadow:inset 0 1px #ffffff8c,0 12px 26px -10px #047a768c}.ask-k.undo{font-size:20px}.ask-k:hover{transform:translateY(-2px)}.ask-k:focus-visible{outline:2px solid #0B0D0E;outline-offset:3px}.ask-k[disabled]{opacity:.4;cursor:not-allowed;transform:none}.ask-hint{margin:14px 0 0;text-align:center;font:500 15px var(--bd);color:#0b0d0e}.ask-hint span{display:block;margin-top:2px;font-size:13px;color:#5c6770}.ask-go{padding:12px 18px;border:0;background:#0abab5c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0b0d0e;font:600 16px var(--bd);cursor:pointer;box-shadow:inset 0 1px #ffffff8c,0 10px 22px -8px #047a7680}.ask-go:hover{background:#0abab5eb}.ask-go:focus-visible{outline:2px solid #0B0D0E;outline-offset:3px}.ask-go[disabled]{opacity:.55;cursor:default}.ask-q{padding:14px 16px;background:#fff}.ask-ql{display:block;font:500 12px var(--bd);letter-spacing:.14em;text-transform:uppercase;color:#047a76}.ask-qt{margin:4px 0 0;font:500 19px/1.3 var(--hd);color:#0b0d0e}.ask-table{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:620px){.ask-table{grid-template-columns:1fr 1fr}}.ask-eng2{padding:12px 14px;background:#fff}.ask-engname{margin:0 0 8px;font:600 14px var(--bd);color:#0b0d0e}.ask-try{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid rgba(11,13,14,.1);font:500 14px var(--bd);color:#454e56}.ask-try .v{min-width:92px;padding:3px 10px;text-align:center;font:600 13px var(--bd);color:#5c6770;background:#f6f3ee}.ask-try .v.y{background:#0abab5;color:#0b0d0e}.ask-try .v.n{background:#ece8e0;color:#454e56}.ask-sum{min-height:22px;margin:8px 0 0;font:600 14px var(--bd);color:#454e56}.ask-sum.y{color:#047a76}.ask-try .v{min-width:104px;padding:7px 14px;border:0;font:500 14px/1.2 var(--bd);letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;color:#5c6770;box-shadow:inset 0 1px #ffffffe6,0 8px 18px -10px #0b0d0e4d}.ask-try .v.y{background:#0abab5d1;color:#0b0d0e;box-shadow:inset 0 1px #ffffff8c,0 10px 20px -8px #047a768c}.ask-try .v.n{background:#bee2d98c;color:#2e8382;box-shadow:inset 0 1px #fffc,0 8px 18px -10px #0b0d0e40}.ask-rule{margin:0;padding:12px 14px;background:#ffffffb3;font:500 15px/1.45 var(--bd);color:#0b0d0e}.ask-rule strong{color:#047a76}.ask-sum.n{color:#5c6770}.ask-k[hidden]{display:none}.ask-keys{gap:14px;margin:10px 0 0}.ask-k[disabled]{opacity:.5}.ask-hint{margin:16px 0 0}.ask-panel h3 .ask-count{display:block;float:none;margin-top:4px;font-size:14px;font-weight:500;color:#454e56}
