.public-demo-shell{min-height:100vh;background:#f6f8f7}.public-demo-header{padding:20px 24px 12px;background:#fff;border-bottom:1px solid #e4eae6}.public-demo-header-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px) auto;align-items:center;gap:4px 24px;max-width:1440px;margin-inline:auto}.public-demo-heading h2{margin:0;color:#164d3e;font-size:18px;line-height:1.35;letter-spacing:-.3px}.public-demo-heading p{margin:6px 0 0;color:#637267;font-size:13px;line-height:1.5}.public-demo-role-picker{display:flex;gap:3px;padding:3px;min-width:0;background:#f0f4f1;border-radius:10px}.public-demo-role-picker button{flex:1;min-width:0;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:650}.public-demo-role-picker button[aria-pressed=true]{background:#fff;color:#164d3e;border-color:#dfe8e1;box-shadow:0 1px 3px #1e3c2c12}.public-demo-role-picker button[aria-pressed=false]{color:#56665e}.public-demo-reset{min-height:44px;padding:8px 4px;border:0;border-radius:5px;background:transparent;color:#52665b;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.public-demo-reset:hover,.public-demo-role-picker button[aria-pressed=false]:hover{background:#e7f0e9}.public-demo-help{grid-column:1 / -1}.public-demo-help>summary{display:flex;align-items:center;gap:6px;width:fit-content;min-height:44px;padding:8px 0;cursor:pointer;list-style:none;color:#52665b;font-size:13px;font-weight:500}.public-demo-help>summary::-webkit-details-marker{display:none}.public-demo-help>summary:after{content:none}.public-demo-help[open]>summary svg{transform:rotate(90deg)}.public-demo-help>summary:focus-visible{outline:3px solid #387d66;outline-offset:4px}.public-demo-guidance{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;margin-bottom:8px;padding:16px;border-radius:10px;background:#edf4f0;color:#314e40}.public-demo-guidance p{margin:0;padding:0;max-width:80ch;font-size:13px;font-weight:500;line-height:1.5}.public-demo-step-action{flex-shrink:0;min-height:44px;padding:9px 14px;border:1px solid #d0deca;border-radius:8px;background:#fff;color:#164d3e;font-size:12px;font-weight:700}.public-demo-step-action:hover{background:#f4f8f0}.public-demo-shell .app{min-height:calc(100vh - 220px)}.public-demo-shell .workspace{margin-left:0;width:auto;flex:1;min-width:0}.public-demo-shell .sidebar{position:sticky;inset:0 auto auto;height:100dvh;align-self:flex-start}.public-demo-shell .sidebar .organization{margin-top:0}@media(max-width:960px){.public-demo-site .public-site-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@media(max-width:820px){.public-demo-header{padding:16px 20px 8px}.public-demo-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px}.public-demo-heading{grid-column:1;grid-row:1}.public-demo-reset{grid-column:2;grid-row:1;align-self:start}.public-demo-role-picker{grid-column:1 / -1}.public-demo-help{margin-top:-8px}.public-demo-guidance{align-items:stretch;flex-direction:column;gap:12px}}@media(max-width:380px){.public-demo-header{padding-inline:16px}.public-demo-header-inner{gap:10px 12px}.public-demo-role-picker button{padding-inline:8px;font-size:12px}}.public-demo-section-picker{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#315647}.public-demo-section-picker select{min-width:0;max-width:180px;border:1px solid #d5e1d9;border-radius:8px;padding:.5rem;background:#fff;color:inherit;font:inherit}.public-demo-section-label{font-size:.8rem;color:#d9e9da;margin:.25rem 0 .8rem}@media(max-width:600px){.public-demo-section-picker{grid-column:1/-1;justify-content:space-between}.public-demo-section-picker select{max-width:70%;flex:1}}@media(min-width:901px){.public-demo-header-inner{grid-template-columns:minmax(180px,1fr) minmax(280px,360px) auto auto}.public-demo-help{grid-column:1/-1}}.public-demo-heading .public-demo-section-picker select{width:100%;max-width:100%;font-size:16px;font-weight:650;padding:2px 0;border:0;background:transparent;color:#164d3e;min-height:24px}.public-demo-heading .public-demo-section-picker{display:block}@media(min-width:821px){.public-demo-header-inner{grid-template-columns:minmax(180px,1fr) minmax(280px,360px) auto}}.demo-interactive{min-inline-size:0;margin:0;padding:0;border:0}