.ob-page{--ob-line:#d5d1c5;--ob-muted:#62695b;background:#f5f1e8;color:#343d2e}.ob-main{max-width:1320px;margin:auto;padding:28px 5% 0}.ob-demo{display:flex;gap:20px;align-items:center;border-block:1px solid var(--ob-line);padding:13px 0;font-size:12px;line-height:1.6;color:#62695b}.ob-demo strong{font-size:10px;letter-spacing:.12em;color:#444f39;white-space:nowrap;font-weight:600}.ob-intro{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;padding:44px 0 38px}.ob-intro h1{font-size:clamp(44px,5.2vw,70px);line-height:1.05;letter-spacing:-.035em;margin:18px 0 20px;font-weight:400}.ob-intro h1 em{font-weight:400;color:#717b5d}.ob-intro>div>p:last-child{max-width:610px;line-height:1.7;font-size:15px;color:var(--ob-muted)}.ob-intro .eyebrow{font-size:10px;letter-spacing:.2em}.ob-intro-actions{display:flex;flex-direction:column;gap:17px;align-items:flex-end;padding-bottom:5px;flex-shrink:0}.ob-page .button{background:#48573c;color:#fff;min-height:44px;padding:13px 21px;font-size:13px;border:1px solid #48573c;letter-spacing:0;line-height:1.4;border-radius:2px;justify-content:center}.ob-page .button:hover{background:#35432c}.ob-text-button{border:0;background:none;padding:10px 0;min-height:44px;color:#3b4a30;font:inherit;font-size:13px;text-align:left;cursor:pointer;line-height:1.5}.ob-text-button:hover{text-decoration:underline;text-underline-offset:5px}.ob-page button:disabled{opacity:.5;cursor:not-allowed}.ob-page button:disabled:hover{text-decoration:none}.ob-summary{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;border-block:1px solid var(--ob-line);padding:20px 0;margin-bottom:38px;gap:20px}.ob-summary>div{display:flex;gap:12px;align-items:center}.ob-summary strong{font:400 34px Georgia,serif}.ob-summary span{font-size:12px;line-height:1.5}.ob-employer-summary{border-left:1px solid var(--ob-line);padding-left:24px;justify-content:flex-end}.ob-dot{height:7px;width:7px;border-radius:50%;background:#b17a51;flex-shrink:0}.ob-dot.is-ready{background:#6c7b58}.ob-roster-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px}.ob-list-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 22px}.ob-list-title h2{font-size:32px;font-weight:400}.ob-list-title>span{font-size:11px;color:var(--ob-muted)}.ob-filters{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr 1.15fr;gap:14px;margin-bottom:8px}.ob-filters label,.ob-fields label{display:flex;flex-direction:column;font-size:12px;line-height:1.5;min-width:0;color:#414a38}.ob-filters input,.ob-filters select,.ob-fields input,.ob-fields select,.ob-fields textarea{font:inherit;font-size:14px;width:100%;min-width:0;min-height:44px;padding:10px;margin-top:7px;border:1px solid #c8c9bd;background:#fbf9f3;color:#343d2e;border-radius:2px}.ob-fields textarea{resize:vertical;line-height:1.6}.ob-person{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:15px;padding:24px 0;border-bottom:1px solid var(--ob-line);align-items:start}.ob-monogram{display:grid;place-items:center;background:#e5e8da;color:#566045;width:38px;height:42px;border-radius:50% 50% 2px 2px;font:22px Georgia,serif}.ob-person-name h3{font-size:24px;font-weight:400;line-height:1.2;overflow-wrap:anywhere}.ob-person p{font-size:12px;margin:8px 0 4px}.ob-person small{font-size:11px;color:var(--ob-muted);line-height:1.5}.ob-id{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:12px}.ob-person-status{display:flex;flex-direction:column;gap:9px;align-items:flex-end;text-align:right;max-width:190px}.ob-badge{border-radius:20px;background:#e8e7de;padding:5px 10px;display:inline-block;font-size:11px;white-space:nowrap;line-height:1.5}.ob-review{background:#eee1d1;color:#775331}.ob-active{background:#e0e8d4;color:#445b32}.ob-suspended,.ob-departed{background:#e8ddd5;color:#775444}.ob-person>.ob-text-button{grid-column:2/-1;justify-self:start;margin-top:-10px}.ob-aside{padding:25px;background:#ebeadd;align-self:start;border-top:2px solid #899074}.ob-aside .eyebrow{font-size:10px;letter-spacing:.13em}.ob-aside ol{list-style:none;counter-reset:steps;padding:0;margin:20px 0 25px}.ob-aside li{counter-increment:steps;display:flex;gap:12px;font-size:13px;line-height:1.5;margin:17px 0}.ob-aside li:before{content:'0' counter(steps);font-size:11px;color:#69745b;padding-top:2px}.ob-aside p{font-size:12px;line-height:1.8;color:#5f6854;margin:12px 0}.ob-page details{font-size:12px;line-height:1.7}.ob-page summary{cursor:pointer;min-height:44px;display:list-item;padding:11px 0;color:#45523b}.ob-page summary:focus-visible,.ob-page .ob-text-button:focus-visible,.ob-steps button:focus-visible{outline:2px solid #94724e;outline-offset:3px}.ob-feedback{padding:14px 18px;font-size:13px;line-height:1.7;background:#e1e8d7;overflow-wrap:anywhere}.ob-feedback.is-error{background:#f0e1d3;color:#78452b}.ob-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ob-line);padding:30px 0;margin-top:60px;font-size:11px;color:var(--ob-muted);line-height:1.7}.ob-back{margin:22px 0 6px}.ob-editor-title{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 0 25px}.ob-editor-title h1{font-size:46px;font-weight:400;line-height:1.1;margin:10px 0 14px;overflow-wrap:anywhere}.ob-editor-title p:last-child{font-size:13px;color:var(--ob-muted);line-height:1.7}.ob-editor-title .eyebrow{font-size:10px}.ob-steps{display:flex;gap:25px;overflow-x:auto;border-bottom:1px solid var(--ob-line);margin-bottom:30px;scrollbar-width:thin}.ob-steps button{border:0;border-bottom:2px solid transparent;min-height:52px;background:none;font:inherit;font-size:13px;padding:8px 0 16px;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;color:#6b705f}.ob-steps button>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;border:1px solid #a5ad97}.ob-steps button[aria-current]{border-color:#50603f;color:#35442b}.ob-steps button[aria-current]>span{background:#50603f;color:white;border-color:#50603f}.ob-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:50px}.ob-form-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.ob-form-heading h2{font-size:34px;font-weight:400}.ob-form-heading p{max-width:230px;font-size:11px;line-height:1.6;color:var(--ob-muted)}.ob-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.ob-wide{grid-column:1/-1}.ob-required{display:contents;color:#936c45}.ob-soft-note{background:#eeeade;border-left:2px solid #9ba388;padding:14px 17px;font-size:12px;line-height:1.8;color:#566148;margin:0 0 25px}.ob-role-fields{margin-bottom:18px}.ob-help{font-size:12px;line-height:1.8;color:var(--ob-muted);margin:18px 0}.ob-savebar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--ob-line);padding-top:22px;margin-top:28px}.ob-savebar>span{font-size:11px;color:var(--ob-muted);flex:1}.ob-readiness{background:#eaeadd;padding:24px;border-top:2px solid #8b9476}.ob-readiness .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.13em}.ob-readiness h3{font-size:28px;font-weight:400;line-height:1.15;margin:18px 0 14px}.ob-readiness p{font-size:12px;line-height:1.8;color:#58634d}.ob-readiness ul{padding-left:16px;margin:8px 0}.ob-readiness li{margin:7px 0;font-size:11px}.ob-progress{background:#d3d8c6;height:3px;margin:20px 0 10px}.ob-progress span{display:block;background:#697955;height:100%;max-width:100%}.ob-checklist{border:0;padding:0;margin:30px 0 10px}.ob-checklist legend{font-size:23px;font-family:Georgia,serif;margin-bottom:16px}.ob-checklist label{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--ob-line);cursor:pointer}.ob-checklist input[type=checkbox],.ob-check-row input[type=checkbox]{width:18px;height:18px;min-height:18px;min-width:18px;accent-color:#536540;margin:2px 0}.ob-checklist p{font-size:14px;line-height:1.8}.ob-form-section>h3{font-size:28px;font-weight:400;margin:24px 0 14px}.ob-access-copy{font-size:14px;line-height:1.8}.ob-owner-only{padding:16px 0;border-block:1px solid var(--ob-line);font-size:12px;line-height:1.8;color:#59634e;margin:25px 0}.ob-access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:20px 0}.ob-lifecycle,.ob-history{border-top:1px solid var(--ob-line);margin-top:20px}.ob-lifecycle p{font-size:12px}.ob-history p{padding:10px 0;border-bottom:1px solid var(--ob-line);font-size:12px}.ob-history small{display:block;color:var(--ob-muted);font-size:10px;margin-top:3px}.ob-dialog{max-width:650px}.ob-dialog>p{font-size:13px;line-height:1.8;margin:15px 0 24px}.ob-dialog form{margin-top:22px}.ob-dialog .ob-check-row{display:flex;flex-direction:row;gap:12px}.ob-dialog h2{font-size:34px;font-weight:400}.ob-invite-copy{padding:20px;border:1px solid var(--ob-line);margin:22px 0}.ob-invite-copy p{font-size:14px;line-height:1.8;margin:12px 0}.ob-empty{padding:30px 0;font-size:14px}.ob-page [hidden]{display:none!important}
@media(max-width:1050px){.ob-roster-layout{grid-template-columns:minmax(0,1fr) 210px;gap:25px}.ob-edit-layout{grid-template-columns:minmax(0,1fr) 230px;gap:30px}.ob-intro{gap:25px}.ob-intro-actions{flex-shrink:1;min-width:170px}.ob-summary{grid-template-columns:repeat(3,1fr)}.ob-employer-summary{grid-column:1/-1;justify-content:flex-start;border-left:0;border-top:1px solid var(--ob-line);padding:14px 0 0}.ob-form-heading{align-items:start;flex-direction:column;gap:8px}.ob-form-heading p{max-width:none}}
@media(max-width:760px){.ob-main{padding:20px 5% 0}.ob-demo{display:block;font-size:11px}.ob-demo strong{display:block;margin-bottom:6px}.ob-intro{display:block;padding:30px 0}.ob-intro h1{font-size:43px;line-height:1.08;margin-top:14px}.ob-intro>div>p:last-child{font-size:14px}.ob-intro-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding-top:23px}.ob-intro-actions .button{font-size:12px;padding-inline:15px}.ob-intro-actions .ob-text-button{font-size:12px}.ob-summary{gap:13px;margin-bottom:27px;padding:17px 0}.ob-summary>div{align-items:flex-start;flex-direction:column;gap:5px}.ob-summary strong{font-size:30px}.ob-summary span{font-size:11px}.ob-summary>.ob-employer-summary{flex-direction:row;align-items:center;gap:10px}.ob-roster-layout,.ob-edit-layout{grid-template-columns:1fr;gap:30px}.ob-filters{grid-template-columns:1fr 1fr}.ob-filters>label:first-child{grid-column:1/-1}.ob-filters input,.ob-filters select,.ob-fields input,.ob-fields select,.ob-fields textarea{font-size:16px}.ob-list-title h2{font-size:30px}.ob-person{grid-template-columns:33px minmax(0,1fr);gap:13px;padding:20px 0}.ob-monogram{width:33px;height:38px;font-size:21px}.ob-person-name h3{font-size:25px}.ob-person-status{grid-column:2;align-items:flex-start;text-align:left;max-width:none;gap:7px}.ob-person>.ob-text-button{margin-top:-5px;grid-column:2}.ob-aside{padding:22px}.ob-aside ol{margin-bottom:15px}.ob-footer{flex-direction:column;gap:8px;margin-top:35px}.ob-editor-title{align-items:flex-start;flex-direction:column;gap:13px}.ob-editor-title h1{font-size:36px}.ob-steps{gap:19px;margin-bottom:23px}.ob-steps button{font-size:12px}.ob-fields{grid-template-columns:1fr;gap:20px}.ob-form-heading h2{font-size:31px}.ob-savebar .button{font-size:13px}.ob-savebar>span{flex:auto}.ob-savebar>.ob-text-button{margin-left:auto}.ob-edit-aside{border-top:1px solid var(--ob-line);padding-top:10px}.ob-readiness{padding:20px}.ob-dialog{width:94vw;padding:22px;max-height:92dvh}.ob-dialog .ops-dialog-head h2{font-size:30px}.ob-dialog .language-control{margin-bottom:12px}.ob-access-actions{gap:10px 20px}.ob-soft-note{font-size:12px}.ob-checklist legend{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ob-page *{scroll-behavior:auto!important}}
/* Isolate onboarding from the guest page’s generic nav and form styles. */
.ob-page .ob-steps{position:static;inset:auto;width:auto;height:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:0;background:transparent;z-index:auto;scroll-margin-top:calc(var(--workspace-header) + 16px)}
.ob-page #ob-form,.ob-page #ob-employer-form{padding:0;background:none}
.ob-page #ob-editor{scroll-margin-top:calc(var(--workspace-header) + 16px)}
.ob-page .ob-footer{text-align:left;padding-inline:0}
.ob-filters input,.ob-filters select,.ob-fields input,.ob-fields select,.ob-fields textarea{margin-bottom:0}
.ob-fields label,.ob-filters label{letter-spacing:0}
@media(max-width:760px){.ob-page .ob-steps{scrollbar-width:none}.ob-page .ob-steps::-webkit-scrollbar{display:none}}