.asn-page{background:linear-gradient(#edf6fc,#f8fbfd);min-height:calc(100vh - 140px)}.asn-page>section{max-width:1180px;margin:auto;padding:58px 22px 90px}.asn-kicker{letter-spacing:.18em;color:#079cc0;font-size:12px;font-weight:900}.asn-page h1{color:#071d38;margin:12px 0;font-size:clamp(38px,5vw,62px);line-height:1}.asn-lead{color:#60788c}.asn-search{background:#fff;border:1px solid #c9dce8;border-radius:16px;gap:10px;margin:28px 0;padding:10px;display:flex;box-shadow:0 14px 40px #254e6a14}.asn-search label{flex:1;align-items:center;gap:16px;display:flex}.asn-search span{color:#169abd;padding-left:12px;font-weight:900}.asn-search input{border:0;outline:0;flex:1;padding:12px;font:700 16px ui-monospace,monospace}.asn-search button{color:#041d2b;background:#12a7c9;border:0;border-radius:11px;padding:0 32px;font-weight:900}.asn-error{color:#a5323d;background:#fee9eb;border-radius:10px;padding:14px}.asn-identity,.topology-panel,.prefix-panel{background:#fff;border:1px solid #cadde9;border-radius:18px;margin-top:18px;box-shadow:0 16px 46px #1d445e12}.asn-identity{grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);align-items:center;gap:32px;padding:28px;display:grid}.asn-identity small,.section-heading small{color:#0aa4c5;letter-spacing:.14em;font-weight:900}.asn-identity h2{color:#0a223d;margin:7px 0;font-size:28px}.asn-identity p{color:#71869a;font-size:13px}.asn-identity dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;display:grid}.asn-identity dl div{background:#f0f7fb;border:0;border-radius:12px;min-width:0;padding:13px;display:block}.asn-identity dt{color:#71879b;font-size:11px}.asn-identity dd{overflow-wrap:normal;word-break:normal;white-space:nowrap;color:#102d46;margin:6px 0 0;font-size:18px;font-weight:900}.topology-panel,.prefix-panel{padding:25px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.section-heading h2{color:#0a223d;margin:5px 0 0}.section-heading p{color:#6d8294;max-width:570px;margin:0;font-size:13px;line-height:1.6}.topology-graph{background:#081c30;border-radius:14px;margin-top:22px;padding:10px;overflow:hidden}.topology-graph svg{width:100%;height:auto;max-height:340px;display:block}.topology-graph line{stroke:#31536b;stroke-width:1.4px}.topology-graph rect{fill:#102d44;stroke:#3b6985}.topology-graph text{fill:#d9eaf4;text-anchor:middle;font-size:12px;font-weight:800}.topology-graph rect.center{fill:url(#asnCenter);stroke:#0000}.topology-graph .center-label{fill:#041927;font-size:18px}.topology-graph .center-sub{fill:#073044;font-size:10px}.topology-graph .side-label{fill:#6e92aa;letter-spacing:.08em;font-size:10px}.relation-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.relation-columns article{background:#f9fcfe;border:1px solid #d9e6ee;border-radius:13px;padding:16px}.relation-columns h3{color:#17354e;justify-content:space-between;margin:0 0 10px;display:flex}.relation-columns h3 span{color:#0c9ebe}.relation-columns a{color:#183950;border-top:1px solid #e4edf2;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;text-decoration:none;display:grid}.relation-columns a span{text-overflow:ellipsis;white-space:nowrap;color:#5d7588;font-size:11px;overflow:hidden}.relation-columns a small{color:#8ba0b0;font-size:9px}.topology-meta{color:#8093a2;text-align:right;font-size:11px}.topology-panel.unavailable{text-align:center;color:#687f92}.prefix-panel details{margin-top:18px}.prefix-panel summary{cursor:pointer;color:#087e9b;background:#eff7fb;border-radius:10px;padding:14px;font-weight:800}.prefix-panel pre{color:#bfe2f3;background:#081c30;border-radius:10px;max-height:420px;padding:18px;overflow:auto}.prefix-panel .section-heading>p{color:#118cab;font-weight:800}@media (max-width:950px){.asn-identity,.section-heading{flex-direction:column;align-items:flex-start;display:flex}.asn-identity dl{grid-template-columns:repeat(2,1fr);width:100%;min-width:0}.relation-columns{grid-template-columns:1fr}.asn-search{flex-direction:column}.asn-search button{padding:14px}.topology-graph{display:none}}
