/* Guide IPTV page */
.guide-wrap { display: grid; grid-template-columns: 1fr 300px; gap: 3rem; align-items: start; }
@media (max-width: 980px) { .guide-wrap { grid-template-columns: 1fr; } }
.guide-article { max-width: 760px; }
.article-eyebrow { display: inline-block; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--red); margin-bottom: 0.75rem; }
.article-h1 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); font-weight: 900; letter-spacing: -0.04em; color: var(--dark); line-height: 1.18; margin-bottom: 1rem; }
.article-meta { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; font-size: 0.8rem; color: var(--muted); margin-bottom: 2rem; }
.article-meta-sep { color: rgba(0,0,0,0.15); }
.article-meta-badge { color: #16a34a; font-weight: 600; }
.article-toc { display: none; background: #fff; border: 1px solid rgba(0,0,0,0.07); border-radius: var(--radius-md); padding: 1.25rem 1.5rem; margin-bottom: 2rem; }
@media (max-width: 980px) { .article-toc { display: block; } }
.article-toc-label { font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--red); margin-bottom: 0.75rem; }
.article-toc ol { display: flex; flex-direction: column; gap: 0.5rem; list-style: decimal; margin-left: 1.1rem; }
.article-toc a { font-size: 0.85rem; color: var(--ink); }
.article-toc a:hover { color: var(--red); }

.guide-sidebar { position: sticky; top: 130px; display: flex; flex-direction: column; gap: 1.25rem; }
@media (max-width: 980px) { .guide-sidebar { display: none; } }
.sidebar-card { background: #fff; border: 1px solid rgba(0,0,0,0.07); border-radius: var(--radius-md); padding: 1.5rem; }
.sidebar-card-title { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 1rem; }
.sidebar-toc ol { display: flex; flex-direction: column; gap: 0.65rem; list-style: none; }
.sidebar-toc a { font-size: 0.85rem; color: var(--muted); transition: color 0.15s; }
.sidebar-toc a:hover, .sidebar-toc a.active { color: var(--red); font-weight: 600; }
.sidebar-cta-card { background: linear-gradient(160deg, #0d0d1a 0%, #1a1a2e 100%); border-radius: var(--radius-md); padding: 1.75rem 1.5rem; color: #fff; }
.sidebar-cta-title { font-size: 1.05rem; font-weight: 800; margin-bottom: 0.4rem; }
.sidebar-cta-sub { font-size: 0.82rem; color: rgba(255,255,255,0.5); margin-bottom: 1.25rem; line-height: 1.55; }
.sidebar-cta-btn { display: block; text-align: center; padding: 0.8rem; background: var(--red); color: #fff; border-radius: 8px; font-weight: 700; font-size: 0.85rem; margin-bottom: 0.9rem; transition: background 0.18s; }
.sidebar-cta-btn:hover { background: var(--red-dark); }
.sidebar-cta-note { font-size: 0.72rem; color: rgba(255,255,255,0.4); text-align: center; }

.guide-cta-section { background: linear-gradient(165deg, #08081a 0%, #0e0816 50%, #070714 100%); padding: clamp(4rem, 8vw, 6rem) 1.5rem; text-align: center; }
.guide-cta-inner { max-width: 560px; margin: 0 auto; }
.guide-cta-badge { display: inline-block; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; color: var(--red); margin-bottom: 1rem; }
.guide-cta-title { font-size: clamp(1.7rem, 3.2vw, 2.4rem); font-weight: 900; color: #fff; letter-spacing: -0.04em; margin-bottom: 0.75rem; }
.guide-cta-sub { font-size: 0.92rem; color: rgba(255,255,255,0.5); margin-bottom: 2rem; }
.guide-cta-btn { display: inline-flex; align-items: center; gap: 0.6rem; padding: 1rem 2.25rem; background: var(--red); color: #fff; font-weight: 700; font-size: 0.9rem; border-radius: 50px; box-shadow: 0 4px 30px rgba(229,9,20,0.5); transition: background 0.18s, transform 0.15s; }
.guide-cta-btn:hover { background: var(--red-dark); transform: translateY(-2px); }
.guide-cta-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; margin-top: 2rem; }
.guide-cta-trust-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: rgba(255,255,255,0.5); }
.guide-cta-trust-item svg { width: 15px; height: 15px; color: #25d166; }