*{box-sizing:border-box}body{margin:0;background:#EDF3F2;color:#08191D;font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#0A4A55;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}[hidden]{display:none!important}.workspace{max-width:1600px;margin:auto;padding:28px 28px 44px}.s-cols{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start}.panel{background:white;border:1px solid #D5E2E0;border-radius:16px;padding:24px 26px;margin-bottom:16px}.eyebrow{font:11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#6F5304;margin:0 0 14px}h2{font:500 27px/1.15 Newsreader,Georgia,serif;margin:0 0 12px}h3{font-size:17px}p{line-height:1.55}.muted{color:#47605F;font-size:13.5px}label:not(.choice){display:block;font-size:13px;font-weight:600;margin:20px 0 8px}input:not([type=radio]),textarea,select{width:100%;border:1px solid #C4D9D7;border-radius:9px;padding:12px;background:#FBFDFC;color:#08191D}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{outline:2px solid #0E6E74;outline-offset:2px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.steps{list-style:none;padding:0;margin:0 0 26px;display:flex;gap:14px}.steps li{display:flex;align-items:center;gap:9px;flex:1;color:#7A9291;font-size:13px}.steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:white;border:1px solid #C4D9D7;font:11px 'IBM Plex Mono',monospace}.steps li[aria-current]{color:#08191D;font-weight:600}.steps li[aria-current] b{background:#F2B705;border-color:#F2B705;color:#6F5304}.steps li.done b{background:#0A4A55;color:white;border-color:#0A4A55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button,.button{display:inline-flex;align-items:center;background:#F2B705;color:#513D04;border:1px solid transparent;font-size:14px;font-weight:600;padding:13px 20px;border-radius:10px;cursor:pointer}button.secondary{background:white;border-color:#C4D9D7;color:#08191D}.text-button{background:transparent;color:#47605F;padding:13px 8px}button:disabled{opacity:.5;cursor:wait}.choice{display:flex;gap:13px;border:1px solid #D5E2E0;border-radius:13px;padding:17px;margin:12px 0;cursor:pointer}.choice:has(input:checked){background:#FFFDF4;border:1.5px solid #F2B705}.choice input{accent-color:#B78B00;width:17px;height:17px;flex-shrink:0}.choice strong{font-size:15px}.choice span span{display:block;font-size:13px;color:#47605F;line-height:1.5;margin-top:7px}.choice small{font:10px 'IBM Plex Mono',monospace;background:#FCF1CF;color:#6F5304;border-radius:20px;padding:5px 8px}.notice{background:#EDF3F2;border:1px solid #D5E2E0;border-radius:13px;padding:15px 17px;color:#47605F;font-size:13px;line-height:1.55}.dark,.review-note{background:#052E36;color:#DCEDEC}.dark h2,.review-note h3{color:white}.dark .eyebrow{color:#F2B705}.dark p{font-size:13px;color:#ADC5C3}.dark dl{font:11.5px 'IBM Plex Mono',monospace}.dark dl div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #32525A}.dark dt{color:#ADC5C3}.dark dd{margin:0;text-align:right;overflow-wrap:anywhere}.review-note{border-radius:16px;padding:20px 24px}.review-note h3{margin:0 0 8px}.review-note p{font-size:13px;margin:0}.after{margin-top:48px;border-top:1px solid #C4D9D7;padding-top:28px}.states{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.states article{background:white;border:1px solid #D5E2E0;border-radius:13px;padding:18px}.states b{font:11px 'IBM Plex Mono',monospace;color:#0A4A55}.states h3{font:500 21px Newsreader,serif;margin:12px 0 8px}.states p{color:#47605F;font-size:12.5px;margin:0}.body{white-space:pre-wrap;overflow-wrap:anywhere}.pill{font:12px 'IBM Plex Mono',monospace;color:#47605F}.error{color:#A12828}dialog{border:1px solid #C4D9D7;border-radius:16px;padding:30px;max-width:700px;width:calc(100% - 32px);max-height:85vh;overflow:auto}dialog::backdrop{background:#052E36b0}footer{display:flex;justify-content:space-between;gap:20px;background:white;padding:26px 28px;border-top:1px solid #D5E2E0;font-size:12px}#drafts p{display:flex;gap:8px;flex-wrap:wrap}#drafts button{font-size:12px;padding:8px 12px;max-width:100%;overflow-wrap:anywhere}@media(max-width:1040px){.s-cols{grid-template-columns:1fr}.s-nav{display:none!important}.states{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.workspace{padding:20px 16px}.panel{padding:20px}.fields{grid-template-columns:1fr}.steps{gap:7px}.steps li{font-size:10px;flex-direction:column;text-align:center}.states{grid-template-columns:1fr}.choice small{display:inline-block;margin-top:5px}header>div{padding:0 16px!important;gap:12px!important}header>div>div{margin-left:auto}header>div>div>span:first-child{font-size:9px!important;padding:5px 8px!important}button,.button{padding:12px 14px}}

/* Restore the original continuous stepper and illustrated sections. */
.steps li:not(:last-child)::after{content:"";height:1px;background:#C4D9D7;flex:1;margin-left:10px;min-width:20px}.steps li:last-child{flex:0 0 auto}.steps li{white-space:nowrap}.steps b{flex-shrink:0}.review-strip{display:flex;gap:14px;align-items:flex-start;background:#052E36;color:#DCEDEC;border-radius:16px;padding:20px 24px;margin:16px 0}.review-strip h3{color:white;font-size:15.5px;margin:0 0 6px}.review-strip p{font-size:13px;color:#ADC5C3;margin:0}.state-icon{width:44px;height:44px;flex-shrink:0;background:#DCEDEC;color:#0A4A55;border-radius:12px;display:grid;place-items:center;font-size:23px}.review-strip .state-icon{background:#F2B70526;color:#F2B705}.visibility-notice{display:flex;align-items:flex-start;gap:12px}.visibility-notice p{margin:0}.visibility-notice .state-icon{width:32px;height:32px;font-size:18px}.after{background:#E3EFEE;margin:44px -28px -44px;padding:34px 28px 44px;border-top:0}.after h2{font-size:34px}.after>.muted{margin:0 0 26px}.states .state-icon{margin-bottom:20px}.states .eyebrow{font-size:10.5px;color:#0A4A55;margin:0 0 8px}.states h3{font:600 16px Archivo,system-ui,sans-serif;margin:0 0 8px}.states article:last-child{border-color:#F2B705}.states article:last-child .state-icon{background:#F2B705}.states p:not(.eyebrow){line-height:1.55}.states article{padding:22px}.choice{padding:20px}.choice strong{font-size:16px}section[data-step="2"] h2{font:600 19px/1.4 Archivo,system-ui,sans-serif}@media(max-width:640px){.steps li{white-space:normal;position:relative}.steps li:not(:last-child)::after{position:absolute;top:13px;left:70%;width:70%;min-width:0;margin:0}.steps li:last-child{flex:1}.after{margin:32px -16px -44px;padding:28px 16px 40px}.review-strip{padding:18px}.states article{padding:20px}}

/* Credit & lineage */
.credit-originator{display:flex;gap:8px;align-items:center;background:#EDF3F2;border:1px solid #D5E2E0;border-radius:10px;padding:10px 14px;margin:12px 0 0;font-size:13.5px}
.credit-results{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.credit-results button{font-size:13px;padding:8px 12px}
.credit-person{border:1px solid #D5E2E0;border-radius:13px;padding:6px 16px 16px;margin-top:12px;background:#FBFDFC}
.credit-person-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.credit-person label{margin-top:12px}
#credit-result{margin:16px 0}
#credit-result ul,#review-credit ul{margin:6px 0 0;padding-left:20px}
#review-credit{margin:14px 0}

/* FAQ card */
.faq h2{font:600 20px/1.3 Archivo,system-ui,sans-serif;margin:0 0 6px}
.faq>div{border-top:1px solid #E1EAE9;padding:16px 0 4px;margin-top:14px}
.faq>div:first-of-type{margin-top:10px}
.faq h3{font-size:15px;font-weight:600;margin:0 0 6px}
.faq p{margin:0 0 12px;color:#47605F;font-size:14.5px;line-height:1.55}

/* Signing devices */
.device{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #D5E2E0;border-radius:13px;padding:12px 16px;margin:10px 0;background:#FBFDFC}
.device.revoked{opacity:.55}
.device .pill{background:#FCF1CF;color:#6F5304;border-radius:20px;padding:3px 9px;font-size:11px}
.device button{font-size:13px;padding:8px 12px}
details.restore{margin-top:14px;font-size:14px}
details.restore summary{cursor:pointer;color:#0A4A55}

/* aside blocks stay compact beside the form */
.device{flex-wrap:wrap}
aside .panel{margin-bottom:16px}
aside #device-panel h2,aside #backup-box h2{font:600 19px/1.3 Archivo,system-ui,sans-serif}

/* Saved drafts: stay compact and scroll when there are many */
#drafts{max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:#C4D9D7 transparent}
#drafts p{margin:0 0 10px}
#drafts p:last-child{margin-bottom:0}

/* FAQ and the reviewer note stack in the right-hand column, after "A person, not a queue." */
.faq-row{background:#fff;border:1px solid #D5E2E0;border-radius:16px;padding:24px 26px;margin-top:8px}
.faq-row h2{font:600 20px/1.3 Archivo,system-ui,sans-serif;margin:0 0 18px}
.faq-items{display:grid;grid-template-columns:repeat(3,1fr)}
.faq-items article{padding:0 24px;border-left:1px solid #E1EAE9}
.faq-items article:first-child{padding-left:0;border-left:0}
.faq-items article:last-child{padding-right:0}
.faq-items h3{font-size:15px;font-weight:600;margin:0 0 6px}
.faq-items p{margin:0;color:#47605F;font-size:14.5px;line-height:1.55}
@media(max-width:900px){.faq-items{grid-template-columns:1fr}.faq-items article{padding:16px 0 0;margin-top:16px;border-left:0;border-top:1px solid #E1EAE9}.faq-items article:first-child{padding-top:0;margin-top:0;border-top:0}}

/* Attachments */
.attach-drop{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1.5px dashed #C4D9D7;border-radius:13px;padding:14px 16px;background:#FBFDFC}
.attach-drop.over{border-color:#0E6E74;background:#F4FAF9}
.attach-list{list-style:none;margin:10px 0 0;padding:0}
.attach-list li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #D5E2E0;border-radius:11px;padding:9px 14px;margin-top:8px}
.attach-name{font-weight:600;font-size:14px;overflow-wrap:anywhere;flex:1;min-width:140px}
.attach-list .text-button{padding:6px 8px;margin-left:auto}
#attach-msg:empty{display:none}

.field-foot{display:flex;justify-content:flex-end;margin-top:5px}.count{font:11.5px "IBM Plex Mono",monospace;color:#7A9291}.count.met{color:#0A4A55}.field-err{color:#A12828;font-size:13px;margin:6px 0 0}textarea[aria-invalid=true]{border-color:#A12828}.nudge{background:#FFFDF4;border:1px solid #F2B705;border-radius:10px;padding:10px 14px;color:#513D04;font-size:13px;margin:8px 0 0}

aside .faq-row{margin-top:0;margin-bottom:16px}aside .faq-items{grid-template-columns:1fr}aside .faq-items article{padding:16px 0 0;margin-top:16px;border-left:0;border-top:1px solid #E1EAE9}aside .faq-items article:first-child{padding-top:0;margin-top:0;border-top:0}aside .review-strip{margin:0 0 16px}
aside .review-note{margin-bottom:16px}