.jscs{box-sizing:border-box;max-width:1100px;margin:30px auto;font-family:inherit;color:#17202a}.jscs *,.jscs *:before,.jscs *:after{box-sizing:border-box}
.jscs-header{margin-bottom:22px}.jscs-header h2{margin:0 0 8px;font-size:30px;line-height:1.2}.jscs-header p{margin:0;color:#66717d}
.jscs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.jscs-card{background:#fff;border:1px solid #dfe3e7;border-radius:16px;padding:24px;box-shadow:0 5px 18px rgba(0,0,0,.06)}.jscs-card h3{margin:0 0 18px;font-size:21px}
.jscs label{display:block;margin:0 0 13px;font-size:14px;font-weight:700}.jscs input,.jscs select{width:100%;margin-top:7px;min-height:46px;padding:10px 12px;border:1px solid #cfd5da;border-radius:9px;background:#fff;color:#17202a;font-size:15px}
.jscs input:focus,.jscs select:focus{outline:2px solid #17202a;outline-offset:1px}
.jscs-actions{margin:18px 0}.jscs-primary,.jscs-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;min-height:48px!important;padding:12px 20px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important}
.jscs-primary{margin-right:8px!important;border:2px solid #000!important;background:#000!important;color:#fff!important}.jscs-secondary{border:2px solid #000!important;background:#000!important;color:#fff!important}
.jscs-primary:hover,.jscs-secondary:hover{background:#222!important;color:#fff!important}.jscs-empty{color:#6b7580;line-height:1.6}
.jscs-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.jscs-side{padding:18px;border:1px solid #dfe3e7;border-radius:12px}.jscs-side span,.jscs-side small,.jscs-side em{display:block;color:#66717d}.jscs-side strong{display:block;font-size:25px;margin:7px 0}.jscs-side em{margin-top:9px;font-style:normal;font-weight:700}.jscs-vs{display:flex;align-items:center;font-weight:800;color:#66717d}
.jscs-difference{margin-top:16px;padding:18px;border-radius:12px;background:#f3f4f5}.jscs-difference span,.jscs-difference small{display:block;color:#66717d}.jscs-difference strong{display:block;font-size:24px;margin:4px 0}
.jscs-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eceff1}.jscs-breakdown{margin-top:16px}.jscs-breakdown span{color:#66717d}
.jscs-advice{margin-top:18px;padding:16px;border-radius:10px;background:#f3f4f5}.jscs-advice p{margin:7px 0 0;line-height:1.55}.jscs-note{margin:14px 0 0;font-size:12px;color:#7a838c;line-height:1.5}
.jscs-jobs{display:block;margin-top:18px;padding:13px 16px;border-radius:10px;background:#17202a;color:#fff!important;text-align:center;font-weight:700;text-decoration:none!important}.jscs-jobs:hover{background:#000;color:#fff!important}
@media(max-width:760px){.jscs-grid{grid-template-columns:1fr}.jscs-card{padding:18px}.jscs-header h2{font-size:25px}.jscs-compare{grid-template-columns:1fr}.jscs-vs{justify-content:center}.jscs-primary,.jscs-secondary{display:flex!important;width:100%;margin:10px 0 0!important}}

.jscs-note{margin:0 0 18px;color:#59636e;font-size:14px}.jscs-card input[list]{width:100%;box-sizing:border-box}