.articles-listing{padding:20px 0}.articles-page-title{font-family:IBM Plex Mono,monospace;font-size:2rem;font-weight:700;color:#fff;margin-bottom:8px}.articles-page-subtitle{color:#fff9;font-size:1rem;margin-bottom:32px}.articles-empty{text-align:center;padding:60px 20px;color:#ffffff80;font-family:IBM Plex Mono,monospace}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.article-card{display:block;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.article-card:hover{transform:translateY(-2px);border-color:#e5252180}.article-card-image{width:100%;height:180px;background-size:cover;background-position:center;background-color:#ffffff0d}.article-card-image-placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e)}.article-card-body{padding:16px}.article-card-meta{display:flex;gap:8px;margin-bottom:8px}.article-card-type{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;color:#fbd000;background:#fbd0001a;padding:2px 8px;border-radius:2px}.article-card-tag{font-family:IBM Plex Mono,monospace;font-size:11px;color:#049cd8;background:#049cd81a;padding:2px 8px;border-radius:2px}.article-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px;line-height:1.3}.article-card-excerpt{font-size:.875rem;color:#fff9;line-height:1.5;margin-bottom:12px}.article-card-footer{display:flex;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:12px;color:#fff6}.article-single{padding-bottom:40px}.article-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.article-meta-top{display:flex;gap:10px;margin-bottom:12px}.article-type-badge{font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;color:#fbd000;background:#fbd00026;padding:4px 12px;border-radius:2px;letter-spacing:.5px}.article-primary-tag{font-family:IBM Plex Mono,monospace;font-size:12px;color:#049cd8;background:#049cd826;padding:4px 12px;border-radius:2px}.article-title{font-family:IBM Plex Mono,monospace;font-size:2.25rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px}.article-meta-bottom{display:flex;gap:16px;font-family:IBM Plex Mono,monospace;font-size:13px;color:#ffffff80}.article-read-time:before{content:"~";margin-right:2px}.article-hero-image{margin-bottom:32px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.article-hero-image img{width:100%;height:auto;display:block;max-height:420px;-o-object-fit:cover;object-fit:cover}.article-body{font-size:1.05rem;line-height:1.75}.article-section{margin-bottom:36px}.article-section h2{font-family:IBM Plex Mono,monospace;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--rr-red, #E52521)}.article-section p{margin-bottom:16px;color:#ffffffd9}.article-intro-text{font-size:1.15rem;color:#ffffffe6;line-height:1.8}.article-embedded-clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:20px 0}.article-clip-embed{display:block;text-decoration:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;transition:border-color .2s,transform .2s}.article-clip-embed:hover{border-color:#e5252199;transform:translateY(-2px)}.article-clip-thumbnail{position:relative;width:100%;padding-top:56.25%;background:#000}.article-clip-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s}.article-clip-embed:hover .article-clip-thumbnail img{opacity:.85}.article-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e52521e6;border:none;border-radius:50%;color:#fff;font-size:18px;pointer-events:none;transition:background .2s,transform .2s}.article-clip-embed:hover .article-play-btn{background:#e52521;transform:translate(-50%,-50%) scale(1.1)}.article-clip-info{padding:10px 12px}.article-clip-title{display:block;font-size:.875rem;font-weight:500;color:#fff;margin-bottom:4px}.article-clip-channel{display:block;font-family:IBM Plex Mono,monospace;font-size:12px;color:#ffffff80}.article-game-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:20px 0}.article-game-card{text-decoration:none;text-align:center;transition:transform .2s}.article-game-card:hover{transform:translateY(-2px)}.article-game-cover-img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.article-game-name{display:block;font-size:.8rem;color:#fff;margin-top:6px}.article-game-year{display:block;font-family:IBM Plex Mono,monospace;font-size:11px;color:#fff6}.article-cta{background:linear-gradient(135deg,#e5252126,#049cd826);border:1px solid rgba(229,37,33,.3);border-radius:4px;padding:32px;text-align:center}.article-cta h3{font-family:IBM Plex Mono,monospace;font-size:1.3rem;color:#fff;margin-bottom:12px}.article-cta p{color:#fffc;margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto}.article-cta-button{display:inline-block;background:#e52521;color:#fff;padding:12px 32px;border-radius:0;text-decoration:none;font-family:IBM Plex Mono,monospace;font-weight:600;font-size:14px;border:3px solid;border-top-color:#fff6;border-left-color:#fff6;border-right-color:#0006;border-bottom-color:#0006;box-shadow:3px 3px #0000004d;transition:all .15s}.article-cta-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:4px 4px #0006}.article-faq h2{border-bottom-color:#fbd000}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;background:#ffffff0d;border:none;color:#fff;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.faq-question:hover{background:#ffffff14}.faq-toggle-icon{font-family:IBM Plex Mono,monospace;font-size:1.2rem;color:#fbd000;transition:transform .2s;flex-shrink:0;margin-left:12px}.faq-question[aria-expanded=true] .faq-toggle-icon{transform:rotate(45deg)}.faq-answer{padding:16px;background:#ffffff05}.faq-answer p{color:#ffffffbf;line-height:1.6;margin:0}.article-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:16px 0}.article-gallery-item{text-decoration:none;text-align:center}.article-gallery-item img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.article-gallery-name{display:block;font-size:.75rem;color:#fff;margin-top:4px}.article-channel-spotlight h2{border-bottom-color:#43b047}.spotlight-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.spotlight-channel-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:16px}.spotlight-channel-card h3{font-family:IBM Plex Mono,monospace;font-size:1rem;color:#fff;margin-bottom:8px}.spotlight-channel-card p{font-size:.875rem;color:#fff9;margin-bottom:8px}.spotlight-clip-count{font-family:IBM Plex Mono,monospace;font-size:12px;color:#43b047}.article-attributions{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.article-attributions h3{font-family:IBM Plex Mono,monospace;font-size:1rem;color:#fff9;margin-bottom:12px}.attribution-list{display:flex;flex-wrap:wrap;gap:8px}.attribution-badge{text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:12px;color:#049cd8;background:#049cd81a;padding:4px 10px;border-radius:2px;transition:background .2s,color .2s}.attribution-badge:hover{background:#049cd840;color:#5cc4ed}.article-tags-footer{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.article-tag{text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:12px;color:#fff9;background:#ffffff0d;padding:4px 10px;border-radius:2px;border:1px solid rgba(255,255,255,.1);transition:background .2s,color .2s,border-color .2s}.article-tag:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.articles-pagination{margin-top:40px;display:flex;justify-content:center}.articles-pagination nav{font-family:IBM Plex Mono,monospace}@media (max-width: 768px){.article-title{font-size:1.5rem}.articles-grid,.article-embedded-clips{grid-template-columns:1fr}.article-cta{padding:24px 16px}}
