/* Match the essential desktop menu and retain larger mobile touch targets. */
nav .demonstrations-disclosure {
  --demonstrations-row-height:44px; --demonstrations-font-size:13px;
  --demonstrations-line-height:1.25; --demonstrations-row-padding:11px 10px;
  display:block; width:100%; min-width:0; margin:0; padding:0;
  border:0; border-radius:9px; color:#152550; background:transparent;
}
nav .demonstrations-disclosure > .demonstrations-summary {
  display:flex; align-items:center; gap:12px; width:100%; min-height:var(--demonstrations-row-height);
  box-sizing:border-box; margin:0; padding:var(--demonstrations-row-padding); border:0; border-radius:9px;
  list-style:none; color:#152550; background:transparent;
  font:400 var(--demonstrations-font-size)/var(--demonstrations-line-height) Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:left; cursor:pointer; touch-action:manipulation;
}
.demonstrations-summary::-webkit-details-marker { display:none; }
.demonstrations-summary::marker { content:""; }
.demonstrations-summary > .essential-menu-icon {
  display:block; width:22px; height:22px; flex:0 0 22px;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; pointer-events:none;
}
.demonstrations-summary > span:not(.demonstrations-chevron) { min-width:0; overflow-wrap:anywhere; }
.demonstrations-chevron {
  display:block; width:8px; height:8px; flex:0 0 8px; margin:0 3px 4px auto;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); pointer-events:none;
}
nav .demonstrations-disclosure[open] { background:#FFF5F0; }
nav .demonstrations-disclosure:not([open]) > .demonstrations-summary:hover { background:#F0EFED; }
nav .demonstrations-disclosure[open] > .demonstrations-summary { background:#FCE8E2; font-weight:700; }
.demonstrations-disclosure[open] > .demonstrations-summary .essential-menu-icon { color:#B52D0D; }
.demonstrations-disclosure[open] .demonstrations-chevron { transform:rotate(225deg); margin-top:6px; }
.demonstrations-options { margin:4px 10px 10px 23px; padding:2px 0 2px 12px; border-left:2px solid #FF451A; }
nav .demonstrations-disclosure .demonstrations-option,
.mobile-portal nav .demonstrations-disclosure .demonstrations-option {
  display:flex; align-items:center; min-height:var(--demonstrations-row-height); width:100%; box-sizing:border-box;
  margin:3px 0; padding:var(--demonstrations-row-padding); border:0; border-radius:8px;
  color:#152550; background:transparent; text-decoration:none; white-space:normal;
  font:500 var(--demonstrations-font-size)/var(--demonstrations-line-height) Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  touch-action:manipulation;
}
nav .demonstrations-disclosure .demonstrations-option:hover,
.mobile-portal nav .demonstrations-disclosure .demonstrations-option:hover { background:#FCE8E2; }
nav .demonstrations-disclosure > .demonstrations-summary:focus-visible,
nav .demonstrations-disclosure .demonstrations-option:focus-visible { outline:3px solid #B52D0D; outline-offset:2px; }
.mobile-portal nav .demonstrations-disclosure {
  --demonstrations-row-height:46px; --demonstrations-font-size:15px;
  --demonstrations-line-height:1.35; --demonstrations-row-padding:11px 12px;
}
@media(max-width:980px) and (hover:none) and (pointer:coarse) {
  nav .demonstrations-disclosure {
    --demonstrations-row-height:46px; --demonstrations-font-size:15px;
    --demonstrations-line-height:1.35; --demonstrations-row-padding:11px 12px;
  }
}