.reading-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.reading-nav[hidden]{display:none}.reading-nav button,.reading-trail button{font:800 16px var(--font);border:2px solid #a9c8b5;border-radius:16px;background:white;color:#24543d;min-height:48px;padding:12px 18px;cursor:pointer}.reading-nav button[aria-pressed=true],.reading-trail button[aria-pressed=true]{background:#245e43;color:white;border-color:#245e43}.reading-trail{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.reading-trail button{min-width:44px;padding:8px}.reading-content .reading-task{width:100%;max-width:760px}.reading-picture{font-size:76px;line-height:1.3;margin:8px auto 20px}.reading-options{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:18px 0}.reading-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:78px;min-height:82px;max-width:100%;padding:16px 22px;background:#fff;border:2px solid #b6cbbb;border-bottom:5px solid #8aaa97;border-radius:20px;color:#254d3c;font:800 30px var(--font);cursor:pointer}.reading-choice>span{font-size:48px}.reading-choice:hover:not(:disabled){background:#f0f7dd;transform:translateY(-2px)}.reading-choice:disabled{opacity:.55;cursor:default}.story-options .reading-choice{flex:1;min-width:170px;font-size:18px;line-height:1.45}.reading-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reading-slot{padding:12px 8px;border:2px dashed #799f87;border-radius:16px;background:#f1f7e9;min-height:92px;display:flex;flex-direction:column;gap:8px;justify-content:center}.reading-slot small{font-size:14px;color:#466952}.reading-slot strong{font-size:22px;overflow-wrap:anywhere}.reading-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.reading-model{font-size:32px;letter-spacing:5px}.reading-content button:focus-visible,.reading-nav button:focus-visible{outline:3px solid #825a17;outline-offset:4px}@media(max-width:600px){.reading-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reading-nav button{padding:10px 8px}.reading-choice{padding:12px 14px}.reading-slots{gap:6px}.reading-slot strong{font-size:17px}.story-options{flex-direction:column}.story-options .reading-choice{flex-direction:row;justify-content:flex-start;min-width:0;font-size:18px;text-align:left}.story-options .reading-choice>span{font-size:32px}.reading-picture{font-size:60px}}