.bgp-main{max-width:1440px;margin:0 auto;padding:128px 36px 56px;position:relative;z-index:2}.bgp-hero{text-align:center;padding:38px 22px 28px}.bgp-hero h1{font-size:clamp(32px,5vw,56px);margin:8px 0;color:#e8f8ff}.bgp-hero h1 span{color:var(--ui-cyan)}.bgp-hero>p{color:var(--ui-muted);margin:0 auto 22px;max-width:680px}.hero-kicker,.bgp-kicker{color:#61dfff;font-size:11px;font-weight:700;letter-spacing:.16em}.bgp-search{display:grid;grid-template-columns:minmax(0,1fr) 220px 178px;align-items:end;gap:14px;max-width:1040px;margin:26px auto 13px;padding:17px;border:1px solid rgba(97,223,255,.24);border-radius:17px;background:linear-gradient(145deg,rgba(8,28,40,.98),rgba(4,16,25,.96));box-shadow:0 20px 55px #0006}.bgp-field-label{display:block;margin:0 0 7px 3px;color:#a8c7d3;font-size:11px;font-weight:700;letter-spacing:.045em}.bgp-input-shell{position:relative;display:flex;align-items:center;min-width:0;border:1px solid #315365;border-radius:12px;background:#06131d;transition:border-color .18s,box-shadow .18s,background .18s}.bgp-input-shell:focus-within{border-color:#62dfff;background:#081a26;box-shadow:0 0 0 3px rgba(97,223,255,.13),0 8px 24px rgba(0,0,0,.2)}.bgp-search-icon{position:absolute;left:15px;width:19px;height:19px;fill:none;stroke:#70a5b8;stroke-width:1.7;pointer-events:none}.bgp-input-shell:focus-within .bgp-search-icon{stroke:#62dfff}.bgp-search input{width:100%;min-width:0;height:54px;margin:0;border:0;border-radius:12px;padding:0 15px 0 45px;outline:0;background:transparent;color:#effaff;font:500 15px/1.3 system-ui,sans-serif;direction:ltr;text-align:left;box-shadow:none}.bgp-search input::placeholder{color:#668392;opacity:1}.bgp-source-field{min-width:0}.bgp-search input{direction:ltr;text-align:left}.bgp-search select{width:100%;min-width:0;height:54px;margin:0;border:1px solid #315365;border-radius:12px;padding:0 34px 0 13px;background:#071722;color:#dceef5;font:500 13px system-ui,sans-serif;cursor:pointer}.bgp-search select:focus{outline:0;border-color:#62dfff;box-shadow:0 0 0 3px rgba(97,223,255,.13)}.bgp-search button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;height:54px;border:0;border-radius:12px;padding:0 17px;background:linear-gradient(130deg,#61dfff,#55e5ae);color:#04151d;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 8px 22px rgba(68,210,211,.16);transition:transform .18s,filter .18s}.bgp-search button:hover{filter:brightness(1.07);transform:translateY(-1px)}.bgp-search button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bgp-search button:disabled{opacity:.6;cursor:wait}.bgp-examples{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;color:#7896a6;font-size:12px}.bgp-examples a{padding:3px 9px;border:1px solid rgba(91,208,245,.14);border-radius:20px;background:#06131c;color:#a6ddea;font:12px ui-monospace,monospace;text-decoration:none}.bgp-examples button{padding:5px 10px;border:1px solid rgba(91,208,245,.18);border-radius:20px;background:#06131c;color:#a6ddea;font:11px system-ui,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.bgp-examples button:hover{border-color:rgba(97,223,255,.52);background:#0b2634;color:#d8f8ff}.bgp-self-ip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:11px auto 0;color:#8daab7;font-size:11px}.bgp-self-ip>span{font-weight:650;color:#a9c5d0}.bgp-self-ip button{border:1px solid rgba(97,223,255,.28);border-radius:7px;padding:4px 9px;background:rgba(8,32,44,.82);color:#8fe7fa;font:11px ui-monospace,monospace;cursor:pointer;transition:background .15s,border-color .15s}.bgp-self-ip button:hover:not(:disabled){border-color:#61dfff;background:#103347}.bgp-self-ip button:disabled{color:#718b98;cursor:wait}.bgp-self-ip small{color:#668392;font-size:10px}.bgp-source-note{font-size:11px!important;margin-top:16px!important}.bgp-status{max-width:1050px;margin:0 auto 16px;text-align:center;padding:12px 16px;border:1px solid rgba(91,208,245,.13);border-radius:10px;background:rgba(3,14,22,.68);color:#9bb8c6;font-size:13px}.bgp-status[data-state="error"]{color:#ffc0c4;border-color:#713b45;background:#311b22}.bgp-results{max-width:1280px;margin:0 auto}.bgp-result-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 24px;background:linear-gradient(130deg,rgba(11,34,47,.92),rgba(4,17,27,.88));border:1px solid rgba(91,208,245,.16);border-radius:15px 15px 0 0}.bgp-result-head h2{font-size:22px;margin:5px 0}.bgp-result-head code{color:#a7f0ff;direction:ltr;unicode-bidi:embed}.bgp-prefix{color:#8ca7b4;font:12px ui-monospace,monospace;direction:ltr}.bgp-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.bgp-badge{padding:5px 10px;border:1px solid #315361;border-radius:20px;color:#bdd5df;font-size:11px;background:#102631;white-space:nowrap}.bgp-badge.valid{border-color:#26795f;color:#82edc3;background:#0e3029}.bgp-badge.invalid{border-color:#8f4350;color:#ffacb7;background:#351d25}.bgp-badge.unknown{border-color:#786a35;color:#e5d995;background:#302d1b}.bgp-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(86,196,229,.12);border:1px solid rgba(91,208,245,.14);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;margin-bottom:16px}.bgp-metric{background:rgba(4,17,26,.93);padding:15px 18px}.bgp-metric span{display:block;color:#7896a6;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.bgp-metric strong{display:block;margin-top:5px;color:#dff9ff;font:700 19px ui-monospace,monospace}.bgp-card{margin:15px 0;padding:0;background:linear-gradient(150deg,rgba(9,27,39,.94),rgba(4,15,24,.96));border:1px solid rgba(91,208,245,.15);border-radius:15px;box-shadow:0 17px 42px #0003;overflow:hidden}.bgp-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 21px;border-bottom:1px solid rgba(91,208,245,.10)}.bgp-card-head h3{margin:0;color:#dbf5fc;font-size:16px}.bgp-card-head p{margin:4px 0 0;color:#7896a6;font-size:11px}.bgp-legend{display:flex;gap:14px;flex-wrap:wrap;color:#8ba9b8;font-size:10px}.bgp-legend span{display:flex;align-items:center;gap:6px}.bgp-tools{display:flex;align-items:center;gap:10px}.bgp-zoom{display:flex;align-items:center;gap:4px}.bgp-zoom button,.bgp-tools>button{border:1px solid rgba(91,208,245,.18);border-radius:6px;padding:5px 8px;background:#0b202b;color:#b9d8e2;cursor:pointer;font:11px system-ui}.bgp-zoom span{min-width:38px;text-align:center;color:#8eabb8;font:10px ui-monospace,monospace}.bgp-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#57dfff;box-shadow:0 0 9px #57dfff88}.bgp-legend .legend-path{height:2px;width:13px;border-radius:0;background:#64c9df}.bgp-legend .legend-origin{background:#55e5ae;box-shadow:0 0 9px #55e5ae88}.bgp-graph-scroll{overflow:auto;padding:15px 10px 6px;scrollbar-color:#285366 #08141d}.bgp-graph-scroll svg{display:block;width:auto;min-width:850px;max-width:none;height:auto;overflow:visible}.bgp-link{fill:none;stroke:#63cfea;stroke-opacity:.32}.bgp-link.best{stroke:#ff596b;stroke-opacity:.82}.bgp-link.alternative{stroke:#36d399;stroke-opacity:.72}.bgp-link:hover{stroke-opacity:1}.bgp-node circle{fill:#092332;stroke:#62d8f1;stroke-width:1.5;filter:drop-shadow(0 0 5px #36c7eb55)}.bgp-node.origin circle{fill:#0c3c32;stroke:#5be2ae;filter:drop-shadow(0 0 6px #3be6b277)}.bgp-node text{fill:#d1eaf2;font:11px ui-monospace,monospace;text-anchor:middle}.bgp-layer-label{fill:#648494;font:9px system-ui,sans-serif;text-anchor:middle;letter-spacing:1px}.bgp-graph-foot{padding:0 20px 16px;color:#7796a4;font-size:11px}.bgp-download-note{color:#83edc3;font-size:11px}.bgp-paths{padding:4px 20px 14px}.bgp-path-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 15px;padding:14px 0;border-bottom:1px solid rgba(91,208,245,.09)}.bgp-path-row:last-child{border-bottom:0}.bgp-path-seq{display:flex;gap:5px 7px;align-items:center;flex-wrap:wrap;direction:ltr;font:12px ui-monospace,monospace}.bgp-asn{padding:4px 8px;border:1px solid rgba(91,208,245,.18);border-radius:6px;background:rgba(12,41,55,.68);color:#c5eff9}.bgp-asn.origin{border-color:rgba(85,229,174,.36);color:#83edc3}.bgp-arrow{color:#557987}.bgp-path-count{align-self:center;color:#85a5b3;font:11px ui-monospace,monospace;white-space:nowrap}.bgp-path-meta{grid-column:1/-1;color:#6f8c9a;font-size:10px}.bgp-footnote{margin:18px 3px;color:#708c99;font-size:10px;line-height:1.7}.bgp-footer{position:relative;z-index:2;border-top:1px solid rgba(90,200,240,.10);padding:24px 6%;color:#7893a3;font-size:11px}.bgp-footer div+div{margin-top:5px}.bgp-footer a{color:#70cde0}.bgp-footer a{color:#70cde0}.site-header .main-nav .nav-item.active{color:#d8fbff;border-color:rgba(97,223,255,.20);background:rgba(68,178,210,.10)}
@media(max-width:1000px){.bgp-main{padding-left:22px;padding-right:22px}.bgp-metrics{grid-template-columns:repeat(3,1fr)}.site-header .nav-meta{display:none}}
@media(max-width:720px){.bgp-main{padding:112px 13px 35px}.bgp-hero{padding:30px 4px 22px}.bgp-search{grid-template-columns:minmax(0,1fr) 175px;padding:14px;gap:11px}.bgp-search-field{grid-column:1/-1}.bgp-source-field{grid-column:1}.bgp-search button{grid-column:2}.bgp-result-head{align-items:flex-start;flex-direction:column;padding:17px}.bgp-self-ip{gap:7px 9px}.bgp-badges{justify-content:flex-start}.bgp-metrics{grid-template-columns:repeat(2,1fr)}.bgp-metric{padding:12px}.bgp-metric strong{font-size:16px}.bgp-card-head{align-items:flex-start;flex-direction:column;gap:9px}.bgp-tools{width:100%;justify-content:space-between}.bgp-legend{gap:9px}.bgp-paths{padding-left:13px;padding-right:13px}.bgp-path-row{grid-template-columns:1fr auto}.bgp-search input{font-size:14px}}
.bgp-node .bgp-as-name{fill:#83a2b0;font:8px system-ui,sans-serif;letter-spacing:0}.bgp-asn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;max-width:155px;padding:5px 7px;text-align:center}.bgp-asn-id{font:700 11px ui-monospace,monospace}.bgp-asn-name{max-width:140px;color:#87a3af;font:9px/1.25 system-ui,sans-serif;direction:ltr;unicode-bidi:plaintext;white-space:normal;overflow-wrap:anywhere}.bgp-asn.origin .bgp-asn-name{color:#9adfc5}@media(max-width:480px){.bgp-search{grid-template-columns:1fr}.bgp-search-field,.bgp-source-field,.bgp-search button{grid-column:1}.bgp-search button{height:50px}}

/* Focused responsive route map and route comparison details. */
.bgp-path-row.best{margin:4px -8px 8px;padding:14px 12px;border:1px solid rgba(255,89,107,.38);border-radius:11px;background:linear-gradient(100deg,rgba(95,28,42,.35),rgba(8,25,36,.55));box-shadow:inset 3px 0 #ff596b,0 8px 24px #0002}
.bgp-path-row.alternative{padding-left:10px;border-left:2px solid rgba(54,211,153,.35)}
.bgp-path-kind{grid-column:1/-1;justify-self:start;padding:3px 8px;border:1px solid rgba(54,211,153,.28);border-radius:99px;color:#8de8c0;background:rgba(31,105,78,.16);font:700 9px/1.4 system-ui,sans-serif;letter-spacing:.07em}
.bgp-path-row.best .bgp-path-kind{border-color:rgba(255,89,107,.42);color:#ff9aa5;background:rgba(145,37,57,.18)}
.bgp-path-row.best .bgp-asn{border-color:rgba(255,89,107,.25)}
.bgp-best-moving-arrow{fill:#ff7887;stroke:#fff1f3;stroke-width:1.1;filter:drop-shadow(0 0 5px #ff596bcc);pointer-events:none}
.bgp-graph-scroll{max-width:100%;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
@media(max-width:720px){
  .bgp-main{width:100%;max-width:100%;padding-left:10px;padding-right:10px;overflow:hidden}
  .bgp-results,.bgp-card,.bgp-card-head,.bgp-graph-scroll{min-width:0;max-width:100%}
  .bgp-graph-scroll{max-height:min(68vh,620px);padding:12px 7px 8px}
  .bgp-graph-scroll svg{min-width:850px;max-width:none}
  .bgp-card-head{padding:14px 12px;gap:11px}
  .bgp-card-head h3{font-size:15px}
  .bgp-tools{flex-wrap:wrap;gap:7px}
  .bgp-zoom button,.bgp-tools>button{min-height:40px;padding:8px 11px}
  .bgp-zoom{gap:6px}
  .bgp-legend{font-size:10px}
  .bgp-paths{padding:5px 12px 12px}
  .bgp-path-row,.bgp-path-row.best{grid-template-columns:minmax(0,1fr);gap:9px;margin-inline:0}
  .bgp-path-count{white-space:normal;justify-self:start}
  .bgp-path-seq{gap:6px;line-height:1.5}
  .bgp-asn{max-width:calc(100vw - 78px)}
  .bgp-asn-name{max-width:calc(100vw - 105px)}
  .bgp-path-meta{overflow-wrap:anywhere;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){.bgp-best-moving-arrow{display:none}}
@media(max-width:620px){.bgp-hero{padding-top:24px}.bgp-hero h1{font-size:clamp(30px,10vw,42px)}.bgp-status{padding:12px;font-size:12px;line-height:1.6}.bgp-toolbar,.bgp-tools{min-width:0;flex-wrap:wrap}.bgp-best-label{white-space:normal}}