/* Inline terms: icon is deliberately smaller than the current line box, so it never changes line spacing. */
.icon-word{display:inline;white-space:nowrap;line-height:inherit;padding:0}
.icon-word img{display:inline-block;width:.72em;height:.72em;object-fit:contain;vertical-align:-.06em;margin:0 .16em 0 .05em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.icon-word span{display:inline;line-height:inherit}
.question-text .icon-word,.quiz-feedback .icon-word,.clue-card .icon-word{font-weight:inherit}
.clue-card p .icon-word{white-space:normal}

/* Standard answers: all object thumbnails live in a dedicated leading tray before any text. */
.answer-choice{display:block}
.answer-content{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;width:100%}
.answer-content.no-icons{display:block}
.answer-leading-icons{width:110px;display:flex;align-items:center;align-content:center;gap:4px;flex-wrap:wrap;line-height:1}
.answer-leading-icons img{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}
.answer-label-text{display:block;min-width:0;line-height:1.35}

/* Procedural choices: real thumbnails replace the old geometric glyphs and text starts on a stable column. */
.pgame-select{display:grid!important;grid-template-columns:54px minmax(0,1fr);column-gap:10px;align-items:center!important}
.pgame-select .pgame-icon{width:54px;min-width:54px;display:flex;align-items:center;justify-content:center;font-size:0!important;line-height:1}
.pgame-select .pgame-item-image{display:block;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}
.pgame-select strong{min-width:0;line-height:1.3}
.pgame-select small{grid-column:2;line-height:1.25}

/* Spot-the-differences uses the same real thumbnails. */
.pgame-scene-item .pgame-scene-image{display:block;width:42px;height:42px;object-fit:contain;margin:0 auto 4px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}
.pgame-scene-item>span{font-size:0!important;line-height:1}
.pgame-scene-item small{display:block;line-height:1.2}

@media(max-width:700px){
 .answer-content{grid-template-columns:92px minmax(0,1fr);gap:8px}
 .answer-leading-icons{width:92px;gap:3px}
 .answer-leading-icons img{width:22px;height:22px;flex-basis:22px}
 .pgame-select{grid-template-columns:48px minmax(0,1fr)}
 .pgame-select .pgame-icon{width:48px;min-width:48px}
 .pgame-select .pgame-item-image{width:34px;height:34px}
}