:root{font-family:Helvetica,Arial,sans-serif;color:#183247;background:#f3f6f9;font-size:15px;line-height:1.6;--navy:#102e47;--blue:#195fa0;--line:#d7e1e9}*{box-sizing:border-box}body{margin:0}a{color:var(--blue)}button,.button{font:inherit;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:5px;padding:10px 18px;cursor:pointer;display:inline-block;text-decoration:none}button:hover,.button:hover{background:#124a7e}button.secondary,.button.secondary{background:white;color:var(--blue)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #eaa637;outline-offset:3px}input,select,textarea{font:inherit;width:100%;padding:10px;border:1px solid #a6b9c8;border-radius:4px;background:white;color:#163147}label{display:block;font-weight:bold;margin:16px 0}label input,label select,label textarea{margin-top:6px;font-weight:normal}input[type=checkbox]{width:auto}h1,h2,h3{line-height:1.2;color:var(--navy)}h1{font-size:clamp(30px,3.7vw,49px);letter-spacing:-1.2px;max-width:900px;margin:15px 0 23px}h2{font-size:25px}h3{font-size:18px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:bold;color:#4e6f88}.lead{font-size:20px;max-width:850px;line-height:1.55}.small{font-size:12px;color:#536b7e}.brand{font-size:21px;font-weight:bold;letter-spacing:-.3px}.brand small{font-size:10px;display:block;letter-spacing:2px;color:#9fb6c8}header{background:var(--navy);color:white;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}header button{border-color:#abc1d2;background:transparent}header p{margin:0}header .small{color:#bdd0df}.shell{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 92px)}nav{background:white;border-right:1px solid var(--line);padding:25px 18px;position:sticky;top:0;height:100vh;overflow:auto}nav a{display:block;text-decoration:none;color:#4c657a;padding:11px 12px;font-size:13px;border-left:3px solid transparent;border-radius:3px;margin:4px 0}nav a.active{background:#eaf2f9;border-left-color:var(--blue);color:var(--navy);font-weight:bold}nav a:hover{background:#f0f4f7}.nav-num{display:inline-block;color:#7890a3;width:28px;font-size:11px}main.content{padding:45px clamp(24px,4vw,66px);max-width:1450px;width:100%}.hero{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:30px}.badge{font-size:11px;font-weight:bold;color:#275e80;background:#e9f2f8;border:1px solid #c8dce9;display:inline-block;border-radius:3px;padding:4px 9px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card,article.block{background:white;border:1px solid var(--line);border-radius:7px;padding:25px;margin:0 0 20px}.card h3,article.block h3{margin-top:0}.card a{font-weight:bold;text-decoration:none}.card .number{font-size:12px;color:#6b879e}.card p{font-size:14px;color:#536c80}.note{background:#edf3f8;border-left:3px solid var(--blue);padding:16px 20px;margin:24px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:20px 0}.flow span{padding:10px 14px;background:#edf3f8;border:1px solid #d5e2ec;border-radius:4px;font-size:13px;font-weight:bold}.flow i{font-style:normal;color:#5d819d}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-intro{padding:65px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center}.login-intro h1{color:white}.login-intro p{color:#ccdae5}.login-intro .eyebrow{color:#abc5d8}.login-form{padding:60px;display:flex;flex-direction:column;justify-content:center;max-width:650px}.login-form h2{font-size:29px}.login-intro .flow span{background:#20425f;border-color:#45647d;color:white}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.toolbar label{font-size:12px;margin:0;flex:1;min-width:150px}.toolbar input,.toolbar select{font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px;background:white}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#edf3f8;font-size:11px;letter-spacing:.5px}.table-wrap{overflow:auto;margin:20px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric{background:white;border:1px solid var(--line);padding:18px}.metric strong{font-size:29px;display:block}.metric span{font-size:12px;color:#5d7387}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry{padding:20px;background:white;border:1px solid var(--line);border-radius:5px;margin:15px 0}.entry pre{white-space:pre-wrap;font-family:inherit}.response{padding:15px;background:#edf6f2;border-left:3px solid #3b8871}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.checks label{font-size:12px;font-weight:normal;margin:5px 0}.demo-state{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.demo-state div{background:#f1f5f9;padding:13px}.demo-state dt{font-size:11px;color:#627c90}.demo-state dd{margin:4px 0;font-weight:bold}.timeline{counter-reset:steps}.timeline li{padding:20px;border-left:3px solid #92b4cf;list-style:none;background:white;border-bottom:1px solid var(--line)}dialog{border:1px solid #bfceda;border-radius:8px;width:min(650px,92vw);padding:30px;max-height:90vh;overflow:auto}dialog::backdrop{background:#102e4788}.close{float:right;background:white!important;color:#35576e!important;border:0;font-size:25px;padding:0 10px}.skip{position:absolute;left:10px;top:-60px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}#status:not(:empty){position:fixed;bottom:20px;right:20px;max-width:500px;padding:16px;background:#143b58;color:white;z-index:300;border-radius:6px}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;color:#668096;font-size:11px}.error{color:#a12a32}.one-time{overflow-wrap:anywhere;padding:16px;background:#fff1d8;border:1px solid #ceaf70}.chart-row{display:grid;grid-template-columns:160px 1fr 35px;gap:10px;align-items:center;margin:15px 0}.bar{height:12px;background:#246591}.chart-row span{font-size:12px}@media(max-width:900px){.shell{grid-template-columns:1fr}nav{height:auto;position:static;border-bottom:1px solid var(--line);display:flex;overflow:auto;padding:10px;gap:5px}nav .eyebrow,nav .small{display:none}nav a{min-width:170px;margin:0}.login{grid-template-columns:1fr}.login-intro{padding:35px}.login-form{padding:30px;max-width:none}.split{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:550px){.cards,.demo-state{grid-template-columns:1fr}header{padding:18px;align-items:flex-start}.brand{font-size:18px}header .small{max-width:180px}main.content{padding:25px 18px}.checks{grid-template-columns:1fr}}
header:has(.context-switch){position:sticky;top:0;z-index:30;padding-right:245px;min-height:102px}header #logout{font-size:11px;padding:4px 9px;margin-top:4px}.context-switch{position:fixed;top:9px;right:20px;width:200px;z-index:50;margin:0!important;font-size:10px;color:#d8e6f0;background:#102e47;border-radius:5px;padding:8px 10px}.context-switch select{font-size:14px;margin-top:2px;font-weight:bold;padding:6px 8px}.context-switch small{font-size:9px}.current-context{display:flex;flex-direction:column;gap:3px;background:#e7f0f7;border-left:3px solid #195fa0;padding:12px 17px;margin-bottom:28px;font-size:13px}.current-context small{font-size:10px;color:#536b7e}.shell nav{top:102px;height:calc(100vh - 102px)}.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roi-grid label{font-size:12px}@media(max-width:650px){header:has(.context-switch){padding:14px 180px 14px 16px;display:block;min-height:155px}header .brand{font-size:17px}header .brand small{font-size:8px}.context-switch{width:158px;right:10px;top:10px}.context-switch select{font-size:12px}header p{font-size:11px;margin:5px 0}.shell nav{top:0;height:auto}.roi-grid{grid-template-columns:1fr}}
header:has(.complementarity-badge){flex-wrap:wrap}.complementarity-badge{width:100%;font-size:12px;font-weight:bold;color:#dcf2ec;border-left:3px solid #7cc5b1;padding:6px 11px;background:#204537}.complementarity-position{background:#edf6f2;border-left:4px solid #38745f;padding:20px;margin:24px 0}.complementarity-position p:last-child{margin-bottom:0}.complementarity-card{background:#fff;border:1px solid #cadbd5;border-radius:6px;padding:22px;margin:22px 0}.complementarity-card h3{font-size:19px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comparison-grid>div{padding:15px;background:#f1f5f8;border-top:3px solid #90a9bc}.comparison-grid>div:last-child{background:#f0f7f4;border-top-color:#5e9785}.comparison-grid h4{font-size:13px;line-height:1.4;margin:0 0 12px}.comparison-grid p,.comparison-grid li{font-size:12px;line-height:1.6}.comparison-grid ul{padding-left:17px;margin-bottom:0}.gap-status{background:#fff5df;border-left:3px solid #b38b3f;padding:12px 15px;font-size:12px}.source-event{border-left:3px solid #526f87;background:#edf2f7;padding:15px;margin:20px 0}.source-event p{margin-bottom:0}.integration-stack{list-style:none;padding:0}.integration-stack li{padding:18px;background:#edf3f8;border:1px solid #cfdee9;text-align:center;font-weight:bold;font-size:14px;margin:30px 0;position:relative}.integration-stack li+li:before{content:'↓';position:absolute;top:-30px;left:50%;color:#52718a}.roadmap-check{border-bottom:1px solid #d6e0e8;padding:20px 0}.incremental-roi{border:1px solid #d1dfd8;background:#f7fbf9;padding:18px;margin:20px 0}@media(max-width:1000px){.comparison-grid{grid-template-columns:1fr}.complementarity-card{padding:18px}}@media(min-width:1001px){.complementarity-section .comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
header:has(.complementarity-badge){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px}.complementarity-badge{grid-column:1/-1}.shell nav{top:var(--stakeholder-header-height,102px);height:calc(100vh - var(--stakeholder-header-height,102px))}@media(max-width:900px){.shell nav{height:auto;top:0}}@media(max-width:650px){header:has(.complementarity-badge){grid-template-columns:1fr}}

.review-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7} [id^="review-"]{scroll-margin-top:calc(var(--stakeholder-header-height,180px) + 24px)}

.review-figure{margin:28px 0;padding:18px;border:1px solid #c9d9e3;background:#f3f7fa}.review-figure img{display:block;width:100%;height:auto}.review-figure figcaption{font-size:14px;line-height:1.6}

/* SEBLEU approved identity and mobile layout */
.sebleu-logo{display:block;width:210px;max-width:100%;height:auto;margin-bottom:12px}.brand{min-width:0}.shell>*{min-width:0}img{max-width:100%}input,select,textarea{min-height:44px}button,.button{min-height:44px}p,td,dd,.review-prose{overflow-wrap:anywhere}.login-form .context-switch{position:static;align-self:flex-end;margin:0 0 20px!important;width:200px}.login-form{min-width:0}.table-wrap{max-width:100%}dialog{max-width:calc(100vw - 24px)}
@media(max-width:650px){.login-intro{padding:32px 22px}.login-intro h1{font-size:36px}.login-form{padding:28px 22px}.login-form .context-switch{width:100%;align-self:stretch}.sebleu-logo{width:180px}header:has(.context-switch){padding:20px;min-height:0}header .context-switch{position:static;grid-column:1/-1;width:100%;margin:4px 0!important}header:has(.complementarity-badge){display:grid;grid-template-columns:1fr}header{flex-wrap:wrap}.shell nav{display:flex;align-items:center;white-space:nowrap;max-width:100vw}.shell nav a{min-width:max-content;flex-shrink:0}.shell nav button{flex-shrink:0}main.content{padding:24px 16px}.card,article.block{padding:18px}.metrics{gap:8px}.metric{padding:12px}.review-figure{padding:8px;margin:20px 0}.actions>*{flex:1 1 180px}.chart-row{grid-template-columns:1fr}.login .flow{gap:6px}.login .flow span{padding:7px 9px;font-size:12px}#status:not(:empty){left:12px;right:12px;bottom:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Invitation preparation and review on touch screens */
dialog{overscroll-behavior:contain;max-height:calc(100dvh - 24px);padding:24px}dialog fieldset{min-width:0;margin:20px 0;border:1px solid #b9cbd8}dialog legend{white-space:normal}dialog label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;font-weight:normal}dialog input[type=checkbox]{flex:none;width:20px;height:20px;min-height:20px;margin:2px 0}#edit-status:not(:empty){color:#962936;border-left:3px solid #a6313d;background:#fff0f0;padding:12px}#invitation-preview{scroll-margin-top:12px;border-top:2px solid #2da4e6;margin-top:28px;padding-top:18px}#invitation-preview dd{margin:4px 0 16px;overflow-wrap:anywhere}.invitation-email-preview{border:1px solid #c6d6e2;background:#fff;max-width:100%;overflow:hidden}.invitation-email-preview table{font-size:14px}.invitation-email-preview td{padding:16px!important}.invitation-email-preview img{max-width:100%;height:auto}dialog .actions{position:sticky;bottom:-24px;background:#fff;padding:14px 0;margin-bottom:0;border-top:1px solid #d7e1e9;z-index:2}dialog .actions button{white-space:normal}
@media(max-width:650px){dialog{width:calc(100vw - 16px);max-width:none;margin:8px;padding:18px;max-height:calc(100dvh - 16px)}dialog h2{font-size:24px;padding-right:25px}dialog input,dialog select,dialog textarea{font-size:16px;max-width:100%;min-width:0}dialog .actions{bottom:-18px;display:grid;grid-template-columns:1fr;gap:10px}.invitation-email-preview h1{font-size:24px!important}.invitation-email-preview td{padding:12px!important}fieldset{padding:12px}}
