/* Scoped menu symbols. Color is decorative; shapes and accessible text identify each mark. */
.menu-markings{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.22rem;margin-inline-start:.4rem;vertical-align:middle;max-width:100%;font-style:normal;font-weight:500;line-height:1.3}
.menu-marking{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.65rem;min-block-size:1.65rem;border:1px solid currentColor;border-radius:.28rem;padding:.12rem;color:inherit;background:transparent;vertical-align:middle}
.menu-marking-icon{display:block;inline-size:1.5rem;block-size:1.5rem;object-fit:contain;flex:0 0 auto}
.menu-marking-label-fallback{display:inline;max-inline-size:18rem;padding-inline:.25rem;font-size:.74rem;overflow-wrap:anywhere}
.menu-option-markings{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem 1rem;margin-block:.5rem;line-height:1.6}
.menu-option-marking{display:inline-flex;align-items:center;flex-wrap:wrap;max-inline-size:100%;font-size:.92rem}
.menu-marking-legend{margin-block:1.25rem;padding-block:1rem;border-block-start:1px solid currentColor;text-align:start}
.menu-marking-legend-group+.menu-marking-legend-group{margin-block-start:.9rem}
.menu-marking-legend-heading{margin:0 0 .5rem;font-weight:700;font-size:.96rem}
.menu-marking-legend ul{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;list-style:none;margin:0;padding:0}
.menu-marking-legend li{display:flex;align-items:center;gap:.4rem;max-inline-size:100%;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}
.menu-marking-sr-only{position:absolute!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media print{.menu-marking{break-inside:avoid}.menu-marking-legend{break-inside:avoid}.menu-marking-icon{print-color-adjust:exact}}
