/* =====================================================================
   Finance Story · hub-clip.css — คลิป "อยู่กับเรามีอะไรให้ใช้" ใน hero (เพิ่ม 1 ต.ค. 2026 · แบบ ①)
   รูปจารย์เดิมในกรอบ = ปกคลิป · กดแล้วค่อยโหลดเครื่องเล่น YouTube (ไม่โหลดตั้งแต่เปิดหน้า → คะแนนความเร็วไม่ตก)
   ===================================================================== */
.vplay{position:absolute;inset:0;z-index:4;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:0 18px 74px;font:inherit;border-radius:inherit}
.vplay:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.vp-btn{width:66px;height:66px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(232,137,26,.24),0 14px 30px rgba(0,0,0,.35);transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}
.vp-btn svg{width:30px;height:30px;margin-left:4px}
.vplay:hover .vp-btn{transform:scale(1.07);box-shadow:0 0 0 14px rgba(232,137,26,.2),0 16px 34px rgba(0,0,0,.4)}
.vp-lb{background:rgba(9,34,53,.8);color:#fff;font-size:13.5px;font-weight:400;padding:6px 15px;border-radius:999px;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* กำลังเล่น */
.device .vframe{position:absolute;inset:0;z-index:6;width:100%;height:100%;border:0;border-radius:inherit;background:#000}
.device .vx{position:absolute;top:10px;right:10px;z-index:7;width:34px;height:34px;border-radius:50%;border:0;background:rgba(9,34,53,.85);color:#fff;font-size:16px;cursor:pointer}
.device .vx:focus-visible{outline:2px solid var(--orange)}
.device.playing .vplay,.device.playing .sig{display:none}
.stagepic.playing .ui{opacity:0;pointer-events:none;transition:opacity .3s}
.device .vnote{position:absolute;inset:0;z-index:6;display:grid;place-items:center;text-align:center;padding:24px;background:rgba(9,34,53,.92);color:#C9DBEA;font-size:14px;border-radius:inherit}
.device .vnote b{display:block;color:#fff;font-size:16px;margin-bottom:6px;font-weight:500}
@media(max-width:640px){.vplay{padding:0 14px 16px;gap:8px}.vp-btn{width:62px;height:62px}.vp-btn svg{width:26px;height:26px}.vp-lb{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.vp-btn,.stagepic.playing .ui{transition:none}}