/**
 * Website Phase 20 — Evidence, Proof Passport, Credential & Verification.
 * Inherits CEG-BRIGHT-FORM-CONTROLS@1.0.0 from Website Phase 19.
 */
:root{
 --ce20-ink:#0b1426;
 --ce20-muted:#52657b;
 --ce20-line:#d7e1eb;
 --ce20-soft:#f6f8fb;
 --ce20-softer:#fbfcfe;
 --ce20-accent:#174f8f;
 --ce20-success:#155f3f;
 --ce20-success-soft:#edf8f2;
 --ce20-warning:#7a4a00;
 --ce20-warning-soft:#fff8e8;
 --ce20-danger:#8a2830;
 --ce20-danger-soft:#fff2f3;
}
.ce-phase20{color:var(--ce20-ink)}
.ce-phase20-hero .ce-page-header p,.ce-phase20-hero .ce-card p{line-height:1.67}
.ce-phase20-section-heading{margin-bottom:1.15rem}
.ce-phase20-section-heading h2{max-width:28ch;margin:.25rem 0 .55rem;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15}
.ce-phase20-section-heading p:last-child{color:var(--ce20-muted)}

.ce-phase20-chain{counter-reset:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.ce-phase20-chain li{display:flex;gap:.75rem;min-width:0;padding:1rem;border:1px solid var(--ce20-line);border-radius:17px;background:#fff;color:var(--ce20-ink)}
.ce-phase20-chain__number{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:999px;background:#eaf2fb;color:#174f8f;font-weight:850}
.ce-phase20-chain strong{display:block;color:var(--ce20-ink)}
.ce-phase20-chain p{margin:.25rem 0 0;color:var(--ce20-muted);font-size:.89rem;line-height:1.5}

.ce-phase20-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0 1.2rem}
.ce-phase20-metrics>div{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--ce20-line);border-radius:16px;background:#fff}
.ce-phase20-metrics strong{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1;color:#143f72}
.ce-phase20-metrics span{font-size:.84rem;color:var(--ce20-muted)}
.ce-phase20-passport-grid>.ce-card{align-content:start}

.ce-phase20-record-stack{display:grid;gap:.7rem;margin-top:.9rem}
.ce-phase20-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .8rem;align-items:start;padding:.85rem;border:1px solid var(--ce20-line);border-radius:14px;background:var(--ce20-softer);color:var(--ce20-ink)}
.ce-phase20-record>div{display:grid;gap:.22rem;min-width:0}
.ce-phase20-record strong{color:var(--ce20-ink);overflow-wrap:anywhere}
.ce-phase20-record small,.ce-phase20-record a{grid-column:1/-1;color:var(--ce20-muted)}
.ce-phase20-record a{font-weight:750;color:#174f8f}
.ce-phase20-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.78rem;overflow-wrap:anywhere;color:#42566e}
.ce-phase20-status{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:.25rem .55rem;border:1px solid #c7d5e3;border-radius:999px;background:#eef3f8;color:#27445f;font-size:.74rem;font-weight:850;line-height:1.1;text-transform:capitalize;white-space:nowrap}
.ce-phase20-status--verified,.ce-phase20-status--active,.ce-phase20-status--valid{background:var(--ce20-success-soft);border-color:#a8d4bd;color:var(--ce20-success)}
.ce-phase20-status--suspended,.ce-phase20-status--renewal_required{background:var(--ce20-warning-soft);border-color:#ead29d;color:var(--ce20-warning)}
.ce-phase20-status--revoked,.ce-phase20-status--expired{background:var(--ce20-danger-soft);border-color:#e4b7bc;color:var(--ce20-danger)}

.ce-phase20-share-form{display:grid;gap:.9rem;margin-top:1rem}
.ce-phase20-share-form fieldset{display:grid;gap:.55rem;margin:0;padding:.85rem;border:1px solid var(--ce20-line);border-radius:14px;background:var(--ce20-soft);color:var(--ce20-ink)}
.ce-phase20-share-form legend{padding:0 .35rem;font-weight:850;color:var(--ce20-ink)}
.ce-phase20-share-form>label{font-weight:750;color:var(--ce20-ink)}
.ce-phase20-share-form>input[type="text"],.ce-phase20-share-form>input[type="date"],.ce-phase20-notice input[type="text"],.ce-phase20-lookup-form input[type="text"]{width:100%;min-height:46px;border:1px solid #8fa3b8;border-radius:10px;background:#fff!important;color:#0b1426!important;-webkit-text-fill-color:#0b1426!important;caret-color:#0b1426!important;padding:.7rem .8rem;font:inherit}
.ce-phase20-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;padding:.65rem;border:1px solid #d7e1eb;border-radius:11px;background:#fff;color:#0b1426;cursor:pointer}
.ce-phase20-check input[type="checkbox"]{width:20px;height:20px;margin:.1rem 0 0;accent-color:#174f8f}
.ce-phase20-check span{display:grid;gap:.1rem;color:#0b1426}
.ce-phase20-check small{color:var(--ce20-muted);overflow-wrap:anywhere}
.ce-phase20-check--compact span{display:block;font-weight:650}
.ce-phase20-share-form .ce-button{justify-self:start;min-height:44px}

.ce-phase20-notice{margin:.9rem 0;padding:.9rem 1rem;border:1px solid var(--ce20-line);border-radius:13px;background:#f4f7fa;color:var(--ce20-ink)}
.ce-phase20-notice strong{color:var(--ce20-ink)}
.ce-phase20-notice p{margin:.35rem 0;color:var(--ce20-muted)}
.ce-phase20-notice label{display:block;margin:.65rem 0 .3rem;font-weight:750;color:var(--ce20-ink)}
.ce-phase20-notice--success{background:var(--ce20-success-soft);border-color:#a8d4bd}
.ce-phase20-notice--warning{background:var(--ce20-warning-soft);border-color:#ead29d}

.ce-phase20-result-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.ce-phase20-result-head h2,.ce-phase20-result-head h3{margin:.2rem 0;color:var(--ce20-ink)}
.ce-phase20-shared-result{background:#fff!important;color:var(--ce20-ink)!important}
.ce-phase20-shared-result--inactive{border-color:#e4b7bc;background:var(--ce20-danger-soft)!important}
.ce-phase20-disclosure-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}
.ce-phase20-disclosure-meta>div{display:grid;gap:.18rem;padding:.8rem;border:1px solid var(--ce20-line);border-radius:12px;background:var(--ce20-soft)}
.ce-phase20-disclosure-meta span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ce20-muted);font-weight:750}
.ce-phase20-disclosure-meta strong{color:var(--ce20-ink)}
.ce-phase20-shared-records{display:grid;gap:.9rem;margin:1rem 0}
.ce-phase20-shared-record{padding:1rem;border:1px solid var(--ce20-line);border-radius:16px;background:var(--ce20-softer);color:var(--ce20-ink)}
.ce-phase20-shared-record h3{font-size:1.08rem}
.ce-phase20-shared-record .ce-proof-record-list{margin-top:.7rem}
.ce-proof-record-item--wide{grid-column:1/-1}
.ce-phase20-evidence-basis{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--ce20-line)}
.ce-phase20-evidence-basis h4{margin:0 0 .6rem;color:var(--ce20-ink)}
.ce-phase20-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.ce-phase20-evidence-item{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--ce20-line);border-radius:12px;background:#fff;color:var(--ce20-ink)}
.ce-phase20-evidence-item span,.ce-phase20-evidence-item small{color:var(--ce20-muted)}
.ce-phase20-detail-panel{background:#fff!important;color:var(--ce20-ink)!important}
.ce-phase20-detail-panel :where(h2,h3,h4,strong){color:var(--ce20-ink)!important}
.ce-phase20-detail-panel :where(p,li,span,small){color:var(--ce20-muted)}
.ce-phase20-measurement{margin-top:.8rem;padding:.9rem;border:1px solid var(--ce20-line);border-radius:13px;background:var(--ce20-soft)}
.ce-phase20-measurement h3{margin:0 0 .45rem;font-size:1rem}
.ce-phase20-measurement p{margin:.3rem 0;line-height:1.58}
.ce-phase20-limit{margin:.8rem 0 0;padding:.8rem;border-left:4px solid #5c7695;background:#f2f6fa;color:#344a61!important}
.ce-phase20-limit strong{color:var(--ce20-ink)!important}
.ce-phase20-limit-list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--ce20-muted)}
.ce-phase20-limit-list li+li{margin-top:.4rem}

/* Reinforce the permanent Phase 19 control contract on the new Phase 20 surfaces. */
.ce-phase20 :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),select,textarea){background:#fff!important;color:#0b1426!important;-webkit-text-fill-color:#0b1426!important;caret-color:#0b1426!important;border-color:#8fa3b8!important;color-scheme:light!important}
.ce-phase20 :where(select option,select optgroup){background:#fff!important;color:#0b1426!important;-webkit-text-fill-color:#0b1426!important}
.ce-phase20 :where(input,textarea)::placeholder{color:#586a7f!important;-webkit-text-fill-color:#586a7f!important;opacity:1!important}
.ce-phase20 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible,.ce-phase20 button:focus-visible,.ce-phase20 a:focus-visible{outline:3px solid rgba(23,79,143,.34);outline-offset:2px}

@media(max-width:980px){.ce-phase20-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-phase20-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ce-phase20-chain,.ce-phase20-metrics,.ce-phase20-disclosure-meta,.ce-phase20-evidence-grid{grid-template-columns:1fr}.ce-phase20-result-head,.ce-phase20-record{grid-template-columns:1fr}.ce-phase20-result-head{display:grid}.ce-phase20-status{justify-self:start}.ce-phase20-share-form .ce-button{width:100%}}
@media(prefers-reduced-motion:reduce){.ce-phase20 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.ce-phase20 :where(.ce-card,.ce-phase20-chain li,.ce-phase20-record,.ce-phase20-check,.ce-phase20-shared-record,.ce-phase20-evidence-item,.ce-phase20-measurement,.ce-phase20-disclosure-meta>div){border:1px solid CanvasText;background:Canvas!important;color:CanvasText!important}.ce-phase20 :where(input,select,textarea){background:Field!important;color:FieldText!important;border-color:FieldText!important;forced-color-adjust:auto}.ce-phase20-status{border:1px solid CanvasText;background:Canvas!important;color:CanvasText!important}}
