.q-signs{margin:18px 0 22px;text-align:start}.q-signs-heading{margin:0 0 10px;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.02em;color:inherit;opacity:.65}.q-signs-list{display:flex;flex-wrap:wrap;gap:12px}.q-sign-card{display:flex;align-items:center;gap:16px;flex:0 1 340px;min-width:0;max-width:100%;padding:14px 18px;background:#fff;color:#202124;border:1px solid #dcdfe1;border-radius:20px;text-decoration:none;box-shadow:0 2px 5px #00000006;transition:border-color .15s,box-shadow .15s}.q-sign-card:hover{color:#202124;border-color:#8faba4;box-shadow:0 3px 12px #00000012}.q-sign-card:focus-visible{outline:3px solid #2779c9;outline-offset:3px}.q-sign-icon{display:block;flex:0 0 76px;width:76px;height:76px;object-fit:contain}.q-sign-copy{display:flex;min-width:0;flex-direction:column;gap:3px;font:400 17px/1.25 system-ui,sans-serif}.q-sign-copy strong{font-size:20px;font-weight:650;color:#202124;direction:ltr;unicode-bidi:isolate}.q-sign-copy>span{color:#6c7073;overflow-wrap:anywhere}.q-signs[dir=rtl]{direction:rtl}@media(max-width:540px){.q-signs-list{gap:9px}.q-sign-card{flex-basis:100%;padding:12px 14px;gap:13px;border-radius:17px}.q-sign-icon{flex-basis:64px;width:64px;height:64px}.q-sign-copy{font-size:16px}.q-sign-copy strong{font-size:19px}}

/* Collapsed hints leave only their heading and disclosure control. */
.q-signs-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px}
.q-signs-header .q-signs-heading{margin:0}
.q-signs-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:8px 12px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:600 12px/1.35 system-ui,sans-serif;cursor:pointer}
.q-signs-toggle[hidden]{display:none}
.q-signs-toggle::after{content:"";width:7px;height:7px;flex:0 0 7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.q-signs-toggle[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
.q-signs-toggle:hover{background:rgba(99,136,228,.12)}
.q-signs-toggle:focus-visible{outline:3px solid #6388e4;outline-offset:3px}
.question-hints-hidden .q-signs-list,.q-signs-list[hidden]{display:none}
.question-hints-hidden .q-signs-header{margin-bottom:0}
.question-hints-hidden .q-signs{margin:12px 0}