/* HireUp builders (Nov 7, 2026): /resume-builder/ and /job-description-builder/. Form look = the questionnaire's. */

.qsec{padding-top:40px}
.qbox{max-width:720px;margin:0 auto}
.q-progress{margin-bottom:18px}
.q-bar{height:4px;background:var(--line);border-radius:4px;overflow:hidden}
.q-bar span{display:block;height:100%;width:20%;background:var(--gold);transition:width .35s ease}
.q-count{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:10px 0 0;font-weight:600}
.q-form,.q-done{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;padding:24px 18px}
@media(min-width:700px){.q-form,.q-done{padding:40px 44px}}
.q-step{border:0;padding:0;margin:0;min-width:0}
.q-h{font-size:24px;font-weight:700;color:var(--navy);margin:0 0 20px;padding:0}
.q-form .field{margin-bottom:20px}
.q-form .field>label,.q-form .flabel{display:block;font-size:15px;font-weight:600;color:var(--navy);margin:0 0 8px;line-height:1.35}
.q-form small{font-weight:400;color:var(--muted);font-size:13px}
.qn{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;margin-right:9px;vertical-align:1px;padding:0 4px}
.q-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.q-form select,.q-form textarea{width:100%;min-height:52px;border:1px solid #cfd3da;border-radius:4px;padding:12px 14px;font:16px var(--sans);color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none}
.q-form select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23082E62' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:38px}
.q-form textarea{min-height:96px;resize:vertical}
.q-form input:focus,.q-form select:focus,.q-form textarea:focus{border-color:var(--teal);outline:2px solid rgba(5,103,142,.18);outline-offset:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-block;padding:12px 16px;border:1px solid #cfd3da;border-radius:999px;font-size:14px;font-weight:600;color:var(--navy);background:#fff;transition:all .15s}
.chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.file{position:relative;display:flex;align-items:center;gap:12px;border:2px dashed #b9c2cf;border-radius:6px;padding:18px 16px;cursor:pointer;color:var(--navy);font-size:15px;font-weight:600;background:var(--paper);word-break:break-all}
.file.has{border-style:solid;border-color:var(--teal);background:#eef6f9}
.file input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}
.file:focus-within{border-color:var(--gold)}
.file svg{width:22px;height:22px;fill:var(--teal);flex:none}
.hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden;opacity:0}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted);margin:8px 0 6px;line-height:1.5}
.consent input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--navy)}
.q-error{color:#a12a1f;font-weight:600;font-size:14px;margin:14px 0 0}
.q-error:empty{display:none}
.q-nav{display:flex;gap:10px;margin-top:24px}
.q-nav .btn{flex:1;justify-content:center}
.q-nav [hidden],.qbox [hidden]{display:none!important}
.q-nav #qback{flex:0 0 auto;min-width:96px}
.q-done{text-align:left}
.q-done h2{margin:6px 0 12px}
.q-done h2 em{font-style:normal;color:var(--teal)}
.q-check{width:52px;height:52px;border-radius:50%;background:var(--teal);display:grid;place-items:center;margin-bottom:14px}
.q-check svg{width:28px;height:28px;fill:#fff}

.bld{padding-top:34px}
.bld-grid{display:grid;gap:34px}
@media(min-width:1000px){.bld-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:48px;align-items:start}.bld-side{position:sticky;top:110px}.bld-only-phone{display:none!important}}
.bld .q-form{padding:22px 16px}
@media(min-width:700px){.bld .q-form{padding:34px 36px}}
.bld .q-h{margin-bottom:8px}
.bld .q-intro{color:var(--muted);font-size:14.5px;margin:0 0 20px;line-height:1.55}
.bld .two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.bld .field>label>input,.bld .field>label>textarea,.bld .field>label>select{margin-top:8px}
.bld .hint{font-size:13px;color:var(--muted);margin:7px 0 0;line-height:1.5}
.bld textarea{line-height:1.5}
.bld-note{display:flex;gap:12px;align-items:flex-start;background:#eef6f9;border:1px solid #cfe5ee;border-radius:6px;padding:14px 16px;margin:0 0 22px;font-size:14px;color:var(--navy);line-height:1.5}
.bld-note b{display:block;margin-bottom:2px}
.bld-note svg{width:20px;height:20px;fill:var(--teal);flex:none;margin-top:2px}
.bld-restored{font-size:13px;color:var(--muted);margin:0 0 14px}
.bld-restored button,.bld-linkbtn{background:none;border:0;padding:0;font:600 13px var(--sans);color:var(--teal);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bld-entry{border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:6px;padding:16px 14px 2px;margin:0 0 14px;background:#fbfbf9}
.bld-entry-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--navy)}
.bld-entry-h i{font-style:normal}
.bld-rm{background:none;border:0;color:var(--muted);font:600 13px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 0 6px 10px}
.bld-entry .field{margin-bottom:14px!important}
.bld-add{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1.5px dashed #9fb3c8;border-radius:6px;background:#fff;color:var(--navy);font:600 15px var(--sans);cursor:pointer;margin:0 0 20px}
.bld-add:hover{border-color:var(--teal);color:var(--teal)}
.q-nav [data-see]{flex:1;padding:0 16px;white-space:nowrap}
.bld-pv{background:#e8edf3;border:1px solid #d9e1ea;border-radius:8px;padding:14px 14px 16px}
.bld-pv-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--navy)}
.pv-info{font-size:11px;letter-spacing:.06em;text-transform:none;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pv-info.ok{background:#dff0f5;color:var(--teal)}
.pv-info.warn{background:#fff;color:#a12a1f;white-space:normal;text-align:right}
.pv-frame{position:relative;overflow:hidden;width:100%;border-radius:2px;box-shadow:0 12px 34px rgba(8,46,98,.16),0 1px 3px rgba(8,46,98,.12);background:#fff}
.pv-page{position:absolute;left:0;top:0;width:816px;min-height:1056px;padding:48px;background:#fff;transform-origin:0 0}
.pv-cut{position:absolute;left:0;right:0;top:1008px;border-top:2px dashed #9fb3c8}
.pv-cut span{position:absolute;right:12px;top:-12px;background:#fff;color:#7d8ba0;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:2px 8px}
.bld-acts{margin-top:16px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:6px;padding:18px 16px}
.bld-acts h3{font-family:var(--sans);font-size:16px;font-weight:700;color:var(--navy);margin:0 0 12px;letter-spacing:0}
.bld-btns{display:grid;gap:10px}
@media(min-width:520px){.bld-btns{grid-template-columns:1fr 1fr}}
.bld-btns .btn{width:100%}
.bld-alt{font-size:13px;color:var(--muted);margin:10px 0 0}
.bld-alt a{color:var(--teal);font-weight:600}
.bld-acts .consent{margin:14px 0 4px}
.bld-acts .q-error{margin-top:10px}
.bld-done{outline:none}
.bld-done .q-check{margin-bottom:10px}
.bld-done h3{font-family:var(--serif);font-size:30px;font-weight:500;margin:0 0 8px}
.bld-done h3 em{font-style:normal;color:var(--teal)}
.bld-done p{margin:0 0 10px;color:var(--ink)}
.bld [hidden]{display:none!important}
.rs{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#14213a;font-size:10pt;line-height:1.42;text-align:left}
.rs .rs-name{font-family:var(--serif);font-weight:600;font-size:30pt;line-height:1.02;color:#082E62;margin:0 0 5pt;letter-spacing:0}
.rs .rs-co{font:700 9pt/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#05678E;margin:0 0 6pt}
.rs .rs-target{font:600 10pt/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#05678E;margin:0 0 6pt}
.rs .rs-contact{font-size:9.5pt;color:#5b6678;margin:0 0 4pt;padding-bottom:10pt;border-bottom:1.5pt solid #05678E}
.rs .rs-ph{color:#b9c1cc!important}
.rs h2{font:700 9pt/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#082E62;margin:15pt 0 7pt;padding-bottom:4pt;border-bottom:.75pt solid #d3dae3}
.rs p{margin:0 0 4pt;max-width:none}
.rs ul{margin:2pt 0 0;padding-left:13pt}
.rs li{margin:0 0 2pt;padding-left:1pt}
.rs li::marker{color:#05678E}
.rs .rs-row{display:flex;justify-content:space-between;gap:12pt;align-items:baseline;margin-top:2pt}
.rs .rs-row b{font-size:10.5pt;color:#082E62}
.rs .rs-row span{font-size:9.3pt;color:#5b6678;white-space:nowrap}
.rs .rs-sub{color:#05678E;font-size:9.3pt;font-weight:600;margin:1pt 0 2pt}
.rs .rs-gap{height:7pt}
.rs.jd .rs-contact{font-weight:600;color:#14213a}
#print-area{display:none}
@media print{
 @page{size:letter;margin:.5in}
 html,body{background:#fff!important;margin:0!important;padding:0!important}
 body>*{display:none!important}
 body>#print-area{display:block!important}
 #print-area .rs{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 #print-area .rs-ph{display:none}
 #print-area .rs h2{break-after:avoid;page-break-after:avoid}
 #print-area .rs li,#print-area .rs .rs-row{break-inside:avoid}
}