.pei-demo{font-family:inherit;color:#202c3f;max-width:1180px;margin:1.5rem auto;line-height:1.55}.pei-demo *{box-sizing:border-box}.pei-demo-notice{background:#eef3f8;border-left:4px solid #496b91;padding:14px 18px;display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;margin-bottom:20px}.pei-demo-hero{background:#f5f8fc;border:1px solid #e1e7ee;border-radius:14px;padding:27px;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.pei-demo h2{font-size:2rem;margin:5px 0}.pei-demo h3{font-size:1.35rem;margin:5px 0}.pei-demo h4{font-size:1rem;margin:20px 0 4px}.pei-demo p{margin:7px 0 14px}.pei-eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#537392}.pei-hero-meta{display:flex;gap:8px 24px;flex-wrap:wrap;font-size:.9rem;margin-top:18px}.pei-readiness{background:#fff;border:1px solid #dfe7ee;border-radius:10px;min-width:230px;max-width:260px;padding:17px}.pei-readiness small,.pei-readiness span{display:block;color:#59687a}.pei-readiness strong{display:block;font-size:1.4rem;margin:5px 0;color:#8b6318}.pei-section-header{margin:28px 0 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.pei-no-score{font-size:.79rem;color:#526579;border:1px solid #d5e0e9;padding:6px 9px;border-radius:6px}.pei-table-wrap{overflow-x:auto;border:1px solid #dde5ed;border-radius:10px}.pei-matrix{width:100%;border-collapse:collapse;margin:0;min-width:710px;font-size:.91rem}.pei-matrix th,.pei-matrix td{text-align:left;padding:15px 12px;border-bottom:1px solid #e7edf2;vertical-align:middle}.pei-matrix thead{background:#eff3f7}.pei-matrix tr:last-child th,.pei-matrix tr:last-child td{border:0}.pei-matrix tbody tr:hover{background:#fafcff}.pei-status{display:inline-block;border-radius:50px;padding:5px 10px;font-weight:700;font-size:.77rem;white-space:nowrap}.pei-strong{color:#1d6248;background:#e2f3e9}.pei-moderate{color:#335b86;background:#e8f0f9}.pei-partial{color:#906112;background:#fbf0d6}.pei-historical{color:#684d98;background:#f0eafb}.pei-unknown{color:#536070;background:#e9edf1}.pei-explain{border:1px solid #c9d5e3!important;border-radius:7px;background:#fff!important;color:#244f78!important;padding:7px 11px!important;cursor:pointer;font-size:.85rem!important;font-weight:700}.pei-explain:hover,.pei-explain:focus-visible{border-color:#4376a9!important;background:#edf5fb!important}.pei-detail{margin-top:22px;border:1px solid #dce5ee;border-radius:13px;padding:23px;background:white}.pei-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pei-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.pei-metrics>div{background:#f3f6f9;padding:12px;border-radius:8px}.pei-metrics small{display:block;font-size:.76rem;color:#647385}.pei-metrics strong{display:block;margin-top:5px}.pei-gap{background:#f8f5ed;border-left:3px solid #c39a48;padding:4px 16px;margin-top:18px}.pei-principles{margin-top:22px;border-top:1px solid #e1e7ee;padding:14px 0;color:#536579;display:flex;gap:15px 35px;flex-wrap:wrap;font-size:.87rem}.pei-principles p{margin:0}.pei-detail-item[hidden]{display:none}@media(max-width:640px){.pei-demo-hero{padding:18px}.pei-readiness{width:100%;max-width:none}.pei-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pei-detail{padding:16px}.pei-demo h2{font-size:1.65rem}}

.pei-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pei-card{padding:18px 20px;border:1px solid #dce5ee;border-radius:12px;background:#fff}.pei-card h4{margin:7px 0;font-size:1.08rem}.pei-card p{margin:8px 0}.pei-mini{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.pei-mini span{background:#edf3f8;color:#2b4e68;border-radius:5px;padding:4px 7px;font-size:.78rem}.pei-steps{padding:22px;margin-top:19px;border:1px solid #dce5ee;border-radius:12px}.pei-steps label{display:block;padding:9px 0;cursor:pointer}.pei-steps input{margin-right:9px}.pei-steps section[hidden]{display:none}.pei-step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.pei-muted{color:#647385;font-size:.9rem}.pei-q{padding:15px 0;border-bottom:1px solid #dce5ee}.pei-q select{display:block;max-width:100%;margin-top:10px;padding:9px;border:1px solid #ccd8e4;border-radius:6px}.pei-q:last-child{border:0}@media(max-width:690px){.pei-cards{grid-template-columns:1fr}}

/* PEI v0.3 visual system — scoped, theme-independent, responsive */
.pei-v03{--pei-ink:#162a3f;--pei-navy:#122b45;--pei-blue:#216a96;--pei-border:#dce6ed;--pei-surface:#f5f8fb;--pei-text:#33475b;--pei-radius:16px;color:var(--pei-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:normal}
.pei-v03 h2,.pei-v03 h3,.pei-v03 h4{font-family:inherit;line-height:1.27;letter-spacing:-.025em;color:var(--pei-ink)}
.pei-v03 .pei-nav{background:#112a43;color:white;border-radius:16px 16px 12px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:15px 20px;margin-bottom:14px;box-shadow:0 10px 22px rgba(20,46,72,.12)}
.pei-v03 .pei-nav-brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:.94rem;letter-spacing:-.01em}.pei-v03 .pei-brand-mark{color:#102b45;background:#e9f4fb;border-radius:9px;font-weight:850;padding:9px 10px;letter-spacing:.03em}.pei-v03 .pei-nav-brand small{display:block;font-weight:500;color:#b9d2e7;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}
.pei-v03 .pei-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pei-v03 .pei-nav a{color:#d7e7f4!important;padding:9px 11px;border-radius:8px;text-decoration:none!important;font-size:.82rem;font-weight:680;transition:background .15s ease}.pei-v03 .pei-nav a:hover,.pei-v03 .pei-nav a:focus-visible{color:white!important;background:#2c4963}.pei-v03 .pei-nav a[aria-current="page"]{color:#102c44!important;background:#e8f3fc}
.pei-v03 .pei-demo-hero{background:linear-gradient(125deg,#f1f7fc,#ffffff 77%);border-radius:16px;border-color:#d8e5ed;padding:34px 32px;position:relative;overflow:hidden}.pei-v03 .pei-demo-hero h2{font-size:clamp(1.65rem,3vw,2.5rem);font-weight:770}.pei-v03 .pei-readiness{box-shadow:0 7px 22px rgba(27,62,87,.07);border-color:#d8e5ed;border-radius:12px}.pei-v03 .pei-demo-notice{border:1px solid #d8e5ed;border-left:4px solid #397caa;background:#edf5fa;border-radius:7px;color:#314c65;font-size:.83rem}
.pei-v03 .pei-highlights{margin:18px 0 23px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pei-v03 .pei-highlights>div{background:white;border:1px solid var(--pei-border);border-radius:12px;padding:17px 16px;box-shadow:0 5px 15px rgba(34,63,91,.04)}.pei-v03 .pei-highlights small,.pei-v03 .pei-highlights span{display:block;color:#607589;font-size:.76rem}.pei-v03 .pei-highlights strong{display:block;color:var(--pei-navy);font-size:1.55rem;line-height:1.25;margin:8px 0;font-weight:800}
.pei-v03 .pei-matrix{background:white;border-radius:12px;overflow:hidden}.pei-v03 .pei-matrix thead{background:#e9f1f7}.pei-v03 .pei-matrix th{color:#1d364c;font-weight:750}.pei-v03 .pei-matrix tbody tr:hover{background:#f0f7fb}.pei-v03 .pei-matrix .pei-explain[aria-expanded="true"]{background:#e1f0fa!important;border-color:#6a9aba!important}.pei-v03 .pei-detail{border-radius:14px;box-shadow:0 6px 21px rgba(37,65,90,.04)}.pei-v03 .pei-card{border-radius:14px;box-shadow:0 5px 18px rgba(37,65,90,.04);transition:transform .15s ease,box-shadow .15s ease}.pei-v03 .pei-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(37,65,90,.09)}.pei-v03 .pei-gap{border-radius:0 8px 8px 0;padding:14px 17px}.pei-v03 .pei-steps{box-shadow:0 6px 20px rgba(37,65,90,.05)}.pei-v03 .pei-q select{width:100%;max-width:560px}.pei-v03 .pei-explain:focus-visible,.pei-v03 a:focus-visible,.pei-v03 input:focus-visible,.pei-v03 select:focus-visible{outline:3px solid #499ac9;outline-offset:2px}
.pei-v03 .pei-step-progress{margin:20px 0 10px;color:#48657e;font-weight:700;font-size:.86rem}.pei-v03 .pei-step-track{background:#e5edf4;border-radius:100px;height:7px;overflow:hidden;margin-top:10px}.pei-v03 .pei-step-track span{display:block;height:100%;width:25%;background:#2379a8;border-radius:100px;transition:width .2s ease}
@media(max-width:950px){.pei-v03 .pei-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.pei-v03 .pei-highlights{grid-template-columns:1fr 1fr;gap:8px}.pei-v03 .pei-highlights>div{padding:12px}.pei-v03 .pei-highlights strong{font-size:1.17rem}.pei-v03 .pei-nav{padding:13px}.pei-v03 .pei-nav-links{width:100%}.pei-v03 .pei-nav a{padding:8px 9px}.pei-v03 .pei-demo-hero{padding:20px}}
@media(prefers-reduced-motion:reduce){.pei-v03 *, .pei-v03 *:before,.pei-v03 *:after{scroll-behavior:auto!important;transition:none!important}}

/* Stage A v0.4 employer decision experience */
.pei-v03 .pei-review-route{margin:22px 0 28px;padding:22px 24px;background:linear-gradient(125deg,#eef7fc,#fff);border:1px solid #c9e1ef;border-radius:15px}.pei-v03 .pei-review-route h3{margin:5px 0 9px}.pei-v03 .pei-review-route ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:20px 0}.pei-v03 .pei-review-route li{border:1px solid #d4e5ef;background:white;padding:12px;border-radius:9px}.pei-v03 .pei-review-route li strong,.pei-v03 .pei-review-route li span{display:block}.pei-v03 .pei-review-route li span{font-size:.79rem;color:#5c7085;margin-top:4px}.pei-v03 .pei-provenance{background:#f5f8fb;border:1px solid #dce6ee;border-radius:10px;padding:15px 17px;margin:16px 0}.pei-v03 .pei-provenance h4{margin:0 0 10px}.pei-v03 .pei-trail{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:.8rem}.pei-v03 .pei-trail span{border:1px solid #d2dfeb;border-radius:6px;padding:7px 9px;background:white}.pei-v03 .pei-trail b{color:#62809b}.pei-v03 .pei-provenance .pei-muted{font-size:.78rem;margin:12px 0 0}.pei-v03 .pei-budget-workflow{border:1px solid #9cbed4;border-radius:13px;padding:22px;margin-top:22px;background:#f7fbfd}.pei-v03 .pei-budget-header h4{font-size:1.2rem;margin:7px 0}.pei-v03 .pei-budget-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.pei-v03 .pei-budget-columns>div{border:1px solid #d6e2ed;border-radius:9px;background:white;padding:15px}.pei-v03 .pei-budget-columns small,.pei-v03 .pei-budget-columns strong{display:block}.pei-v03 .pei-budget-columns strong{font-size:1rem;color:#7b5c1d;margin:6px 0}.pei-v03 .pei-hypothetical-applied .pei-budget-after{border-color:#70ad8e;background:#eef9f3}.pei-v03 .pei-hypothetical-applied .pei-budget-after strong{color:#166241}.pei-v03 .pei-budget-check{border-top:1px solid #d9e6ed;padding-top:16px}.pei-v03 .pei-budget-check label{display:flex;gap:11px;align-items:flex-start;font-size:.91rem;margin:12px 0}.pei-v03 .pei-budget-check input{margin-top:4px}.pei-v03 .pei-budget-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.pei-v03 .pei-budget-result{font-size:.86rem;font-weight:650;color:#365877;padding:10px 0}.pei-v03 .pei-budget-workflow .pei-muted{font-size:.78rem;color:#586d7c}@media(max-width:650px){.pei-v03 .pei-review-route ol{grid-template-columns:1fr}.pei-v03 .pei-budget-columns{grid-template-columns:1fr}.pei-v03 .pei-budget-workflow{padding:15px}}

/* Stage A v0.5: self-contained branded guided tour */
.pei-v05{--pei-deep:#0e2235;--pei-accent:#176b89}.pei-v05 .pei-v05-hero{padding:clamp(22px,4vw,48px);background:linear-gradient(120deg,#eaf4fa,#f8fbff 75%);border:1px solid #d6e4ec;border-radius:19px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(255px,.85fr);gap:26px;align-items:center}.pei-v05 .pei-v05-hero h2{font-size:clamp(2rem,4.5vw,3.6rem);letter-spacing:-.052em;line-height:1.12;margin:16px 0}.pei-v05 .pei-v05-lead{max-width:650px;font-size:1.11rem;line-height:1.65;color:#3a5367}.pei-v05 .pei-v05-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:26px 0 13px}.pei-v05 .pei-v05-button{background:#123c57!important;color:#fff!important;padding:13px 19px;border-radius:9px;text-decoration:none!important;display:inline-block;font-size:.9rem;font-weight:750}.pei-v05 .pei-v05-button:hover,.pei-v05 .pei-v05-button:focus-visible{background:#185879!important;color:white!important}.pei-v05 .pei-v05-link{font-weight:700;color:#185879!important}.pei-v05 .pei-v05-meta{font-size:.78rem;color:#647789}.pei-v05 .pei-v05-summary{background:white;border:1px solid #d7e3ea;border-radius:15px;padding:23px;box-shadow:0 12px 35px rgba(20,58,84,.075)}.pei-v05 .pei-v05-summary-row{padding:13px 0;border-bottom:1px solid #edf2f5;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:.88rem}.pei-v05 .pei-v05-summary>small{display:block;margin-top:15px;color:#687b8d}.pei-v05 .pei-v05-story{margin:40px 0}.pei-v05 .pei-v05-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pei-v05 .pei-v05-story-card{border:1px solid #dce7ef;border-radius:15px;padding:24px;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 22px rgba(29,60,80,.045)}.pei-v05 .pei-v05-story-card h4{font-size:1.16rem;margin:14px 0 8px}.pei-v05 .pei-v05-story-card p{color:#41556b}.pei-v05 .pei-v05-story-card a{margin-top:auto;color:#12618b!important;font-weight:760;text-decoration:none!important}.pei-v05 .pei-v05-step{font-size:.73rem;color:#4b7190;letter-spacing:.08em;font-weight:800;text-transform:uppercase}.pei-v05 .pei-v05-feature{border-left:3px solid #5a91a9;padding-left:12px;font-size:.84rem}.pei-v05 .pei-v05-case{padding:30px;background:#12324b;color:#e3ecf1;border-radius:17px}.pei-v05 .pei-v05-case h3{color:white;font-size:1.6rem}.pei-v05 .pei-v05-case .pei-eyebrow{color:#9bd0e6}.pei-v05 .pei-v05-case .pei-muted{color:#bdd0db;margin-top:16px}.pei-v05 .pei-v05-case .pei-v05-button{background:#fff!important;color:#12324b!important}.pei-v05 .pei-v05-transition{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:25px 0}.pei-v05 .pei-v05-transition>span:not(.pei-v05-arrow){min-width:185px;background:#234962;border:1px solid #46697e;border-radius:10px;padding:16px}.pei-v05 .pei-v05-transition small,.pei-v05 .pei-v05-transition strong{display:block}.pei-v05 .pei-v05-transition small{color:#bed4de}.pei-v05 .pei-v05-transition strong{font-size:1.17rem;color:white}.pei-v05 .pei-v05-arrow{font-size:1.6rem}.pei-v05 .pei-v05-principles{margin:36px 0}.pei-v05 .pei-v05-principles>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pei-v05 .pei-v05-principles p{border-top:2px solid #bad0dc;padding-top:14px}.pei-v05 .pei-v05-principles strong,.pei-v05 .pei-v05-principles span{display:block}.pei-v05 .pei-v05-principles span{font-size:.85rem;color:#52687d;margin-top:8px}@media(max-width:850px){.pei-v05 .pei-v05-hero{grid-template-columns:1fr}.pei-v05 .pei-v05-story-grid{grid-template-columns:1fr}.pei-v05 .pei-v05-principles>div{grid-template-columns:1fr}}@media(max-width:540px){.pei-v05 .pei-v05-summary-row{align-items:flex-start}.pei-v05 .pei-v05-summary-row .pei-status{white-space:normal;text-align:center}.pei-v05 .pei-v05-transition{gap:7px}.pei-v05 .pei-v05-transition>span:not(.pei-v05-arrow){min-width:130px;flex:1}}
/* v0.6 candidate workspace */
.pei-workspace{max-width:1080px;margin:auto}.pei-workspace-section{margin:1.6rem 0;padding:1.4rem;border:1px solid #dce5ee;border-radius:16px;background:#fff}.pei-workspace-section h3{margin-top:0}.pei-workspace form{display:grid;gap:.75rem;max-width:800px}.pei-workspace-label{display:grid;gap:.3rem;font-weight:600}.pei-workspace-label input,.pei-workspace-label textarea{width:100%;box-sizing:border-box;border:1px solid #aebfce;border-radius:9px;padding:.75rem;font:inherit;background:#fff;color:#192b3a}.pei-workspace-item{padding:.95rem;margin:.7rem 0;background:#f8fafc;border:1px solid #dce5ee;border-radius:10px}.pei-workspace-item summary{cursor:pointer;display:flex;gap:1rem;align-items:center;justify-content:space-between}.pei-workspace-item form{margin-top:1rem}.pei-workspace-delete{background:transparent;color:#a12a32;border:1px solid #d99ba0;border-radius:8px;padding:.65rem 1rem;cursor:pointer;width:max-content}.pei-workspace-success{padding:.7rem 1rem;background:#eaf8ee;color:#16552d;border-radius:8px}.pei-workspace .pei-v05-button{border:0;cursor:pointer;width:max-content}.pei-workspace input:focus-visible,.pei-workspace textarea:focus-visible{outline:3px solid #8ab5e4}