/* Shared child-facing layout: picture, title, description and action stay in flow. */
.hub-main img[src*="/assets/photo74-"]{object-fit:contain;background:#fff;object-position:center}
.talk-back73{grid-column:1/-1;text-align:left;font-size:1rem;min-height:44px}
.learn-activities65:has([data-talk-group]) .learn-picture71>img{aspect-ratio:4/3;object-position:center top}
.learn-activities65,.picture-grid72{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.learn-activities65>.learn-note65,.learn-activities65>.learn-read-note71{grid-column:1/-1}
.activity-section72{margin:20px 0 28px}.activity-section72>h2{margin-bottom:16px}
.picture-grid72{margin-bottom:24px}
.learn-picture71{height:auto;min-height:0;align-self:stretch;white-space:normal}
.learn-picture71 .learn-picture-copy71{width:100%;min-width:0;gap:10px}
.learn-picture71 strong,.learn-picture71 small{display:block;overflow-wrap:break-word}
.learn-picture71 .learn-picture-cta71{line-height:1.4;padding:10px 0 0;margin-top:auto}
.learn-back65{margin:0 0 20px;min-height:44px}.learn-back65>span{display:none}
.learn-back65 .text-btn{font-size:1rem;min-height:44px;padding:8px 0}
.hub-main .primary,.hub-main .secondary,.hub-main .yellow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;line-height:1.45;max-width:100%;height:auto;min-height:48px;vertical-align:middle}
.f66-entry>p{margin:16px 0 0}.f66-actions{gap:12px;align-items:stretch}.f66-actions button{max-width:100%;height:auto;white-space:normal;overflow-wrap:break-word}
.hub-main .hub-book{display:flex;flex-direction:column;height:auto;white-space:normal}
.hub-main .hub-book>div{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}
.hub-main .hub-book h2,.hub-main .hub-book p{margin:0;overflow-wrap:break-word}
.hub-main .hub-book>div>strong:last-child{margin-top:auto;padding-top:10px}
.hub-book[data-hub-game]>img,.hub-book.game-card-fit>img{aspect-ratio:16/10;object-fit:cover}
.f66-lessons .f66-lesson{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;overflow:hidden}
.f66-lessons .f66-lesson>span{position:absolute;left:20px;top:20px;width:36px;min-height:36px;padding:4px;z-index:1}
.trace-preview72{width:100%;background:#edf6ff;border-radius:12px;overflow:hidden}
.trace-preview72>svg{display:block;width:100%;height:auto;aspect-ratio:3/2}
.f66-lesson strong,.f66-lesson small{display:block;line-height:1.45;overflow-wrap:break-word}
.f66-question h2{min-width:0;overflow-wrap:break-word}.f66-heading>*{min-width:0}
.hub-main{min-width:0}.hub-main img{max-width:100%}
@media(max-width:760px){
 .hub-main{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
 .hub-sidebar{inset:auto 0 0;width:100%;padding:0;height:auto;border-top:1px solid #dbe5f3;background:#fff;z-index:30}
 .hub-sidebar .nav{height:auto;min-height:86px}.hub-sidebar>.brand{display:none}
 .app-shell{margin-left:0}.learn-activities65,.picture-grid72{gap:14px}
 .hub-main :is(.primary,.secondary,.yellow-btn){font-size:1rem}
 .learn-settings65 summary{line-height:1.55;overflow-wrap:break-word}
 .f66-question{flex-wrap:wrap}.f66-question h2{flex-basis:calc(100% - 70px)}
 .f66-question .secondary{flex-shrink:1}.f66-round{flex-wrap:wrap}
 #toast{bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:480px){
 .learn-activities65,.picture-grid72{grid-template-columns:1fr}
 .learn-picture71>img{aspect-ratio:16/9}
 .learn-picture71 .learn-picture-copy71{padding:16px}
 .learn-picture-copy71>strong{font-size:1.25rem}.learn-picture-copy71>small{font-size:1rem}
 .learn-picture-cta71{font-size:1rem}.hub-continue{flex-wrap:wrap}
 .hub-heading{flex-wrap:wrap}.hub-pagination{gap:10px;flex-wrap:wrap}
}
@media(max-width:360px){.hub-books,.f66-lessons{grid-template-columns:1fr}}