.demo-page{background:#f3f3ed;font-size:14px}.demo-page header{position:relative;top:auto;height:86px;padding:0 40px;background:#f9f8f4}.demo-header-label{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.demo-back{font-size:12px;margin-left:auto;margin-right:28px}.demo-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 86px)}.demo-navigation{padding:36px 24px;background:#202e2b;color:#f4f4e9}.demo-navigation>.eyebrow{font-size:9px;letter-spacing:1.5px;color:#becbbb;margin-bottom:24px}.demo-navigation nav{display:flex;flex-direction:column;gap:6px;position:static}.demo-navigation nav a{padding:13px 10px;display:flex;gap:14px;font-size:12px;border-left:2px solid transparent}.demo-navigation nav a>span{color:#a5b9a7;font:12px Georgia,serif}.demo-navigation nav a[aria-current]{background:#34443c;border-left-color:#dfc59a}.demo-navigation nav a:hover{background:#34443c}.demo-navigation>p:last-child{font-size:10px;color:#bac7ba;margin-top:46px;line-height:2}.demo-shell main{min-width:0;padding:44px clamp(24px,3.5vw,64px)}.demo-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.demo-page-heading .eyebrow{color:var(--orange);font-size:10px}.demo-page h1{font-size:clamp(28px,3vw,42px);margin:12px 0 16px}.demo-page-heading p:not(.eyebrow){max-width:660px;color:var(--muted);font-size:13px}.demo-boundary{font-size:11px;color:#6a7569;line-height:1.9;border-block:1px solid #d6ded0;padding:13px 0;margin:28px 0}.demo-boundary>span{padding:3px 7px;background:#e2e9dc;color:#3b5540;margin-right:10px}.demo-btn{padding:11px 16px;background:#24372e;color:#fff;font-size:12px;line-height:1.8;display:inline-block;border:1px solid #24372e;text-align:center}.demo-btn.ghost{background:transparent;color:var(--ink);border-color:#b6c2b0}.demo-btn:disabled{opacity:.45;cursor:default}.demo-btn:not(:disabled):hover{background:#3d5144;color:#fff}.demo-page-heading>.demo-btn{white-space:nowrap}.demo-app{min-height:430px}.demo-metrics{display:grid;grid-template-columns:1fr 1fr 1.5fr;border:1px solid #d2dacb;background:#fbfaf6}.demo-metrics>div{padding:20px 24px;border-right:1px solid #d2dacb}.demo-metrics small{display:block;font-size:11px;color:var(--muted)}.demo-metrics strong{font:36px Georgia,serif;display:block;margin-top:8px}.demo-metrics .metric-text{font:19px 'Microsoft YaHei',sans-serif;margin-top:19px}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.demo-toolbar>span{font-size:10px;color:var(--muted)}.demo-toolbar label{font-size:12px;display:flex;align-items:center;gap:10px}.demo-page select{background:#fbfaf6;border:1px solid #bfc9b8;padding:9px 12px;max-width:100%;font-size:12px;color:var(--ink)}.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-panel{min-width:0;background:#fbfaf6;border:1px solid #d2dacb;padding:26px}.demo-panel>.mini-label{font-size:10px;color:#687e65}.demo-panel h2{font-size:23px;line-height:1.5;margin:16px 0}.demo-panel p{font-size:13px;line-height:1.95;margin:14px 0}.demo-panel details{border-block:1px solid #d8dfd2;padding:15px 0;margin:22px 0}.demo-panel summary{cursor:pointer;font-size:12px}.demo-panel>.demo-btn{margin-top:18px}.demo-note{border-left:2px solid #aab99b;background:#eaf0e3;padding:16px!important;white-space:pre-line;font-size:12px!important;line-height:1.9;margin:20px 0!important}.demo-object{padding:28px;background:#e1e8d8;border-left:3px solid #6f8562}.demo-object>span{font-size:10px;letter-spacing:1px;color:#576b4d}.demo-object h2{font-size:25px;max-width:700px;margin:10px 0 15px}.demo-object p{font-size:12px;color:#5f7156}.task-grid,.fact-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.task-grid .demo-panel,.fact-demo-grid .demo-panel{padding:22px 18px}.task-grid h2,.fact-demo-grid h2{font-size:20px}.source-quote{background:#f0eee5;border-left:2px solid #b7a88b;padding:18px;line-height:2!important}.requirement-row{display:block;text-align:left;background:#f0f2e9;border:1px solid #d4deca;padding:15px;width:100%;margin-top:12px}.requirement-row>span,.requirement-row small{display:block;font-size:10px;color:#64745b}.requirement-row strong{display:block;font-size:15px;font-weight:500;margin:5px 0}.requirement-row[aria-pressed=true]{border-color:var(--orange);background:#f3ebdf}.demo-muted{color:var(--muted)}.demo-label{display:block;margin:24px 0 12px;font-size:12px}.demo-page textarea{display:block;width:100%;margin-top:9px;background:#fffdf7;border:1px solid #bbc7b1;padding:12px;resize:vertical;font-size:12px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.demo-pill{display:inline-block;font-size:10px;background:#f2e3c8;color:#795325;padding:4px 8px}.demo-check{display:flex;align-items:flex-start;gap:9px;padding:16px 0;font-size:12px;cursor:pointer}.demo-check input{margin-top:5px;accent-color:#405b3e;width:16px;height:16px;flex-shrink:0}.knowledge-option{display:flex;gap:12px;border-bottom:1px solid #d8dfd0;padding:22px 0;cursor:pointer}.knowledge-option input{accent-color:#405b3e;margin-top:7px}.knowledge-option strong{font-weight:500;font-size:16px}.knowledge-option small,.knowledge-option span>span{display:block;font-size:12px;margin-top:8px;color:var(--muted)}.demo-list{padding-left:20px;font-size:13px;line-height:2.2}.demo-label select{display:block;margin-top:10px}.geo-answers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.geo-answers blockquote{margin:20px 0;font-size:20px;line-height:1.7}.ticket-track{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;margin:25px 0;gap:6px}.ticket-track li{background:#e4e7de;padding:13px 8px;text-align:center;font-size:12px;color:#76816e}.ticket-track li.current{background:#2f4635;color:#fff}.ticket-track li.complete{background:#cad7bd;color:#344b2c}.demo-page-next{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cfd8c6;padding:24px 0;margin-top:36px;font-size:12px}.demo-footer{font-size:10px;color:#6f7d66;line-height:1.9}.demo-app strong{font-weight:500}
@media(max-width:1150px){.demo-shell{grid-template-columns:195px minmax(0,1fr)}.demo-navigation{padding:30px 16px}.demo-shell main{padding:30px 24px}.task-grid,.fact-demo-grid{grid-template-columns:1fr}.demo-split{gap:14px}.demo-panel{padding:21px}}
@media(max-width:780px){.demo-page header{height:auto;min-height:78px;padding:17px 20px;gap:12px;flex-wrap:wrap}.demo-header-label{display:none}.demo-back{margin:0 0 0 auto;font-size:11px}.demo-page .brand strong{font-size:25px}.demo-page .brand span{font-size:13px}.demo-shell{display:block}.demo-navigation{padding:18px 20px}.demo-navigation>.eyebrow,.demo-navigation>p:last-child{display:none}.demo-navigation nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.demo-navigation nav a{padding:9px 5px;display:block;font-size:10px;text-align:center;line-height:1.6;min-width:0}.demo-navigation nav a>span{display:block;margin-bottom:4px;font-size:10px}.demo-shell main{padding:30px 20px}.demo-page-heading{gap:12px}.demo-page h1{font-size:29px}.demo-page-heading>.demo-btn{padding:7px 9px;font-size:10px}.demo-split,.geo-answers{grid-template-columns:1fr}.demo-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.demo-toolbar label{display:block;width:100%}.demo-toolbar select{display:block;margin-top:9px;width:100%}.demo-metrics{grid-template-columns:1fr 1fr}.demo-metrics>div{padding:15px}.demo-metrics>div:last-child{grid-column:1/3;border-top:1px solid #d2dacb}.demo-metrics .metric-text{margin-top:8px}.demo-object{padding:22px}.demo-object h2{font-size:22px}.demo-panel h2{font-size:21px}.demo-page-next{font-size:10px}.ticket-track li{font-size:10px;padding:10px 4px}.demo-page .brand small{font-size:7px}}
/* Isolate the app navigation from the website's mobile menu styles */
.demo-navigation nav{background:transparent;box-shadow:none;padding:0;transform:none;opacity:1;visibility:visible;inset:auto;border:0;width:auto}
.demo-navigation nav a{color:#f4f4e9}
.demo-navigation nav a[aria-current]{color:#f4f4e9}
.demo-navigation nav a::after{display:none}