:root{--navy:#102c52;--blue:#2f6fed;--teal:#246cc5;--green:#123d72;--mint:#e8f1ff;--gold:#f3c84b;--cream:#f5f8fc;--line:#dce6f2}
body{background:#f5f8fc;color:#102c52}.sidebar{background:linear-gradient(180deg,#0f2d55 0%,#123d72 100%)}
.brand strong,.topbar h1,.ux-clarity-hero h2,.ux-material-hero h2,.ux-modal-header h2{font-family:Charter,"Iowan Old Style",Georgia,serif;letter-spacing:-.02em}
.topbar{background:rgba(255,255,255,.97);border-bottom-color:#dce6f2}.btn{background:#123d72;border-color:#123d72}.btn:hover{background:#0d315e}.btn.soft{background:#e8f1ff;color:#174f91;border-color:#cfe0f4}.pill.green{background:#e8f1ff;color:#174f91}
.ux-route-map,.ux-guidance-window,.ux-clarity-hero,.ux-journey-item{border-color:#dce6f2}.ux-route-step.is-active{background:#123d72;border-color:#123d72}.ux-route-step.is-active em{background:#f3c84b;color:#102c52}.ux-route-step.is-done em{background:#dbeaff;color:#174f91}.ux-guidance-window>summary,.ux-route-heading{background:linear-gradient(105deg,#edf4ff,#fff9e5)}

.ux-space-switcher{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px;border:1px solid #dce6f2;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(16,44,82,.08)}
.ux-space-tab{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 16px;border:0;border-radius:14px;background:transparent;color:#536b88;font-weight:800;cursor:pointer}
.ux-space-tab span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eef3f8}.ux-space-tab.is-active{background:#123d72;color:#fff}.ux-space-tab.is-active span{background:#f3c84b;color:#102c52}
.ux-space-help{margin-left:auto;border:1px solid #b8cce5;border-radius:13px;background:#fff;color:#174f91;padding:12px 16px;font-weight:800;cursor:pointer}.ux-space-help:hover{background:#edf4ff}
body.is-material-space .ux-route-map,body.is-material-space .ux-guidance-window{display:none}
.ux-material-hero{padding:34px;border-radius:28px;background:radial-gradient(circle at 88% 20%,rgba(243,200,75,.3),transparent 30%),linear-gradient(135deg,#102c52,#1c579b);color:#fff;box-shadow:0 20px 50px rgba(16,44,82,.19)}
.ux-material-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f3c84b;color:#102c52;font-size:.72rem;font-weight:900;letter-spacing:.1em}.ux-material-hero h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0}.ux-material-hero p{max-width:760px;color:#deebfa;font-size:1.04rem;line-height:1.65}.ux-material-note{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.11);font-weight:700}.ux-material-note:before{content:"✓";color:#f3c84b}
.ux-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.ux-material-card{display:flex;flex-direction:column;min-height:225px;padding:24px;border:1px solid #dce6f2;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(16,44,82,.07)}.ux-material-card>span{color:#2f6fed;font-size:.74rem;font-weight:900;letter-spacing:.1em}.ux-material-card h3{margin:8px 0;color:#102c52}.ux-material-card p{color:#61738b;line-height:1.55}.ux-material-card button{align-self:flex-start;margin-top:auto;border:0;border-radius:12px;background:#e8f1ff;color:#174f91;padding:11px 14px;font-weight:800;cursor:pointer}.ux-material-card button:hover{background:#d8e9ff}
.ux-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(7,25,48,.68);backdrop-filter:blur(8px)}.ux-modal-dialog{width:min(720px,100%);max-height:min(780px,90vh);overflow:auto;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.32)}.ux-modal-header{display:flex;align-items:flex-start;gap:18px;padding:26px 28px;background:linear-gradient(115deg,#102c52,#1f5f9f);color:#fff}.ux-modal-header div{flex:1}.ux-modal-header small{color:#f3c84b;font-weight:900;letter-spacing:.1em}.ux-modal-header h2{margin:6px 0 0;font-size:1.75rem}.ux-modal-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.4rem;cursor:pointer}.ux-modal-body{padding:28px}.ux-modal-intro{color:#61738b;line-height:1.65}.ux-modal-steps{display:grid;gap:12px;margin-top:20px}.ux-modal-step{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:15px;border:1px solid #dce6f2;border-radius:16px;background:#f9fbfe}.ux-modal-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f3c84b;color:#102c52;font-weight:900}.ux-modal-step strong{display:block;color:#102c52;margin-bottom:4px}.ux-modal-step p{margin:0;color:#61738b;line-height:1.5}.ux-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.ux-modal-actions button{border:0;border-radius:12px;background:#123d72;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}
@media(max-width:760px){.ux-space-switcher{align-items:stretch;flex-direction:column}.ux-space-help{margin-left:0}.ux-material-grid{grid-template-columns:1fr}.ux-material-hero{padding:25px}.ux-modal{padding:10px}.ux-modal-header,.ux-modal-body{padding:21px}}