/* TOCHKA_SURYA_DAY2_TWO_VIDEOS_STYLE_20261103_V1
   Scope exclusively the two video demos inside Day 2.
*/
#surya-video-mount{width:100%;min-width:0;margin:15px 0 20px}
#surya-video-mount .surya-video-two{display:grid;gap:15px}
#surya-video-mount .surya-video-card{display:grid;grid-template-columns:minmax(145px,240px) minmax(0,1fr);gap:18px;align-items:center;padding:15px;border:1px solid #d8d9c8;background:linear-gradient(135deg,#fffdf7,#f0f6ed);border-radius:19px;box-shadow:0 5px 18px #31543e12;min-width:0}
#surya-video-mount .surya-video-photo{position:relative;aspect-ratio:9/16;max-width:240px;width:100%;overflow:hidden;border-radius:14px;background:#18392d;border:1px solid #b7bd9e;justify-self:center;box-shadow:0 4px 13px #163e2f24}
#surya-video-mount .surya-video-photo img,#surya-video-mount .surya-video-photo video{display:block;width:100%;height:100%;object-fit:contain;background:#173c2e}
#surya-video-mount .surya-video-open{position:absolute;left:8px;right:8px;bottom:8px;background:linear-gradient(135deg,#fbe4aa,#efc169);border:1px solid #eed4a2;border-radius:11px;color:#1c4633;font-size:12px;font-weight:800;padding:10px 6px;cursor:pointer;box-shadow:0 2px 9px #163c3366}
#surya-video-mount .surya-video-open:disabled{opacity:.65;cursor:wait}
#surya-video-mount .surya-video-info{min-width:0;color:#385940}
#surya-video-mount .surya-video-num{display:block;color:#946b37;font-weight:850;letter-spacing:1.4px;font-size:10px;margin-bottom:9px}
#surya-video-mount .surya-video-info h4{font:700 clamp(19px,2.3vw,25px)/1.16 Georgia,'Times New Roman',serif;color:#20513a;margin:0 0 10px}
#surya-video-mount .surya-video-info p{font-size:13px;line-height:1.6;color:#576f5d;margin:0 0 8px}
#surya-video-mount .surya-video-status{font-size:12px;font-weight:700;color:#397c55;min-height:16px}
#surya-video-mount .surya-video-note{margin:14px 0 0;padding:13px 15px;border:1px solid #d4e0d0;border-left:3px solid #8fac86;border-radius:10px;background:#edf5e9;color:#3d5a43;font-size:12px;line-height:1.6}
#surya-video-mount button:focus-visible,#surya-video-mount video:focus-visible{outline:3px solid #d5a34f;outline-offset:3px}
@media(max-width:640px){#surya-video-mount .surya-video-card{grid-template-columns:minmax(0,1fr);padding:12px}#surya-video-mount .surya-video-photo{max-width:290px}#surya-video-mount .surya-video-info h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){#surya-video-mount *{transition:none!important}}