.article-visual-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:960px;margin-inline:auto}.article-visual-panel{min-width:0}.article-visual-panel picture{display:block}.article-visual-panel .article-visual-panel-image{display:block;width:100%;height:auto;object-fit:contain}.public-reading .article-visual-panel-label{margin-block:8px;font-size:15px;line-height:1.6;color:var(--foreground);overflow-wrap:anywhere}.article-visual-panel-source{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.article-visual-viewport{position:relative;width:100%;overflow:hidden;border-radius:8px}.article-visual-viewport .article-visual-panel-image{position:absolute;max-width:none;height:auto;border-radius:0}.article-visual-panels[data-article-visual-layout=batch]{grid-template-columns:repeat(2,minmax(0,1fr))}.article-visual-panels[data-article-visual-layout=batch] .article-visual-panel-label{text-align:center}@media (min-width:720px){.article-visual-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.article-visual-panels[data-article-visual-layout=batch]{grid-template-columns:repeat(4,minmax(0,1fr))}}.article-visual-reading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:0}.article-visual-reading-toggle{width:20px;height:20px;margin-inline:12px 0;accent-color:var(--foreground)}.article-visual-reading-label{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding-inline:12px;color:var(--foreground);cursor:pointer}.article-visual-reading-hint{grid-column:1/-1;margin:0;padding:0 12px 12px;color:var(--muted-foreground);font-size:14px;line-height:1.6}.article-visual-reading-viewport{grid-column:1/-1;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.article-visual-reading-viewport>picture{display:block}.article-visual-reading-viewport>picture>img{width:100%;max-width:var(--article-diagram-overview-width);height:auto;object-fit:contain}.article-visual-reading-toggle:checked~.article-visual-reading-viewport>picture>img{width:var(--article-diagram-readable-width);max-width:none;height:auto}.article-visual-reading-toggle:focus-visible,.article-visual-reading-viewport:focus-visible{outline:2px solid var(--foreground);outline-offset:-2px}