.wb-hero{padding:clamp(24px,5vw,56px);border-radius:26px;background:linear-gradient(130deg,#142c46,#433367);color:white;margin:24px 0}.wb-hero>span{font-size:11px;letter-spacing:.15em;color:#b9e9e2}.wb-hero h2{font-size:clamp(30px,4vw,48px);line-height:1.15;max-width:640px}.wb-hero p{max-width:720px;line-height:1.8;color:#dbd9ed}.wb-correction{border-inline-start:4px solid #e29935;background:#f6ba4315;border-radius:14px;padding:20px 24px;margin:26px 0}.wb-correction h2{font-size:20px}.wb-correction p{line-height:1.7}.wb-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:26px 0}.wb-toolbar label{display:grid;gap:8px;flex:1;min-width:170px}.wb-toolbar input,.wb-toolbar select,.wb-compare input{padding:12px;border:1px solid #9585aa60;border-radius:9px;background:var(--surface,#fff);color:inherit}.wb-progress{display:flex;gap:20px;align-items:center}.wb-progress progress{flex:1;accent-color:#8962cc;height:12px}.wb-tip{font-size:13px;line-height:1.8;color:#81748e}.wb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;scroll-margin-top:100px}.wb-card{border:1px solid #9585aa40;border-radius:18px;padding:22px;background:var(--surface,#fff);min-width:0}.wb-card.is-done{border-color:#54a984;background:#64c5930b}.wb-card h2{font-size:22px;margin:14px 0}.wb-card header{display:flex;justify-content:space-between;gap:10px}.wb-card header>span{color:#8962cc;font-size:12px}.wb-card label{font-size:12px}.wb-card p,.wb-card li{font-size:13px;line-height:1.8}.wb-card ol{padding-inline-start:20px}.wb-card li{padding:6px 0}.wb-command{display:flex;gap:12px;align-items:center;padding:10px;background:#8a6bb30d;border-radius:10px}.wb-command code{direction:ltr;flex:1;overflow-wrap:anywhere;font-size:14px}.wb-command button{border:1px solid #9585aa60;border-radius:7px;padding:7px 12px;background:var(--surface,#fff);color:inherit;cursor:pointer}.wb-note{color:#81748e}.wb-card>a{font-size:12px}.wb-compare{border:1px solid #9585aa40;border-radius:18px;padding:24px;margin:28px 0}.wb-compare label{display:inline-grid;gap:8px;margin:8px 12px}.wb-compare p{line-height:1.7}@media(max-width:680px){.wb-grid{grid-template-columns:1fr}.wb-toolbar{flex-direction:column;align-items:stretch}.wb-progress{flex-wrap:wrap}.wb-card{padding:18px}}