/* Science app - science-only styles; generic ones live in /shared/learn.css */
.s1 { background: #4dabf7; grid-column: 1 / -1; } .s2 { background: #51cf66; } .s3 { background: #ff922b; }
.s4 { background: #9775fa; } .s5 { background: #20c997; } .s6 { background: #f76707; grid-column: 1 / -1; }
.btn-learn { background: #ff6b6b; font-size: 1.4rem; min-height: 68px; }

/* questions */
.problem.sq { font-size: 1.45rem; white-space: normal; line-height: 1.35; }
.sq-art { font-size: 3rem; line-height: 1.15; letter-spacing: 4px; }
.sq-q { margin: 4px 0 0; }
.pic-face { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.pic-emoji { font-size: 2.2rem; line-height: 1.1; letter-spacing: 0; white-space: nowrap; }
.pic-label { font-size: 1.05rem; line-height: 1.2; }
.choice.pic { min-height: 104px; }
.sci .abc-tile.btn { font-size: 1.15rem; min-height: 60px; line-height: 1.2; padding: 6px 8px; }
.sci .slot { font-size: 1rem; padding: 4px 6px; text-align: center; line-height: 1.2; }

/* plant diagram */
.plant { width: 100%; max-width: 300px; height: auto; display: block; margin: 0 auto; }
.plant-wrap, .diagram-wrap { background: #e7f5ff; border-radius: 18px; padding: 6px; }
.plant.tappable g, .insect.tappable g { cursor: pointer; }
.plant g.hi, .insect g.hi { filter: drop-shadow(0 0 6px #fab005) drop-shadow(0 0 3px #fab005); }
.plant g.hi ellipse, .plant g.hi rect:not([fill="transparent"]) { stroke: #f08c00; stroke-width: 4; }
.insect g.hi ellipse, .insect g.hi circle { stroke: #f08c00; stroke-width: 5; }
.insect g.hi path.ink { stroke: #f08c00; }
.plant g.miss, .insect g.miss { opacity: .45; }
.insect { width: 100%; max-width: 300px; height: auto; display: block; margin: 0 auto; }
.insect text { paint-order: stroke; stroke: #fff; stroke-width: 5px; stroke-linejoin: round; }

/* long text choices: one per row, readable size */
.choices.long { grid-template-columns: 1fr; }
.choices.long .choice { font-size: 1.25rem; min-height: 60px; padding: 10px 14px; line-height: 1.25; }
.choice { font-size: 1.6rem; }