/* Demo application form: styled like a generic employer page so the extension has something realistic to fill. */
body.try{margin:0;background:#f3f5f9;color:#1d2433;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.try .demo-banner{background:#fff4d6;border-bottom:1px solid #e9d49b;color:#5b4410;text-align:center;padding:10px 16px;font-size:14px}
.try .demo-banner a{color:#5b4410;font-weight:600}
.try header.employer{background:#0b3d91;color:#fff;padding:16px 48px;display:flex;align-items:center;gap:14px}
.try header.employer b{font-size:20px}.try header.employer span{opacity:.85;font-size:14px}
.try main.form{max-width:760px;margin:28px auto 80px;background:#fff;border:1px solid #dde3ee;border-radius:10px;padding:32px 40px}
.try h1{font:600 24px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0 0 4px;max-width:none;text-align:left;letter-spacing:0}
.try .sub{color:#5a6478;margin:0 0 24px;text-align:left;max-width:none}
.try .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.try label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px;color:#1d2433}
.try input,.try select,.try textarea{width:100%;box-sizing:border-box;border:1px solid #c5cddd;border-radius:6px;padding:10px 12px;font:inherit;background:#fff;color:#1d2433}
.try textarea{min-height:92px}
.try fieldset{border:0;padding:0;margin:14px 0 0}.try legend{font-weight:600;font-size:13px;margin-bottom:6px;padding:0}
.try fieldset label{display:inline-flex;gap:6px;align-items:center;font-weight:400;margin:0 18px 0 0}.try fieldset input{width:auto}
.try .req:after{content:" *";color:#c0392b}
.try .note{margin-top:22px;padding:12px 14px;border:1px dashed #b9c3d8;border-radius:8px;color:#4a5670;font-size:14px;background:#f8faff}
.try .fake{margin-top:12px;background:#9aa7c2;color:#fff;border:0;border-radius:6px;padding:12px 22px;font-weight:600;font-size:15px;cursor:not-allowed}
@media (max-width:640px){.try .row{grid-template-columns:1fr}.try main.form{padding:24px 18px}.try header.employer{padding:14px 18px}}
.try .skip{position:absolute;left:12px;top:-60px;background:#0b3d91;color:#fff;padding:10px 16px;border-radius:8px;z-index:100;text-decoration:none;font-weight:600}
.try .skip:focus{top:12px}