.wp-defs{position:absolute;width:0;height:0;overflow:hidden}

.sg-btn{all:unset;cursor:pointer;padding:9px 16px;border-radius:999px;background:#fff;font-weight:700;font-size:14.5px;color:var(--u-navy);
  box-shadow:inset 0 0 0 1.5px var(--u-edge);transition:background .2s,transform .2s,color .2s}
.sg-btn:hover{transform:translateY(-2px)}
.sg-btn.on{background:var(--u-navy);color:#fff;box-shadow:none}
.sg-btn:focus-visible{outline:3px solid var(--sg-amber);outline-offset:2px}
.wp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.wp-panel[hidden]{display:none}
.wp-tale{font-size:16.5px;line-height:1.65;margin:0 0 14px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:var(--u-sh)}
.wp-tale span{color:#8A949C;border-radius:6px;padding:1px 3px;margin:0 -1px;transition:color .35s,background .35s,box-shadow .35s}
.wp-tale span.rd{color:var(--u-ink)}
.wp-tale span.on{color:var(--u-ink);background:var(--sg-blue-bg);box-shadow:inset 0 -2px 0 var(--sg-blue)}
.wp-sb .wp-tale span{display:inline}
.wp-fig{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:stretch}
.wp-fig1{display:block}
.wp-svgw{min-width:0;background:#fff;border-radius:14px;padding:14px 14px 10px;box-shadow:var(--u-sh)}
.wp-svgw>div{min-width:0}
.wp-svgw svg{display:block;width:100%;overflow:visible}
.wp-work{list-style:none;margin:0;padding:14px 16px;background:#fff;border-radius:14px;box-shadow:var(--u-sh);font:700 16px/1.45 var(--u-font);color:var(--u-ink)}
.wp-work li{padding:4px 0;border-bottom:1px solid var(--u-hair);animation:wp-line .45s ease both}
.wp-work li:last-child{border-bottom:0}
.wp-work li.ans{color:var(--sg-green);font-weight:800}
.wp-work:empty::before{content:"The working is written here, one line at a time.";display:block;color:var(--u-soft);font-weight:500;font-size:14.5px;line-height:1.5}
@keyframes wp-line{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.wp-ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 0}
.wp-ctl:first-child,.wp-tale+.wp-ctl{margin:0 0 14px}
.wp-ctl .sg-btn:disabled{opacity:.55;cursor:default;transform:none}
.wp-ctl .sg-btn.on:not(:disabled){background:var(--u-navy);color:#fff}
.wp-step{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:4px;box-shadow:inset 0 0 0 1.5px var(--u-edge)}
.wp-step .sg-btn{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:20px;box-shadow:none;background:var(--u-ground)}
.wp-val{min-width:92px;text-align:center;font-size:15px}
.wp-key{display:flex;gap:14px;align-items:center;margin:8px 0 0;font-size:13.5px;color:var(--u-soft)}
.wp-key .k{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:-8px;vertical-align:-2px;border:1.6px solid #1F2933;background:#93B8F2}
.wp-key .k.fr{background:#fff;border-style:dashed}

.wp-el{transition:transform .65s cubic-bezier(.3,1.25,.5,1),opacity .45s ease}
.wp-out{opacity:0!important}
.wp-new>.gx{transform-box:fill-box;transform-origin:0 50%;animation:wp-gx .6s cubic-bezier(.3,1.3,.5,1) both;animation-delay:var(--d,0ms)}
.wp-new>.gf{animation:wp-gf .45s ease both;animation-delay:var(--d,0ms)}
.wp-new>.gp{transform-box:fill-box;transform-origin:50% 50%;animation:wp-gp .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:var(--d,0ms)}
@keyframes wp-gx{from{transform:scaleX(0);opacity:.3}to{transform:none;opacity:1}}
@keyframes wp-gf{from{opacity:0}to{opacity:1}}
@keyframes wp-gp{from{transform:scale(0)}to{transform:none}}
.wp-s{stroke:#1F2933;stroke-width:1.6}
.wp-s.q{fill:#93B8F2}
.wp-s.diff{fill:#EFA02A}
.wp-s.gone{fill:#fff;stroke-dasharray:5 4}
.wp-s.rough{fill:#F3F6FA;stroke:#8A949C;stroke-dasharray:6 5}
.wp-s.cell{stroke-width:.9}
.wp-s.cell.gone{stroke-dasharray:2 2}
.wp-s.rc{stroke-width:1.6}
.wp-sl{font-family:var(--u-font);font-weight:800;fill:#1F2933}
.wp-nm{font:700 15px var(--u-font);fill:#1F2933}
.wp-nm.sm{font-size:13px}
.wp-br{fill:none;stroke:#1F2933;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wp-br.df{stroke:#E08E12;stroke-width:2.4}
.wp-bl{font:800 15px var(--u-font);fill:#164EA5}
.wp-bl.df{fill:#9D630C}
.wp-guide{stroke:#67757F;stroke-width:1.5;stroke-dasharray:4 4}
.wp-gl{font:600 12px var(--u-font);fill:#5E6B75}
.wp-ring{fill:none;stroke:#1F2933;stroke-width:1.5;stroke-dasharray:6 4}
.wp-bd{fill:#93B8F2;stroke:#1F2933;stroke-width:1.6}
.wp-bd.fr{fill:#fff;stroke-dasharray:3 2.5}
.wp-ft{font:800 11px var(--u-font);fill:#1F2933;letter-spacing:0}
.wp-path{fill:#E7E1D6}
.wp-post{stroke:#1F2933;stroke-width:2.2;stroke-linecap:round}
.wp-flag{fill:#93B8F2;stroke:#1F2933;stroke-width:1.3;stroke-linejoin:round}
.wp-x{stroke:#1F2933;stroke-width:2.4;stroke-linecap:round}
.wp-tot{font:800 17px var(--u-font);fill:#1F2933}
.wp-same{font:700 12.5px var(--u-font);fill:#5E6B75}
.wp-pr{font:800 14px var(--u-font);fill:#164EA5}
.wp-box{fill:#fff;stroke:#1F2933;stroke-width:1.8}
.wp-box.dash{stroke-dasharray:5 4;stroke:#8A949C}
.wp-box.ask{stroke:#2F6FEB;stroke-width:2.4;stroke-dasharray:5 4}
.wp-box.got{fill:#EAF1FE;stroke:#2F6FEB}
.wp-box.yes{fill:#E7F2D9;stroke:#4A7A1E;stroke-width:2.4}
.wp-bt{font:800 20px var(--u-font);fill:#1F2933}
.wp-ar{fill:none;stroke-width:2.4;stroke-linecap:round}
.wp-ar.b{stroke:#2F6FEB}.wp-ar.g{stroke:#67757F}
.wp-al{font:800 15px var(--u-font)}
.wp-al.b{fill:#164EA5}.wp-al.g{fill:#5E6B75}

.wp-hero{border-radius:18px;background:#fff;box-shadow:var(--u-sh);padding:16px 16px 12px;min-height:250px;display:flex;flex-direction:column;gap:8px}
.wp-htale{margin:0;font-size:14px;line-height:1.5;min-height:63px}
.wp-htale span{color:#A3ACB3;transition:color .4s,background .4s;border-radius:5px;padding:0 2px}
.wp-htale span.rd{color:var(--u-ink)}
.wp-htale span.on{color:var(--u-ink);background:var(--sg-blue-bg)}
.wp-hsvg{min-width:0}
.wp-hsvg svg{display:block;width:100%;overflow:visible}
.wp-hwork{margin:auto 0 0;min-height:24px;font:800 15.5px/1.4 var(--u-font);color:#164EA5;text-align:center;white-space:pre-wrap}

.wp-bags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 14px}
.wp-bag{all:unset;cursor:pointer;width:58px;height:66px;display:grid;place-items:end center;border-radius:12px;transition:background .2s}
.wp-bag:hover{background:#fff}
.wp-bag:focus-visible{outline:3px solid var(--sg-amber);outline-offset:2px}
.wp-bag svg{width:44px;height:50px;transform:scale(.72);transform-origin:50% 100%;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.wp-bag.L svg{transform:scale(1.12)}
.wp-bag .bg{fill:#93B8F2;stroke:#1F2933;stroke-width:2;stroke-linejoin:round}
.wp-bag .tie{stroke:#1F2933;stroke-width:2;stroke-linecap:round}
.wp-bag text{font:800 15px var(--u-font);fill:#1F2933}
.wp-tw{overflow-x:auto;margin-top:14px}
.wp-tab{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--u-sh);font-size:15px}
.wp-tab th{font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--u-soft);text-align:left;padding:9px 12px;background:#FBFAF7;border-bottom:1px solid var(--u-hair)}
.wp-tab td{padding:8px 12px;border-bottom:1px solid var(--u-hair);font-weight:700;animation:wp-line .4s ease both}
.wp-tab tr:last-child td{border-bottom:0}
.wp-tab tr.ok td{background:var(--sg-green-bg);color:var(--sg-green)}
.wp-tnote{margin:8px 2px 0;color:var(--u-soft);font-size:14px}

.wp-rng{display:grid;gap:6px;margin-top:14px;font-size:15.5px}
.wp-rng b{color:#164EA5;font-size:18px}
.wp-rng input{width:100%;accent-color:var(--sg-blue)}

.sg-card .mini .wp-mini{display:grid;gap:8px;width:110px}
.wp-mini .r{display:flex;gap:0;align-items:center}
.wp-mini i{display:block;flex:none;width:26px;height:22px;background:#93B8F2;border:1.5px solid #0E2A47;margin-left:-1.5px;animation:wp-mini 4s ease-in-out infinite}
.wp-mini i:first-child{margin-left:0}
.wp-mini .r:first-child i:nth-child(2){animation-delay:.25s}.wp-mini .r:first-child i:nth-child(3){animation-delay:.5s}
.wp-mini .r:last-child i{animation-delay:.75s}
.wp-mini b{color:#1F2933;font-size:18px;margin-left:10px}
@keyframes wp-mini{0%,8%{transform:scaleX(0);transform-origin:0 50%}22%,88%{transform:none}100%{transform:none}}

@media (max-width:900px){
  .wp-fig{grid-template-columns:1fr;gap:12px}
  .wp-tale{font-size:15.5px;padding:11px 13px}
  .wp-svgw{padding:12px 8px 8px}
  .wp-work{font-size:15px;padding:12px 14px}
  .wp-hero{min-height:0}
  .wp-bags{gap:2px;flex-wrap:nowrap}.wp-bag{width:31px;height:44px;border-radius:8px}.wp-bag svg{width:30px;height:34px}.wp-bag text{font-size:17px}
  .wp-tab th:first-child,.wp-tab td:first-child{display:none}
  .wp-tabs{gap:6px}.wp-tabs .sg-btn{padding:8px 12px;font-size:13.5px}
  .wp-tab{font-size:13.5px}.wp-tab th{font-size:11px;padding:8px 6px}.wp-tab td{padding:7px 6px}
  .wp-val{min-width:80px}
}
@media (prefers-reduced-motion:reduce){
  .wp-el,.wp-tale span,.wp-bag svg{transition:none}
  .wp-new>.gx,.wp-new>.gf,.wp-new>.gp,.wp-work li,.wp-tab td,.wp-mini i{animation:none}
}

@media (max-width:480px){

  #s3 .wp-bag:not(.L) text{font-size:25px}
}