/* JobAtOnce document studio: palette sampled from jobatonce.com/welcome. */
:root{--ink:#142442;--muted:#536783;--blue:#1463ec;--line:#d8e3f1;--bg:#f5f8fe;--green:#1256cc;--paper:#fff;--radius:12px;--shadow:0 12px 30px #14244212}
*{scrollbar-color:#afc2df #edf3fd}::selection{background:#cfe2ff;color:#142442}
body{background:var(--bg)}.site-header{height:72px;max-width:none;padding:0 40px;background:#fff;border-bottom:1px solid var(--line)}.brand{color:var(--ink)}.brand-at{color:var(--blue)}.header-note{font-size:13px}.header-start{border-color:var(--line);font-size:13px}.site-header .brand img{width:32px;height:32px}
main{max-width:1512px;margin:auto;padding:0 40px}.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 28px}.studio-intro h1{font:500 clamp(32px,3.4vw,48px)/1.15 'DM Sans',sans-serif;letter-spacing:-.035em}.studio-intro h1 em{font:400 1.12em 'Newsreader',serif;color:#2862d8}.studio-intro p{font-size:14px;color:var(--muted);margin:9px 0 0}.studio-actions{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted)}
.workspace{display:grid;grid-template-columns:minmax(340px,380px) minmax(0,1fr);gap:0 24px;align-items:start;margin:0}.workflow-dock{grid-column:1;grid-row:1;padding:0;background:none;border:0;position:static;width:auto}.workflow-dock h2,.dock-note{display:none}.steps{display:flex;gap:0;padding:0;margin:0 0 20px;border-bottom:1px solid var(--line)}.steps li{flex:1;padding:0;border:0}.steps li button{padding:12px 4px;display:flex;gap:7px;align-items:center;min-height:58px;width:100%;font-size:11px;text-align:left;color:var(--muted)}.steps small{display:none}.steps li button>span{width:22px;height:22px;font-size:11px;flex:0 0 22px;background:#e8effb;color:#536783}.steps li[aria-current=step]{border-bottom:2px solid var(--blue)}.steps li[aria-current=step] button{color:var(--ink)}.steps li[aria-current=step] button>span{background:var(--blue);color:white}
.working-column{grid-column:1;grid-row:2;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px}.panel,.review-section{padding:0;border:0;background:transparent;box-shadow:none}.panel-heading{display:block;margin:0 0 20px}.panel-heading h2,.section-heading h2{font:600 21px/1.3 'DM Sans',sans-serif;letter-spacing:-.025em}.panel-description{font-size:13px;margin-top:8px;color:var(--muted);line-height:1.55}.panel-heading .quiet{margin-top:14px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.field-grid label,.source-grid label,.language-label{font-size:12px}.optional{font-size:11px;color:var(--muted)}input,textarea,select{border-color:#bdcce0;border-radius:7px;font-size:14px;background:#fff;color:var(--ink);min-height:44px;padding:10px 12px}input::placeholder,textarea::placeholder{color:#64758e;opacity:1}textarea{line-height:1.55}.source-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}.hint{font-size:12px;line-height:1.55;color:var(--muted)}.source-grid .hint{font-size:11px;margin-top:7px}.form-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:end}.form-foot .primary{flex:1 1 100%;font-size:13px}.form-foot .hint{margin:0}.language-label{max-width:100%;width:100%}.language-label select{width:100%}
.primary{background:var(--blue);color:#fff;min-height:46px;border-radius:7px}.primary:hover{background:#1256cc}.primary:disabled{background:#dbe6f6;color:#4e6483}.quiet{min-height:40px;border-color:#ccd9eb;font-size:12px;border-radius:7px;padding:8px 12px}.quiet:hover{background:#eaf2ff}.notice{margin:0 0 18px;background:#eaf2ff;color:#164a9d;border-color:#c9dcfa}.notice.error{background:#fff0ef;color:#8c2626}.check-line input{accent-color:var(--blue)}
.preview-shell{grid-column:2;grid-row:1 / span 2;position:sticky;top:20px;background:var(--paper);border:1px solid #d6e3f7;border-radius:12px;padding:0;overflow:hidden;min-width:0}.preview-heading{padding:18px 24px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading h2{font:600 15px/1.3 'DM Sans',sans-serif}.preview-heading .quiet{font-size:11px;background:#ffffff90;min-height:34px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:10px}.document-tabs{border:0;margin:0;display:flex;gap:20px}.document-tabs button{font-size:12px;padding:10px 0;min-height:42px;color:#536783;border:0;border-bottom:2px solid transparent;border-radius:0}.document-tabs button[aria-pressed=true]{color:#1256cc;border-bottom-color:var(--blue);background:none}.zoom-control select{font-size:11px;min-height:34px;padding:5px 8px;border-color:#ccdaed;margin:0;width:85px}
.template-picker{display:flex;gap:10px;border:0;padding:12px 24px 6px;margin:0}.template-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.template-picker label{flex:1;display:flex;align-items:center;gap:10px;padding:9px;background:var(--paper);border:1px solid #d3e0f3;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;line-height:1.4;position:relative;min-width:0}.template-picker label:has(input:checked){background:#eaf2ff;border-color:#1463ec}.template-picker label:has(input:focus-visible){outline:3px solid #1463ec;outline-offset:3px}.template-picker input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;pointer-events:none}.template-picker small{display:block;font-size:10px;font-weight:400;color:#536783;margin-top:3px}.template-paper{flex:0 0 29px;width:29px;height:40px;padding:6px 4px;background:white;border:1px solid #d8e3f1;display:flex;flex-direction:column;gap:4px}.template-paper i{height:3px;width:65%;background:#142442}.template-paper b{height:1px;width:100%;background:#adc4e7}.template-paper b:nth-child(2){background:#1463ec;margin-bottom:1px}.editorial-paper i{align-self:center}.editorial-paper b:nth-child(2){background:#142442}.compact-paper{gap:3px;padding:4px}.compact-paper i{width:80%}
.preview-caption{font-size:11px;margin:9px 24px 12px;color:#536783;min-height:18px}.pdf-pages{display:flex;flex-direction:column;gap:26px;align-items:center;overflow:auto;padding:24px 24px 32px;background:#eaf2ff;border-top:1px solid #d6e3f7;max-height:calc(100vh - 235px);min-height:380px;scrollbar-gutter:stable}.pdf-pages[aria-busy=true]{min-height:600px}.pdf-sheet{position:relative;background:white;flex-shrink:0;box-shadow:0 8px 24px #1837611c}.pdf-sheet canvas{display:block}.pdf-edit-region{position:absolute;background:transparent;border:1px solid transparent;border-radius:3px;min-height:0;padding:0;cursor:text;transition:background 160ms,border-color 160ms}.pdf-edit-region:hover,.pdf-edit-region:focus-visible{background:#1463ec0c;border-color:#1463ec;outline-offset:1px}.pdf-page-label{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.preview-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:13px 24px;margin:0;background:#f5f8fe;border-top:1px solid #d6e3f7}.workspace-trust{padding:14px 24px;background:#f5f8fe;border-top:1px solid #d6e3f7;margin:0;font-size:11px}.workspace-trust p{font-size:11px;margin:3px 0}.workspace-trust a{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.section-heading{display:block;margin:0 0 18px}.summary{font-size:12px;margin-top:8px}.review-tabs{display:flex;gap:3px;background:#e7effc;margin-bottom:22px;padding:4px;border-radius:7px}.review-tabs button{font-size:11px;padding:9px 6px;flex:1}.review-tabs button[aria-current]{background:white;color:#1256cc}.review-columns{display:block}.panel h3{font-size:18px;margin:0 0 10px}.fact-card{padding:20px 0;border-top-color:var(--line)}.fact-heading{gap:8px;align-items:start;font-size:12px}.fact-heading strong{font-size:12px}.badge{font-size:10px;background:#e8eff9;color:var(--muted);padding:3px 6px;white-space:nowrap}.badge.confirmed{background:#e2eeff;color:#1256cc}.fact-text{font-size:13px;line-height:1.6;margin:10px 0}.fact-edit summary{font-size:12px;color:#1256cc;min-height:32px}.fact-edit textarea{font-size:13px}.metadata-fields{display:grid;gap:10px;margin-top:12px}.metadata-fields label{font-size:11px}.metadata-fields input,.metadata-fields select{width:100%;font-size:13px}.source-quotes{background:#edf3fd;padding:12px;margin-top:14px}.source-quotes blockquote{font-size:12px}.fact-controls{display:grid;gap:7px;margin-top:12px}.check-line{font-size:12px;line-height:1.5;gap:9px;margin:8px 0}.check-line input{min-height:18px;flex:0 0 18px}.requirement-navigation{gap:6px}.requirement-navigation .quiet{padding:8px;font-size:11px}.requirement-navigation label{font-size:11px}.requirement-card{padding:0;border:0}.suggestion-note{background:#eaf2ff;color:#325984;font-size:12px}.evidence-choice{padding:8px 0}.gap-box{font-size:12px}.gap-box.complete{background:#eaf2ff;color:#1256cc}.download-grid{grid-template-columns:1fr;gap:10px}.download{background:#eaf2ff;border-color:#c7dcfa;color:#1256cc}.download:hover{background:#dceaff}.download strong{font-size:15px}.packet-panel .panel-heading{display:block}.secondary-downloads{display:flex;flex-wrap:wrap}.packet-panel details{font-size:12px}
.discovery-copy{margin-top:70px;border-top:1px solid var(--line);padding-top:40px}.discovery-copy h2{font-family:'DM Sans',sans-serif;font-size:27px}.discovery-copy p{font-size:14px}.discovery-copy h3{font-size:18px}footer{max-width:1512px;padding:32px 40px;margin:auto;font-size:11px}.compact-mode .site-header,.compact-mode .studio-intro,.compact-mode .workflow-dock,.compact-mode .working-column,.compact-mode .discovery-copy,.compact-mode footer,.compact-mode #jump-preview{display:none}.compact-mode main{padding:12px;max-width:1000px}.compact-mode .workspace{display:block}.compact-mode .preview-shell{position:static}.compact-mode .pdf-pages{max-height:calc(100vh - 250px)}.compact-mode .workspace-trust{display:none}
@media(min-width:1000px){.mobile-jump{display:none!important}}
@media(max-width:1100px){main{padding:0 24px}.site-header{padding:0 24px}.workspace{grid-template-columns:minmax(290px,320px) minmax(0,1fr);gap:0 18px}.template-picker{padding:14px 16px 5px;gap:6px}.template-picker label{gap:7px;padding:8px 6px;font-size:11px}.template-picker small{display:none}.preview-heading,.preview-toolbar{padding-left:16px;padding-right:16px}.studio-actions>span{display:none}}
@media(max-width:760px){main{padding:0 18px}.site-header{height:68px;padding:0 18px}.brand{font-size:22px}.header-note{display:none}.header-start{font-size:11px;padding:7px 10px}.studio-intro{padding:26px 0 20px;display:block}.studio-intro h1{font-size:30px;max-width:310px;line-height:1.2}.studio-intro p{font-size:13px}.studio-actions{margin-top:16px;justify-content:space-between}.studio-actions>span{display:block}.workspace{display:flex;flex-direction:column;gap:24px}.workflow-dock,.working-column,.preview-shell{width:100%}.workflow-dock{margin-bottom:0}.steps{margin:0}.working-column{padding:22px 18px}.preview-shell{position:static;order:3}.preview-heading{padding-top:16px}.preview-heading h2{font-size:14px}.preview-toolbar{gap:8px}.document-tabs{gap:14px}.document-tabs button{font-size:11px}.template-picker{padding:14px 12px 4px}.template-picker label{font-size:11px}.template-paper{flex-basis:23px;width:23px;height:33px;padding:5px 3px}.pdf-pages{padding:18px 12px 28px;max-height:640px;min-height:300px}.pdf-pages[aria-busy=true]{min-height:420px}.preview-caption{margin-left:16px;margin-right:16px}.preview-footer{padding:12px 16px;font-size:10px}.preview-footer span:last-child{max-width:140px;text-align:right}.workspace-trust{padding:14px 16px}.mobile-jump{display:block;margin:0 0 14px;width:100%}#back-editor{margin:12px 16px;width:calc(100% - 32px)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-copy{margin-top:40px;padding-top:30px;display:block}.discovery-copy>div+div{margin-top:24px}.discovery-copy h2{font-size:23px}footer{padding:28px 18px;display:block}footer nav{margin-top:10px}.compact-mode main{padding:0}.compact-mode .preview-shell{border-radius:0}.compact-mode .template-picker small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep the document, rather than the surrounding controls, dominant. */
.site-header{min-height:72px}.preview-heading{margin-bottom:0}.preview-toolbar{margin-top:0}.document-tabs{margin-bottom:0}.studio-intro{padding-top:32px;padding-bottom:32px}
@media(max-width:760px){.site-header{min-height:68px}}

.pdf-pages{align-items:flex-start}.pdf-sheet{margin-inline:auto}

/* Compact identity fields bring the career text into the first screen. */
.field-grid label{min-width:0}.field-grid input{width:100%;min-width:0;font-size:13px}
input,textarea{caret-color:var(--blue);transition:border-color 140ms,background-color 140ms}
input:hover,textarea:hover{border-color:var(--muted)}input:focus,textarea:focus{border-color:var(--blue);background:#fff}
.steps li button:disabled{color:#536783;opacity:1}.steps li button:disabled>span{color:#536783}
.preview-heading .quiet{background:#f5f8fe}.preview-shell .zoom-control select{background:#f5f8fe}
@media(max-width:1100px) and (min-width:761px){.working-column{padding:20px 16px}.field-grid{grid-template-columns:1fr}}
@media(max-width:760px){.studio-intro{padding-top:26px;padding-bottom:24px}.studio-intro h1{font-size:34px;max-width:340px}.workspace{gap:18px}.preview-heading .quiet{min-height:44px}.zoom-control select{min-height:44px}.template-picker label{min-height:58px}.working-column .panel-heading{margin-bottom:24px}}
@media(max-width:360px){.field-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){input,textarea{transition:none}}

@media(max-width:760px){.field-grid input,textarea,select,.fact-edit textarea,.metadata-fields input,.metadata-fields select{font-size:16px}}