/* FIX180 — reader mobile image width, normalized prose and About features. */
@media (max-width: 700px) {
  body.lesson-page .lesson-layout .reader-content,
  body.lesson-page .lesson-layout .lesson-topic .reader-content { min-width:0; width:100%; }
  body.lesson-page .lesson-layout .reader-content :is(img,video,svg) {
    display:block !important; width:100% !important; max-width:100% !important;
    height:auto !important; max-height:none; object-fit:contain !important;
    margin-left:auto !important; margin-right:auto !important;
  }
  body.lesson-page .lesson-layout .reader-content :is(figure,p,div):has(> img) {
    max-width:100% !important; width:100% !important; box-sizing:border-box !important;
  }
  body.lesson-page .lesson-layout .reader-content :is(p,li) { font-size:var(--nga-lesson-font-size,15.5px) !important; line-height:1.7 !important; }
  body.lesson-page .lesson-layout .reader-content :is(p,li) :is(span,font,b,strong,i,em,u) { font-size:inherit !important; line-height:inherit !important; }
  body.lesson-page .lesson-layout .reader-content :is(figcaption,small) { font-size:0.9em !important; }
  body.lesson-page .lesson-layout .reader-content :is(pre,code,kbd,samp) { font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important; }
}
/* About feature badges: readable labels without splitting words. */
.nga122-about-badges { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px !important; max-width:100% !important; }
.nga122-about-badges > span { display:flex !important; align-items:center !important; justify-content:center; min-width:0; gap:8px !important; }
.nga122-about-badges b { display:block; font-size:clamp(11px,1vw,14px) !important; line-height:1.35 !important; overflow-wrap:normal !important; word-break:keep-all !important; hyphens:none !important; }
@media(max-width:700px) {
  .nga122-about-badges { grid-template-columns:1fr !important; gap:10px !important; }
  .nga122-about-badges > span { justify-content:flex-start; padding:7px 4px; }
  .nga122-about-badges b { font-size:14px !important; }
}

.nga180-zoomable{cursor:zoom-in}.nga180-zoomable:focus-visible{outline:3px solid #1976d2;outline-offset:3px}
.nga180-image-dialog{width:96vw;max-width:96vw;height:94dvh;max-height:94dvh;padding:12px;border:0;border-radius:12px;background:#fff;box-sizing:border-box}
.nga180-image-dialog::backdrop{background:rgba(0,12,30,.85)}.nga180-image-close{display:block;margin:0 0 10px auto;border:0;background:#103f70;color:#fff;border-radius:8px;padding:10px 16px;cursor:pointer}
.nga180-image-frame{width:100%;height:calc(100% - 56px);overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;touch-action:pan-x pan-y}
.nga180-image-frame img{width:max-content;max-width:none;height:auto;max-height:none;margin:auto;object-fit:contain}