/* BetLegend preview/review article components - canonical shared styles.
   Locked July 4, 2026 per PREVIEW_PAGE_STANDARD.md. Restores the clean
   April 2026 article format. Article-content classes ONLY - nav, hero band,
   and calendar sidebar styles remain in each page's inline block. */
.game-card{background:rgba(15,20,30,0.95);backdrop-filter:blur(20px);border:1px solid rgba(0,224,255,0.2);border-radius:20px;margin-bottom:40px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.3)}
.hero-figure{margin:0;background:#0a0c10}
.hero-figure img,.feature-photo{width:100%;height:auto;aspect-ratio:3/2;max-height:560px;object-fit:cover;object-position:center 15%;display:block;background:#0a0c10}
.hero-figure figcaption{color:#888;font-size:0.85rem;padding:10px 20px;text-align:center;border-bottom:1px solid rgba(0,224,255,0.15)}
.game-card .game-header{background:linear-gradient(135deg,rgba(0,224,255,0.12),rgba(0,107,182,0.10));padding:30px;border-bottom:1px solid rgba(0,224,255,0.2);display:block}
.game-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;font-family:'Orbitron',sans-serif;color:#fff;margin-bottom:15px;text-shadow:0 0 20px rgba(0,224,255,0.3);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.title-logo-inline{width:45px;height:45px;object-fit:contain;vertical-align:middle}
.game-details{font-size:1rem;color:#b0b0b0;margin-bottom:12px;font-weight:500;text-align:center}
.post-date{font-size:0.85rem;color:#888;opacity:0.85;margin-top:8px;text-align:center}
.betting-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:25px}
.line-item{background:rgba(0,0,0,0.4);padding:15px;border-radius:10px;border:1px solid rgba(0,224,255,0.1);transition:all 0.3s ease}
.line-item:hover{border-color:#00e0ff;background:rgba(0,224,255,0.05)}
.line-label{font-size:0.85rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.line-value{font-size:1.1rem;font-weight:700;color:#39FF14}
.content-section{padding:30px}
.section-header{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:#fff;margin:34px 0 20px;font-family:'Orbitron',sans-serif;display:flex;align-items:center;gap:10px;border-bottom:2px solid #FFD700;padding-bottom:10px;scroll-margin-top:150px}
.section-text{font-size:1rem;color:#b0b8c4;margin-bottom:20px;line-height:1.85}
.highlight-stat{color:#39FF14;font-weight:600}
.injury-alert{color:#FF3131;font-weight:600}
.toc-box{background:rgba(0,0,0,0.3);border:1px solid rgba(0,224,255,0.2);border-radius:12px;padding:20px;margin:25px 0}
.toc-title{color:#FFD700;font-weight:700;font-size:1.1rem;margin-bottom:12px;font-family:'Orbitron',sans-serif}
.toc-list{list-style:none;padding:0;margin:0}
.toc-list li{margin-bottom:8px}
.toc-list a{color:#00e0ff;text-decoration:none;font-size:0.95rem;transition:color 0.3s}
.toc-list a:hover{color:#fff}
.share-buttons{text-align:center;margin:25px 0;padding:15px;background:rgba(255,215,0,0.08);border-radius:10px}
.share-buttons p{color:#FFD700;font-weight:600;margin:0 0 12px 0;font-size:14px;text-transform:uppercase;letter-spacing:1px}
.share-buttons a{padding:10px 20px;border-radius:5px;text-decoration:none;margin:4px 5px;display:inline-block;color:#fff;font-weight:600;font-size:14px;transition:opacity 0.3s}
.share-buttons a:hover{opacity:0.85}
.matchup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}
.team-card{background:rgba(0,0,0,0.3);padding:20px;border-radius:15px;border:1px solid rgba(0,224,255,0.2)}
.team-card .team-name{font-size:1.2rem;font-weight:700;color:#00e0ff;margin-bottom:15px;display:flex;align-items:center;gap:12px}
.team-card .team-logo{width:50px;height:50px;object-fit:contain}
.player-stats{margin-top:15px;padding:15px;background:rgba(0,0,0,0.2);border-radius:10px}
.player-name{font-weight:600;color:#FFD700;margin-bottom:10px}
.stats-line{font-size:0.95rem;color:#b0b8c4;margin-bottom:8px;padding-left:10px;line-height:1.6}
.stats-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}
.stats-comparison .stat-col{background:rgba(0,0,0,0.3);padding:20px;border-radius:15px;border:1px solid rgba(0,224,255,0.2)}
.stats-comparison .stat-col h3{font-family:'Orbitron',sans-serif;font-size:1rem;color:#FFD700;margin-bottom:15px;text-align:center}
.stats-comparison .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.95rem}
.stats-comparison .stat-label{color:#888}
.stats-comparison .stat-value{color:#39FF14;font-weight:600;text-align:right}
.champs-box{background:linear-gradient(135deg,rgba(0,224,255,0.10),rgba(0,107,182,0.10));padding:25px;border-radius:15px;border:2px solid #FFD700;margin:25px 0}
.champs-title{color:#FFD700;font-weight:800;font-size:1.3rem;margin-bottom:15px;text-align:center;font-family:'Orbitron',sans-serif}
.faq-section{margin-top:30px}
.faq-item{background:rgba(0,0,0,0.3);border:1px solid rgba(0,224,255,0.2);border-radius:12px;margin-bottom:15px;padding:20px}
.faq-question{font-weight:700;color:#00e0ff;font-size:1.05rem;margin-bottom:10px}
.faq-answer{color:#b0b8c4;line-height:1.7;font-size:0.95rem}
.related-links{background:rgba(0,0,0,0.3);border:1px solid rgba(0,224,255,0.2);border-radius:12px;padding:20px;margin:30px 0}
.related-links .related-title{color:#FFD700;font-weight:700;font-size:1.05rem;margin-bottom:12px;font-family:'Orbitron',sans-serif;text-transform:uppercase;letter-spacing:1px}
.related-links ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.related-links a{color:#00e0ff;text-decoration:none;font-size:0.95rem}
.related-links a:hover{color:#fff}
.back-nav{text-align:center;margin:40px 0 20px}
.back-nav a{color:#00e0ff;text-decoration:none;font-size:1rem;font-weight:600;transition:all 0.3s ease;padding:10px 20px;border:1px solid rgba(0,224,255,0.2);border-radius:10px;display:inline-block}
.back-nav a:hover{background:rgba(0,224,255,0.1)}
@media(max-width:950px){.hero-figure img,.feature-photo{aspect-ratio:4/5;max-height:520px;object-position:center 18%}}
@media(max-width:768px){.game-card .game-header,.content-section{padding:20px}.matchup-grid{grid-template-columns:1fr}.stats-comparison{grid-template-columns:1fr}.section-header{scroll-margin-top:120px}}