/* ===================================================================
   Liadnao - Category Page Styles
   Dark gaming theme with vibrant accents
   =================================================================== */

/* ---------- Channel Hero ---------- */
.ln-channel-hero{
    position:relative;padding:48px 0 32px;text-align:center;
}
.ln-channel-eyebrow{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 14px;border-radius:999px;
    background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.2);
    color:var(--primary);font-size:11px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;
}
.ln-channel-title{
    font-size:clamp(28px,4.5vw,48px);font-weight:900;
    line-height:1.05;letter-spacing:-.03em;
    color:var(--fg);margin-bottom:12px;
}
.ln-channel-desc{
    color:var(--fg2);font-size:15px;
    max-width:520px;margin:0 auto 12px;line-height:1.6;
}
.ln-channel-count{
    color:var(--fg3);font-size:13px;font-weight:600;
}
.ln-channel-count strong{color:var(--primary);font-weight:800}

/* ---------- Game List (standard grid) ---------- */
.ln-game-list{margin-top:24px}
.ln-game-list.ln-grid{margin-top:0}

/* ---------- More Section ---------- */
.ln-more-section{margin-top:56px}

/* ---------- Channel Rich Content ---------- */
.ln-channel-intro{
    margin-top:40px;padding:28px;
    background:var(--card);border-radius:16px;
    border:1px solid var(--border);
}
.ln-channel-intro h2{
    font-size:20px;font-weight:800;color:var(--fg);margin-bottom:12px;
}
.ln-channel-intro p{
    color:var(--fg2);font-size:14px;line-height:1.7;margin-bottom:10px;
}
.ln-channel-intro p:last-child{margin-bottom:0}

.ln-channel-picks{
    margin-top:32px;
}
.ln-channel-picks h2{
    font-size:20px;font-weight:800;color:var(--fg);margin-bottom:16px;
}
.ln-channel-pick{
    display:flex;gap:16px;align-items:flex-start;
    padding:16px;background:var(--card);border-radius:12px;
    border:1px solid var(--border);margin-bottom:12px;
    transition:border-color .2s;
}
.ln-channel-pick:hover{border-color:var(--primary)}
.ln-channel-pick-img{
    width:72px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0;
}
.ln-channel-pick-img img{width:100%;height:100%;object-fit:cover}
.ln-channel-pick-body{flex:1;min-width:0}
.ln-channel-pick-name{
    font-size:15px;font-weight:700;color:var(--fg);margin-bottom:4px;
}
.ln-channel-pick-name a{color:inherit;text-decoration:none}
.ln-channel-pick-name a:hover{color:var(--primary)}
.ln-channel-pick-text{
    font-size:13px;color:var(--fg2);line-height:1.55;
}

.ln-channel-faq{
    margin-top:32px;
}
.ln-channel-faq h2{
    font-size:20px;font-weight:800;color:var(--fg);margin-bottom:16px;
}
.ln-channel-faq-item{
    padding:16px 20px;background:var(--card);border-radius:12px;
    border:1px solid var(--border);margin-bottom:10px;
}
.ln-channel-faq-item h3{
    font-size:14px;font-weight:700;color:var(--fg);margin-bottom:6px;
}
.ln-channel-faq-item p{
    font-size:13px;color:var(--fg2);line-height:1.6;margin:0;
}

/* ---------- Related Articles ---------- */
.ln-channel-articles{
    max-width:720px;margin:40px auto;padding:0 20px;
}
.ln-channel-articles h2{
    font-size:20px;font-weight:800;color:var(--fg);margin-bottom:14px;
}
.ln-channel-articles ul{
    list-style:none;padding:0;margin:0;
}
.ln-channel-articles li{
    padding:12px 16px;background:var(--card);border-radius:10px;
    border:1px solid var(--border);margin-bottom:8px;
    font-size:14px;line-height:1.5;color:var(--fg2);
}
.ln-channel-articles li a{
    color:var(--primary);font-weight:600;text-decoration:none;
}
.ln-channel-articles li a:hover{
    text-decoration:underline;
}

@media(max-width:600px){
    .ln-channel-pick{flex-direction:column;gap:10px}
    .ln-channel-pick-img{width:100%;height:120px}
}