.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-heading{background:var(--navy);color:#fff;padding:24px 0 30px}.demo-heading .breadcrumbs{margin-bottom:12px}.demo-heading .eyebrow{color:var(--gold);margin-bottom:8px}.demo-heading h1{font:400 clamp(1.9rem,3.4vw,3rem)/1.2 var(--serif);letter-spacing:-.02em}.demo-heading>div>p{margin-top:14px;max-width:850px;color:#d9e3e7}.demo-title{display:flex;gap:24px;align-items:center;justify-content:space-between}.demo-title .button{flex-shrink:0}.demo-section{padding:32px 0 65px}.demo-shell{display:grid;grid-template-columns:265px minmax(0,1fr);border:1px solid var(--line);background:#fff}.demo-controls{padding:24px;border-right:1px solid var(--line)}.demo-controls h2{font:600 1.15rem/1.4 var(--sans);letter-spacing:0;margin-bottom:22px}.demo-controls fieldset{border:0;margin:0;padding:0;min-width:0}.demo-controls label{display:block;font-weight:600;font-size:.9375rem;margin:22px 0 8px}.demo-controls label:first-of-type{margin-top:0}.demo-controls label>span{display:block;font-weight:400;font-size:.875rem;color:var(--muted)}.demo-controls output{float:right;color:var(--navy)}.demo-controls select{width:100%;font:inherit;font-size:.9375rem;min-height:46px;background:#fff;border:1px solid #718691;border-radius:3px;padding:8px;color:var(--ink)}.demo-controls input[type=range]{width:100%;min-height:36px;accent-color:var(--navy)}.control-help{font-size:.875rem;color:var(--muted);line-height:1.6;margin-top:8px}.demo-controls .demo-check{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem}.demo-check input{width:20px;height:20px;margin-top:3px;accent-color:var(--navy);flex-shrink:0}.demo-reset{background:#fff;border-color:#718691;color:var(--ink);min-height:44px;margin:12px 0;font-size:.9375rem;width:100%;justify-content:center}.demo-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--line)}.demo-toolbar button{min-height:44px;border:1px solid #718691;background:#fff;color:var(--ink);padding:7px 12px;border-radius:3px;cursor:pointer;font-size:.875rem}.demo-toolbar button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.demo-viewport{height:475px;position:relative;background:#e2eaf0;overflow:hidden}.demo-viewport canvas{display:block;max-width:100%;touch-action:none}.demo-viewport canvas:focus-visible{outline:4px solid var(--gold);outline-offset:-5px}.demo-viewport .map-label{position:absolute;left:0;top:0;pointer-events:none;background:#112f3deb;color:#fff;padding:2px 5px;font-size:.75rem;border-radius:3px}#demo-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--navy);z-index:2;background:#e2eaf0}.demo-view-foot{padding:12px 16px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}.demo-legend{display:flex;gap:14px}.demo-legend span:before{content:'';display:inline-block;width:10px;height:10px;margin-right:6px}.legend-cut:before{background:#dc966b}.legend-fill:before{background:#60b5d2}.legend-wall:before{background:#d7b171}.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--navy);color:#fff;padding:20px 16px;gap:14px}.demo-metrics strong{display:block;font:400 1.75rem/1.5 var(--serif);font-variant-numeric:tabular-nums}.demo-metrics span{font-size:.8125rem;color:#d9e3e7;display:block;line-height:1.5}.demo-profile{background:#fff;border:1px solid var(--line);margin-top:24px;padding:24px}.profile-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.profile-heading h2{font:600 1.15rem/1.4 var(--sans);letter-spacing:0}.profile-heading p,.profile-legend{font-size:.875rem;color:var(--muted);margin-top:4px}.profile-legend{display:flex;gap:18px;flex-wrap:wrap}.profile-legend span:last-child{color:#135a78;font-weight:600}#demo-profile{width:100%;height:auto;display:block;margin-top:18px}#demo-profile text{font-family:var(--sans);fill:#435d69;font-size:14px}.profile-table-wrap{overflow-x:auto}.demo-profile table{width:100%;border-collapse:collapse;font-size:.9375rem;text-align:left}.demo-profile th,.demo-profile td{padding:8px;border-bottom:1px solid var(--line)}.demo-profile caption{text-align:left;padding-block:12px}.demo-limit,.demo-error{font-size:.9375rem;padding:16px;background:#fff2d6;color:#583e12;margin-top:16px}.demo-limit:empty{display:none}.demo-error a{text-decoration:underline}.demo-basis p{max-width:960px}.demo-workspace{min-width:0}
@media(max-width:1000px){.demo-shell{grid-template-columns:230px minmax(0,1fr)}.demo-controls{padding:18px}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-viewport{height:430px}.demo-title{align-items:flex-start}.demo-title .button{font-size:.875rem}}
@media(max-width:700px){.demo-title{flex-direction:column;gap:18px}.demo-section{padding-top:20px}.demo-shell{display:flex;flex-direction:column}.demo-workspace{order:0}.demo-controls{order:1;border:0;border-top:1px solid var(--line);padding:22px}.demo-viewport{height:350px}.demo-controls fieldset{display:grid;grid-template-columns:minmax(0,1fr)}.demo-controls label{margin-top:18px}.demo-controls h2{margin-bottom:18px}.demo-profile{padding:16px}.demo-toolbar{gap:5px}.demo-toolbar button{padding-inline:10px}.demo-metrics{padding:16px}.demo-view-foot{font-size:.875rem}.demo-metrics span{font-size:.875rem}.demo-heading .breadcrumbs{font-size:.8125rem}#demo-profile{min-height:160px}}