.container--job-commute{max-width:72rem}.job-commute-hero{margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #d8d8ef;border-radius:1.5rem;background:linear-gradient(135deg,#f5f4ff,#f4fbf8)}.job-commute-eyebrow,.job-commute-kicker{margin:0 0 .35rem;color:#4d4c91;font-size:.78rem;font-weight:800;letter-spacing:.13em}.job-commute-hero h1{margin:.15rem 0 .65rem}.job-commute-trust{color:#315f59;font-weight:700}.job-commute-panel{padding:clamp(1rem,3vw,1.8rem);border:1px solid #dddfea;border-radius:1.25rem;background:#fff;box-shadow:0 .8rem 2rem rgba(49,52,94,.08)}.job-commute-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.job-commute-heading__actions{display:flex;flex-wrap:wrap;gap:.55rem}.job-commute-common{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.job-commute-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.job-commute-block{min-width:0;padding:1rem;border:1px solid #dee2ec;border-radius:1rem;background:#fafbff}.job-commute-block h3{margin:.1rem 0 1rem}.job-commute-fields{display:grid;gap:.9rem}.job-commute-field{min-width:0}.job-commute-field label{display:block;margin-bottom:.35rem;font-weight:700}.job-commute-control{display:flex;min-width:0;align-items:center;gap:.45rem}.job-commute-control input{width:100%;min-width:0}.job-commute-unit{flex:none;color:#59646c}.job-commute-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.job-commute-hint{margin:.35rem 0 0;color:#5d6972;font-size:.88rem}.job-commute-actions{display:flex;justify-content:flex-end;margin-top:1rem}.job-commute-error{min-height:1.5rem;margin:.75rem 0 0}.job-commute-results{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e1e3eb}.job-commute-verdict{margin:.35rem 0 1rem;color:#3f4389;font-size:clamp(1.55rem,5vw,2.35rem);font-weight:900;overflow-wrap:anywhere}.job-commute-hourlies,.job-commute-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.job-commute-card{min-width:0;padding:1rem;border:1px solid #dee2ec;border-radius:1rem;background:#f8f9ff}.job-commute-card h3{margin:.15rem 0}.job-commute-big{margin:.45rem 0;color:#454990;font-size:clamp(1.3rem,4vw,2rem);font-weight:900;overflow-wrap:anywhere}.job-commute-difference{margin:.75rem 0 1rem;font-weight:800}.job-commute-note{margin:.85rem 0;padding:.8rem 1rem;border-left:.3rem solid #c2791a;background:#fff8e9;color:#664611}.job-commute-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.job-commute-details div{min-width:0;padding:.7rem;border-bottom:1px dashed #d8dce6}.job-commute-details dt{color:#56616c}.job-commute-details dd{margin:.2rem 0 0;font-weight:800;overflow-wrap:anywhere}.job-commute-copy-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.job-commute-copy-status{margin:0}.related-tools p{display:flex;flex-wrap:wrap;gap:.55rem}.related-tools a{display:inline-flex;padding:.55rem .8rem;border:1px solid #d4e4e0;border-radius:999px;text-decoration:none}.job-commute-panel button:focus-visible,.job-commute-panel input:focus-visible{outline:3px solid #eaa33d;outline-offset:2px}@media(max-width:40rem){.job-commute-heading{display:block}.job-commute-heading__actions{margin-top:.75rem}.job-commute-common,.job-commute-compare,.job-commute-hourlies,.job-commute-primary,.job-commute-details{grid-template-columns:1fr}.job-commute-actions .button-primary{width:100%}}@media(max-width:30rem){.job-commute-panel{padding:.9rem}.job-commute-time{grid-template-columns:1fr}.job-commute-block,.job-commute-card{padding:.85rem}.job-commute-control{min-width:0}}