/* Passport uses the shared site's navy, teal, typography and orbit wordmark. */
.passport-page{color:var(--navy);background:var(--bg);font-family:var(--font-stack);line-height:1.5}
.passport-page a{color:var(--teal)}
.passport-page button,.passport-page .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cddadd;border-radius:9px;padding:10px 16px;background:#fff;color:var(--navy);font:600 14px/1.4 var(--font-stack);cursor:pointer;text-decoration:none;min-height:42px}
.passport-page button.primary,.passport-page .button.primary{background:var(--teal);border-color:var(--teal);color:#fff}
.passport-page button:hover{border-color:var(--teal);background:#eef7f4}.passport-page button.primary:hover{background:#176e62}
.passport-page button:disabled{opacity:.6;cursor:wait}
.passport-page button:focus-visible,.passport-page a:focus-visible,.passport-page input:focus-visible,.passport-page summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.passport-skip{position:absolute;left:16px;top:-100px;z-index:1000;background:#fff;padding:12px}.passport-skip:focus{top:8px}
.page-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid var(--light-gray)}
.page-header .logo-container{gap:10px;flex-shrink:0}.page-header .wordmark{font-size:23px}.page-header .degree-mark{color:var(--navy)}
.header-links{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;font-weight:600}
.passport-page main{max-width:1208px;margin:0 auto;padding:32px 24px 48px}
.page-intro{margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--teal)}
.page-intro h1{font:700 clamp(28px,3vw,38px)/1.2 var(--font-stack);letter-spacing:-1px;margin:10px 0}.page-intro p{color:#597079;font-size:15px}
#message{font-size:14px;line-height:1.5;color:var(--teal);margin:0 0 14px}#message:empty{display:none}#message.error{color:#a02d27}
.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start}
#editor{background:#fff;border:1px solid var(--light-gray);border-radius:16px;padding:26px;min-width:0;box-shadow:0 5px 24px #0b3d5c05}
.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-heading h2{font-size:23px;letter-spacing:-.5px;margin:5px 0 0}
.draft-badge{font-size:10px;line-height:1.5;background:#edf6f3;color:#216d60;padding:6px 8px;border-radius:5px;max-width:90px;text-align:center}
#editor p,#recovery p{font-size:13px;line-height:1.6;color:#597079;margin:10px 0}
.import-option{font-size:12px;background:#f5f8f9;border-radius:8px;padding:10px 12px;margin:16px 0}.import-option button{padding:0;min-height:28px;border:0;background:none;font-size:12px;color:var(--teal)}
.passport-page label{display:block;font-size:13px;font-weight:600;line-height:1.5;margin:14px 0;color:var(--navy)}
.passport-page input:not([type=checkbox]){display:block;width:100%;min-width:0;border:1px solid #cad7dc;border-radius:8px;padding:10px 12px;margin-top:6px;font:400 14px/1.4 var(--font-stack);color:var(--navy);background:#fff}
.passport-page input[type=file]{font-size:12px;padding:8px}
.passport-page input[type=checkbox]{appearance:auto;width:17px;height:17px;flex:none;accent-color:var(--teal);margin:0}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid label{margin-bottom:0}
.passport-page .check{display:flex;align-items:center;gap:9px;font-weight:400}
.photo-entry{display:flex;gap:16px;align-items:center;margin:20px 0;padding:14px;border:1px solid var(--light-gray);border-radius:10px}.photo-entry>div:last-child{min-width:0;flex:1}.photo-entry label{margin:0}.photo-entry img,.photo-placeholder{width:64px;height:80px;object-fit:cover;border-radius:8px;flex:none}.photo-placeholder{display:grid;place-items:center;background:#eff5f5;font-size:12px;color:#74858a}.photo-entry button{font-size:12px;padding:5px 10px;min-height:30px}
.passport-page fieldset{border:0;padding:0;margin:24px 0}.passport-page legend{font-size:15px;font-weight:700;margin-bottom:8px}
.visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.visibility-grid label{margin:6px 0;font-size:13px}
.skill-entry{display:flex;align-items:flex-end;gap:10px;margin:0 0 14px}.skill-entry label{flex:1;margin:0;min-width:0}.skill-entry button{flex:none}
.skills-picker{display:flex;flex-wrap:wrap;gap:8px}.skills-picker label{display:inline-flex;align-items:center;gap:7px;margin:0;border:1px solid #d7e2e5;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:500;max-width:100%;min-height:34px}.skills-picker label:has(input:checked){background:#edf6f3;border-color:#8abbaf}.skills-picker span{overflow-wrap:anywhere;min-width:0}.skills-picker input{width:15px;height:15px}
.passport-page .hint{font-size:11px!important;color:#647a82!important}
.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;padding:14px;background:#f1f7f5;border-radius:8px}.consent input{margin-top:2px!important}
.actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0}
.preview-panel{position:sticky;top:18px;min-width:0;background:#edf2f3;border:1px solid #dce5e7;border-radius:16px;padding:18px}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#657b83;margin-bottom:14px}
#passport-preview{width:100%;overflow:hidden;margin:auto;min-height:240px}
#sharing{background:#fff;border:1px solid #b9d9cf;border-left:4px solid var(--teal);padding:20px 24px;border-radius:12px;margin:0 0 24px;overflow-wrap:anywhere}
.live-heading{display:flex;align-items:center;gap:9px}.live-heading h2{font-size:20px;letter-spacing:-.4px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);flex:none}#sharing p{font-size:13px;margin:8px 0;color:#597079}#sharing .actions{margin-top:12px}#image-share{font-size:13px;margin-top:10px}#image-share button{margin:10px 0 0;display:flex}
#recovery{max-width:600px;margin:24px 0 0;font-size:13px;color:#657b83}#recovery summary{cursor:pointer;font-weight:600}#recovery label{margin-top:20px}
.page-footer{background:#fff;border-top:1px solid var(--light-gray);padding:28px 24px;text-align:center;color:#597079;font-size:12px}.page-footer>a{font-weight:700;color:var(--navy);font-size:17px}.page-footer p{margin:8px 0}.page-footer div{display:flex;justify-content:center;gap:20px}
.public-view .workspace{display:block}.public-view #editor,.public-view #recovery{display:none}.public-view .preview-panel{position:static;max-width:480px;margin:auto}.public-view .preview-heading{display:none}.public-view .page-intro{text-align:center}.public-view #sharing{max-width:700px;margin:0 auto 24px;border-left-width:1px}.public-summary{overflow-wrap:anywhere}.public-summary h2{font-size:25px}.public-summary h3{font-size:14px}.public-summary ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:10px 0}.public-summary li{background:#eef6f3;padding:5px 10px;border-radius:16px;font-size:12px}
#passport-loading{display:none}.passport-loading #passport-loading{display:block;min-height:500px;padding:32px;border:1px solid var(--light-gray);border-radius:16px;background:#fff;color:#647a82;font-size:14px}.loading-lines{width:60%;height:140px;margin-top:24px;background:repeating-linear-gradient(#edf2f3 0 15px,transparent 15px 40px)}.passport-loading .workspace{display:none}
[hidden]{display:none!important}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.preview-panel{position:static;grid-row:1;max-width:430px;width:100%;margin:auto}main#passport-main{padding:24px 16px}.page-header{padding:14px 16px;flex-wrap:wrap;gap:12px;min-height:68px}.page-header .wordmark{font-size:20px}.header-links{gap:16px;font-size:12px}#editor{padding:20px}.page-intro h1{font-size:29px}#sharing{padding:16px}.editor-heading{align-items:flex-start}}
@media(max-width:400px){.field-grid{grid-template-columns:1fr;gap:0}.visibility-grid{gap:0 8px}.photo-entry{padding:10px;gap:10px}.actions button{flex:1}.draft-badge{display:none}}
@media(prefers-reduced-motion:reduce){.passport-page *{scroll-behavior:auto!important;transition:none!important}}

.preview-panel{background:transparent;border:0}
.inline-error{color:#a02d27;font-size:13px;line-height:1.5;margin:6px 0 12px;scroll-margin:100px}
.passport-page input[aria-invalid="true"]{border-color:#a02d27;outline:1px solid #a02d27}
#sharing{scroll-margin-top:24px;padding:16px 20px}
.live-heading h2{font-size:17px}
#sharing .actions{gap:8px}
#image-share:empty{display:none}
#image-share button{display:inline-flex;margin:8px 0 0}