.graphwrap{height:auto!important;min-height:340px;overflow:visible}
.graphcaption{position:relative!important;inset:auto!important;text-align:end;padding:16px 20px 0}
.thumbnail-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 10px 15px;gap:12px 8px;direction:ltr}
.thumbnail-cluster{min-width:0;border-bottom:1px solid var(--border)}
.thumbnail-orbit{height:260px;position:relative}
.thumbnail-edges{position:absolute;inset:0;width:100%;height:100%;padding:0!important;pointer-events:none}
.thumbnail-edges path{fill:none;stroke:var(--source-color);stroke-width:.3;opacity:.32}
.thumbnail-source{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40%;padding:3px!important;border:0!important;background:var(--panel)!important;line-height:1.3;font-size:11px;text-align:center;z-index:1}
.thumbnail-source>span{display:block;color:var(--source-color);font-size:24px;line-height:1}
.thumbnail-source small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
.article-thumbnail{position:absolute;width:23%;aspect-ratio:4/3;transform:translate(-50%,-50%);border:1.5px solid var(--source-color)!important;border-radius:6px;padding:0!important;background:var(--panel2);box-shadow:0 2px 8px #0005;z-index:2;transition:transform .15s,box-shadow .15s;overflow:visible}
.article-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:4px;opacity:0}
.article-thumbnail.has-image img{opacity:1}
.article-thumbnail img[hidden]{display:none}
.thumbnail-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:7px;line-height:1.3}
.thumbnail-fallback svg{width:24px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.has-image .thumbnail-fallback{visibility:hidden}
.thumbnail-title{display:none;position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);width:170px;max-width:65vw;padding:8px 10px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--panel);font-size:11px;line-height:1.6;text-align:start;box-shadow:0 6px 22px #0005;pointer-events:none}
.article-thumbnail:hover,.article-thumbnail:focus-visible{z-index:5;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 2px var(--text)}
.article-thumbnail:hover .thumbnail-title,.article-thumbnail:focus-visible .thumbnail-title{display:block}
.thumbnail-pager{display:flex;direction:ltr;align-items:center;justify-content:center;gap:15px;padding:0 0 12px;font:10px monospace;color:var(--muted)}
.thumbnail-pager button{padding:3px 12px;min-height:30px;color:var(--source-color)}
.thumbnail-pager button:disabled{opacity:.25;cursor:default}
@media(max-width:1100px) and (min-width:801px){.thumbnail-network{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.thumbnail-network{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px 8px 12px}.thumbnail-orbit{height:230px}.thumbnail-source{font-size:10px}.thumbnail-fallback span{display:none}.article-thumbnail{width:26%}.thumbnail-title{width:140px}.thumbnail-source small{font-size:8px}}
@media(max-width:440px){.thumbnail-network{grid-template-columns:minmax(0,1fr)}.thumbnail-orbit{height:285px}.article-thumbnail{width:22%;max-width:85px}.thumbnail-source{font-size:13px}.thumbnail-source small{font-size:10px}.thumbnail-fallback span{display:block;font-size:10px}.thumbnail-fallback svg{width:30px;height:22px}}
@media(prefers-reduced-motion:reduce){.article-thumbnail{transition:none}}