.example_static_module{padding:30px;background-color:#ecf4f7}.example_static_module__inner{display:flex;flex-wrap:wrap;align-items:center;position:relative}.example_static_module__image{flex:0 0 50%;max-width:50%;padding-right:20px}.example_static_module__content-container{flex:0 0 50%;max-width:50%;padding-left:20px}.example_static_module__summary{margin:10px 0;font-size:14px;line-height:1.5;color:#666;background-color:#f8f9fa;padding:15px;border-radius:4px;border-left:3px solid #007cba}

.card-yt{width:100%}.card-yt .card-yt-media{position:relative;width:100%;cursor:pointer;perspective:1200px}.card-yt .card-yt-inner{position:relative;width:100%;padding-top:56.25%;transform-style:preserve-3d;transition:transform .6s ease}.card-yt .card-yt-media:hover .card-yt-inner{transform:rotateY(180deg)}.card-yt .card-yt-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;overflow:hidden}.card-yt .card-yt-front,.card-yt .card-yt-back{display:flex;align-items:stretch;justify-content:stretch}.card-yt .card-yt-back{transform:rotateY(180deg)}.card-yt.card-yt-playing .card-yt-inner{transform:none;visibility:hidden}.card-yt.card-yt-playing .card-yt-video-wrapper{display:block}.card-yt .card-yt-thumb{position:relative;flex:1;background:#020617;overflow:hidden}.card-yt .card-yt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.card-yt .card-yt-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0))}.card-yt .card-yt-duration{position:absolute;right:10px;bottom:10px;z-index:2;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.85);color:#e5e7eb;font-size:.75rem;font-weight:600}.card-yt .card-yt-playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:70px;height:70px;border-radius:50%;background:rgba(15,23,42,.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.6);z-index:2}.card-yt .card-yt-playbtn::before{content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e5e7eb;margin-left:3px}.card-yt .card-yt-media:hover .card-yt-playbtn{transform:translate(-50%, -50%) scale(1.06)}.card-yt .card-yt-back-inner{position:relative;flex:1;overflow:hidden}.card-yt .card-yt-back-inner::before{content:"";position:absolute;inset:-10px;background-image:url("https://i.ytimg.com/vi/HW2p_MxvmQI/maxresdefault.jpg");background-size:cover;background-position:center;filter:blur(10px) brightness(0.35);transform:scale(1.05)}.card-yt .card-yt-back-gradient{position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(59, 130, 246, 0.45), transparent 55%);mix-blend-mode:screen}.card-yt .card-yt-back-play{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(220,38,38,.65);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:3}.card-yt .card-yt-back-play::before{content:"";border-style:solid;border-width:7px 0 7px 12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;margin-left:2px}.card-yt .card-yt-back-content{position:relative;z-index:1;padding:18px;display:flex;flex-direction:column;justify-content:flex-start;height:100%;color:#f9fafb;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.8) rgba(0,0,0,0)}.card-yt .card-yt-back-content::-webkit-scrollbar{width:6px}.card-yt .card-yt-back-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.card-yt .card-yt-back-content::-webkit-scrollbar-thumb{background:rgba(148,163,184,.8);border-radius:999px}.card-yt .card-yt-back-content::-webkit-scrollbar-thumb:hover{background:rgba(248,250,252,.9)}.card-yt .card-yt-back-content h3{margin:0 0 10px;font-size:clamp(1.05rem,2vw,1.35rem)}.card-yt .card-yt-back-content p{margin:0 0 10px;font-size:.9rem;line-height:1.5}.card-yt .card-yt-back-content a{color:#bfdbfe;text-decoration:underline}.card-yt .card-yt-back-content a:hover{color:#e5f0ff}.card-yt .card-yt-video-wrapper{position:absolute;inset:0;border-radius:18px;overflow:hidden;display:none;background:#000}.card-yt .card-yt-video-wrapper iframe{width:100%;height:100%;border:0}.card-yt .card-yt-meta{display:flex;gap:12px;margin-top:10px;color:#e5e7eb}.card-yt .card-yt-avatar-link{text-decoration:none;flex-shrink:0}.card-yt .card-yt-avatar{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at top left, #38bdf8, #1d4ed8);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f9fafb;font-size:1.1rem}.card-yt .card-yt-text{flex:1;min-width:0}.card-yt .card-yt-title-link{text-decoration:none;color:inherit}.card-yt .card-yt-title-line{margin:0 0 4px;font-size:1rem;font-weight:600;line-height:1.3}.card-yt .card-yt-title-line:hover{text-decoration:underline}.card-yt .card-yt-channel-row{font-size:.9rem;margin-bottom:2px}.card-yt .card-yt-channel-link{color:#9ca3af;text-decoration:none}.card-yt .card-yt-channel-link:hover{color:#e5e7eb}.card-yt .card-yt-meta-line{font-size:.85rem;color:#9ca3af}@media(max-width: 600px){.card-container{padding:16px}.card-yt .card-yt-playbtn{width:58px;height:58px}}
.card-yt{width:100%}.card-yt .card-yt-media{position:relative;width:100%;cursor:pointer;perspective:1200px}.card-yt .card-yt-inner{position:relative;width:100%;padding-top:56.25%;transform-style:preserve-3d;transition:transform .6s ease}.card-yt .card-yt-media:hover .card-yt-inner{transform:rotateY(180deg)}.card-yt .card-yt-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;overflow:hidden}.card-yt .card-yt-front,.card-yt .card-yt-back{display:flex;align-items:stretch;justify-content:stretch}.card-yt .card-yt-back{transform:rotateY(180deg)}.card-yt.card-yt-playing .card-yt-inner{transform:none;visibility:hidden}.card-yt.card-yt-playing .card-yt-video-wrapper{display:block}.card-yt .card-yt-thumb{position:relative;flex:1;background:#020617;overflow:hidden}.card-yt .card-yt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.card-yt .card-yt-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0))}.card-yt .card-yt-duration{position:absolute;right:10px;bottom:10px;z-index:2;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.85);color:#e5e7eb;font-size:.75rem;font-weight:600}.card-yt .card-yt-playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:70px;height:70px;border-radius:50%;background:rgba(15,23,42,.85);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.6);z-index:2}.card-yt .card-yt-playbtn::before{content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e5e7eb;margin-left:3px}.card-yt .card-yt-media:hover .card-yt-playbtn{transform:translate(-50%, -50%) scale(1.06)}.card-yt .card-yt-back-inner{position:relative;flex:1;overflow:hidden}.card-yt .card-yt-back-inner::before{content:"";position:absolute;inset:-10px;background-image:url("https://i.ytimg.com/vi/HW2p_MxvmQI/maxresdefault.jpg");background-size:cover;background-position:center;filter:blur(10px) brightness(0.35);transform:scale(1.05)}.card-yt .card-yt-back-gradient{position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(59, 130, 246, 0.45), transparent 55%);mix-blend-mode:screen}.card-yt .card-yt-back-play{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(220,38,38,.65);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:3}.card-yt .card-yt-back-play::before{content:"";border-style:solid;border-width:7px 0 7px 12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;margin-left:2px}.card-yt .card-yt-back-content{position:relative;z-index:1;padding:18px;display:flex;flex-direction:column;justify-content:flex-start;height:100%;color:#f9fafb;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.8) rgba(0,0,0,0)}.card-yt .card-yt-back-content::-webkit-scrollbar{width:6px}.card-yt .card-yt-back-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.card-yt .card-yt-back-content::-webkit-scrollbar-thumb{background:rgba(148,163,184,.8);border-radius:999px}.card-yt .card-yt-back-content::-webkit-scrollbar-thumb:hover{background:rgba(248,250,252,.9)}.card-yt .card-yt-back-content h3{margin:0 0 10px;font-size:clamp(1.05rem,2vw,1.35rem)}.card-yt .card-yt-back-content p{margin:0 0 10px;font-size:.9rem;line-height:1.5}.card-yt .card-yt-back-content a{color:#bfdbfe;text-decoration:underline}.card-yt .card-yt-back-content a:hover{color:#e5f0ff}.card-yt .card-yt-video-wrapper{position:absolute;inset:0;border-radius:18px;overflow:hidden;display:none;background:#000}.card-yt .card-yt-video-wrapper iframe{width:100%;height:100%;border:0}.card-yt .card-yt-meta{display:flex;gap:12px;margin-top:10px;color:#e5e7eb}.card-yt .card-yt-avatar-link{text-decoration:none;flex-shrink:0}.card-yt .card-yt-avatar{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at top left, #38bdf8, #1d4ed8);display:flex;align-items:center;justify-content:center;font-weight:700;color:#f9fafb;font-size:1.1rem}.card-yt .card-yt-text{flex:1;min-width:0}.card-yt .card-yt-title-link{text-decoration:none;color:inherit}.card-yt .card-yt-title-line{margin:0 0 4px;font-size:1rem;font-weight:600;line-height:1.3}.card-yt .card-yt-title-line:hover{text-decoration:underline}.card-yt .card-yt-channel-row{font-size:.9rem;margin-bottom:2px}.card-yt .card-yt-channel-link{color:#9ca3af;text-decoration:none}.card-yt .card-yt-channel-link:hover{color:#e5e7eb}.card-yt .card-yt-meta-line{font-size:.85rem;color:#9ca3af}@media(max-width: 600px){.card-container{padding:16px}.card-yt .card-yt-playbtn{width:58px;height:58px}}