.post-content img,.step-content img,.setup-section img,.device-section img,.device-section-body img{max-width:100%;width:100%;height:auto;display:block;border-radius:8px;margin:14px 0}.device-section{border:1px solid var(--border);border-radius:16px;margin-top:16px;overflow:hidden;transition:border-color .2s}.device-section.collapsed{content-visibility:auto;contain-intrinsic-size:0 600px}.device-section:not(.collapsed){border-color:var(--primary)}.device-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:18px 24px;user-select:none;background:var(--bg-secondary);gap:16px;transition:background .2s}.device-section-header:hover{background:var(--bg)}.device-section-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text);line-height:1.3}.device-section-toggle{width:28px;height:28px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--primary);transition:transform .3s ease,background .2s,border-color .2s;flex-shrink:0}.device-section:not(.collapsed) .device-section-toggle{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(180deg)}.device-section-body{display:block;padding:20px 24px 28px;overflow:hidden;max-height:0;transition:max-height .4s ease,padding .3s ease}.device-section:not(.collapsed) .device-section-body{max-height:none;overflow:visible;padding:20px 24px 28px}.device-section.collapsed .device-section-body{max-height:0;padding-top:0;padding-bottom:0}.device-section-body h3{font-size:18px;font-weight:700;margin:24px 0 12px;color:var(--text);scroll-margin-top:80px}.device-section-body h4{font-size:16px;font-weight:700;margin:20px 0 10px;color:var(--text);scroll-margin-top:80px}.device-section-body h5{font-size:15px;font-weight:700;margin:16px 0 8px;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}.toc-box{background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:12px;padding:20px 24px;margin:32px 0}.toc-box strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px}.toc-box ol{margin:0;padding-left:20px;display:grid;gap:6px}.toc-box ol ol{margin-top:4px;padding-left:16px}.toc-box li{margin:0}.toc-box a{color:var(--primary);text-decoration:none;font-size:15px;font-weight:500;border-bottom:none}.toc-box a:hover{text-decoration:underline;border-bottom:none}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0}.device-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;padding:28px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.device-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.device-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 16px 32px #3b82f626}.device-card:hover:before,.device-card.active-card:before{transform:scaleX(1)}.device-card.active-card{border-color:var(--primary);background:linear-gradient(135deg,var(--bg-secondary),var(--bg))}.device-icon{font-size:48px;margin-bottom:16px;display:block}.device-card h3{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text)}.device-card p{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.setup-time{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.verified-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:4px 12px;margin:12px 0 16px}.verified-note a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.verified-note a:hover{border-bottom-color:var(--primary)}.iptv-disclaimer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;padding:14px 16px 14px 20px;margin:20px 0;color:#92400e;font-size:14px;line-height:1.5}.setup-section{background:var(--bg-secondary);border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:16px;padding:24px;margin:0 0 24px}.setup-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.setup-badge{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap}.setup-info{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.info-item{font-size:13px;color:var(--text-secondary)}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px 20px;margin:20px 0;position:relative}.step-number{position:absolute;top:-12px;left:20px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.step-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text)}.step-content ol{padding-left:20px;margin:8px 0}.step-content li{margin-bottom:8px;line-height:1.6;color:var(--text)}.step-content p{margin-bottom:8px}.step-content strong{color:var(--primary)}.pro-tip{background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;padding:12px 14px;margin:16px 0;display:flex;align-items:flex-start;gap:10px}.pro-tip:before{content:"💡";font-size:16px;flex-shrink:0;line-height:1.5}.pro-tip-content{color:#1e40af;font-size:14px;line-height:1.5}.warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:12px 14px;margin:16px 0;display:flex;align-items:flex-start;gap:10px}.warning:before{content:"⚠️";font-size:16px;flex-shrink:0;line-height:1.5}.warning-content{color:#92400e;font-size:14px;line-height:1.5}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.tool-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-decoration:none;color:inherit;display:block;transition:all .3s ease}.tool-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 20px #0000001a}.tool-icon{font-size:36px;margin-bottom:12px;display:block}.tool-card h4{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text)}.tool-card p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:0}.problems-grid{display:grid;gap:8px;margin:20px 0}.problem-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-secondary);transition:border-color .2s}.problem-item.open{border-color:var(--primary)}.problem-header{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;user-select:none;transition:background .2s}.problem-header:hover{background:var(--bg)}.problem-icon{font-size:20px;flex-shrink:0}.problem-title{flex:1;font-weight:600;font-size:15px;color:var(--text)}.problem-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:20px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;white-space:nowrap;transition:background .2s,color .2s}.problem-item.open .problem-status{background:var(--primary);color:#fff;border-color:var(--primary)}.problem-body{display:none;padding:12px 18px 16px;font-size:14px;color:var(--text-secondary);line-height:1.6;border-top:1px solid var(--border)}.problem-body p{margin-bottom:0}.problem-item.open .problem-body{display:block}.problem-body strong{color:var(--text)}.problem-body a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary)}.troubleshooting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.trouble-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:14px}.trouble-icon{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.trouble-content h4{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.trouble-content p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:0}.trouble-content a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary)}.callout-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;border-radius:10px;padding:16px 20px;margin:24px 0;color:#065f46;font-size:15px;line-height:1.6}.callout-success strong{color:#064e3b}.cta-inline{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:12px;padding:20px 24px;margin:28px 0}.cta-inline-icon{font-size:28px;flex-shrink:0}.cta-inline-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.cta-inline-content>div{flex:1}.cta-inline-content strong{display:block;font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.cta-inline-content span{font-size:13px;color:var(--text-secondary)}.cta-inline-btn{display:inline-block;padding:10px 20px;background:var(--primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s;border-bottom:none;box-shadow:0 2px 8px #3b82f659;flex-shrink:0}.cta-inline .cta-inline-btn,.cta-inline .cta-inline-btn:hover{color:#fff;border-bottom:none;opacity:1}.cta-inline-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media(max-width:600px){.cta-inline-content{flex-direction:column;align-items:flex-start}}.info-banner{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:12px 16px;margin:16px 0;font-size:14px;color:#92400e;line-height:1.5}.info-ios{background:#ede9fe;border-left:4px solid #7c3aed;border-radius:8px;padding:12px 16px;margin:16px 0}.info-ios-content{color:#4c1d95;font-size:14px;line-height:1.6}.quick-facts{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.quick-fact{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;color:var(--text-secondary)}.case-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.case-tab{background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:16px}.case-tab.case-a{border-color:#10b981}.case-tab.case-b{border-color:#f59e0b}.case-tab-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.case-tab-header>div{display:flex;flex-direction:column;gap:3px}.case-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.case-tab-header strong{font-size:14px;font-weight:700;color:var(--text);line-height:1.3}.case-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.case-icon-yes{background:#10b981;color:#fff}.case-icon-no{background:#f59e0b;color:#fff}.case-tab p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:480px){.case-tabs{grid-template-columns:1fr}}.method-hint{font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}.method-tab{background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.method-tab:hover{transform:translateY(-2px)}.method-tab:not(.method-active):hover{border-color:var(--border);box-shadow:0 2px 8px #00000014}.method-tab.method-active{border-color:var(--primary);background:linear-gradient(135deg,var(--bg-secondary),var(--bg));box-shadow:0 4px 16px #3b82f626}.method-tab.method-recommended.method-active{border-color:var(--primary)}.method-tab-header{display:flex;align-items:center;position:relative;margin-bottom:8px;min-height:24px}.method-tab-header strong{font-size:15px;color:var(--text);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.method-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:var(--primary);color:#fff;white-space:nowrap;position:relative;z-index:1}.method-badge.method-alt{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary)}.method-tab p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:0;text-align:center}.method-content{display:none}.method-content[aria-hidden=false]{display:block;max-height:none;overflow:visible}@media(max-width:480px){.method-tabs{grid-template-columns:1fr}.method-tab{padding:14px 16px}.method-tab-header{flex-direction:row;align-items:center;gap:8px;min-height:unset;margin-bottom:10px}.method-tab-header strong{position:static;transform:none;white-space:normal;font-size:15px;font-weight:700}.method-tab p{text-align:left;font-size:13px}}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;position:relative}.pricing-card.pricing-featured{border-color:var(--primary);border-width:2px}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 12px;border-radius:20px;white-space:nowrap}.pricing-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px}.pricing-price{font-size:28px;font-weight:800;color:var(--text);margin-bottom:10px}.pricing-price span{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:4px}.pricing-card p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:0}@media(max-width:480px){.pricing-grid{grid-template-columns:1fr}}.epg-steps{display:flex;flex-direction:column;gap:4px;margin:16px 0 20px}.epg-step{display:flex;align-items:center;gap:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:13px 18px;transition:border-color .2s}.epg-step:hover{border-color:var(--primary)}.epg-step-num{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.epg-step-body{font-size:14px;color:var(--text);line-height:1.5}.epg-step-body strong{color:var(--primary)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.setting-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,box-shadow .2s}.setting-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #3b82f61a}.setting-icon{font-size:28px;line-height:1}.setting-body{display:flex;flex-direction:column;gap:4px}.setting-title{font-size:15px;font-weight:700;color:var(--text)}.setting-path{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:3px 8px;border-radius:4px;display:inline-block;margin-bottom:6px}.setting-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.setting-card p strong{color:var(--text)}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-grid.record-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.settings-grid.record-grid{grid-template-columns:1fr}}.premium-verdict{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:12px;padding:18px 22px;margin:0 0 24px}.verdict-icon{font-size:28px;flex-shrink:0}.verdict-body{font-size:15px;color:#065f46;line-height:1.5}.verdict-body strong{color:#064e3b}.premium-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 28px}.premium-feature{display:flex;align-items:flex-start;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.pf-check{background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.pf-text{display:flex;flex-direction:column;gap:2px}.pf-text strong{font-size:14px;font-weight:700;color:var(--text)}.pf-text span{font-size:12px;color:var(--text-secondary)}@media(max-width:600px){.premium-features{grid-template-columns:1fr}}.speed-table-wrapper{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:20px 0;box-shadow:0 2px 8px #0000000f}.speed-table{width:100%;border-collapse:collapse}.speed-table th{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;padding:14px 16px;text-align:left;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.speed-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text);background:var(--bg)}.speed-table tbody tr:nth-child(2n) td{background:var(--bg-secondary)}.speed-table tr:last-child td{border-bottom:none}.speed-table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 6%,var(--bg));transition:background .15s}.quality-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.quality-sd{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.quality-hd{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.quality-fhd{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.quality-4k{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#92400e;border:1px solid #fcd34d}.related-guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.related-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1)}.related-card:hover{border-color:var(--primary);box-shadow:0 6px 20px #1351da1f;transform:translateY(-3px)}[data-theme=dark] .related-card:hover{box-shadow:0 6px 20px #b5c4ff14}.related-card-img{height:110px;overflow:hidden}.related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.22,1,.36,1)}.related-card:hover .related-card-img img{transform:scale(1.05)}.related-card-placeholder{height:110px;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,var(--primary-light),var(--bg-secondary));border-bottom:1px solid var(--border)}.related-card-body{padding:12px 14px 14px}.related-card-cat{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#1351da0f;padding:2px 8px;border-radius:999px;margin-bottom:6px}.related-card-body h4{font-size:13px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:4px}.related-card-body p{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-link{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--primary)}.faq-list{display:grid;gap:10px;margin:20px 0}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item.active{border-color:var(--primary)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;font-size:15px;font-weight:600;color:var(--text);transition:background .2s}.faq-question:hover{background:var(--bg)}.faq-toggle{font-size:16px;color:var(--primary);flex-shrink:0;transition:transform .3s}.faq-item.active .faq-toggle{transform:rotate(90deg)}.faq-answer{display:none;padding:0 20px 18px;border-top:1px solid var(--border)}.faq-item.active .faq-answer{display:block}.faq-answer p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin:14px 0 0}.faq-answer a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary)}@media(max-width:768px){.device-grid{grid-template-columns:repeat(2,1fr);gap:12px}.device-section-body{padding:16px 16px 20px}.setup-section,.step-card{padding:20px 16px}.trouble-item{flex-direction:column;gap:10px}.troubleshooting-grid{grid-template-columns:1fr}.tools-grid,.related-guides-grid{grid-template-columns:1fr 1fr}.cta-inline{gap:12px;padding:16px}.problem-status{display:none}}@media(max-width:480px){.device-grid,.tools-grid,.related-guides-grid{grid-template-columns:1fr}.device-icon{font-size:40px}.setup-section{padding:16px 12px}.step-card{padding:20px 12px}.device-section-header{padding:14px 16px}.device-section-body{padding:12px 12px 16px}.cta-inline{flex-direction:column;align-items:flex-start}}