/* Activities follow the same reading order as their visible layout. */
.folklore-activity{min-width:0;background:var(--cream)}
.folklore-task{padding:0 32px 28px;max-width:820px;margin:0 auto;min-width:0}
.folklore-task-count{font:12px/1.5 var(--font);color:var(--muted);margin:0 0 8px}
.folklore-question .riddle{font:italic 27px/1.45 Georgia;color:var(--ink);margin:0 0 18px;overflow-wrap:anywhere}
.folklore-house-art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-width:0;height:225px;padding:16px 20px;background:#e3e4c5;overflow:hidden;border:1px solid #c6cbae;border-radius:3px}
.folklore-house-art .room-drawing{position:absolute;inset:0;margin:0;width:100%;height:100%;max-width:none;object-fit:contain;opacity:.64}
.folklore-house-art .folklore-objects{position:relative;z-index:1;display:flex;gap:14px;width:100%;max-width:460px;margin:0;padding:0}
.folklore-objects .object-choice{min-height:137px;padding:9px 8px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;background:#fcf5df;box-shadow:0 3px 0 #b9bf9b66}
.folklore-objects .object-choice span{font:13px/1.35 var(--font);overflow-wrap:anywhere;margin-top:6px}
.folklore-objects .object-choice svg{height:88px;width:74px;flex-shrink:0}
.folklore-objects .object-choice.is-correct{background:#d1dda9;outline:2px solid #829865;outline-offset:2px}
.folklore-feedback{min-height:0;font:14px/1.65 var(--font);margin:14px 0 0}
.folklore-feedback:empty{margin:0;min-height:0}
.folklore-tools{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.folklore-tools .hint-button,.folklore-save .hint-button,.folklore-word-tools button{min-height:44px;font-size:13px}
.folklore-save{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}
.folklore-save .primary{min-height:48px;line-height:1.5;text-align:center}
.folklore-progress{flex-basis:100%;font:14px/1.6 var(--font);color:var(--muted);margin:0}
.folklore-picker{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.folklore-picker>summary{padding:14px 0;cursor:pointer;font:14px/1.6 var(--font)}
.folklore-picker>summary>span{display:inline-block;margin-left:10px;font-size:12px;color:var(--muted)}
.folklore-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px}
.folklore-tabs button{display:flex;align-items:center;gap:7px;max-width:100%;min-height:44px;padding:9px 12px;border:1px solid #c4c9ae;border-radius:3px;background:var(--paper);font:13px/1.4 var(--font);text-align:left}
.folklore-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.folklore-tab-number{font:italic 16px Georgia;flex-shrink:0}
.folklore-task>.source-note{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;margin-top:12px}
.folklore-task>.source-note summary{min-height:44px;padding:11px 0;cursor:pointer}
.folklore-phrase{min-height:88px;margin-top:0;padding:13px 0;gap:6px}
.folklore-phrase .chosen-word{font-size:23px}
.folklore-word-bank{margin:18px 0 8px;min-height:0;gap:10px}
.folklore-word-bank .word-chip{min-height:46px;max-width:100%;overflow-wrap:anywhere;font-size:20px;padding:10px 14px}
.folklore-word-tools{flex-wrap:wrap;gap:8px 22px}
.folklore-meaning{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.folklore-meaning .paper-bird{width:130px;height:92px;flex-shrink:0}
.folklore-meaning>p{font:italic 20px/1.5 Georgia;margin:0;min-width:0}
.folklore-book{width:100%;max-width:500px;min-width:0;color:var(--ink)}
.folklore-book-riddles{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}
.folklore-book-riddles li{display:flex;gap:14px;align-items:center;border-bottom:1px solid #cbd0b3;padding-bottom:13px;min-width:0}
.folklore-book-object{width:52px;flex-shrink:0}
.folklore-book-object svg{width:52px;height:65px}
.folklore-book-riddles li>div{min-width:0}
.folklore-book-riddles strong{font:normal 21px/1.3 Georgia}
.folklore-book-riddles p{font:italic 14px/1.6 Georgia;margin:6px 0 0}
.folklore-book-note{font:10px/1.7 var(--font);color:var(--muted);margin-top:20px}
.folklore-words-book{text-align:center}
.folklore-words-book .paper-bird{width:100%;height:auto;max-width:270px}
.folklore-words-book blockquote{font:italic 27px/1.5 Georgia;margin:10px 0 20px;overflow-wrap:anywhere}
.folklore-book-meaning{font:14px/1.8 var(--font);color:var(--muted)}

@media(max-width:760px){
.folklore-task{padding:0 20px 24px}
.folklore-question .riddle{font-size:24px;line-height:1.4;margin-bottom:16px}
.folklore-task-count{font-size:12px}
.folklore-house-art{height:196px;padding:12px 10px}
.folklore-house-art .folklore-objects{max-width:360px;gap:8px}
.folklore-objects .object-choice{min-height:125px;padding:9px 5px;border-radius:34px 34px 3px 3px}
.folklore-objects .object-choice svg{height:76px;width:61px}
.folklore-objects .object-choice span{font-size:12px;margin-top:4px}
.folklore-feedback{font-size:14px;line-height:1.6}
.folklore-save{gap:10px 16px}
.folklore-save .primary{width:100%;font-size:14px;padding:12px}
.folklore-progress{font-size:13px}
.folklore-picker{margin-top:22px}
.folklore-picker>summary>span{font-size:11px;margin-left:5px}
.folklore-tabs{gap:7px}
.folklore-tabs button{font-size:12px;padding:9px 10px}
.folklore-phrase{min-height:88px}
.folklore-phrase .chosen-word{font-size:21px}
.folklore-word-bank .word-chip{padding:9px 12px;font-size:20px}
.folklore-meaning{gap:10px}
.folklore-meaning .paper-bird{width:85px;height:70px}
.folklore-meaning>p{font-size:18px}
.folklore-book-riddles strong{font-size:20px}
.folklore-book-riddles p{font-size:14px}
.folklore-words-book blockquote{font-size:24px}
}