.guide-card-long-container{display:block;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;width:100%;max-width:1200px}.guide-card-long-container:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.08)}.guide-card-long-container .card-container{display:grid;grid-template-columns:clamp(250px,40%,320px) 1fr;gap:1rem;color:inherit;text-decoration:none;align-items:stretch;padding:1rem}.guide-card-long-container .card-container .media{position:relative;width:100%;min-height:180px}.guide-card-long-container .card-container .media .image-wrapper{position:relative;aspect-ratio:320/213;width:100%}.guide-card-long-container .card-container .media .image-wrapper .image{object-fit:cover;border-radius:12px}.guide-card-long-container .card-container .media .image-placeholder{width:100%;background:linear-gradient(135deg,#f4f6f9,#f3f4f6)}.guide-card-long-container .media .categories{position:absolute;left:10px;top:10px;display:flex;gap:4px}.guide-card-long-container .media .categories .category{font-weight:600;font-size:.8rem;color:white;background-color:var(--color-sunset);border-radius:8px;padding:2px 6px;white-space:nowrap}.guide-card-long-container .content{display:flex;flex-direction:column;gap:.5rem}.guide-card-long-container .content .meta{font-size:.85rem;display:flex;align-items:center;gap:.35rem;color:#6b7280;flex-wrap:wrap}.guide-card-long-container .content .meta .dot{color:#9ca3af}.guide-card-long-container .content .title-link{text-decoration:none}.guide-card-long-container .content .title-link:hover{text-decoration:underline}.guide-card-long-container .content .title{font-size:1.25rem;line-height:1.35rem;height:auto;font-weight:700;color:#111827;margin-bottom:0}.guide-card-long-container .content .summary{font-size:.95rem;color:#374151;margin:0}@media (max-width:767px){.guide-card-long-container .card-container{grid-template-columns:1fr;padding:0}.guide-card-long-container .content{padding:1rem}.guide-card-long-container .content .media{min-height:200px}.guide-card-long-container .card-container .media .image-wrapper .image{border-radius:0}}.video-card-long-container{display:flex;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;width:100%;max-width:1200px}.video-card-long-container:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}.video-card-long-container .card-container{display:grid;grid-template-columns:clamp(140px,40%,320px) 1fr;gap:1rem;width:100%;padding:1rem}.video-card-long-container .media .thumbnail-wrapper{border-radius:12px;overflow:hidden}.video-card-long-container .media .categories{display:flex;gap:6px;flex-wrap:wrap}.video-card-long-container .content{display:flex;flex-direction:column;gap:.5rem}.video-card-long-container .content .meta{font-size:.9rem;display:flex;align-items:center;gap:.35rem;color:#6b7280;flex-wrap:wrap}.video-card-long-container .content .meta .channel-name{font-weight:600}.video-card-long-container .content .meta .dot{opacity:.6}.video-card-long-container .content .title-link .title{font-size:1.2rem;line-height:1.3;font-weight:700;color:#111827;margin:0}.video-card-long-container .content .title-link{text-decoration:none}.video-card-long-container .content .title-link:hover{text-decoration:underline}.video-card-long-container .content .summary{font-size:.98rem;color:#374151;margin:0}@media (max-width:570px){.video-card-long-container{max-width:480px;width:100%}.video-card-long-container .card-container{grid-template-columns:1fr;padding:0}.video-card-long-container .media .thumbnail-wrapper{border-radius:0;overflow:hidden}.video-card-long-container .media{position:relative}.video-card-long-container .media .categories{position:absolute;top:5px;left:0;padding:0 1rem}.video-card-long-container .content{padding:0 1rem}}.media-list_container__P8uUA{display:flex;flex-direction:column;gap:10px;align-items:center}.media-list_noItems__AfH4_{margin-top:3rem}.media-list_mediaItem__mn4_D{width:100%;max-width:1200px}.videos-page_container__qzdxz{margin:0 1rem}.videos-page_listWrapper__nKnuI{margin:0 auto}.guides-page_container__JdxfC{margin:0 1rem}