@font-face{font-family:Alexandria;src:url('/brand/alexandria.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url('/brand/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/brand/cormorant-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Alexandria,Tahoma,Arial,sans-serif;color:#302f25;background:#f8f6ed;font-size:16px;line-height:1.7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#fff;border-bottom:1px solid #dce4e8;padding:20px max(24px,calc((100% - 1060px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#565236;font-size:1.25rem;font-weight:700}.brand small{display:block;font-size:.85rem;font-weight:400;color:#596e75}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#565236;color:#fff;font-size:1.5rem}#identity{font-size:.9rem;color:#51666c;overflow-wrap:anywhere}main{max-width:1060px;margin:auto;padding:32px 24px}.intro{margin:0 0 26px;border-right:4px solid #565236;padding-right:20px}.eyebrow{color:#565236;font-size:.9rem}h1{font-size:2rem;line-height:1.5;margin:5px 0}h2{font-size:1.35rem;margin:0}h3{font-size:1.1rem;margin:26px 0 14px}p{margin:6px 0;color:#66624d}.notice{background:#fff3d5;border:1px solid #e8cf90;padding:14px 18px;border-radius:10px;margin-bottom:22px;color:#674d12}nav{display:flex;gap:8px;margin-bottom:20px}.step{flex:1;border:none;color:#53676e;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 8px;border-bottom:3px solid #dfe6e9;border-radius:0}.step span{background:#e3e9ed;display:grid;place-items:center;border-radius:50%;width:30px;height:30px}.step.active{color:#565236;border-color:#565236}.step.active span{background:#565236;color:#fff}.workspace{background:#fff;border:1px solid #dce5e9;border-radius:16px;padding:30px;box-shadow:0 4px 16px #183a4508;margin-bottom:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head p{font-size:.9rem}.section-head>span{font-size:.9rem;background:#ede9cf;border-radius:7px;padding:5px 12px;white-space:nowrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:.95rem;color:#283122}input,textarea,select,button{font:inherit}input:not([type=checkbox]),textarea,select{width:100%;min-width:0;border:1px solid #bfc8b7;padding:11px 13px;border-radius:8px;background:#fff;color:#302f25}input:focus,textarea:focus,select:focus{outline:2px solid #92522f;outline-offset:2px}input[type=file]{font-size:.9rem}button{border:1px solid #bbced5;background:#fff;color:#565236;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;min-height:44px}button:hover{background:#f2f5ec}.primary{background:#565236;color:#fff;border-color:#565236}.primary:hover{background:#565236}button:disabled{opacity:.55;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.document{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px;padding:20px 0;border-bottom:1px solid #e3e9ed}.document h3{margin:0 0 2px;font-size:1rem}.document small{color:#637980;font-size:.85rem}.document .meta{font-size:.85rem;color:#565236;overflow-wrap:anywhere}.document label{margin-bottom:8px}.doc-link{color:#565236;font-size:.9rem;overflow-wrap:anywhere}.check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin-top:24px}.check input{width:20px;height:20px;margin-top:5px}.reason{margin-top:10px}dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:10px 24px}dt{color:#60737a}dd{margin:0;overflow-wrap:anywhere}.review-doc{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e3e9ed}.missing{color:#a83a1b}.success-mark{display:grid;place-items:center;background:#e1f4eb;color:#136146;width:58px;height:58px;border-radius:50%;font-size:1.7rem;margin-bottom:18px}#feedback:not(:empty){padding:14px;background:#ede9cf;border-radius:10px;margin:16px 0;white-space:pre-wrap}footer{color:#64777c;font-size:.85rem;padding:16px 0}.employee{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e4ebee}.employee span{overflow-wrap:anywhere}#employee-detail{margin-top:20px}@media(max-width:650px){header{padding:16px;align-items:flex-start}header #identity{max-width:135px;font-size:.8rem}main{padding:24px 14px}h1{font-size:1.5rem}.workspace{padding:20px 16px}.grid,.document{grid-template-columns:1fr;gap:12px}.step{font-size:.8rem;flex-direction:column;padding:10px 2px;gap:5px}.section-head{flex-wrap:wrap}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:12px}.review-doc{flex-wrap:wrap}.employee{flex-wrap:wrap}}

.brand-logo{width:174px;height:auto;display:block}.brand-caption{font-size:.95rem;border-right:1px solid #dce4d5;padding-right:16px;font-weight:500}.brand-caption small{font-size:.75rem;margin-top:3px}.company{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.company a{color:#565236;text-decoration:none}.legal{margin-top:8px;color:#627058}footer{border-top:1px solid #dce4d5}.legal bdi{font-family:Manrope,Arial,sans-serif}@media(max-width:650px){header{flex-wrap:wrap}.brand-logo{width:145px}.brand-caption{padding-right:12px;font-size:.85rem}header #identity{max-width:none;width:100%}.intro{padding-right:14px}h1{font-size:1.35rem}}

.pledge-text{white-space:pre-wrap;line-height:1.9;padding:20px;background:#f5f2e6;border-radius:12px;margin:20px 0}#signature-pad{display:block;width:100%;max-width:600px;height:180px;border:2px dashed #565236;border-radius:12px;background:white;touch-action:none}#panel3 label{margin:18px 0}nav{flex-wrap:wrap}#signature-status{font-weight:600}

[hidden]{display:none!important}.language-choice{max-width:500px;margin:12vh auto;padding:40px;text-align:center;background:#fff;border:1px solid #dae2d4;border-radius:20px}.language-choice h1{line-height:1.7}.language-choice button{margin:10px;min-width:130px}.language-toggle{position:fixed;bottom:16px;left:16px;z-index:10;background:white;box-shadow:0 3px 18px #0002}.paper-links{display:flex;flex-wrap:wrap;gap:16px;padding:18px 0}.paper-links a{color:#565236;font-weight:600}html[dir=ltr] label,html[dir=ltr] .intro,html[dir=ltr] .section-head{text-align:left}

/* Identity 2026: original primary logo, minimum digital width 200px. */
.brand-logo,.brand img{width:200px;min-width:200px;height:auto;object-fit:contain;display:block}.brand{gap:28px}.brand-caption{border-color:#c9c3a2;padding-right:24px;color:#565236}.language-choice>img{width:200px;height:auto;margin:20px auto 30px;display:block}header{background:#ede9cf;padding-block:32px;gap:30px}.intro{border-color:#565236}a{color:#565236}button,input,select,textarea{accent-color:#565236}.primary{background:#565236;border-color:#565236;color:#fff}.primary:hover{background:#403e29}.workspace{border-color:#d9d4bb;box-shadow:0 4px 16px #56523608}.notice{background:#ede9cf;border-color:#c9c3a2;color:#565236}.step.active span{background:#565236}.step.active{border-color:#565236;color:#565236}html[lang=en]{font-family:Manrope,Arial,sans-serif}html[lang=en] h1,html[lang=en] h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700}html[lang=en] h1{font-size:2.6rem}html[lang=en] h2{font-size:1.9rem}@media(max-width:650px){header{padding:24px 20px}.brand{flex-wrap:wrap;gap:24px}.brand-logo,.brand img{width:200px;min-width:200px}.brand-caption{border:0;padding:0}.language-choice{margin:7vh 16px;padding:24px}.language-choice>img{margin:20px auto 30px}}

/* Mobile controls: readable inputs prevent iOS focus zoom. */
.grid>label,.document>div{min-width:0}input:not([type=checkbox]),select,textarea{font-size:16px;min-height:44px}button{min-height:44px}.meta,.user-data{overflow-wrap:anywhere}input[type=file]{max-width:100%}@media(max-width:650px){main{padding:24px 16px}.workspace{padding:18px 14px}.grid{grid-template-columns:minmax(0,1fr)}header{gap:12px}.brand-logo{max-width:160px;width:100%;height:auto}nav{flex-wrap:wrap}.step{min-width:0;font-size:.8rem;gap:5px;padding:12px 4px}h1{font-size:1.5rem}.document{grid-template-columns:minmax(0,1fr)}.actions{flex-wrap:wrap}.actions button{max-width:100%}input[type=file]{font-size:16px;padding:10px 6px}footer{overflow-wrap:anywhere}}
