.tn-video-guides { --guide-surface: #fff; --guide-border: #dedede; --guide-text: #222; --guide-accent: #a51d35; max-width: 1200px; margin: 18px auto; padding: 16px; color: var(--guide-text); font-family: sans-serif; }
.tn-video-guides h2 { font-size: 18px; margin: 0 0 12px; }
.tn-video-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.tn-video-guide-grid a { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px; background: var(--guide-surface); border: 1px solid var(--guide-border); border-radius: 6px; color: var(--guide-text); text-decoration: none; line-height: 1.6; }
.tn-video-guide-grid img { width: 96px; aspect-ratio: 16/9; object-fit: contain; flex-shrink: 0; }
.tn-video-guide-grid span { min-width: 0; overflow-wrap: anywhere; }
.tn-video-guide-grid small { display: block; color: var(--guide-accent); }
.tn-video-guide-grid a:hover, .tn-video-guide-grid a:focus-visible { outline: 2px solid var(--guide-accent); outline-offset: 2px; }
@media(max-width:600px) { .tn-video-guide-grid { grid-template-columns: minmax(0,1fr); } .tn-video-guide-grid img { width: 80px; } }