/* S11 004: centralized components, preserving the approved Concept B v2 palette. */
:root{color-scheme:dark;--bg:#101b30;--panel:#1a2940;--raised:#25374f;--field:#142238;--text:#ebe8e3;--muted:#b8c5d5;--line:#43566d;--border:#8094ad;--teal:#79dbc7;--teal-ink:#102a2d;--salmon:#efb2a4;--success:#a1dfb6;--success-bg:#233e32;--warning:#f6ce84;--warning-bg:#3c3324;--error:#ff9aa7;--error-bg:#432b38;--radius:14px;--control-radius:8px;--font:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:1.5rem}body{margin:0;background:radial-gradient(ellipse at 10% 0,#294a5c45,transparent 55%),var(--bg);color:var(--text);font:1.0625rem/1.55 var(--font)}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px;color:#c1fff1}button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:46px;padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--raised);color:var(--text);font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--teal);color:var(--teal-ink);border-color:var(--teal)}button:active:not(:disabled){box-shadow:inset 0 2px 0 #102a2d60}button.primary{border:2px solid var(--teal);padding:.65rem 1.25rem}button:disabled{border:1px dashed var(--border);background:#1e2c40;color:#9eacbe;cursor:not-allowed}button.caution,button.caution:hover,button.caution:focus-visible{border:2px solid var(--warning)}button.danger,button.danger:hover,button.danger:focus-visible{border:2px solid var(--error)}:is(button,a,summary,input,select):focus-visible{outline:2px solid var(--teal);outline-offset:4px}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:3px}button.text-action{border-color:transparent;padding:.4rem .5rem;background:transparent;color:var(--teal);font-size:.9375rem}button.text-action:hover{color:var(--teal-ink)}button.help-button{min-height:24px;width:24px;height:24px;padding:0;border:1px solid var(--salmon);border-radius:50%;background:transparent;color:var(--salmon);font-size:.875rem;vertical-align:middle;flex-shrink:0;margin-left:.45rem}button.help-button:hover{background:var(--salmon);color:var(--bg);border-color:var(--salmon)}.skip{position:fixed;top:-100px;left:1rem;z-index:10;padding:.8rem;background:var(--panel)}.skip:focus{top:1rem}.topbar{max-width:1510px;margin:auto;min-height:100px;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.85rem;color:var(--text);text-decoration:none;font-size:1.1rem;font-weight:700;letter-spacing:.17em}.brand small{display:block;color:var(--muted);font-size:.8125rem;font-weight:400;letter-spacing:.035em;margin-top:.1rem}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--teal);border-radius:10px;color:var(--teal);font-size:1.4rem;background:#1b3342;letter-spacing:0}.preview-label{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--muted)}.live-dot{width:7px;height:7px;background:var(--salmon);border-radius:50%}.version{margin-left:1rem;font-family:Consolas,monospace;color:var(--salmon);font-size:.8125rem}.preview-notice{padding:.7rem 2rem;text-align:center;border-block:1px solid #43566d70;background:#0d172954;color:var(--muted);font-size:.875rem}.workspace{max-width:1510px;display:grid;grid-template-columns:235px minmax(0,1fr) 292px;gap:1.75rem;margin:2.2rem auto 3rem;padding:0 2.5rem;align-items:start}.sidebar{position:sticky;top:1.5rem;padding:.2rem 0}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;color:var(--muted);margin:0 0 .9rem}.progress-heading{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);gap:.5rem}.progress-track{height:3px;background:var(--line);margin:.8rem 0 1.5rem;border-radius:2px;overflow:hidden}.progress-track>span{display:block;height:100%;background:var(--teal);width:0}.stage-link{display:flex;gap:.8rem;align-items:center;min-height:71px;padding:.7rem .8rem;margin:.3rem 0;border:1px solid transparent;border-radius:10px;text-decoration:none;color:var(--text)}.stage-link:hover{background:#25374f80;color:var(--text);border-color:var(--line)}.stage-link[aria-current=step]{background:#20384a;border-color:#79dbc76b;box-shadow:inset 3px 0 var(--teal)}.stage-link[aria-disabled=true]{color:var(--muted);cursor:not-allowed}.step-marker{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;flex:0 0 30px;font-size:.8rem;color:var(--muted)}.stage-link.done .step-marker{color:var(--success);border-color:#a1dfb670;background:#233e3260}.stage-link[aria-current=step] .step-marker{color:var(--teal);border-color:var(--teal)}.stage-copy{display:block;font-size:.9375rem;font-weight:600}.stage-copy small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:.15rem}.sidebar-foot{display:flex;gap:.7rem;border-top:1px solid var(--line);margin:1.8rem .5rem 0;padding-top:1.4rem;color:var(--muted);font-size:.8125rem}.sidebar-foot p{margin:0}.sidebar-foot small{display:block;margin-top:.4rem;font-size:.75rem}.small-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0;vertical-align:middle}.small-icon svg{width:100%;height:100%}.legend{margin:1.4rem .5rem;font-size:.8rem;color:var(--muted)}summary{cursor:pointer}summary:hover{color:var(--teal)}.legend p{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-dot.success{background:var(--success)}.status-dot.active{background:var(--teal)}.status-dot.warning{background:var(--warning)}main{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:2.1rem 2.15rem;box-shadow:0 15px 50px #050b1925;position:relative}main:before{content:"";width:52px;height:3px;background:var(--salmon);position:absolute;top:-1px;left:2.15rem;border-radius:0 0 2px 2px}main:focus{outline:none}.task-kicker{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--salmon);margin-bottom:1.25rem}.pill{font-size:.7rem;font-weight:500;letter-spacing:.025em;text-transform:none;padding:.2rem .5rem;border:1px solid var(--line);border-radius:20px;color:var(--muted)}h1{font-size:2rem;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:0 0 1rem}h2{font-size:1.2rem;font-weight:600;line-height:1.4;margin:1.7rem 0 .85rem}h3{font-size:1rem;margin:.2rem 0 .6rem}p{margin:.8rem 0;overflow-wrap:anywhere}.intro{color:var(--muted);font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.section-label{font-size:.8rem;font-weight:600;color:var(--salmon);letter-spacing:.03em;margin:1.6rem 0 .7rem}.check-list{border-top:1px solid var(--line);margin:1.1rem 0}.check-row{display:flex;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:.9375rem}.check-row>span{flex:1}.check-row strong{display:block;font-weight:600}.check-row small{display:block;font-size:.875rem;color:var(--muted);margin-top:.25rem;font-weight:400}.check-row input{width:20px;height:20px;accent-color:var(--teal);margin:.2rem 0 0;flex-shrink:0}.field{margin:1.1rem 0 1.25rem}.field-label{display:flex;align-items:center;margin-bottom:.65rem}.field-label label{font-size:.9375rem;font-weight:600}.field input,.field select{width:100%;min-height:48px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:var(--control-radius);padding:.65rem .8rem;min-width:0}.field input:hover,.field select:hover{border-color:var(--teal)}input[readonly]{background:#17263b;color:var(--muted);border-color:var(--line)}.field-hint{font-size:.8125rem;color:var(--muted);margin:.45rem 0 0}.field-error{color:var(--error);font-size:.875rem;margin:.5rem 0 0}.field [aria-invalid=true],.field [aria-invalid=true]:hover,.field [aria-invalid=true]:focus{border:2px solid var(--error);padding:calc(.65rem - 1px) calc(.8rem - 1px)}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem}.row .field{margin-top:.4rem}.rule{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem;padding-top:1.3rem;border-top:1px solid var(--line)}.action-bar .action-note{font-size:.8125rem;color:var(--muted);max-width:15rem}.action-bar .primary{margin-left:auto}.icon{width:20px;height:20px;flex-shrink:0}.status{display:flex;align-items:flex-start;gap:.7rem;border:1px solid currentColor;border-left:3px solid currentColor;border-radius:8px;padding:.8rem 1rem;margin:1rem 0;font-size:.9375rem}.status .icon{margin-top:.2rem}.status p{margin:0}.status small{display:block;margin-top:.35rem;font-size:.8125rem}.status.success{color:var(--success);background:var(--success-bg)}.status.warning{color:var(--warning);background:var(--warning-bg)}.status.error{color:var(--error);background:var(--error-bg)}.status.neutral{color:var(--muted);background:var(--field);border-color:var(--line)}.substeps{list-style:none;padding:0;margin:1.4rem 0;font-size:.9rem}.substeps li{display:flex;gap:.6rem;padding:.5rem 0;align-items:flex-start}.substeps svg{color:var(--success)}.substeps .pending{color:var(--muted)}.help-column{position:sticky;top:1.5rem;min-width:0}.help-card{border:1px solid var(--line);border-left:3px solid var(--salmon);border-radius:0 10px 10px 0;background:#1a29407d;padding:1.35rem 1.2rem;font-size:.9375rem}.help-kicker{display:flex;align-items:center;gap:.65rem;color:var(--salmon);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.help-symbol{border:1px solid var(--salmon);display:grid;place-items:center;border-radius:50%;width:25px;height:25px;font-size:1rem;letter-spacing:0}.help-card h2{font-size:1.1rem;margin:1.1rem 0 .65rem;color:var(--text)}.help-card p{color:var(--muted);font-size:.875rem;line-height:1.65}.help-card hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}.help-card .future-doc{display:flex;gap:.5rem;align-items:flex-start;color:var(--muted);font-size:.8rem}.future-doc small{display:block;margin-top:.3rem;color:var(--salmon);font-size:.72rem}.review-tools{margin:1.5rem .3rem;font-size:.8125rem;color:var(--muted)}.review-tools summary{font-size:.875rem;color:var(--text)}.review-tools button,.review-tools select{width:100%;font-size:.8125rem;margin:.4rem 0}.review-tools label{display:block;margin-top:.7rem}.review-tools select{background:var(--field);padding:.6rem;border:1px solid var(--border);border-radius:6px;color:var(--text)}.tiny{font-size:.75rem}.saved-list{margin:1rem 0}.saved-line{display:flex;gap:1rem;justify-content:space-between;border-bottom:1px solid var(--line);padding:.8rem 0;font-size:.9375rem}.saved-line dt{color:var(--muted);min-width:35%}.saved-line dd{margin:0;overflow-wrap:anywhere;text-align:right}.lock-note{display:flex;align-items:flex-start;gap:.6rem;color:var(--muted);font-size:.875rem;margin:1.3rem 0}.review-block{border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;margin:.8rem 0}.review-block>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.review-block p{font-size:.875rem;color:var(--muted);margin:.3rem 0}.review-block .edit-link{font-size:.8125rem}.mailbox{border:1px dashed var(--border);border-radius:10px;padding:1rem;margin:1.3rem 0;background:var(--field);font-size:.9375rem}.mailbox small{display:block;color:var(--salmon);margin-bottom:.6rem}.mailbox button{margin-top:.6rem;font-size:.875rem}.page-footer{max-width:1510px;display:flex;justify-content:space-between;gap:1rem;margin:0 auto;padding:0 2.5rem 1.5rem;font-size:.75rem;color:var(--muted)}dialog{max-width:30rem;width:calc(100% - 2rem);padding:1.8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text)}dialog::backdrop{background:#070d1bd9}.dialog-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.3rem}.toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);max-width:90vw;padding:.8rem 1.2rem;border:1px solid var(--salmon);border-radius:8px;background:var(--raised);color:var(--text);font-size:.875rem;z-index:20}.complete-mark{display:grid;place-items:center;background:var(--success-bg);border:1px solid var(--success);color:var(--success);width:56px;height:56px;border-radius:50%;margin:1rem 0}.complete-mark svg{width:28px;height:28px}[hidden]{display:none!important}
@media(min-width:1600px){.workspace{margin-top:3rem;gap:2.25rem;grid-template-columns:245px minmax(0,1fr) 300px}main{padding:2.5rem}}
@media(max-width:1150px){.workspace{grid-template-columns:205px minmax(0,1fr);gap:1.4rem;padding:0 1.5rem}.help-column{grid-column:2;position:static}.help-card{padding:1rem 1.25rem}.sidebar{grid-row:1 / span 2}.topbar{padding:1.5rem}.review-tools{margin-bottom:0}main{padding:1.8rem}.page-footer{padding-inline:1.5rem}}
@media(max-width:740px){.topbar{padding:1.1rem;min-height:85px;align-items:flex-start}.brand{font-size:.9rem}.brand-mark{width:36px;height:36px}.preview-label{font-size:.75rem;max-width:9rem;line-height:1.5;flex-wrap:wrap;justify-content:flex-end}.version{display:none}.preview-notice{padding:.6rem 1rem;text-align:left;font-size:.8rem}.workspace{display:flex;flex-direction:column;margin:1.2rem auto;gap:1.25rem;padding:0 1rem}.sidebar{position:static;width:100%}.sidebar>.eyebrow,.sidebar-foot,.legend{display:none}.progress-track{margin-bottom:.7rem}#stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.stage-link{padding:.5rem;min-height:66px;gap:.4rem;margin:0}.step-marker{width:24px;height:24px;flex-basis:24px;font-size:.7rem}.stage-copy{font-size:.78rem}.stage-copy small{font-size:.66rem}.stage-link .small-icon{width:14px;height:14px}main{width:100%;padding:1.5rem 1.2rem}h1{font-size:1.8rem}.help-column{width:100%}.action-bar{flex-wrap:wrap}.action-bar .action-note{max-width:none}.action-bar .primary{width:100%}.page-footer{padding:1rem;flex-direction:column;gap:.3rem}.help-card{border-radius:8px}.row{grid-template-columns:1fr;gap:0}.saved-line{display:block}.saved-line dd{text-align:left;margin-top:.25rem}.dialog-actions{flex-direction:column}.task-kicker{font-size:.7rem}.review-tools{margin:1rem 0}.field input,.field select{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:420px){#stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-copy{font-size:.875rem}.stage-copy small{font-size:.75rem}.preview-label{max-width:7rem}.brand small{font-size:.75rem}.topbar{gap:.75rem}}

/* Focused 004 additions use the existing Concept B token system. */
.info-note{border-left:3px solid var(--salmon);background:#25374f70;border-radius:0 8px 8px 0;padding:1rem 1.15rem;margin:1.35rem 0;font-size:.9rem}.info-note strong{color:var(--text)}.info-note p{color:var(--muted);margin:.45rem 0 0}.placeholder{color:var(--salmon);font-size:.85rem}.help-column{position:static;align-self:start}.help-card{background:var(--panel);overflow:auto;overscroll-behavior:contain}.help-card:focus-visible{outline:2px solid var(--salmon);outline-offset:4px}.prototype-tools-wrap{max-width:1510px;padding:0 2.5rem;margin:0 auto 1.5rem}.prototype-tools-wrap .review-tools{border:1px dashed var(--line);padding:1rem;border-radius:10px;max-width:620px}.review-tools>button,.review-tools select{width:auto;max-width:100%;margin:.5rem .5rem .5rem 0}.review-tools label{display:block}.check-row>label{flex:1;cursor:pointer}.check-row>.help-button{margin-top:0}.check-row>input{flex:0 0 20px}.prep-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.prep-heading .section-label{margin:.5rem 0}.prep-heading>strong{font-size:.8rem;color:var(--teal)}.prep-category{border:1px solid var(--line);border-radius:10px;margin:1rem 0;padding:1rem 1.1rem}.prep-category-head{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:600}.prep-category-head input{width:20px;height:20px;accent-color:var(--teal)}.prep-category-head label{flex:1;cursor:pointer}.prep-category details{margin-top:.6rem}.prep-category summary{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--muted);list-style:none;padding:.25rem 0}.prep-category .expand-word:after{content:' +';color:var(--salmon)}.prep-category details[open] .expand-word:after{content:' −'}.prep-items .check-row:last-child{border-bottom:0}.prep-items .check-row{font-size:.88rem;padding:.8rem 0}.stage-main{display:flex;align-items:center}.stage-main .stage-link{flex:1;min-width:0}.stage-main>.help-button{width:22px;height:22px;min-height:22px;font-size:.8rem;margin-left:.2rem}.stage-link.done:not([aria-current]) .step-marker{background:var(--success-bg);border-color:var(--success);border-radius:50%;color:var(--success)}.stage-link.done:not([aria-current]) small{color:var(--success)}.stage-link[aria-current=step]{border-color:var(--salmon);box-shadow:inset 3px 0 var(--salmon);background:#3a3440}.stage-link[aria-current=step] .step-marker{background:var(--salmon);color:var(--bg);border-color:var(--salmon);border-radius:6px}.stage-link[aria-current=step] small{color:var(--salmon);font-weight:700}.stage-details{font-size:.76rem;margin:0 .5rem .8rem 1.2rem;padding-left:.9rem;border-left:1px solid var(--line)}.stage-details summary{color:var(--muted)}.stage-details ul{list-style:none;padding:0;margin:.5rem 0}.stage-details li{display:flex;gap:.5rem;padding:.4rem 0;line-height:1.4}.stage-details .icon{width:14px;height:14px}.stage-details small{display:block;font-size:.68rem;color:var(--muted);margin-top:.15rem}.nav-complete>span:first-child{color:var(--success)}.nav-pending>span:first-child{color:var(--salmon)}.nav-blocked>span:first-child{color:var(--muted)}.status-dot.active{background:var(--salmon);border-radius:2px;width:10px;height:10px}.credential-note{display:flex;gap:.6rem;align-items:center;font-size:.85rem;color:var(--muted)}.action-controls{display:flex;align-items:center;gap:.6rem;margin-left:auto}.saved-line dt .help-button{width:21px;height:21px;min-height:21px}.completion-resources{display:grid;gap:.85rem;margin:1.5rem 0}.completion-resources>.help-button{display:none}.resource-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:-1px;background:var(--panel);border-bottom:1px solid var(--line);padding:.5rem 0 1rem;z-index:1}.resource-head h2{margin:0}#resource-dialog{max-width:800px;max-height:85vh;overflow:auto;overscroll-behavior:contain}#resource-body{font-size:.95rem}.baseline-category{border:1px solid var(--line);border-radius:8px;margin:1rem 0;padding:.9rem}.baseline-category>summary{font-weight:600;color:var(--teal)}.baseline-entry{padding:.8rem 0;border-bottom:1px solid var(--line)}.baseline-entry:last-child{border-bottom:0}.baseline-entry code{font-size:.8rem;overflow-wrap:anywhere;color:var(--muted)}.baseline-entry p{font-size:.85rem}.saved-list dd{margin-left:0}.review-block summary{font-weight:600}.review-block summary .help-button{margin-left:.7rem}.substeps .help-button{margin-left:auto}
@media(max-width:1150px){.help-card{height:auto!important;max-height:32rem}.prototype-tools-wrap{padding:0 1.5rem}.help-column{grid-column:2}.stage-details{font-size:.75rem}.help-column .help-card h2{margin-top:.6rem}}
@media(max-width:740px){.stage-main{align-items:flex-start}.stage-main>.help-button{margin-top:.6rem;width:24px;height:24px;min-height:24px}.stage-link{padding:.5rem .35rem}.stage-details{margin:.2rem 0 .7rem .4rem;padding-left:.5rem}.stage-details li{font-size:.75rem}.stage-details small{font-size:.7rem}#stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-copy{font-size:.82rem}.stage-copy small{font-size:.72rem}.action-controls{width:100%}.action-controls .primary{width:100%}.prep-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.prep-category{padding:.85rem}.prep-category-head{font-size:.95rem}.help-card{max-height:28rem}.prototype-tools-wrap{padding:0 1rem}.resource-head{align-items:flex-start;flex-direction:column}.resource-head button{min-height:40px}#resource-dialog{padding:1.1rem}.saved-line .help-button{margin-left:.4rem}.review-block header{flex-wrap:wrap}}

.stage-main>.help-button,.saved-line dt .help-button{width:24px;height:24px;min-height:24px}.resource-action{display:flex;align-items:center;gap:.6rem}.resource-action>button:first-child{flex:1}.baseline-entry h3{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.baseline-entry .help-button{flex-shrink:0}

/* 005: bounded interaction and reference refinements, existing palette retained. */
#resource-dialog{padding:0;overflow:hidden;max-height:85vh}
#resource-dialog[open]{display:flex;flex-direction:column}
.resource-head{position:relative;top:auto;flex:0 0 auto;padding:1.25rem 1.5rem;margin:0;background:var(--panel);z-index:2}
#resource-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 1.5rem 1.5rem}
.cancel-controls{display:flex;align-items:center;gap:.6rem;margin-top:1rem}
.smtp-results ol{padding:0;list-style:none}.smtp-results li{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.smtp-results small{display:block;font-size:.85rem;margin-top:.25rem}.smtp-results .passed>.icon{color:var(--success)}.smtp-results .failed{color:var(--error)}.smtp-results .not-reached{color:var(--muted)}
.preview-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border:1px solid var(--teal);border-radius:8px}
.verification-workspace{max-width:640px;margin:2.5rem auto;padding:0 1rem}.verification-workspace main{padding:2rem}.verification-workspace .primary{margin-top:1rem}
@media(max-width:740px){.resource-head{padding:1rem;gap:.6rem}#resource-body{padding:0 1rem 1rem}.verification-workspace{margin:1rem auto}.verification-workspace main{padding:1.4rem}.action-controls{flex-wrap:wrap}.action-controls .primary{white-space:normal}.prep-category-head label{min-width:0;overflow-wrap:anywhere}}

/* Functional Phase 1: sticky help, usable no-JS fallback and safe forms. */
.help-column{position:sticky;top:1.5rem}.help-card{max-height:calc(100dvh - 3rem);padding:1.3rem;overflow:auto}.help-topic{scroll-margin:1rem}.help-topic:target{border-left:3px solid var(--salmon);padding-left:.8rem}.help-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--salmon);border-radius:50%;color:var(--salmon);text-decoration:none;margin-left:.5rem;font-size:.85rem}.help-link:hover{background:var(--salmon);color:var(--bg)}.field{margin-bottom:1.2rem}.field>label{display:block;margin-bottom:.55rem}.field input{width:100%;padding:.7rem;border:1px solid var(--border);border-radius:8px;background:var(--field);color:var(--text)}.field-hint{font-size:.85rem;color:var(--muted);margin:.45rem 0}.result{padding:1rem;border:1px solid var(--error);border-left:3px solid var(--error);border-radius:8px;background:var(--error-bg);margin-bottom:1.5rem}.result.success{border-color:var(--success);background:var(--success-bg)}.result code{overflow-wrap:anywhere;font-size:.8rem}.prep-items input{width:20px;height:20px;accent-color:var(--teal)}.help-topic pre{white-space:pre-wrap;font:inherit;background:var(--field);padding:.8rem}.phase-boundary{color:var(--salmon)}.state-detail{font-size:.8rem;color:var(--muted)}.action-bar{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.root-summary{overflow-wrap:anywhere}#help-topics h3{margin-top:1rem}
@media(max-width:1150px){.help-column{position:static}.help-card{max-height:32rem}}@media(max-width:740px){.row{display:block}.help-card{max-height:28rem}.action-bar{flex-wrap:wrap}}

/* Functional review and accessible in-page cancellation. */
.leave-dialog{max-width:min(34rem,calc(100vw - 2rem));padding:1.6rem;border:1px solid #ffad94;border-radius:12px;background:#1a2940;color:#e0e9f2;box-shadow:0 18px 70px #0009}
.leave-dialog::backdrop{background:#080f1dcc}.leave-dialog h2{margin-top:0}.leave-dialog .action-bar{flex-wrap:wrap}
.review-checks{line-height:1.8}.saved-line small{display:block;margin-top:.35rem}.factory-reference{max-height:32rem;overflow:auto}.factory-reference>summary{position:sticky;top:0;background:#1a2940;z-index:1;padding:.6rem 0}
dialog.factory-reference{width:min(56rem,calc(100vw - 3rem));max-height:80vh;padding:0 1.5rem 1.5rem;background:var(--panel,#1a2940);color:var(--text,#e0e9f2);border:1px solid #f3a88f;border-radius:14px}dialog.factory-reference::backdrop{background:rgb(5 12 24 / .78)}dialog.factory-reference header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#1a2940;padding:1rem 0;border-bottom:1px solid #53677f}dialog.factory-reference dt{margin-top:1rem;font-weight:600}dialog.factory-reference dd{margin:.4rem 0;color:#cbd9e6}

/* Customer refinement: stable neutral fields and contained reference scrolling. */
.installation-label{color:var(--muted);font-size:.9rem}.connection-checks{padding-left:1.4rem;color:var(--success);line-height:1.9}
.field input:not([aria-invalid=true]):not(:focus){border-color:var(--border)}
dialog.factory-reference{overflow:hidden;padding:0;max-height:80dvh}
dialog.factory-reference[open]{display:flex;flex-direction:column}
dialog.factory-reference header{position:relative;flex-shrink:0;z-index:2;padding:1rem 1.5rem;background:var(--panel)}
.factory-reference-body{overflow:auto;overscroll-behavior:contain;padding:0 1.5rem 1.5rem;min-height:0}
.help-topic h3{font-size:1rem;color:var(--salmon)}.help-topic p{overflow-wrap:anywhere}.help-column{min-width:0}
@media(max-width:740px){dialog.factory-reference{width:calc(100vw - 1rem)}dialog.factory-reference header{padding:1rem;align-items:flex-start}.factory-reference-body{padding:0 1rem 1rem}.installation-label{font-size:.8rem}}

/* Customer action hierarchy: identical in forms and navigation. */
main .action-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
main button.primary,main a.primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:2px solid #79dbc7;border-radius:8px;background:#79dbc7;color:#102033;font:600 1rem/1.4 'Segoe UI',sans-serif;text-decoration:none;cursor:pointer}
main button.primary:hover,main a.primary:hover{background:#c1fff0;border-color:#c1fff0;color:#081827}
main button.primary:focus-visible,main a.primary:focus-visible{outline:3px solid #a8d8ff;outline-offset:4px}
main button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
main form>button.primary{display:flex;margin:24px 0 0 auto}
.stage-details{list-style:none;margin:0 12px 15px 48px;padding:0;font-size:.81rem;line-height:1.5}
.stage-details li{margin:4px 0}.stage-details .complete{color:#a4e4c6}.stage-details .pending{color:#c0ccdc}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
main [aria-invalid=true]{border:2px solid #ffb0b8}.field-error{color:#ffbdc4;margin:8px 0 18px}
.mail-options{margin-top:28px;padding-top:18px;border-top:1px solid #44596e}

/* Distinct category headers remain visible while reading each expanded group. */
.factory-reference-body > details{border:1px solid #60768e;border-radius:8px;margin:1rem 0;overflow:visible}
.factory-reference-body > details > summary{position:sticky;top:0;z-index:1;background:#293d56;color:#ffd0bf;border-left:4px solid #f3a88f;padding:1rem;font-size:1.15rem;font-weight:750;letter-spacing:.02em;border-radius:7px;cursor:pointer}
.factory-reference-body > details > summary:hover{background:#36516d;color:#fff1ea}
.factory-reference-body > details > .saved-list{padding:0 1rem}
button:disabled{cursor:not-allowed;opacity:.65}
/* Category headers are controls, distinct from individual policy labels. */
.factory-reference-body > details{border:2px solid #e8aa96;margin:1.25rem 0;border-radius:10px}
.factory-reference-body > details > summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;background:#f3b6a3;color:#172235;border:0;border-radius:7px;padding:1.15rem 1.2rem;font-size:1.25rem;font-weight:800;line-height:1.4;box-shadow:0 3px 0 #070e1c55}
.factory-reference-body > details > summary::-webkit-details-marker{display:none}
.factory-reference-body > details > summary:hover{background:#ffddcf;color:#101b30}
.factory-reference-body > details > summary:focus-visible{outline:3px solid #a8d8ff;outline-offset:3px}
.category-toggle{display:grid;place-items:center;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border:2px solid currentColor;border-radius:5px;font-size:1.3rem}
.category-toggle::before{content:'+'}
details[open] > summary > .category-toggle::before{content:'-'}
.factory-reference-body > details > .saved-list{padding:.5rem 1.2rem 1rem}
/* Preserve usable no-script fields; the server still validates explicit choices. */
@media(scripting:none){[data-separate-email][hidden]{display:block!important}}