.grql-switch { display:inline-flex; align-items:center; gap:6px; color:inherit; }
.grql-switch[hidden], .grql-translation[hidden] { display:none !important; }
.grql-switch > span { font-size:.85em; font-weight:700; white-space:nowrap; }
.grql-switch select { font:inherit; min-height:40px; padding:4px 8px; border:1px solid #747d95; border-radius:6px; background:#fff; color:#17233b; }
.grql-quiz-switch { display:flex; justify-content:flex-end; margin:0 0 12px; }

.grql-header[hidden] { display:none !important; }
.grql-header { position:relative; display:inline-block; vertical-align:middle; color:#182636; text-align:start; line-height:1.25; }
.grql-header summary { cursor:pointer; display:inline-flex; gap:16px; align-items:center; justify-content:space-between; box-sizing:border-box; min-height:46px; min-width:78px; padding:6px 12px; background:#ebeff2; border-radius:6px; list-style:none; }
.grql-header summary::-webkit-details-marker { display:none; }
.grql-header summary::marker { content:""; }
.grql-language-icon { flex:none; position:relative; display:inline-block; vertical-align:middle; width:28px; height:28px; }
.grql-language-icon span { position:absolute; display:grid; place-items:center; width:18px; height:18px; border-radius:3px; font:700 11px/1 system-ui,sans-serif; }
.grql-language-icon span:first-child { top:0; left:0; color:#23313c; background:#d8dfe5; }
.grql-language-icon span:last-child { bottom:0; right:0; color:#fff; background:#2869ce; }
.grql-chevron { border:solid #546b7a; border-width:0 2px 2px 0; padding:4px; transform:translateY(-2px) rotate(45deg); }
.grql-header[open] .grql-chevron { transform:translateY(2px) rotate(225deg); }
.grql-header-options { position:absolute; z-index:100; inset-inline-end:0; top:100%; width:max-content; min-width:148px; max-width:calc(100vw - 24px); background:#fff; border:1px solid #e0e5e9; border-radius:6px; box-shadow:0 6px 18px #18263622; padding:4px; }
.grql-header:not([open]) .grql-header-options { display:none; }
.grql-header-options button { display:flex; align-items:center; gap:10px; box-sizing:border-box; width:100%; min-height:44px; font:inherit; color:#182636; background:#fff; border:0; border-radius:4px; padding:6px 10px; cursor:pointer; text-align:start; }
.grql-header-options button:hover, .grql-header-options button[aria-pressed="true"] { color:#173d77; background:#edf4ff; }
.grql-native-label { font-size:.8em; }
.grql-header summary:focus-visible, .grql-header-options button:focus-visible { outline:2px solid #2869ce; outline-offset:1px; }