.guides-root{--g-bg:#0d0b1e;--g-surface:#17133a;--g-surface2:#231c58;--g-accent:#e94560;--g-text:#eee;--g-text-dim:#88a;--g-green:#4ecca3;--g-yellow:#f0c040;--g-blue:#4ea8de;--g-gold:#cca800;--g-purple:#a855f7;--g-red:#ff5c6c;--g-orange:#f59e0b;background:var(--g-bg);color:var(--g-text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;line-height:1.7;display:block}.guides-root a{color:var(--g-accent);text-decoration:none}.guides-root a:hover{text-decoration:underline}.guides-root .page-wrap{max-width:860px;margin:0 auto;padding:0 20px 60px}.guides-root .site-header{border-bottom:3px solid var(--g-gold);background:linear-gradient(160deg,#1a1060 0%,#0d0b1e 100%);align-items:center;gap:14px;padding:18px 20px;display:flex}.guides-root .site-header a{color:var(--g-text);align-items:center;gap:14px;text-decoration:none;display:flex}.guides-root .site-header img{width:auto;height:48px}.guides-root .header-titles h1{color:var(--g-gold);letter-spacing:.03em;font-size:1.15rem;font-weight:700}.guides-root .header-titles span{color:var(--g-text-dim);font-size:.8rem}.guides-root .header-cta{background:var(--g-accent);white-space:nowrap;border-radius:6px;margin-left:auto;padding:8px 18px;font-size:.9rem;font-weight:600;color:#fff!important;text-decoration:none!important}.guides-root .header-cta:hover{opacity:.85;text-decoration:none!important}.guides-root .breadcrumb{color:var(--g-text-dim);padding:14px 0 0;font-size:.82rem}.guides-root .breadcrumb a{color:var(--g-text-dim)}.guides-root .breadcrumb a:hover{color:var(--g-text)}.guides-root .breadcrumb span{margin:0 6px}.guides-root article{padding-top:28px}.guides-root .article-meta{color:var(--g-text-dim);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;font-size:.85rem;display:flex}.guides-root .article-meta .tag{background:var(--g-surface2);color:var(--g-yellow);border-radius:99px;padding:2px 10px;font-size:.78rem}.guides-root h1.article-title{color:var(--g-text);margin-bottom:16px;font-size:2rem;font-weight:800;line-height:1.25}.guides-root .article-intro{color:#ccc;border-bottom:1px solid var(--g-surface2);margin-bottom:30px;padding-bottom:30px;font-size:1.1rem}.guides-root .toc{background:var(--g-surface);border:1px solid var(--g-surface2);border-left:3px solid var(--g-accent);border-radius:8px;margin-bottom:36px;padding:18px 22px}.guides-root .toc h2{text-transform:uppercase;letter-spacing:.08em;color:var(--g-text-dim);margin-bottom:10px;font-size:.9rem}.guides-root .toc ol{flex-direction:column;gap:4px;padding-left:18px;display:flex}.guides-root .toc li{font-size:.92rem}.guides-root .toc a{color:var(--g-accent)}.guides-root h2.section-heading,.guides-root article h2{border-bottom:2px solid var(--g-surface2);color:var(--g-yellow);margin:40px 0 14px;padding-bottom:8px;font-size:1.45rem;font-weight:700}.guides-root h3.sub-heading,.guides-root article h3{color:var(--g-green);margin:24px 0 10px;font-size:1.1rem;font-weight:600}.guides-root p{color:#ddd;margin-bottom:16px}.guides-root ul,.guides-root ol{color:#ddd;margin-bottom:16px;padding-left:22px}.guides-root li{margin-bottom:6px}.guides-root strong{color:var(--g-text)}.guides-root .tier-block{background:var(--g-surface);border:1px solid var(--g-surface2);border-radius:10px;margin:22px 0;overflow:hidden}.guides-root .tier-head{border-bottom:1px solid var(--g-surface2);align-items:center;gap:14px;padding:14px 20px;display:flex}.guides-root .tier-badge{text-align:center;color:#0d0b1e;border-radius:6px;min-width:44px;padding:4px 10px;font-size:1rem;font-weight:800;display:inline-block}.guides-root .tier-s{background:var(--g-red);color:#fff}.guides-root .tier-a{background:var(--g-orange);color:#fff}.guides-root .tier-b{background:var(--g-yellow)}.guides-root .tier-c{background:var(--g-blue);color:#fff}.guides-root .tier-d{background:var(--g-text-dim);color:#fff}.guides-root .tier-title{color:var(--g-text);font-size:1.05rem;font-weight:700}.guides-root .tier-sub{color:var(--g-text-dim);margin-left:auto;font-size:.82rem}.guides-root .tier-body{padding:8px 20px 16px}.guides-root .item-card{border-bottom:1px dashed var(--g-surface2);padding:14px 0}.guides-root .item-card:last-child{border-bottom:none}.guides-root .item-name{color:var(--g-text);margin-bottom:4px;font-size:1.02rem;font-weight:700;display:inline-block}.guides-root .item-pair{color:var(--g-text-dim);margin-left:10px;font-size:.82rem;display:inline-block}.guides-root .item-effect{color:#ccc;margin-bottom:6px;font-size:.93rem}.guides-root .item-use{color:var(--g-text-dim);font-size:.88rem;line-height:1.55}.guides-root .item-use strong{color:var(--g-green)}.guides-root .pair-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.guides-root .pair-card{background:var(--g-surface);border:1px solid var(--g-surface2);border-left:3px solid var(--g-green);border-radius:8px;padding:14px 16px}.guides-root .pair-card h4{color:var(--g-green);margin-bottom:6px;font-size:.98rem}.guides-root .pair-card p{color:#ccc;margin:0;font-size:.88rem}.guides-root table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9rem}.guides-root th{background:var(--g-surface2);text-align:left;color:var(--g-yellow);padding:10px 12px;font-weight:600}.guides-root td{border-top:1px solid var(--g-surface2);color:#ddd;padding:9px 12px}.guides-root tr:nth-child(2n) td{background:#ffffff05}.guides-root .tip-box{border-left:4px solid var(--g-green);background:#4ecca314;border-radius:0 8px 8px 0;margin:20px 0;padding:14px 18px}.guides-root .tip-box strong{color:var(--g-green)}.guides-root .warn-box{border-left:4px solid var(--g-yellow);background:#f0c04014;border-radius:0 8px 8px 0;margin:20px 0;padding:14px 18px}.guides-root .warn-box strong{color:var(--g-yellow)}.guides-root .cta-box{border:2px solid var(--g-accent);text-align:center;background:linear-gradient(135deg,#1a1060 0%,#231c58 100%);border-radius:10px;margin:32px 0;padding:24px 28px}.guides-root .cta-box h3{color:var(--g-text);margin-bottom:8px;font-size:1.2rem}.guides-root .cta-box p{color:var(--g-text-dim);margin-bottom:16px;font-size:.95rem}.guides-root .cta-btn{background:var(--g-accent);border-radius:8px;padding:12px 30px;font-size:1rem;font-weight:700;display:inline-block;color:#fff!important;text-decoration:none!important}.guides-root .cta-btn:hover{opacity:.85}.guides-root .article-footer{border-top:1px solid var(--g-surface2);color:var(--g-text-dim);text-align:center;margin-top:48px;padding-top:24px;font-size:.85rem}.guides-root .article-footer a{color:var(--g-text-dim)}.guides-root .guide-index{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:28px 0 40px;display:grid}.guides-root .guide-card{background:var(--g-surface);border:1px solid var(--g-surface2);border-left:3px solid var(--g-accent);border-radius:8px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.guides-root .guide-card h3{color:var(--g-text);margin:0;font-size:1.05rem}.guides-root .guide-card h3 a{color:var(--g-text)}.guides-root .guide-card h3 a:hover{color:var(--g-accent);text-decoration:none}.guides-root .guide-card p{color:#ccc;margin:0;font-size:.88rem}.guides-root .guide-card .meta{color:var(--g-text-dim);font-size:.78rem}@media (max-width:640px){.guides-root h1.article-title{font-size:1.5rem}.guides-root h2.section-heading,.guides-root article h2{font-size:1.2rem}.guides-root .header-cta{display:none}.guides-root .pair-grid{grid-template-columns:1fr}.guides-root .tier-sub{display:none}}