.demo-body{background:#f5f4f8;color:var(--text-secondary);font-size:var(--text-label);min-height:100vh}.demo-sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#221b2d;padding:31px 21px 22px;color:var(--text-secondary);display:flex;flex-direction:column;z-index:10;border-right:1px solid #382d44}.demo-sidebar .brand{color:var(--on-accent);font-size:var(--text-h3);padding-left:9px}.demo-sidebar .brand img{filter:brightness(0) invert(1)}.demo-project{display:flex;gap:9px;align-items:center;border:1px solid #493a58;padding:12px 10px;border-radius:7px;margin-top:36px;background:#ffffff04}.demo-project .project-initial{width:31px;height:31px;background:#483253;border-color:#664978;color:var(--text-secondary)}.demo-project b{font-size:var(--text-label);display:block;color:var(--text-secondary);font-weight:500}.demo-project small{font-size:var(--text-label);color:var(--text-secondary);display:block;margin-top:2px}.demo-project>span:last-child{margin-left:auto;color:var(--text-secondary)}.demo-nav-label{font-size:var(--text-label);letter-spacing:.12em;color:var(--text-secondary);margin:29px 12px 13px}.demo-sidebar nav{display:grid;gap:5px}.demo-sidebar nav a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:6px;font-size:var(--text-label);color:var(--text-secondary);transition:background .2s,color .2s}.demo-sidebar nav a svg{width:16px;height:16px}.demo-sidebar nav a:hover{background:#ffffff07;color:var(--text-secondary)}.demo-sidebar nav a[aria-current="page"]{background:#72509444;color:var(--text-secondary)}.nav-count{font-size:var(--text-label);display:grid;place-items:center;background:#7851a04d;border:1px solid #8760aa60;width:16px;height:16px;border-radius:4px;margin-left:auto}.nav-dot{width:5px;height:5px;border-radius:50%;background:#d0a762;margin-left:auto}.demo-help{margin-top:auto;border:1px solid #483654;border-radius:7px;padding:17px;position:relative;overflow:hidden;background:linear-gradient(130deg,#55356322,transparent)}.help-mark{font-family:var(--display);font-size:var(--text-h2);letter-spacing:-.08em;color:var(--text-secondary);position:absolute;right:14px;top:9px;font-weight:800}.demo-help h3{font-size:var(--text-lead);letter-spacing:-.04em;color:var(--text-secondary);line-height:1.3}.demo-help p{font-size:var(--text-label);color:var(--text-secondary);margin-top:10px}.demo-help a{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-label);color:var(--text-secondary);border-top:1px solid #493453;padding-top:12px;margin-top:12px}.demo-help svg{width:13px;height:13px}.demo-back{font-size:var(--text-label);margin:20px 10px 0;color:var(--text-secondary)}.demo-app{margin-left:230px;min-height:100vh}.demo-banner{padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ede6f4;border-bottom:1px solid #ddd1e8;font-size:var(--text-label);letter-spacing:.07em;color:var(--text-secondary)}.demo-banner>span{display:flex;align-items:center;gap:7px}.demo-banner i{height:4px;width:4px;border-radius:50%;background:#9d7eb8}.banner-detail{color:var(--text-secondary);letter-spacing:0;font-size:var(--text-label)}.demo-banner button{border:0;background:none;color:var(--text-secondary);font-size:var(--text-label);white-space:nowrap;padding:0}.demo-topbar{height:72px;border-bottom:1px solid #e7dfed;background:#fcfbfd;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px}.demo-breadcrumb{font-size:var(--text-label);color:var(--text-secondary)}.demo-breadcrumb>span{padding:0 11px;color:var(--text-secondary)}.demo-breadcrumb strong{font-weight:500;color:var(--text-secondary)}.demo-top-actions{display:flex;align-items:center;gap:20px}.demo-top-actions button{display:flex;align-items:center;gap:7px;font-size:var(--text-label);color:var(--text-secondary);background:transparent;border:1px solid #e0d5e9;padding:7px 11px;border-radius:5px}.demo-top-actions svg{width:13px;height:13px}.demo-user{width:29px;height:29px;background:#e8ddf1;border:2px solid white;border-radius:50%;display:grid;place-items:center;font-size:var(--text-label);color:var(--text-secondary)}.demo-mobile-nav,.mobile-brand{display:none}.demo-app main{padding:35px 34px 15px;max-width:1500px;margin:auto;outline:0}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.view-heading .micro{font-size:var(--text-label);color:var(--text-secondary);margin-bottom:10px}.view-heading h1{font-size:var(--text-h2);letter-spacing:-.05em;color:var(--text-secondary);font-weight:550}.view-heading p:not(.micro){font-size:var(--text-label);color:var(--text-secondary);margin-top:9px}.phase-badge{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e4d7ed;border-radius:5px;background:white;font-size:var(--text-label);color:var(--text-secondary);white-space:nowrap}.phase-badge i{height:4px;width:4px;border-radius:50%;background:#b091ca}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{padding:19px;border:1px solid #e3d9ec;background:white;border-radius:7px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:var(--text-label)}.stat-top svg{height:15px;width:15px;color:var(--text-secondary)}.stat-value{font-family:var(--display);font-size:var(--text-h3);font-weight:550;letter-spacing:-.05em;color:var(--text-secondary);margin-top:13px;line-height:1.2}.stat-value small{font-size:var(--text-label);letter-spacing:0;color:var(--text-secondary)}.stat-note{display:block;font-size:var(--text-label);color:var(--text-secondary);margin-top:8px}.stat-bar{height:3px;border-radius:5px;background:#ede6f3;margin-top:13px;overflow:hidden}.stat-bar span{display:block;height:100%;background:#b294cb;border-radius:5px}.overview-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.demo-card{background:white;border:1px solid #e2d8ec;border-radius:8px;overflow:hidden}.demo-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eee7f4;padding:20px 22px}.demo-card-head h2{font-family:var(--font);font-size:var(--text-label);font-weight:550;letter-spacing:-.01em;color:var(--text-secondary)}.demo-card-head>a,.demo-card-head>span{font-size:var(--text-label);color:var(--text-secondary)}.action-count{border:1px solid #ead9c0;background:#fcf7ed;padding:2px 6px;border-radius:4px;color:var(--text-secondary)!important}.attention-item{padding:21px 22px;display:block;border-bottom:1px solid #eee7f4}.attention-item:last-child{border-bottom:0}.attention-kicker{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--text-label);letter-spacing:.1em}.attention-kicker i{background:#ccad75;width:4px;height:4px;border-radius:50%}.attention-item h3{font-size:var(--text-lead);letter-spacing:-.035em;color:var(--text-secondary);margin-top:10px;font-weight:550}.attention-item p{font-size:var(--text-label);color:var(--text-secondary);line-height:1.8;margin-top:9px}.attention-item>a{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:var(--text-label);color:var(--text-secondary);font-weight:500}.attention-item>a svg{width:13px;height:13px}.home-snapshot{position:relative;height:180px;overflow:hidden}.home-snapshot>img{width:100%;height:100%;object-fit:cover;object-position:65% 55%}.home-snapshot:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#21162fbd,transparent 75%)}.snapshot-caption{position:absolute;left:20px;right:20px;bottom:17px;z-index:1;display:flex;align-items:end;justify-content:space-between;color:var(--text-secondary)}.snapshot-caption span{font-family:var(--display);font-size:var(--text-lead);letter-spacing:-.04em}.snapshot-caption small{font-size:var(--text-label);color:var(--text-secondary)}.progress-list{padding:8px 22px}.progress-item{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #f0e9f5}.progress-item:last-child{border:0}.progress-node{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;border:1px solid #dbcbe7;background:#f5eff9;color:var(--text-secondary);font-size:var(--text-label);flex-shrink:0}.progress-node.complete{color:var(--text-secondary);border-color:#d8e8dd;background:#f0f7f2}.progress-node svg{width:11px;height:11px}.progress-item>div{flex:1}.progress-item strong{font-size:var(--text-label);font-weight:500;color:var(--text-secondary);display:block}.progress-item small{font-size:var(--text-label);color:var(--text-secondary);display:block;margin-top:2px}.status-tag{font-size:var(--text-label);padding:3px 6px;border:1px solid #e4d9ed;background:#f8f3fc;color:var(--text-secondary);border-radius:4px;white-space:nowrap}.status-tag.green{color:var(--text-secondary);border-color:#d5e5da;background:#f4faf6}.status-tag.amber{color:var(--text-secondary);border-color:#eddfc8;background:#fdf9f0}.status-tag.grey{color:var(--text-secondary);background:#faf8fc;border-color:#eae2ef}.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.info-card{display:flex;align-items:center;gap:17px;padding:23px;border:1px solid #e2d8ec;background:white;border-radius:7px}.info-card>svg{width:29px;height:29px;color:var(--text-secondary)}.info-card h3{font-size:var(--text-body);letter-spacing:-.03em;color:var(--text-secondary)}.info-card p{font-size:var(--text-label);color:var(--text-secondary);margin-top:7px}.info-card>a{margin-left:auto;color:var(--text-secondary)}.info-card>a svg{width:17px;height:17px}.budget-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.table-scroll{overflow-x:auto}.budget-table{width:100%;border-collapse:collapse;font-size:var(--text-label);white-space:nowrap}.budget-table th{font-weight:500;text-align:left;color:var(--text-secondary);padding:13px 21px;border-bottom:1px solid #eee6f4;background:#fdfbfe;font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase}.budget-table td{padding:16px 21px;border-bottom:1px solid #f0e9f5;color:var(--text-secondary)}.budget-table th:not(:first-child),.budget-table td:not(:first-child){text-align:right}.budget-table tfoot td{font-weight:600;background:#f7f2fb;color:var(--text-secondary)}.category-label{display:flex;align-items:center;gap:8px}.category-dot{width:5px;height:5px;border-radius:50%;background:#b79aca}.change-detail{padding:22px}.change-detail>.micro{font-size:var(--text-label);letter-spacing:.1em;color:var(--text-secondary)}.change-detail h3{font-size:var(--text-lead);letter-spacing:-.045em;color:var(--text-secondary);margin:11px 0}.change-detail>p{font-size:var(--text-label);line-height:1.8;color:var(--text-secondary)}.change-amount{font-family:var(--display);font-size:var(--text-h2);letter-spacing:-.06em;color:var(--text-secondary);margin:19px 0 2px}.change-amount small{font-family:var(--font);font-size:var(--text-label);letter-spacing:0;color:var(--text-secondary);font-weight:400}.change-impact{padding:16px;background:#f5eff9;border:1px solid #e8dbf0;border-radius:6px;margin-top:19px}.change-impact>div{display:flex;justify-content:space-between;gap:15px;font-size:var(--text-label);color:var(--text-secondary);margin-bottom:9px}.change-impact>div:last-child{margin:0;padding-top:11px;border-top:1px solid #e4d5ec;color:var(--text-secondary)}.change-impact strong{font-family:var(--display);font-size:var(--text-body);font-weight:550;letter-spacing:-.03em}.demo-primary,.demo-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a583bb;background:#8b62a7;color:var(--on-accent);border-radius:5px;padding:10px 14px;font-size:var(--text-label);font-weight:500}.demo-primary svg,.demo-secondary svg{width:13px;height:13px}.demo-primary:hover{background:#795092}.demo-secondary{color:var(--text-secondary);background:white;border-color:#dfcfe9}.demo-secondary:hover{background:#f7f0fb}.change-buttons{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.change-disclosure{font-size:var(--text-label)!important;color:var(--text-secondary)!important;margin-top:15px!important}.milestone-list{display:grid;gap:14px}.milestone-card{display:flex;align-items:center;gap:19px;background:white;border:1px solid #e3d7ec;border-radius:7px;padding:22px}.milestone-number{font-family:var(--display);font-size:var(--text-lead);color:var(--text-secondary);letter-spacing:-.04em;width:35px;flex-shrink:0}.milestone-description{flex:1}.milestone-description h2{font-size:var(--text-lead);letter-spacing:-.03em;color:var(--text-secondary)}.milestone-description p{font-size:var(--text-label);color:var(--text-secondary);margin-top:6px}.milestone-description small{font-size:var(--text-label);color:var(--text-secondary);display:block;margin-top:5px}.milestone-control label{font-size:var(--text-label);letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}.milestone-control select{font-size:var(--text-label);color:var(--text-secondary);border-color:#e1d0eb;background:#fcf8ff;min-width:120px;padding:8px}.milestone-note{margin-top:22px;border:1px solid #e6d6ef;background:#f0e7f7;border-radius:6px;padding:18px 21px;display:flex;gap:13px;color:var(--text-secondary)}.milestone-note>svg{width:19px;height:19px}.milestone-note p{font-size:var(--text-label);line-height:1.8;color:var(--text-secondary)}.documents-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.readiness-summary{padding:24px}.readiness-number{font-family:var(--display);font-size:var(--text-h2);letter-spacing:-.07em;color:var(--text-secondary);line-height:1.1}.readiness-number small{font-size:var(--text-body);color:var(--text-secondary);letter-spacing:-.03em}.readiness-summary>p{font-size:var(--text-label);color:var(--text-secondary);margin-top:10px}.readiness-track{height:6px;background:#eee3f4;border-radius:5px;margin-top:20px;overflow:hidden}.readiness-track>span{height:100%;display:block;background:#b393c8;border-radius:5px}.doc-items{padding:0 24px}.doc-item{padding:20px 0;border-top:1px solid #eee4f4;display:flex;align-items:center;gap:12px}.doc-status-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #e7dbed;border-radius:5px;background:#f9f4fc;color:var(--text-secondary);flex-shrink:0}.doc-status-icon svg{width:14px;height:14px}.doc-status-icon.received{border-color:#d7e5dc;background:#f4faf6;color:var(--text-secondary)}.doc-item>div:nth-child(2){flex:1}.doc-item h3{font-family:var(--font);font-size:var(--text-label);font-weight:500;letter-spacing:0;color:var(--text-secondary)}.doc-item p{font-size:var(--text-label);color:var(--text-secondary);margin-top:4px}.doc-item button{background:none;color:var(--text-secondary);border:1px solid #e4d5ec;border-radius:4px;font-size:var(--text-label);padding:6px 8px;white-space:nowrap}.doc-action{padding:20px 24px;border-top:1px solid #eee4f4}.draw-brief{padding:24px}.draw-brief>svg{width:27px;height:27px;color:var(--text-secondary)}.draw-brief h3{font-size:var(--text-h3);line-height:1.25;color:var(--text-secondary);margin-top:20px;letter-spacing:-.045em}.draw-brief>p{font-size:var(--text-label);color:var(--text-secondary);margin-top:17px;line-height:1.9}.draw-brief ul{list-style:none;padding:0;margin:20px 0}.draw-brief li{font-size:var(--text-label);color:var(--text-secondary);display:flex;gap:10px;padding-block:10px;border-top:1px solid #eee4f4}.draw-brief li span{color:var(--text-secondary);font-size:var(--text-label)}.draw-brief .demo-primary{margin-top:8px}.draw-brief>.small-print{font-size:var(--text-label);color:var(--text-secondary);margin-top:20px}.demo-footer{max-width:1500px;padding:23px 34px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin:auto}.demo-footer>span{font-size:var(--text-label);letter-spacing:.1em;color:var(--text-secondary);white-space:nowrap}.demo-footer p{font-size:var(--text-label);color:var(--text-secondary);text-align:right}.demo-toast{position:fixed;bottom:25px;left:calc(50% + 115px);transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100% - 40px);border-radius:7px;background:#41304f;color:var(--text-secondary);border:1px solid #9873b0;font-size:var(--text-label);padding:14px 20px;box-shadow:0 10px 40px #35213d30;transition:opacity .2s,transform .2s;z-index:30}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.empty-message{padding:24px;color:var(--text-secondary);font-size:var(--text-label)}.empty-message strong{display:block;font-size:var(--text-body);color:var(--text-secondary);margin-bottom:7px}
/* Keep small product text readable against the light surface. */
.demo-app{--muted:#786484}.demo-breadcrumb,.view-heading p:not(.micro),.stat-top,.stat-note,.attention-item p,.progress-item small,.info-card p,.budget-table td,.change-detail>p,.change-impact>div,.milestone-description p,.milestone-description small,.readiness-summary>p,.doc-item p,.draw-brief>p,.draw-brief li{color:var(--text-secondary)}.demo-app .stat-value,.demo-app .attention-item h3,.demo-app .progress-item strong,.demo-app .info-card h3,.demo-app .change-detail h3,.demo-app .milestone-description h2,.demo-app .doc-item h3,.demo-app .draw-brief h3{color:var(--text-secondary)}.demo-app .stat-note,.demo-app .progress-item small{color:var(--text-secondary)}.demo-footer p{color:var(--text-secondary)}.demo-footer>span{color:var(--text-secondary)}.demo-primary{background:#795397;border-color:#795397}.demo-primary:disabled{opacity:.55}.status-tag{font-size:var(--text-label);color:var(--text-secondary)}.status-tag.green{color:var(--text-secondary)}.status-tag.amber{color:var(--text-secondary)}.status-tag.grey{color:var(--text-secondary)}.stat-top{font-size:var(--text-label)}.stat-note{font-size:var(--text-label)}.attention-item p{font-size:var(--text-label)}.demo-card-head h2{color:var(--text-secondary)}.budget-table{font-size:var(--text-label)}.budget-table th{font-size:var(--text-label);color:var(--text-secondary)}.doc-item p{font-size:var(--text-label)}.doc-item button{color:var(--text-secondary)}.change-disclosure{color:var(--text-secondary)!important}.draw-brief>.small-print{color:var(--text-secondary)}.demo-app .concept-badge{font-size:var(--text-label)}.demo-banner .banner-detail{color:var(--text-secondary)}
@media(min-width:1600px){.overview-metrics{gap:20px}.stat-card{padding:24px}.demo-app main{padding-top:45px}}@media(max-width:1100px){.demo-sidebar{width:200px;padding-inline:15px}.demo-app{margin-left:200px}.demo-app main{padding-inline:24px}.demo-topbar{padding-inline:24px}.demo-banner{padding-inline:24px}.demo-footer{padding-inline:24px}.stat-card{padding:15px}.stat-value{font-size:var(--text-h3)}.overview-metrics{gap:10px}.stat-top{font-size:var(--text-label)}.stat-note{font-size:var(--text-label)}.overview-layout,.overview-bottom,.budget-layout,.documents-layout{gap:16px}.view-heading h1{font-size:var(--text-h3)}.attention-item{padding:19px}.demo-card-head{padding:18px 19px}.demo-toast{left:calc(50% + 100px)}.budget-table th,.budget-table td{padding-inline:16px}}
@media(max-width:850px){.demo-sidebar{width:175px;padding-inline:12px}.demo-app{margin-left:175px}.demo-sidebar .brand{font-size:var(--text-lead)}.demo-project{padding:10px 8px;gap:7px}.demo-project b{font-size:var(--text-label)}.demo-project small{font-size:var(--text-label)}.demo-project .project-initial{width:25px;height:25px;font-size:var(--text-label)}.demo-sidebar nav a{font-size:var(--text-label);padding:11px 8px;gap:8px}.demo-sidebar nav a svg{width:14px;height:14px}.demo-help{padding:13px}.demo-help h3{font-size:var(--text-body)}.demo-app main{padding:28px 20px 10px}.overview-metrics{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--text-h3)}.stat-top{font-size:var(--text-label)}.stat-note{font-size:var(--text-label)}.overview-layout,.budget-layout,.documents-layout{grid-template-columns:1fr}.overview-bottom{grid-template-columns:1fr 1fr}.info-card{padding:17px;gap:12px}.info-card h3{font-size:var(--text-ui)}.info-card p{font-size:var(--text-label)}.info-card>svg{width:22px;height:22px}.demo-topbar{padding-inline:20px}.demo-banner{padding-inline:20px}.demo-toast{left:calc(50% + 87px)}.milestone-card{padding:18px;gap:12px}.milestone-description h2{font-size:var(--text-body)}.milestone-control select{min-width:105px;font-size:var(--text-label)}.demo-footer{padding-inline:20px}.demo-footer p{max-width:300px}.view-heading .phase-badge{display:none}}
@media(max-width:640px){.demo-sidebar{display:none}.demo-app{margin-left:0}.demo-banner{padding:10px 16px;font-size:var(--text-label);gap:8px}.banner-detail{display:none}.demo-banner button{font-size:var(--text-label)}.demo-topbar{height:64px;padding-inline:18px}.mobile-brand{display:block;font-family:var(--display);font-size:var(--text-lead);font-weight:750;letter-spacing:-.05em;color:var(--text-secondary)}.demo-breadcrumb{display:none}.demo-top-actions{gap:13px}.demo-top-actions button{font-size:var(--text-label);padding:7px 9px}.demo-user{width:26px;height:26px}.demo-mobile-nav{display:flex;justify-content:space-between;gap:5px;background:white;border-bottom:1px solid #e4d8ed;padding:0 14px}.demo-mobile-nav a{font-size:var(--text-label);color:var(--text-secondary);padding:13px 5px;border-bottom:2px solid transparent;white-space:nowrap}.demo-mobile-nav a[aria-current="page"]{border-bottom-color:#9670ae;color:var(--text-secondary)}.demo-app main{padding:26px 16px 10px}.view-heading{margin-bottom:23px}.view-heading h1{font-size:var(--text-h3)}.view-heading p:not(.micro){font-size:var(--text-label);line-height:1.7}.view-heading .micro{font-size:var(--text-label);margin-bottom:8px}.overview-metrics{gap:10px;margin-bottom:18px}.stat-card{padding:16px}.stat-value{font-size:var(--text-h3)}.stat-top{font-size:var(--text-label)}.stat-top svg{width:13px;height:13px}.stat-note{font-size:var(--text-label)}.overview-layout{gap:18px}.demo-card-head{padding:18px}.demo-card-head h2{font-size:var(--text-label)}.attention-item{padding:19px 18px}.attention-item h3{font-size:var(--text-lead)}.attention-item p{font-size:var(--text-label)}.attention-item>a{font-size:var(--text-label)}.attention-kicker{font-size:var(--text-label)}.overview-bottom{grid-template-columns:1fr;gap:12px;margin-top:18px}.info-card h3{font-size:var(--text-body)}.info-card p{font-size:var(--text-label)}.progress-item strong{font-size:var(--text-label)}.progress-item small{font-size:var(--text-label)}.progress-item{padding-block:15px}.status-tag{font-size:var(--text-label)}.demo-footer{padding:20px 16px;align-items:flex-start;flex-direction:column;gap:7px}.demo-footer p{text-align:left;max-width:none;font-size:var(--text-label)}.demo-footer>span{font-size:var(--text-label)}.budget-table th,.budget-table td{padding:14px;font-size:var(--text-label)}.budget-table th{font-size:var(--text-label)}.change-detail{padding:21px}.change-detail h3{font-size:var(--text-h3)}.change-detail>p{font-size:var(--text-label)}.change-amount{font-size:var(--text-h2)}.change-impact>div{font-size:var(--text-label)}.demo-primary,.demo-secondary{font-size:var(--text-label);padding:11px 14px}.change-disclosure{font-size:var(--text-label)!important}.milestone-card{padding:18px 15px;flex-wrap:wrap;gap:12px}.milestone-number{width:24px;font-size:var(--text-lead)}.milestone-description{flex-basis:calc(100% - 40px)}.milestone-description h2{font-size:var(--text-lead)}.milestone-description p{font-size:var(--text-label)}.milestone-description small{font-size:var(--text-label)}.milestone-control{margin-left:36px;width:calc(100% - 36px)}.milestone-control label{font-size:var(--text-label)}.milestone-control select{font-size:var(--text-label);width:100%;padding:9px}.milestone-note{padding:17px;gap:10px}.milestone-note p{font-size:var(--text-label)}.doc-items{padding-inline:19px}.readiness-summary{padding:22px 19px}.doc-item{gap:10px;flex-wrap:wrap}.doc-item>div:nth-child(2){min-width:180px}.doc-item button{margin-left:38px;font-size:var(--text-label);padding:7px 10px}.doc-item h3{font-size:var(--text-label)}.doc-item p{font-size:var(--text-label)}.doc-action{padding:20px}.draw-brief{padding:22px}.draw-brief h3{font-size:var(--text-h3)}.draw-brief>p{font-size:var(--text-label)}.draw-brief li{font-size:var(--text-label)}.draw-brief .small-print{font-size:var(--text-label)}.demo-toast{left:50%;bottom:18px;width:calc(100% - 32px);font-size:var(--text-label);max-width:430px;text-align:center}}

/* Accessible dashboard scale; identical palette and visual hierarchy. */
.demo-body{--text-label:13px;--text-primary:#34263f;--text-secondary:#62566d;font-size:var(--text-body)}.demo-sidebar{width:260px;--text-primary:#fff;--text-secondary:#ded2e8}.demo-app{margin-left:260px}.demo-sidebar nav a{font-size:var(--text-ui);min-height:48px;padding:13px 10px}.demo-sidebar nav a[aria-current="page"]{background:#483253;color:#fff}.demo-project{gap:10px}.demo-project b{font-size:var(--text-ui)}.demo-project small,.demo-nav-label,.demo-back{font-size:var(--text-label)}.demo-project>span:last-child{display:none}.demo-help h3{font-size:var(--text-h3)}.demo-help p,.demo-help a{font-size:var(--text-label)}.demo-back{min-height:44px;display:flex;align-items:center}.demo-help{padding:18px}.demo-banner{font-size:var(--text-label);flex-wrap:wrap}.demo-banner>span{flex-wrap:wrap}.banner-detail,.demo-banner button{font-size:var(--text-label)}.demo-banner button{min-height:44px}.demo-topbar{height:auto;min-height:88px;padding-block:16px;flex-wrap:wrap}.demo-breadcrumb,.demo-top-actions button{font-size:var(--text-ui)}.demo-top-actions button{min-height:44px}.demo-user{width:36px;height:36px;font-size:var(--text-label)}.view-heading h1{font-size:var(--text-h2)}.view-heading p:not(.micro){font-size:var(--text-body)}.view-heading .micro,.phase-badge{font-size:var(--text-label)}.phase-badge{white-space:normal}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-top,.stat-note{font-size:var(--text-label)}.stat-value{font-size:var(--text-h2)}.stat-value small{font-size:var(--text-ui)}.stat-card{padding:22px}.overview-layout,.budget-layout,.documents-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.demo-card-head{flex-wrap:wrap}.demo-card-head h2{font-size:var(--text-body)}.demo-card-head>a,.demo-card-head>span,.attention-kicker{font-size:var(--text-label)}.attention-item p{font-size:var(--text-body)}.attention-item>a{font-size:var(--text-ui);min-height:44px}.attention-item h3{font-size:var(--text-h3)}.status-tag{font-size:var(--text-label);white-space:normal}.progress-item{flex-wrap:wrap;gap:10px}.progress-item strong{font-size:var(--text-ui)}.progress-item small{font-size:var(--text-label)}.progress-item .status-tag{margin-left:31px}.progress-node{width:26px;height:26px;font-size:var(--text-label)}.snapshot-caption small{font-size:var(--text-label)}.info-card{flex-wrap:wrap}.info-card p{font-size:var(--text-body)}.info-card>a{min-width:44px;min-height:44px;display:grid;place-items:center}.budget-table{font-size:var(--text-body)}.budget-table th{font-size:var(--text-label)}.budget-table td{font-size:var(--text-body)}.budget-table th,.budget-table td{padding:17px}.change-detail>p,.change-impact>div{font-size:var(--text-body)}.change-amount small,.change-disclosure{font-size:var(--text-label)!important}.demo-primary,.demo-secondary{font-size:var(--text-ui);min-height:44px}.change-buttons{gap:12px}.change-detail .micro{font-size:var(--text-label)}.milestone-card{flex-wrap:wrap}.milestone-description p{font-size:var(--text-body)}.milestone-description small,.milestone-control label{font-size:var(--text-label)}.milestone-control select{font-size:var(--text-ui);min-height:44px}.milestone-note p{font-size:var(--text-body)}.readiness-summary>p,.doc-item p,.draw-brief>p,.draw-brief li{font-size:var(--text-body)}.doc-item h3{font-size:var(--text-body)}.doc-item{flex-wrap:wrap}.doc-item button{font-size:var(--text-ui);min-height:44px;margin-left:40px}.doc-item>div:nth-child(2){flex-basis:calc(100% - 40px)}.draw-brief>.small-print{font-size:var(--text-label)}.draw-brief li span{font-size:var(--text-label)}.demo-footer{flex-wrap:wrap}.demo-footer>span,.demo-footer p{font-size:var(--text-label);text-align:left}.demo-footer p{max-width:none}.demo-toast{font-size:var(--text-ui);left:calc(50% + 130px)}.nav-count{font-size:var(--text-label);width:22px;height:22px}.demo-app .stat-top,.demo-app .stat-note,.demo-app .stat-value,.demo-app .attention-item h3,.demo-app .attention-item p,.demo-app .progress-item strong,.demo-app .progress-item small,.demo-app .info-card h3,.demo-app .info-card p,.demo-app .change-detail h3,.demo-app .change-detail>p,.demo-app .change-impact>div,.demo-app .milestone-description h2,.demo-app .milestone-description p,.demo-app .milestone-description small,.demo-app .doc-item h3,.demo-app .doc-item p,.demo-app .draw-brief h3,.demo-app .draw-brief>p,.demo-app .draw-brief li,.demo-app .budget-table td{color:var(--text-secondary)}.demo-primary{color:white!important;background:#73508f;border-color:#73508f}.demo-secondary{color:#62566d}.status-tag.green{color:#44634d}.status-tag.amber,.attention-label,.attention-kicker,.action-count{color:#73511d!important}.demo-banner .banner-detail,.demo-app .change-disclosure{color:var(--text-secondary)!important}.demo-app main{min-width:0}.demo-app .concept-badge{font-size:var(--text-label)}
@media(min-width:1500px){.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.progress-item .status-tag{margin-left:0}}
@media(max-width:1200px){.overview-layout,.budget-layout,.documents-layout{grid-template-columns:1fr}.overview-bottom{grid-template-columns:1fr}.demo-sidebar{width:240px}.demo-app{margin-left:240px}.demo-toast{left:calc(50% + 120px)}}
@media(max-width:900px){.demo-sidebar{display:none}.demo-app{margin-left:0}.mobile-brand{display:block;font-family:var(--display);font-size:var(--text-h3);font-weight:700;color:var(--text-primary)}.demo-breadcrumb{display:none}.demo-mobile-nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;background:white;border-bottom:1px solid var(--line);padding:0 16px;gap:10px;overflow:auto}.demo-mobile-nav a{font-size:var(--text-ui);min-height:48px;display:flex;align-items:center;white-space:nowrap;border-bottom:2px solid transparent}.demo-mobile-nav a[aria-current="page"]{border-bottom-color:#7852cf;color:#62417b}.demo-toast{left:50%}.demo-help{margin-top:25px}}
@media(max-width:640px){.demo-app main{padding:28px 18px}.view-heading h1{font-size:var(--text-h2)}.view-heading p:not(.micro){font-size:var(--text-body)}.view-heading .micro{font-size:var(--text-label)}.demo-banner{padding:9px 18px;gap:5px}.demo-banner>span{font-size:var(--text-label)}.banner-detail{display:none}.demo-banner button{font-size:var(--text-label)}.demo-topbar{padding:16px 18px}.demo-top-actions button{font-size:var(--text-ui)}.demo-user{display:none}.overview-metrics{gap:12px}.stat-card{padding:18px 14px}.stat-top{font-size:var(--text-label);gap:6px}.stat-top svg{display:none}.stat-note{font-size:var(--text-label)}.stat-value{font-size:var(--text-h3)}.stat-value small{font-size:var(--text-ui)}.stat-top span{min-width:0}.snapshot-caption{gap:12px;flex-wrap:wrap}.snapshot-caption small{font-size:var(--text-label)}.budget-table th{font-size:var(--text-label)}.budget-table td{font-size:var(--text-body)}.budget-table th,.budget-table td{padding:14px}.change-detail>p{font-size:var(--text-body)}.milestone-description h2{font-size:var(--text-h3)}.milestone-description p{font-size:var(--text-body)}.milestone-description small{font-size:var(--text-label)}.milestone-control{margin-left:0;width:100%}.milestone-control select{font-size:var(--text-ui)}.milestone-note p{font-size:var(--text-body)}.doc-item>div:nth-child(2){min-width:0}.doc-item h3{font-size:var(--text-body)}.doc-item p{font-size:var(--text-body)}.doc-item button{font-size:var(--text-ui);min-height:44px}.draw-brief>p,.draw-brief li{font-size:var(--text-body)}.demo-primary,.demo-secondary{font-size:var(--text-ui)}.demo-footer{padding:22px 18px 90px}.demo-footer p,.demo-footer>span{font-size:var(--text-label)}.demo-mobile-nav{position:fixed;top:auto;bottom:0;left:0;right:0;gap:0;padding:0 10px;box-shadow:0 -5px 20px #241b3010;overflow:visible}.demo-mobile-nav a{font-size:var(--text-label);min-height:58px;white-space:normal;text-align:center;justify-content:center;line-height:1.3;width:25%;padding:8px 4px;border-top:2px solid transparent;border-bottom:0}.demo-mobile-nav a[aria-current="page"]{border-top-color:#7852cf;border-bottom:0}.demo-toast{bottom:75px;font-size:var(--text-ui)}.demo-card-head h2{font-size:var(--text-body)}.demo-card-head>a,.demo-card-head>span{font-size:var(--text-label)}.attention-kicker{font-size:var(--text-label)}.attention-item p{font-size:var(--text-body)}.attention-item>a{font-size:var(--text-ui)}.progress-item strong{font-size:var(--text-ui)}.progress-item small,.status-tag{font-size:var(--text-label)}.info-card p{font-size:var(--text-body)}}
.tour-welcome,.tour-panel{border:1px solid #c6b2d8;background:#eee9f2;border-radius:7px;padding:24px;margin-bottom:25px;color:var(--text-primary)}.tour-welcome{display:flex;justify-content:space-between;gap:22px;align-items:center}.tour-welcome strong{font-size:var(--text-body)}.tour-welcome p{font-size:var(--text-body);margin-top:8px}.tour-welcome .pilot-footer-links{flex-shrink:0}.tour-panel h2{font-size:var(--text-h3);margin:12px 0}.tour-panel>p:not(.micro){font-size:var(--text-body);max-width:900px}.tour-panel .pilot-footer-links{margin-top:20px}.tour-highlight{outline:3px solid #7852cf;outline-offset:5px}.assistant-panel{border:1px solid var(--line);border-radius:8px;background:white;padding:28px;margin-top:25px}.assistant-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.assistant-heading h2{font-size:var(--text-h3);margin-top:8px}.assistant-heading .micro,.scripted-label{font-size:var(--text-label);color:var(--text-secondary)}.scripted-label{padding:7px 10px;background:#eee9f2;border:1px solid var(--line);border-radius:4px}.assistant-panel>p{font-size:var(--text-body);margin-top:18px;color:var(--text-secondary)}.assistant-questions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.assistant-questions button{padding:14px;text-align:left;font-size:var(--text-ui);line-height:1.6;border:1px solid #d9cbe4;border-radius:5px;background:#faf8fc;color:var(--text-secondary);min-height:44px}.assistant-questions button[aria-pressed="true"]{background:#eee3f7;border-color:#9773b1;color:var(--text-primary)}.assistant-answer{font-size:var(--text-body);line-height:1.7;background:#eee9f2;border-left:3px solid #7852cf;border-radius:4px;padding:20px;margin-top:20px;color:var(--text-primary)}.decision-pilot-panel{margin-top:24px;border:1px solid #d9c5e8;background:#f4eef8;border-radius:5px;padding:20px}.decision-pilot-panel h4{font-size:var(--text-lead);color:var(--text-primary)}.decision-pilot-panel .pilot-footer-links{margin-top:16px}.demo-banner .demo-nav-label{margin:0}.table-scroll-hint{margin:0}.table-scroll:focus-visible{outline:2px solid #7852cf;outline-offset:-3px}
@media(max-width:1000px){.tour-welcome{align-items:flex-start;flex-direction:column}.tour-welcome .pilot-footer-links{flex-wrap:wrap}}@media(max-width:640px){.demo-top-actions{flex-wrap:wrap;gap:10px}.demo-topbar>div:first-child{width:100%}.demo-topbar{gap:15px}.demo-top-actions button{font-size:var(--text-ui)}.assistant-heading{align-items:flex-start;flex-direction:column}.assistant-questions{grid-template-columns:1fr}.assistant-panel{padding:22px}.tour-panel,.tour-welcome{padding:21px}.tour-panel .pilot-footer-links{gap:10px}.tour-welcome .pilot-footer-links{flex-direction:column;align-items:stretch;width:100%}}
/* Round 2: keep the next action visible on phones. */
.demo-body,.demo-app{min-height:100dvh}.assistant-answer{scroll-margin-block:100px}.demo-top-actions .demo-header-pilot{background:#73508f;color:white;border-color:#73508f}.demo-top-actions a[data-demo-fallback]{font-size:var(--text-ui);min-height:44px;display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #e0d5e9;border-radius:5px}.demo-footer{flex-wrap:wrap}.demo-footer-links{width:100%}
@media(max-width:767px){.demo-body{padding-bottom:env(safe-area-inset-bottom)}.demo-mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.demo-topbar{height:auto;min-height:110px;align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.demo-top-actions{width:100%;gap:8px;flex-wrap:wrap}.demo-top-actions button,.demo-top-actions a[data-demo-fallback]{font-size:13px;padding:7px 9px}.demo-top-actions .demo-header-pilot{display:inline-flex}.demo-body:not([data-demo-view=overview]) .overview-metrics{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:18px;padding-bottom:5px}.demo-body:not([data-demo-view=overview]) .stat-card{flex:0 0 160px;min-height:64px;padding:8px 12px;display:grid;gap:2px}.demo-body:not([data-demo-view=overview]) .stat-value{font-size:22px;line-height:1.2}.demo-body:not([data-demo-view=overview]) .stat-top{font-size:13px}.demo-body:not([data-demo-view=overview]) .stat-note,.demo-body:not([data-demo-view=overview]) .stat-bar{display:none}.tour-active .tour-panel{position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:25;max-height:45vh;max-height:45dvh;margin:0;padding:14px 16px;box-shadow:0 -5px 30px #241b3030;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px;overflow:hidden}.tour-panel h2{font-size:19px;margin:0}.tour-panel .micro{font-size:13px;line-height:1.3}.tour-panel>p:not(.micro){font-size:13px;line-height:1.5;overflow:auto;overscroll-behavior:contain}.tour-panel .pilot-footer-links{margin:4px 0 0;gap:8px;flex-wrap:nowrap}.tour-panel .pilot-footer-links button{font-size:13px;padding:8px 10px;min-height:44px}.tour-highlight{scroll-margin-bottom:calc(45dvh + 90px);scroll-margin-top:24px}.demo-footer{padding-bottom:100px}.assistant-answer{scroll-margin-bottom:90px}.demo-topbar{position:relative;z-index:5}}

@media(max-width:767px){.demo-body:not([data-demo-view=overview]) .stat-value{margin:0}.demo-body:not([data-demo-view=overview]) .stat-top{line-height:1.2}}