.api-video-entries{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;margin-bottom:20px}.api-video-entries>:only-child{grid-column:1/-1}.api-video-tutorial{display:grid;grid-template-columns:64px minmax(0, 1fr) 24px;align-items:center;gap:18px;min-height:148px;box-sizing:border-box;padding:26px 24px;border:1px solid #087f72;border-radius:18px;background:linear-gradient(115deg, #075b55, #087f72);color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(8,127,114,.13);transition:transform .18s ease,box-shadow .18s ease}.api-video-tutorial:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px rgba(8,127,114,.23)}.api-video-tutorial:focus-visible{outline:3px solid #087f72;outline-offset:4px}.api-video-play{display:flex;align-items:center;justify-content:center;width:64px;height:64px;box-sizing:border-box;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;background:hsla(0,0%,100%,.12);font-size:40px}.api-video-copy{min-width:0}.api-video-copy strong{display:block;font-size:30px;font-weight:700;line-height:1.3}.api-video-copy small{display:block;margin-top:8px;color:#d9f2eb;font-size:15px;line-height:1.7}.api-video-arrow{font-size:24px}.api-video-backup{background:#e8f5ef;color:#176c63;border-color:#b9dcd1;box-shadow:none}.api-video-backup:hover{color:#176c63}.api-video-backup .api-video-play{background:#fff;border-color:#b9dcd1}.api-video-backup .api-video-copy strong{font-size:26px}.api-video-backup .api-video-copy small{color:#52746b}@media(max-width: 800px){.api-video-entries{grid-template-columns:minmax(0, 1fr)}}@media(max-width: 600px){.api-video-tutorial{grid-template-columns:52px minmax(0, 1fr);min-height:124px;gap:12px 16px;padding:22px 18px}.api-video-play{width:52px;height:52px;font-size:34px}.api-video-copy strong{font-size:26px}.api-video-copy small{font-size:13px}.api-video-arrow{display:none}}@media(prefers-reduced-motion: reduce){.api-video-tutorial{transition:none}.api-video-tutorial:hover{transform:none}}