/* Медиаблок страниц инструментов: видео-превью (facade) + галерея + лайтбокс. tools/_media.php */
.tm{margin:0 0 1.5rem;padding:1.25rem;border-radius:12px;background:var(--surface,rgba(255,255,255,.04));border:1px solid var(--border,rgba(148,163,184,.18))}
.tm--section{padding:0;background:none;border:0;max-width:960px;margin-left:auto;margin-right:auto}
.tm-h{font-size:1.1rem;font-weight:700;margin:0 0 .85rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.tm-h .bi{color:#60a5fa}
.tm-dur{font-size:.8rem;font-weight:600;padding:.1rem .45rem;border-radius:6px;background:rgba(148,163,184,.16);color:var(--muted,#94a3b8)}
.tm-note{font-size:.8rem;font-weight:500;color:var(--muted,#94a3b8)}
.tm-video-wrap{margin-bottom:1.5rem}
.tm-video-wrap:last-child{margin-bottom:0}
.tm-video{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;max-width:960px}
.tm-video__facade{display:block;position:absolute;inset:0;cursor:pointer}
.tm-video__facade img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}
.tm-video__facade:hover img,.tm-video__facade:focus-visible img{filter:brightness(.85)}
.tm-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 14px rgba(0,0,0,.45));transition:transform .15s}
.tm-video__facade:hover .tm-video__play,.tm-video__facade:focus-visible .tm-video__play{transform:translate(-50%,-50%) scale(1.08)}
.tm-video__facade:focus-visible{outline:3px solid #60a5fa;outline-offset:-3px}
.tm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tm-video__title{font-weight:600;margin:.65rem 0 .25rem}
.tm-video__desc{color:var(--muted,#94a3b8);font-size:.92rem;margin:0 0 .5rem;overflow-wrap:anywhere}
.tm-details{margin-top:.4rem;font-size:.92rem}
.tm-details summary{cursor:pointer;color:#60a5fa;padding:.25rem 0;font-weight:600}
.tm-chapters{margin:.35rem 0 0;padding-left:1.2rem;columns:2;column-gap:2rem}
.tm-chapters li{break-inside:avoid;margin:.15rem 0}
.tm-chapters a{text-decoration:none;color:inherit}
.tm-chapters a:hover{color:#60a5fa}
.tm-chapters__t{font-variant-numeric:tabular-nums;color:#60a5fa;margin-right:.25rem}
.tm-transcript{max-height:22rem;overflow:auto;padding:.5rem .75rem;margin-top:.35rem;border-radius:8px;background:rgba(148,163,184,.08);color:var(--muted,#cbd5e1)}
.tm-transcript p{margin:0 0 .6rem}
.tm-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.tm-fig:first-child{grid-column:1/-1}
.tm-fig:first-child:last-child{max-width:960px}
.tm-fig{margin:0;display:flex;flex-direction:column;gap:.45rem;min-width:0}
.tm-zoom{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--border,rgba(148,163,184,.22));background:rgba(148,163,184,.08);cursor:zoom-in}
.tm-zoom img{display:block;width:100%;height:auto;aspect-ratio:auto}
/* высокие снимки обрезаются снизу (целиком — в лайтбоксе), мягкое затухание подсказывает продолжение */
.tm-zoom{position:relative;max-height:520px}
.tm-fig:first-child .tm-zoom{max-height:min(75vh,640px)}
.tm-zoom::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36px;background:linear-gradient(transparent,rgba(11,15,30,.55));pointer-events:none}
.tm-zoom:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
.tm-fig figcaption{font-size:.86rem;color:var(--muted,#94a3b8);line-height:1.45}
@media (max-width:576px){.tm-gallery{grid-template-columns:1fr}.tm{padding:1rem .85rem}.tm-chapters{columns:1}.tm-video__play svg{width:56px;height:40px}}

/* Лайтбокс */
.tm-lb{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.92);padding:3.25rem .75rem 4.5rem;touch-action:pan-y pinch-zoom}
.tm-lb[hidden]{display:none}
.tm-lb__img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#0b1020}
.tm-lb__cap{position:absolute;left:0;right:0;bottom:0;padding:.75rem 1rem 1rem;color:#e2e8f0;font-size:.92rem;text-align:center;line-height:1.4}
.tm-lb__btn{position:absolute;border:0;border-radius:999px;width:44px;height:44px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.tm-lb__btn:hover,.tm-lb__btn:focus-visible{background:rgba(255,255,255,.25);outline:none}
.tm-lb__close{top:.6rem;right:.6rem}
.tm-lb__prev{left:.6rem;top:50%;transform:translateY(-50%)}
.tm-lb__next{right:.6rem;top:50%;transform:translateY(-50%)}
.tm-lb--single .tm-lb__prev,.tm-lb--single .tm-lb__next{display:none}
html.tm-lb-open{overflow:hidden}