/* Questions reuse the Staff palette and controls. Contact snapshots are plain text. */
.hub-questions { max-inline-size: 58rem; margin-inline: auto; padding-block: 1rem 3rem; }
.hub-questions p { max-inline-size: 72ch; line-height: 1.6; }
.hub-questions h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); margin-block: 1rem .75rem; }
.hub-questions h3 { margin-block: 1.5rem .5rem; }
.hub-questions label:not(.questions-choice) { display: grid; gap: .5rem; margin-block: 1.25rem; }
.hub-questions :is(input:not([type=radio]),textarea,select) { inline-size: 100%; max-inline-size: 100%; padding: .75rem; font: inherit; border: 1px solid var(--line, oklch(78% .015 160)); border-radius: .3rem; background: var(--surface, oklch(100% 0 none)); color: inherit; }
.hub-questions textarea { field-sizing: content; min-block-size: 6rem; max-block-size: 20rem; resize: block; }
.hub-questions fieldset { min-inline-size: 0; border: 0; border-block-end: 1px solid var(--line, oklch(85% .015 160)); padding-block: 1.5rem; padding-inline: 0; margin: 0; }
.hub-questions legend { font-weight: 700; padding-block-start: 1rem; overflow-wrap: anywhere; }
.questions-choices,.questions-toolbar { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-block: 1rem; }
.hub-questions .questions-choice { display: flex; gap: .6rem; align-items: center; min-block-size: 44px; padding: .65rem 1rem; border: 1px solid var(--line, oklch(78% .015 160)); border-radius: .3rem; cursor: pointer; }
.questions-choice:has(input:checked) { background: oklch(94% .025 160); border-color: oklch(38% .065 163); }
.questions-choice input { accent-color: oklch(38% .065 163); }
.hub-questions :is(button,.questions-choice):active { filter: brightness(.92); }
.hub-questions :is(button,input,textarea,select):focus-visible { outline: 3px solid oklch(53% .11 80); outline-offset: 3px; }
.hub-questions button { min-block-size: 44px; max-inline-size: 100%; white-space: normal; }
.hub-questions [aria-busy=true] { cursor: progress; }
.questions-status:empty { display: none; }
.questions-status[role=alert] { color: oklch(39% .14 25); padding-block: .75rem; }
.questions-list { list-style: none; padding: 0; }
.questions-list li { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; align-items: center; padding-block: 1rem; border-block-end: 1px solid var(--line, oklch(85% .015 160)); }
.questions-list li button { text-align: start; }
.questions-list li span { margin-inline-start: auto; }
.questions-details { border-block-start: 2px solid oklch(38% .065 163); margin-block: 1.5rem; }
.questions-details article { padding-block: .5rem 1rem; border-block-end: 1px solid var(--line, oklch(85% .015 160)); }
.questions-value,.questions-introduction,.questions-comment,.questions-answer-summary dd { white-space: pre-wrap; overflow-wrap: anywhere; }
.questions-answer-summary dt { font-weight: 600; margin-block-start: 1.5rem; overflow-wrap: anywhere; }
.questions-answer-summary dd { margin-inline: 0; margin-block: .5rem 1rem; }
.questions-draft-details { margin-block: 1.5rem; }
@media (hover: hover) and (pointer: fine) { .hub-questions button:hover,.questions-choice:hover { filter: brightness(.97); } }