@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kanit-v17-latin_thai-regular.woff2)format("woff2")}@font-face{font-family:"Kanit";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-v17-latin_thai-700.woff2)format("woff2")}:root{--bg-canvas:#070b14;--surface-slate:#0f172a;--surface-card:rgba(20, 30, 48, 0.72);--border-card:rgba(255, 255, 255, 0.1);--border-top-highlight:rgba(255, 255, 255, 0.2);--primary-cyan:#38bdf8;--primary-gold:#fbbf24;--emerald:#34d399;--rose:#f43f5e;--code-bg:#070a12;--text-main:#f8fafc;--text-muted:#94a3b8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:"Kanit",-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-canvas);color:var(--text-main);line-height:1.8;min-height:100vh;background-image:radial-gradient(circle at 10% 10%,rgba(56,189,248,.06)0,transparent 40%),radial-gradient(circle at 90% 90%,rgba(244,63,94,.04)0,transparent 40%);background-attachment:fixed}.article-container{max-width:860px;margin:0 auto;padding:16px 16px 60px;width:100%}.breadcrumb-nav{padding:10px 0 14px;font-size:.84rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb-nav a{text-decoration:none;transition:opacity .2s}.breadcrumb-nav a:hover{opacity:.85}.article-header{margin-bottom:20px}.article-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.badge-tag{font-size:.74rem;font-weight:700;padding:2px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.cat-mobile{background:rgba(244,63,94,.15);color:var(--rose);border:1px solid rgba(244,63,94,.35)}.tag-verified{background:rgba(52,211,153,.15);color:var(--emerald);border:1px solid rgba(52,211,153,.35)}.article-header h1{font-size:1.65rem;line-height:1.4;color:#fff;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}.article-meta-row{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.article-meta-row strong,.breadcrumb-nav a,.fast-diagnostic-box h3{color:var(--primary-cyan)}.featured-hero-frame{margin:18px 0 24px;width:100%;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--border-card);border-top:1px solid var(--border-top-highlight);box-shadow:0 14px 32px rgba(0,0,0,.45)}.hero-img-backdrop{width:100%;height:320px;background:radial-gradient(circle at center,rgba(30,41,59,.6)0,#000 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block}.featured-hero-caption{padding:8px 16px;font-size:.76rem;color:var(--text-muted);background:rgba(15,23,42,.9);border-top:1px solid rgba(255,255,255,.05);text-align:center}.fast-diagnostic-box{background:rgba(15,23,42,.85);backdrop-filter:blur(14px);border:1px solid var(--primary-cyan);border-left:4px solid var(--primary-cyan);border-radius:14px;padding:16px 20px;margin-bottom:26px;box-shadow:0 8px 24px rgba(0,0,0,.35)}.fast-diag-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.diag-icon{font-size:1.2rem}.fast-diagnostic-box h3{font-size:1rem;font-weight:700}.fast-diagnostic-box p,.warning-alert-card p{font-size:.9rem;color:#cbd5e1;line-height:1.65}.equip-card{background:var(--surface-card);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-top:1px solid var(--border-top-highlight);border-radius:18px;padding:20px 22px;margin-bottom:28px}.equip-card-title{font-size:1.1rem;color:var(--primary-gold);margin-bottom:4px;font-weight:700}.equip-card-desc{font-size:.84rem;color:var(--text-muted);margin-bottom:14px}.equip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.equip-item{background:rgba(10,16,28,.75);border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:12px}.eq-icon{font-size:1.4rem;flex-shrink:0}.equip-item a,.equip-item strong{display:block;font-size:.86rem;color:#fff}.equip-item a{color:var(--primary-cyan);text-decoration:none;font-weight:700}.breadcrumb-nav a:hover,.equip-item a:hover{text-decoration:underline}.equip-item small{font-size:.75rem;color:var(--text-muted)}.step-block{background:var(--surface-card);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-top:1px solid var(--border-top-highlight);border-radius:18px;padding:22px;margin-bottom:24px;transition:all .25s ease}.step-block.completed{border-color:rgba(52,211,153,.5);background:rgba(16,185,129,.05);box-shadow:0 8px 24px rgba(16,185,129,.1)}.step-header-wrap{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px;flex-wrap:wrap}.step-number,.step-title{align-items:center;font-weight:700}.step-title{font-size:1.18rem;color:#fff;display:flex;gap:10px;flex:1;min-width:250px}.step-number{background:rgba(56,189,248,.18);color:var(--primary-cyan);border:1px solid rgba(56,189,248,.4);width:28px;height:28px;border-radius:50%;display:inline-flex;justify-content:center;font-size:.88rem;flex-shrink:0}.check-step-btn{background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.18);color:var(--text-muted);padding:4px 12px;border-radius:999px;font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;user-select:none}.check-step-btn:hover{border-color:var(--emerald);color:#fff}.step-block.completed .check-step-btn{background:rgba(52,211,153,.2);border-color:var(--emerald);color:var(--emerald);font-weight:700}.step-instruction-list{padding-left:20px;margin:10px 0 14px;color:#cbd5e1;font-size:.92rem}.step-instruction-list li{margin-bottom:8px;line-height:1.65}kbd{background:#1e293b;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;font-size:.8rem;font-family:inherit;box-shadow:0 2px 0 rgba(0,0,0,.4)}.step-tip-box{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.3);border-radius:10px;padding:10px 14px;font-size:.84rem;color:#fed7aa;margin-top:12px}.terminal-box{background:var(--code-bg);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;margin:12px 0 14px;font-family:"Courier New",Courier,monospace;box-shadow:0 6px 16px rgba(0,0,0,.4)}.terminal-box.highlight{border-color:rgba(56,189,248,.5);box-shadow:0 0 18px rgba(56,189,248,.15)}.terminal-topbar{background:#121826;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-dots{display:flex;gap:5px}.t-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.t-red{background:#ef4444}.t-yellow{background:#f59e0b}.t-green{background:#10b981}.terminal-title{font-size:.72rem;color:#94a3b8;font-family:"Kanit",sans-serif}.faq-accordion summary,.terminal-content{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.terminal-content{gap:12px}.terminal-code{color:#38bdf8;font-size:.98rem;font-weight:700;word-break:break-all}.terminal-code.highlight-code{color:#4ade80}.btn-copy-cmd{background:rgba(56,189,248,.15);border:1px solid rgba(56,189,248,.4);color:var(--primary-cyan);padding:4px 12px;border-radius:6px;font-family:"Kanit",sans-serif;font-size:.76rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-copy-cmd:hover{background:var(--primary-cyan);color:#070b14;box-shadow:0 0 10px rgba(56,189,248,.5)}.btn-copy-cmd.copied{background:var(--emerald);color:#070b14;border-color:var(--emerald)}.terminal-output-preview{background:rgba(15,23,42,.9);border:1px dashed rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;font-family:"Courier New",Courier,monospace;font-size:.88rem;color:#94a3b8;margin-top:6px}.warning-alert-card{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.35);border-left:4px solid var(--rose);border-radius:16px;padding:16px 20px;margin:28px 0}.warning-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.warning-icon{font-size:1.25rem}.warning-header h4{color:#fecdd3;font-size:1rem;font-weight:700}.warning-alert-card p{color:#e2e8f0}.article-faq-section{margin:36px 0 20px}.article-faq-section h2{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:14px;border-left:4px solid var(--primary-cyan);padding-left:10px}.faq-accordion{background:var(--surface-card);border:1px solid var(--border-card);border-radius:12px;margin-bottom:8px;overflow:hidden;transition:border-color .2s ease}.faq-accordion:hover{border-color:rgba(56,189,248,.3)}.faq-accordion summary{font-size:.9rem;font-weight:700;color:var(--text-main);cursor:pointer;list-style:none;user-select:none}.faq-accordion summary::-webkit-details-marker{display:none}.faq-arrow-svg{width:16px;height:16px;fill:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.faq-accordion[open] summary .faq-arrow-svg{transform:rotate(180deg);fill:var(--primary-cyan)}.faq-accordion[open] summary{border-bottom:1px solid rgba(255,255,255,.06)}.faq-accordion p{padding:12px 16px;font-size:.86rem;color:#cbd5e1;background:rgba(10,16,28,.4);line-height:1.65}.article-footer-nav{margin-top:36px;text-align:center}.btn-back-hub{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:600;padding:8px 18px;border-radius:999px;border:1px solid var(--border-card);background:rgba(15,23,42,.6);transition:all .2s ease}.btn-back-hub:hover{color:var(--primary-cyan);border-color:var(--primary-cyan);background:rgba(56,189,248,.1)}.ad-slot-box{margin:28px auto;text-align:center;min-height:280px;background:rgba(15,23,42,.25);border:1px dashed rgba(255,255,255,.08);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.toast-box{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);background:rgba(15,23,42,.96);backdrop-filter:blur(12px);border:1px solid var(--emerald);color:#fff;padding:10px 22px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:0 10px 28px rgba(0,0,0,.7);opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:9999;pointer-events:none}.toast-box.show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:640px){.article-header h1{font-size:1.35rem}.hero-img-backdrop{height:200px}.step-block{padding:16px 14px}.step-title{font-size:1.05rem}.terminal-content{flex-direction:column;align-items:flex-start;gap:8px}.btn-copy-cmd{align-self:flex-end}}