.hook-options {margin: 20px 0; min-width: 0;}
.hook-options h3 {margin: 0 0 6px; font-size: 16px; color: #17304f;}
.hook-options p {margin: 0 0 12px; font-size: 13px; color: #687b90;}
#hook-options-list {display: grid; gap: 10px;}
.hook-choice {width: 100%; min-width: 0; text-align: left; padding: 14px; border: 1px solid #dfd6c9; border-radius: 10px; background: #fffdf8; color: #17304f; cursor: pointer; overflow-wrap: anywhere; font: inherit;}
.hook-choice strong {display: block; margin-bottom: 7px; font-size: 13px; color: #117e78;}
.hook-choice span {display: block; font-size: 14px; line-height: 1.7;}
.hook-choice[aria-pressed="true"] {border-color: #117e78; background: #eff9f6; box-shadow: 0 0 0 1px #117e78;}
.hook-choice:focus-visible {outline: 2px solid #e95943; outline-offset: 3px;}
#result-full {background: #f8f5ef; min-height: 210px;}