/* Local work-sample tools only. The shared assessment shell stays unchanged. */
.work-sample{--ws-ink:#071b40;--ws-text:#11264c;--ws-muted:#536990;--ws-line:#e3ebf5;--ws-blue:#0066e8;--ws-success:#1aad79;--ws-success-bg:#ddf8ee;--ws-amber:#dd8900;--ws-amber-bg:#fff4e8;color:var(--ws-text);font:14px/1.45 Arial,'Segoe UI',sans-serif;min-width:0}
.work-sample *{box-sizing:border-box}
.work-sample [hidden]{display:none!important}
.work-sample :is(h1,h2,h3,h4,p){margin:0}
.work-sample :is(h1,h2,h3,h4){color:var(--ws-ink)}
.work-sample :is(button,input,textarea,select){font:inherit}
.work-sample button{touch-action:manipulation}
.work-sample :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #0875f5;outline-offset:3px}
.work-sample :is(button,input,textarea,select):disabled{cursor:not-allowed}
.work-sample :is(button,input,textarea,select):disabled{opacity:.55}
.work-sample svg{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
.work-sample .ws-back{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:21px;margin:0;padding:0;border:0;background:none;color:#0064dd;font-size:14px;line-height:21px;text-decoration:none}
.work-sample .ws-back svg{width:16px;height:16px}
.work-sample .ws-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.12fr) 140px;align-items:center;gap:20px;min-height:80px;margin:6px 0 15px}
.work-sample .ws-title{display:flex;align-items:center;gap:25px;min-width:0}
.work-sample .ws-title>div{min-width:0}
.work-sample .ws-title-icon{display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,#cbd8ff,#e2f4ff);color:#0064ea}
.work-sample .ws-title-icon svg{width:35px;height:35px}
.work-sample .ws-eyebrow{margin:0 0 2px;color:var(--ws-muted);font-size:12px;line-height:14px;letter-spacing:1px;text-transform:uppercase}
.work-sample .ws-title h1{margin:0;font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:47px}
.work-sample .ws-subtitle{margin:0;color:var(--ws-muted);font-size:16px;line-height:22px}
.work-sample .ws-steps{display:flex;align-items:flex-start;justify-content:space-between;min-width:0;margin:0;padding:0;list-style:none}
.work-sample .ws-steps li{position:relative;flex:1;min-width:0;text-align:center;color:var(--ws-muted);font-size:12px;line-height:1.35}
.work-sample .ws-steps li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 19px);right:calc(-50% + 19px);top:15px;height:3px;background:#e6ebf0}
.work-sample .ws-steps li.is-done:not(:last-child)::after{height:2px;background:#3b93ff}
.work-sample .ws-steps li>button,.work-sample .ws-steps li>a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin:0;padding:0 2px;border:0;background:none;color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}
.work-sample .ws-steps li>button:disabled{opacity:1;color:var(--ws-muted)}
.work-sample .ws-step-dot{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;margin:0 auto 10px;border:1px solid transparent;border-radius:50%;background:#eaf0f6;color:#374d74;font-size:13px;line-height:1;box-shadow:0 0 0 5px #fff}
.work-sample .ws-steps :is(button,a)>.ws-step-dot{margin-bottom:0}
.work-sample .ws-step-dot svg{width:17px;height:17px}
.work-sample .ws-steps li.is-done{color:#0064dd}
.work-sample .ws-steps li.is-done .ws-step-dot{border-color:#0068e6;background:#fff;color:#0064dd}
.work-sample .ws-steps li.is-current{color:var(--ws-ink);font-weight:600}
.work-sample .ws-steps li.is-current .ws-step-dot{border-color:#0069e9;background:#0069e9;color:#fff}
.work-sample .ws-mode{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;min-width:0;padding:11px 9px;border:1px solid #e6edf7;border-radius:9px;background:#f8fbff;color:var(--ws-text);font-size:13px;line-height:1.35}
.work-sample .ws-mode svg{width:23px;height:23px;color:#0068df}
.work-sample .ws-mode small{display:block;color:var(--ws-muted);font-size:11px}
.work-sample .ws-mode :is(b,strong){font-weight:500}
.work-sample .ws-layout{display:grid;grid-template-columns:minmax(0,.895522fr) minmax(0,1fr);gap:12px;align-items:stretch;min-width:0}
.work-sample .ws-card{min-width:0;min-height:787px;padding:19px 20px 16px;border:1px solid var(--ws-line);border-radius:10px;background:#fff}
.work-sample .ws-upload-card,.work-sample .ws-review-card{display:flex;flex-direction:column}
.work-sample .ws-card h2{font-size:20px;font-weight:600;letter-spacing:-.55px;line-height:26px}
.work-sample .ws-card h3{font-size:15px;font-weight:600;letter-spacing:-.15px;line-height:21px}
.work-sample .ws-card-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;min-width:0;margin:0 0 4px}
.work-sample .ws-card-head>div{min-width:0;flex:1}
.work-sample .ws-card-head>.ws-pill{flex:none;max-width:100%}
.work-sample .ws-copy{margin:0;color:var(--ws-muted);font-size:14px;line-height:20px}
.work-sample .ws-copy+p{margin-top:8px}
.work-sample .ws-format-help{margin:0 0 13px;color:#6a7f9e;font-size:11px;line-height:16px}
.work-sample .ws-formats{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:28px;margin:13px 0 14px;color:#667c9f;font-size:11px;line-height:16px}
.work-sample .ws-formats>span:first-child:not(.ws-format){margin-right:3px}
.work-sample .ws-formats>small{margin-left:auto;font-size:11px}
.work-sample .ws-format{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 9px;border-radius:15px;background:#f2f5f9;color:#1d365c;font-size:10px;white-space:nowrap}
.work-sample .ws-format svg{width:13px;height:13px}
.work-sample .ws-file{display:flex;align-items:center;gap:12px;min-width:0;min-height:60px;padding:9px 11px;margin:0 0 14px;border:1px solid var(--ws-line);border-radius:7px;background:linear-gradient(110deg,#f7f9fc,#f2f5fa)}
.work-sample .ws-file-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid #e1e8f1;border-radius:7px;background:#fff;color:#e72e31}
.work-sample .ws-file-icon svg{width:24px;height:24px}
.work-sample .ws-file-copy{flex:1;min-width:0;color:var(--ws-ink);font-size:14px;line-height:20px;overflow-wrap:anywhere}
.work-sample .ws-file-copy :is(strong,b){display:block;font-weight:600}
.work-sample .ws-file-copy :is(p,small){display:block;margin-top:2px;color:#526b94;font-size:12px;line-height:17px}
.work-sample .ws-file>.ws-icon-button{flex:none}
.work-sample .ws-document{display:flex;flex-direction:column;min-width:0;height:460px;max-height:515px;overflow:auto;overscroll-behavior:contain;border:1px solid #dce5ef;border-radius:6px;background:#e9edf2;scrollbar-width:thin}
.work-sample .ws-document-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;flex:none;min-width:0;min-height:46px;padding:9px 14px;border-bottom:1px solid #65707d;background:linear-gradient(#424e5d,#303c49);color:#fff;font-size:12px;line-height:18px}
.work-sample .ws-document-toolbar svg{width:17px;height:17px}
.work-sample .ws-document-toolbar>span{min-width:0;overflow-wrap:anywhere}
.work-sample .ws-document-toolbar>small{margin-left:auto;color:#d3deea;font-size:11px}
.work-sample .ws-document-toolbar :is(button,a){display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:28px;min-height:28px;padding:4px;border:0;border-radius:3px;background:transparent;color:#fff;font-size:12px;text-decoration:none}
.work-sample .ws-document-toolbar :is(button,a):hover{background:#ffffff1a}
.work-sample .ws-document-toolbar :is(button,a):disabled{opacity:.45}
.work-sample .ws-paper{flex:none;min-width:0;min-height:500px;margin:10px 10px 0;padding:37px 27px 36px;border:1px solid #e0e5eb;background:#fff;box-shadow:0 1px 5px #1a31550c;color:#233e66}
.work-sample .ws-paper h2{margin:0 0 22px;font-size:26px;font-weight:700;letter-spacing:-.8px;line-height:33px;overflow-wrap:anywhere}
.work-sample .ws-paper-kicker{margin:0 0 8px;color:#607797;font-size:10px;line-height:15px;letter-spacing:1px}
.work-sample .ws-paper h3{margin:24px 0 10px;padding-top:15px;border-top:1px solid #cbd9eb;font-size:18px;font-weight:600;line-height:25px;color:#0b2b61}
.work-sample .ws-paper-text{margin:0;color:#4d648c;font-size:13px;line-height:18px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.work-sample .ws-paper :is(ul,ol){margin:10px 0;padding-left:20px;color:#4d648c;font-size:13px;line-height:20px}
.work-sample .ws-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:270px;margin:0 0 14px;padding:26px 22px;border:1px dashed #b9cde8;border-radius:8px;background:#f7faff;color:var(--ws-muted);text-align:center}
.work-sample .ws-empty>svg{width:38px;height:38px;color:#6399df}
.work-sample .ws-empty h3{color:var(--ws-ink);font-size:17px}
.work-sample .ws-empty p{max-width:380px;font-size:13px;line-height:20px}
.work-sample .ws-empty input[type=file]{max-width:100%;font-size:12px}
.work-sample .ws-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0;margin-top:13px}
.work-sample .ws-actions>input[type=file]{min-width:0;max-width:100%;font-size:12px}
.work-sample .ws-tabs{display:flex;flex:none;gap:5px;min-width:0;margin:11px 0 12px;padding:0;border-bottom:1px solid #e7edf6;overflow-x:auto;scrollbar-width:thin}
.work-sample .ws-tabs [role=tab]{flex:none;min-height:37px;padding:9px 9px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ws-muted);font-size:13px;line-height:18px;white-space:nowrap}
.work-sample .ws-tabs [role=tab][aria-selected=true]{border-bottom-color:#006bf2;color:#0064e7}
.work-sample .ws-tabs [role=tab]:hover{background:#f7faff;color:#005ccd}
.work-sample .ws-tabs [role=tab]:focus-visible{outline-offset:-3px}
.work-sample .ws-panel{min-width:0}
.work-sample .ws-summary{display:flex;align-items:center;gap:20px;min-width:0;min-height:99px;padding:10px 11px 10px 15px;margin:0 0 13px;border-radius:9px;background:linear-gradient(110deg,#f4f9fc,#f7fafc)}
.work-sample .ws-ring{display:grid;place-items:center;position:relative;width:78px;height:78px;flex:none;color:var(--ws-ink);font-size:18px;line-height:1;font-weight:600}
.work-sample .ws-ring svg{display:block;width:78px;height:78px;overflow:visible}
.work-sample svg.ws-ring{display:block;overflow:visible}
.work-sample .ws-ring circle{fill:none;stroke-width:8}
.work-sample .ws-ring circle:first-of-type{stroke:#d9f0e6}
.work-sample .ws-ring circle:last-of-type{stroke:var(--ws-success);stroke-linecap:round}
.work-sample .ws-ring text{fill:var(--ws-ink);stroke:none;font:600 18px Arial,'Segoe UI',sans-serif;text-anchor:middle}
.work-sample .ws-ring text tspan{font-size:10px;font-weight:400;fill:var(--ws-muted)}
.work-sample .ws-ring>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px;font-size:21px}
.work-sample .ws-ring>span>small{font-size:13px;font-weight:400;color:var(--ws-muted)}
.work-sample .ws-summary-copy{flex:1;min-width:0}
.work-sample .ws-summary-copy :is(h3,strong){display:block;margin:0 0 8px;color:var(--ws-ink);font-size:17px;font-weight:600;letter-spacing:-.35px;line-height:22px}
.work-sample .ws-summary-copy p{margin:0;color:#5c74a0;font-size:12px;line-height:17px}
.work-sample .ws-summary>.ws-pill{align-self:flex-start;flex:none;margin-top:0}
.work-sample .ws-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;min-height:23px;padding:4px 12px;border:1px solid transparent;border-radius:15px;background:#edf1f6;color:#526888;font-size:11px;font-weight:400;line-height:14px;text-align:center}
.work-sample .ws-pill svg{width:15px;height:15px}
.work-sample .ws-pill:is(.is-success,.is-done,.is-mapped,.is-complete){background:var(--ws-success-bg);color:#00734e}
.work-sample .ws-pill:is(.is-warning,.is-pending,.is-missing){background:var(--ws-amber-bg);color:#a86300}
.work-sample .ws-card-head>.ws-pill{min-height:32px;padding:7px 13px;border-radius:7px;background:#eef5fd;border-color:#dce9f8;color:#345d91;font-size:11px}
.work-sample .ws-section-title{margin:0 0 8px;font-size:14px;font-weight:500;line-height:20px}
.work-sample .ws-feedback-list{display:grid;gap:6px;margin:8px 0 10px;padding:0;list-style:none}
.work-sample .ws-feedback-item{display:flex;align-items:flex-start;gap:18px;width:100%;min-width:0;min-height:61px;padding:7px 9px 7px 12px;border:1px solid var(--ws-line);border-radius:7px;background:linear-gradient(110deg,#fff,#fafcff);text-align:left}
.work-sample button.ws-feedback-item:hover{border-color:#bdd7f7;background:#f5faff}
.work-sample .ws-feedback-item>svg,.work-sample .ws-feedback-item>span:first-child:not(.ws-pill){display:grid;place-items:center;width:22px;height:22px;flex:none;margin-top:9px;border-radius:50%;background:#e5f2fc;color:#0067d9}
.work-sample .ws-feedback-item>span:first-child:not(.ws-pill) svg{width:15px;height:15px}
.work-sample .ws-feedback-item:is(.is-done,.is-mapped,.is-complete)>svg,.work-sample .ws-feedback-item:is(.is-done,.is-mapped,.is-complete)>span:first-child:not(.ws-pill){background:var(--ws-success);color:#fff}
.work-sample .ws-feedback-item:is(.is-warning,.is-missing)>svg,.work-sample .ws-feedback-item:is(.is-warning,.is-missing)>span:first-child:not(.ws-pill){background:#ee9f00;color:#fff}
.work-sample .ws-feedback-item>div{flex:1;min-width:0}
.work-sample .ws-feedback-copy{display:block;flex:1;min-width:0;color:#5c74a0;font-size:12px;line-height:16px;overflow-wrap:anywhere}
.work-sample .ws-feedback-copy>span{display:block}
.work-sample .ws-feedback-item strong{display:block;color:var(--ws-ink);font-size:12px;font-weight:600;line-height:17px}
.work-sample .ws-feedback-item p{margin:0;color:#5c74a0;font-size:12px;line-height:16px;overflow-wrap:anywhere}
.work-sample .ws-feedback-item>.ws-pill{flex:none;margin-top:0;min-width:61px;padding:3px 11px;font-size:10px}
.work-sample .ws-notice{display:flex;align-items:flex-start;gap:14px;min-width:0;margin:0;padding:12px 16px;border-radius:8px;background:linear-gradient(110deg,#edf5ff,#eaf2fd);color:#4d6893;font-size:12px;line-height:17px}
.work-sample .ws-notice>svg{width:21px;height:21px;flex:none;margin-top:1px;color:#0069df}
.work-sample .ws-notice>div{min-width:0;flex:1}
.work-sample .ws-notice :is(h3,strong){display:block;margin:0 0 4px;color:#005dc9;font-size:13px;font-weight:500;line-height:18px}
.work-sample .ws-notice p{margin:0;font-size:12px;line-height:17px}
.work-sample .ws-review-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0;margin-top:auto;padding-top:12px}
.work-sample .ws-review-footer>.ws-button:first-child{margin-right:auto}
.work-sample .ws-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:38px;margin:0;padding:9px 15px;border:1px solid #dfe8f3;border-radius:7px;background:#fff;color:#17345c;font-size:12px;font-weight:400;line-height:18px;text-align:center;text-decoration:none}
.work-sample .ws-button svg{width:17px;height:17px}
.work-sample .ws-button:hover:not(:disabled){border-color:#b8d4fa;background:#f4f8fe}
.work-sample .ws-button.ws-primary{border-color:#0064df;background:linear-gradient(115deg,#0071ed,#0054d8);color:#fff;font-weight:500}
.work-sample .ws-button.ws-primary:hover:not(:disabled){border-color:#004fbd;background:#004fbd}
.work-sample .ws-button.ws-quiet{background:#fff;border-color:#6b9cff;color:#0064df}
.work-sample .ws-icon-button{display:inline-grid;place-items:center;flex:none;width:34px;min-width:34px;height:38px;margin:0;padding:7px;border:1px solid #e0e9f4;border-radius:6px;background:#f8fbff;color:#334e79}
.work-sample .ws-icon-button svg{width:18px;height:18px}
.work-sample .ws-icon-button:hover:not(:disabled){border-color:#bdd4f2;background:#ecf4ff}
.work-sample .ws-field{display:grid;gap:6px;min-width:0;margin:0 0 13px;color:#254168;font-size:12px;font-weight:600;line-height:18px}
.work-sample .ws-field>label,.work-sample label.ws-field>span{font-weight:600}
.work-sample .ws-field :is(input,textarea,select){display:block;width:100%;min-width:0;min-height:40px;margin:0;padding:9px 11px;border:1px solid #cfddeb;border-radius:6px;background:#fff;color:#17345c;font-size:13px;font-weight:400;line-height:19px;box-shadow:none}
.work-sample .ws-field textarea{min-height:96px;resize:vertical;overflow-wrap:anywhere}
.work-sample .ws-field :is(input,textarea)::placeholder{color:#778aa5;opacity:1}
.work-sample .ws-field input[type=file]{padding:7px;font-size:12px}
.work-sample .ws-field input[type=file]::file-selector-button{margin-right:10px;padding:5px 8px;border:1px solid #cddff5;border-radius:4px;background:#f3f8ff;color:#095ac1;font-size:12px}
.work-sample .ws-field input:is([type=checkbox],[type=radio]){display:inline-block;width:17px;min-height:17px;height:17px;margin:0 7px 0 0;padding:0;accent-color:#0067e8;vertical-align:middle}
.work-sample .ws-field>small{color:#6a7f9e;font-size:11px;line-height:16px}
.work-sample .ws-editor{min-width:0;margin:13px 0;padding:15px;border:1px solid var(--ws-line);border-radius:8px;background:#f8fbff}
.work-sample .ws-editor h3{margin-bottom:10px}
.work-sample .ws-editor .ws-field:last-of-type{margin-bottom:0}
.work-sample .ws-editor textarea{min-height:190px}
.work-sample .ws-mapping-list{display:grid;gap:8px;min-width:0;margin:12px 0 14px;padding:0;list-style:none}
.work-sample .ws-mapping-list details{min-width:0;border:1px solid var(--ws-line);border-radius:7px;background:#fff}
.work-sample .ws-mapping-list summary{display:flex;align-items:center;gap:9px;min-width:0;min-height:47px;padding:11px 12px;color:var(--ws-ink);font-size:13px;font-weight:600;line-height:19px;list-style:none;cursor:pointer}
.work-sample .ws-mapping-list summary::-webkit-details-marker{display:none}
.work-sample .ws-mapping-list summary::before{content:'›';flex:none;color:#4671a8;font-size:22px;font-weight:400;line-height:16px;transition:transform .15s ease}
.work-sample .ws-mapping-list details[open]>summary::before{transform:rotate(90deg)}
.work-sample .ws-mapping-list summary>.ws-pill{flex:none;margin-left:auto}
.work-sample .ws-mapping-list details[open]>summary{border-bottom:1px solid var(--ws-line);background:#f8fbff}
.work-sample .ws-mapping-list details>.ws-field{margin:12px}
.work-sample .ws-mapping-list details>p{margin:12px;color:var(--ws-muted);font-size:12px;line-height:18px}
.work-sample .ws-mapping-list details>div{min-width:0;padding:12px}
.work-sample .ws-mapping-list details>div .ws-field:last-child{margin-bottom:0}
.work-sample .ws-criteria-list{display:grid;gap:9px;margin:12px 0 14px;padding:0;list-style:none}
.work-sample .ws-criteria-list>li,.work-sample .ws-criteria-list>article{min-width:0;padding:13px 14px;border:1px solid var(--ws-line);border-radius:7px;background:#fbfdff;color:var(--ws-muted);font-size:12px;line-height:18px}
.work-sample .ws-criteria-list :is(strong,h3){display:block;margin:0 0 4px;color:var(--ws-ink);font-size:13px;font-weight:600;line-height:19px}
.work-sample .ws-criteria-list p{margin:0}
.work-sample .ws-review-form{min-width:0;margin:14px 0}
.work-sample .ws-review-form>h3{margin:0 0 12px}
.work-sample .ws-review-form>.ws-copy{margin-bottom:13px}
.work-sample .ws-review-form>.ws-notice{margin-bottom:14px}
.work-sample .ws-review-form>label:not(.ws-field){display:flex;align-items:flex-start;gap:9px;margin:10px 0;color:#37537b;font-size:12px;line-height:18px}
.work-sample .ws-review-form>label:not(.ws-field)>input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#0067e8}
.work-sample .ws-confirmation{display:flex;align-items:flex-start;gap:9px;min-height:34px;margin:10px 0;color:#37537b;font-size:12px;line-height:18px;cursor:pointer}
.work-sample .ws-confirmation>input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#0067e8}
.work-sample .ws-error{min-width:0;margin:10px 0;padding:10px 12px;border:1px solid #f0d4bf;border-left:3px solid #bf6536;border-radius:4px;background:#fff5ed;color:#874421;font-size:12px;line-height:18px;overflow-wrap:anywhere}
.work-sample .ws-current-record{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 14px;min-width:0;margin:12px 0 0;padding:11px 13px;border:1px solid #e0eaf5;border-radius:7px;background:#f8fbff;color:#526b92;font-size:12px;line-height:18px}
.work-sample .ws-current-record :is(strong,h3){display:block;margin:0 0 3px;color:#264c7b;font-size:12px;font-weight:600;line-height:18px}
.work-sample .ws-current-record p{margin:0}
.work-sample .ws-current-record a{display:inline-flex;align-items:center;gap:5px;color:#0064d7;font-size:11px}
.work-sample .ws-current-record a svg{width:14px;height:14px}
.work-sample .ws-context,.work-sample .ws-history{min-width:0;margin-top:13px;color:var(--ws-muted);font-size:12px;line-height:18px}
.work-sample .ws-context summary,.work-sample .ws-history summary{min-height:30px;padding:5px 0;color:#2867ad;cursor:pointer}
.work-sample .ws-context p{margin:6px 0;color:var(--ws-muted);overflow-wrap:anywhere}
.work-sample .ws-history article{margin-top:8px;padding:12px;border:1px solid var(--ws-line);border-radius:7px;background:#fbfdff}
.work-sample .ws-history h4{margin:0 0 5px;font-size:12px;font-weight:600;line-height:18px}
.work-sample .ws-history p{margin:0;overflow-wrap:anywhere}
.work-sample .ws-history pre{max-height:350px;min-width:0;overflow:auto;margin:8px 0 0;padding:12px;border:1px solid var(--ws-line);border-radius:5px;background:#fff;color:var(--ws-muted);font:12px/18px Arial,'Segoe UI',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.work-sample .ws-snapshot-meta{display:grid;gap:10px;margin:12px 0}
.work-sample .ws-snapshot-meta dt{color:var(--ws-ink);font-weight:600}
.work-sample .ws-snapshot-meta dd{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.work-sample .ws-history-mappings{display:grid;gap:7px;margin-top:12px}
.work-sample .ws-history-mappings>details{min-width:0;padding:8px 10px;border:1px solid var(--ws-line);border-radius:5px;background:#fff}
.work-sample .ws-history-mappings blockquote{margin:5px 0 9px;padding-left:10px;border-left:2px solid #a8cdf6;white-space:pre-wrap;overflow-wrap:anywhere}
.work-sample.ws-replace-dialog .ws-actions{margin-top:18px}
.work-sample .ws-save-state{margin:9px 0 0;color:#6a7f9e;font-size:11px;line-height:16px;overflow-wrap:anywhere}
@media(min-width:1450px){
  .work-sample .ws-header{grid-template-columns:minmax(435px,1fr) minmax(500px,1.15fr) 147px;gap:25px}
}
@media(min-width:1101px) and (max-width:1340px){
  .work-sample .ws-header{grid-template-columns:minmax(0,1fr) minmax(325px,1.05fr) 125px;gap:16px}
  .work-sample .ws-title{gap:15px}
  .work-sample .ws-title-icon{width:56px;height:56px}
  .work-sample .ws-title-icon svg{width:29px;height:29px}
  .work-sample .ws-title h1{font-size:32px;line-height:39px;letter-spacing:-1px}
  .work-sample .ws-subtitle{font-size:13px;line-height:18px}
  .work-sample .ws-steps li{font-size:11px}
  .work-sample .ws-card{padding:18px 16px}
  .work-sample .ws-summary{gap:12px;padding:11px}
  .work-sample .ws-summary>.ws-pill{max-width:115px}
  .work-sample .ws-feedback-item{gap:10px}
  .work-sample .ws-review-footer{gap:8px}
  .work-sample .ws-review-footer .ws-button{padding:9px 11px;font-size:11px}
}
@media(max-width:1100px){
  .work-sample .ws-header{grid-template-columns:minmax(0,1fr) 140px;gap:14px;margin-bottom:22px}
  .work-sample .ws-title{grid-column:1;grid-row:1;gap:18px}
  .work-sample .ws-title h1{font-size:36px;line-height:43px}
  .work-sample .ws-mode{grid-column:2;grid-row:1}
  .work-sample .ws-steps{grid-column:1/-1;grid-row:2;justify-self:end;width:100%;max-width:720px;margin-top:9px}
  .work-sample .ws-card{padding:18px}
  .work-sample .ws-summary{gap:14px}
  .work-sample .ws-summary>.ws-pill{max-width:115px}
  .work-sample .ws-feedback-item{gap:12px}
}
@media(max-width:1050px){
  .work-sample .ws-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .work-sample .ws-card{min-height:0}
  .work-sample .ws-document{height:515px;max-height:515px}
  .work-sample .ws-review-footer{margin-top:8px}
  .work-sample .ws-summary>.ws-pill{max-width:none}
  .work-sample .ws-paper{padding:32px 30px}
}
@media(max-width:760px){
  .work-sample .ws-layout{gap:18px}
  .work-sample .ws-header{grid-template-columns:minmax(0,1fr) 128px}
  .work-sample .ws-title{gap:14px}
  .work-sample .ws-title-icon{width:58px;height:58px}
  .work-sample .ws-title-icon svg{width:29px;height:29px}
  .work-sample .ws-title h1{font-size:32px;line-height:40px;letter-spacing:-1px}
  .work-sample .ws-subtitle{font-size:14px;line-height:20px}
  .work-sample .ws-card{padding:17px}
  .work-sample .ws-card-head{gap:9px}
  .work-sample .ws-document{height:480px;max-height:480px}
  .work-sample .ws-button{min-height:42px}
  .work-sample .ws-icon-button{min-width:40px;width:40px;height:42px}
  .work-sample .ws-document-toolbar :is(button,a){min-width:34px;min-height:34px}
  .work-sample .ws-tabs [role=tab]{min-height:42px}
  .work-sample .ws-summary>.ws-pill{max-width:128px}
  .work-sample .ws-mapping-list summary{min-height:48px}
}
@media(max-width:600px){
  .work-sample{font-size:13px}
  .work-sample .ws-header{grid-template-columns:minmax(0,1fr);gap:15px;margin:15px 0 20px}
  .work-sample .ws-title{gap:12px}
  .work-sample .ws-title-icon{width:51px;height:51px}
  .work-sample .ws-title-icon svg{width:26px;height:26px}
  .work-sample .ws-title h1{font-size:29px;line-height:36px;letter-spacing:-.8px}
  .work-sample .ws-eyebrow{font-size:10px;line-height:13px}
  .work-sample .ws-subtitle{font-size:13px;line-height:19px}
  .work-sample .ws-steps{grid-column:1;grid-row:2;margin-top:3px}
  .work-sample .ws-steps li{font-size:10px}
  .work-sample .ws-step-dot{width:27px;height:27px;margin-bottom:8px;font-size:12px}
  .work-sample .ws-steps li:not(:last-child)::after{top:13px;left:calc(50% + 16px);right:calc(-50% + 16px)}
  .work-sample .ws-steps :is(button,a){gap:8px}
  .work-sample .ws-mode{grid-column:1;grid-row:3;justify-self:start;min-height:0;padding:7px 10px;gap:8px;font-size:11px}
  .work-sample .ws-mode svg{width:17px;height:17px}
  .work-sample .ws-mode small{display:inline;margin-right:5px;font-size:11px}
  .work-sample .ws-card{padding:15px;border-radius:9px}
  .work-sample .ws-card h2{font-size:19px;line-height:25px}
  .work-sample .ws-card-head>.ws-pill{min-height:27px;padding:4px 8px;font-size:10px}
  .work-sample .ws-copy{font-size:13px;line-height:19px}
  .work-sample .ws-formats{margin:12px 0;gap:5px}
  .work-sample .ws-formats>span:first-child:not(.ws-format){flex-basis:100%}
  .work-sample .ws-format{padding:4px 7px;font-size:10px}
  .work-sample .ws-formats>small{margin-left:0;flex-basis:100%}
  .work-sample .ws-file{padding:8px;gap:9px}
  .work-sample .ws-file-icon{width:32px;height:36px}
  .work-sample .ws-file-icon svg{width:21px;height:21px}
  .work-sample .ws-file-copy{font-size:12px;line-height:17px}
  .work-sample .ws-file-copy :is(p,small){font-size:10px;line-height:15px}
  .work-sample .ws-document{height:450px;max-height:450px}
  .work-sample .ws-document-toolbar{flex-wrap:wrap;gap:5px 9px;min-height:44px;padding:6px 9px;font-size:11px}
  .work-sample .ws-document-toolbar>small{font-size:10px}
  .work-sample .ws-paper{margin:7px 7px 0;padding:22px 16px;min-height:430px}
  .work-sample .ws-paper h2{font-size:22px;line-height:28px;letter-spacing:-.55px}
  .work-sample .ws-paper-kicker{margin-bottom:7px;font-size:9px;line-height:14px}
  .work-sample .ws-paper h3{font-size:17px;line-height:23px}
  .work-sample .ws-paper-text{font-size:12px;line-height:18px}
  .work-sample .ws-empty{min-height:220px;padding:22px 15px}
  .work-sample .ws-tabs{gap:1px}
  .work-sample .ws-tabs [role=tab]{padding:10px 8px;font-size:12px}
  .work-sample .ws-summary{position:relative;gap:12px;flex-wrap:wrap;padding:12px;min-height:100px}
  .work-sample .ws-ring,.work-sample .ws-ring svg{width:66px;height:66px}
  .work-sample .ws-summary-copy{flex-basis:calc(100% - 80px)}
  .work-sample .ws-summary-copy :is(h3,strong){margin-bottom:5px;font-size:15px;line-height:20px}
  .work-sample .ws-summary-copy p{font-size:11px;line-height:16px}
  .work-sample .ws-summary>.ws-pill{margin-left:78px;max-width:100%;font-size:10px}
  .work-sample .ws-feedback-item{gap:10px;padding:9px;flex-wrap:wrap}
  .work-sample .ws-feedback-item>svg,.work-sample .ws-feedback-item>span:first-child:not(.ws-pill){margin-top:2px}
  .work-sample .ws-feedback-item>div{flex-basis:calc(100% - 32px)}
  .work-sample .ws-feedback-copy{flex-basis:calc(100% - 32px)}
  .work-sample .ws-feedback-item>.ws-pill{margin-left:32px;min-width:0;padding:3px 9px}
  .work-sample .ws-notice{padding:12px;gap:10px}
  .work-sample .ws-notice p{font-size:11px;line-height:17px}
  .work-sample .ws-review-footer{gap:8px;justify-content:stretch}
  .work-sample .ws-review-footer>.ws-button{flex:1}
  .work-sample .ws-review-footer>.ws-button:first-child{margin-right:0}
  .work-sample .ws-review-footer>.ws-primary{flex-basis:100%}
  .work-sample .ws-button{min-height:44px;padding:10px 12px;font-size:12px}
  .work-sample .ws-actions>.ws-button{flex:1}
  .work-sample .ws-field :is(input,textarea,select){min-height:42px;font-size:13px}
  .work-sample .ws-editor{padding:12px}
  .work-sample .ws-mapping-list summary{gap:7px;padding:10px;font-size:12px;flex-wrap:wrap}
  .work-sample .ws-mapping-list summary>.ws-pill{font-size:10px;padding:3px 8px}
  .work-sample .ws-mapping-list details>div{padding:11px}
  .work-sample .ws-save-state{font-size:10px;line-height:15px}
}
@media(max-width:360px){
  .work-sample .ws-title{gap:10px}
  .work-sample .ws-title-icon{width:44px;height:44px}
  .work-sample .ws-title-icon svg{width:23px;height:23px}
  .work-sample .ws-title h1{font-size:26px;line-height:33px}
  .work-sample .ws-card{padding:12px}
  .work-sample .ws-file{gap:7px}
  .work-sample .ws-file-icon{width:28px}
  .work-sample .ws-file>.ws-icon-button{width:34px;min-width:34px}
  .work-sample .ws-summary{padding:10px;gap:10px}
  .work-sample .ws-ring,.work-sample .ws-ring svg{width:60px;height:60px}
  .work-sample .ws-summary-copy{flex-basis:calc(100% - 70px)}
  .work-sample .ws-summary>.ws-pill{margin-left:70px}
  .work-sample .ws-review-footer>.ws-button{flex-basis:100%}
  .work-sample .ws-paper{margin:6px 5px 0;padding:20px 13px}
}
@media(prefers-reduced-motion:reduce){
  .work-sample .ws-mapping-list summary::before{transition:none}
}
@media(forced-colors:active){
  .work-sample .ws-step-dot{border-color:ButtonText}
  .work-sample .ws-steps li::after{background:ButtonText}
  .work-sample .ws-ring circle:first-of-type{stroke:GrayText}
  .work-sample .ws-ring circle:last-of-type{stroke:Highlight}
  .work-sample .ws-ring text{fill:CanvasText}
  .work-sample .ws-document-toolbar{background:Canvas;color:CanvasText}
  .work-sample .ws-document-toolbar :is(button,a){color:ButtonText}
  .work-sample .ws-pill{border-color:ButtonText}
  .work-sample .ws-button.ws-primary{border-color:Highlight;background:Highlight;color:HighlightText}
}