.tnf-article-image-button{display:block;max-width:100%;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;cursor:zoom-in;line-height:0}
.tnf-article-image-button>picture,.tnf-article-image-button>img{display:block;max-width:100%;margin-inline:auto}
.tnf-article-image-button:focus-visible{outline:2px solid var(--m-text,#eef1f3);outline-offset:5px}
body.tnf-image-viewing{overflow:hidden}
.tnf-image-viewer{box-sizing:border-box;width:min(1440px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:18px;border:1px solid #ffffff25;border-radius:16px;background:#111518;color:#f1f3f4;font:400 15px/1.5 var(--tnf-font,"Segoe UI",system-ui,sans-serif);box-shadow:0 24px 100px #0009;overflow:auto;overscroll-behavior:contain}
.tnf-image-viewer::backdrop{background:#000d;backdrop-filter:blur(5px)}
.tnf-image-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 14px}
.tnf-image-viewer h2{margin:0;font:600 15px/1.4 var(--tnf-font,"Segoe UI",system-ui,sans-serif);color:#f1f3f4}
.tnf-image-viewer-close{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;border:1px solid #ffffff30;border-radius:999px;background:#242a2e;color:#f1f3f4;font:inherit;cursor:pointer}
.tnf-image-viewer-close:hover{background:#343b40}
.tnf-image-viewer-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tnf-image-viewer figure{margin:0}
.tnf-image-viewer-image{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 220px);object-fit:contain;margin:0 auto;border-radius:5px}
.tnf-image-viewer figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:16px 0 0;padding-top:14px;border-top:1px solid #ffffff20;text-align:start}
.tnf-image-viewer-description{margin:0 0 5px;color:#e0e4e7;overflow-wrap:anywhere}
.tnf-image-viewer-source{margin:0;color:#adb7bf;overflow-wrap:anywhere}
.tnf-image-viewer-brand{flex:none;color:#e0e4e7;font-weight:600;letter-spacing:.01em}
[data-theme="light"] .tnf-image-viewer{background:#f8f9fa;color:#172027;border-color:#d3d9dd}
[data-theme="light"] .tnf-image-viewer h2,[data-theme="light"] .tnf-image-viewer-description,[data-theme="light"] .tnf-image-viewer-brand{color:#172027}
[data-theme="light"] .tnf-image-viewer-source{color:#52606a}
[data-theme="light"] .tnf-image-viewer figcaption{border-color:#d3d9dd}
[data-theme="light"] .tnf-image-viewer-close{background:#e6eaed;color:#172027;border-color:#c8d0d6}
[data-theme="light"] .tnf-image-viewer-close:hover{background:#d7dee3}
[data-theme="light"] .tnf-image-viewer-close:focus-visible{outline-color:#172027}
.m-article-views{display:flex;align-items:center;gap:8px;margin:24px 0 18px;padding:16px 0 0;border-top:1px solid var(--m-line,#293239);color:var(--m-muted,#a7b2bb);font:400 13px/1.5 var(--tnf-font,"Segoe UI",system-ui,sans-serif)}
.m-article-views svg{flex:none}
@media(max-width:600px){.tnf-image-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:13px;border-radius:12px}.tnf-image-viewer-image{max-height:calc(100dvh - 250px)}.tnf-image-viewer figcaption{align-items:flex-start;flex-direction:column;gap:10px}}
@media print{.tnf-image-viewer{display:none!important}.tnf-article-image-button{display:contents}.m-article-views{color:#444;border-color:#bbb}}
