#dialogue.learning-inspection{max-height:calc(100dvh - 68px);overflow-y:auto;scrollbar-gutter:stable;bottom:18px;padding-bottom:16px}
.inspection-learning{color:#304b50;font:14px/1.5 'Helvetica Neue','Hiragino Sans',sans-serif;padding:0 8px 8px 0}
.inspection-saved{font-size:12px;color:#507a68;margin:7px 0}
.inspection-reading{font-size:13px;margin:5px 0 12px}
.inspection-chunks{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.inspection-chunk,.inspection-listen{appearance:none;border:1px solid #8fa69c66;border-radius:7px;background:#edf2e899;color:#304b50;min-height:44px;padding:8px 12px;text-align:left;font:14px/1.4 inherit}
.inspection-chunk{display:flex;flex-direction:column;gap:3px;flex:1 1 100px}
.inspection-chunk strong{font:20px/1.45 'Hiragino Sans','Noto Sans CJK JP',sans-serif}.inspection-chunk small{font-size:12px}.inspection-chunk span{font-size:13px}.inspection-guidance{margin:12px 0 4px}
.inspection-chunk:disabled,.inspection-listen:disabled{opacity:.6}
@media(max-height:500px){#dialogue.learning-inspection{width:60vw;max-height:calc(100dvh - 66px);padding:12px 16px}#dialogue.learning-inspection #line{font-size:22px}.inspection-chunks{gap:6px}.inspection-chunk{padding:6px 9px}.inspection-guidance{font-size:13px}}
/* Scroll the paper contents, so the established portrait can extend outside it. */
#dialogue.learning-inspection{left:auto;right:20px;width:min(660px,64vw);max-width:none;max-height:none;overflow:visible;align-items:flex-start;padding:15px 20px;background:#fafbf1ed;border-radius:14px}
#dialogue.learning-inspection .dialogue-copy{max-height:calc(100dvh - 116px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;padding-right:8px}
#dialogue.learning-inspection #line{font:22px/1.45 'Hiragino Sans','Noto Sans CJK JP',sans-serif}
#dialogue.learning-inspection #meaning{font-size:16px;color:#304b50}
#dialogue.learning-inspection #dialogue-close{right:1px;top:0}
@media(max-height:500px){
 #dialogue.learning-inspection.cat-dialogue #portrait{position:fixed;left:max(12px,env(safe-area-inset-left));right:auto;bottom:0;width:calc(36vw - 36px);height:85dvh;object-fit:contain;object-position:bottom}
}