.speed-fields { grid-template-columns: minmax(0,1fr) 220px; }
.speed-warning { background: #342717; border: 1px solid #b78237; color: #ffdb9c; border-radius: 12px; padding: 18px; line-height: 1.6; }
.speed-comparison, .speed-benchmark { padding: 22px 0; border-bottom: 1px solid #264262; }
.speed-comparison li { overflow-wrap: anywhere; font-size: .9rem; line-height: 1.7; padding: 7px 0; }
.speed-benchmark h3 { font-size: 1.4rem; color: #7ae9fc; }
.speed-benchmark a { color: #8be7ff; font-size: .9rem; }
.speed-table-wrap { overflow-x: auto; margin: 24px 0; }
.speed-table { border-collapse: collapse; width: 100%; font-size: .95rem; text-align: left; }
.speed-table caption { text-align: left; padding: 12px 0; color: #b4c9e3; }
.speed-table th, .speed-table td { padding: 14px 16px; border-bottom: 1px solid #264262; }
.speed-table thead { background: #10243d; }
.speed-table tbody tr:nth-child(even) { background: #0b1b32; }
.speed-matrix { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 24px 0; }
.speed-line-card { background: linear-gradient(150deg,#122642,#080f25); border: 1px solid #2c4b73; border-radius: 15px; padding: 20px 16px; overflow: hidden; }
.speed-line-card h4 { color: #7ae9fc; font-size: 1.05rem; margin: 0 0 16px; }
.speed-line-value { white-space: nowrap; color: #fff; font: 700 clamp(1.5rem,2.4vw,2.1rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.speed-unit { font-size: .9rem; color: #b4c9e3; }
.speed-line-label { font-size: .85rem; color: #c5d7ec; margin: 12px 0 8px; }
.speed-line-card small { display: block; color: #96b0cd; font-size: .8rem; line-height: 1.5; }
.speed-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:1000px) {.speed-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px) {.speed-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px) {.speed-matrix{grid-template-columns:1fr}}
.speed-byte-row { display: grid; grid-template-columns: 120px 100px 1fr; gap: 18px; align-items: center; padding: 10px 0; font-size: .95rem; }
.speed-byte-row meter { width: 100%; height: 18px; accent-color: #52e7ff; }
.availability-result details { margin-top: 24px; line-height: 1.7; }
.availability-result details li { overflow-wrap: anywhere; font-size: .9rem; padding: 8px 0; }
@media(max-width:800px) {.speed-fields{grid-template-columns:1fr}.speed-byte-row{grid-template-columns:1fr 100px}.speed-byte-row meter{grid-column:1/-1}}
.resource-bars {list-style:none;padding:0;max-height:780px;overflow:auto;scrollbar-color:#42748f #071227}
.resource-bar-row {padding:16px 10px!important;border-bottom:1px solid #264262;display:grid;gap:8px}
.resource-url {font-size:.8rem;color:#9dbbd6;overflow-wrap:anywhere}
.resource-track {display:flex;width:100%;height:18px;background:#152b45;border-radius:4px;overflow:hidden}
.resource-segment {height:100%;display:block}
.resource-wait {background:#e9b657}
.resource-download {background:#52e7ff}
.resource-bar-row small {color:#b6cce2}
.speed-rating {margin:0 0 14px;font-size:.78rem;font-weight:700;line-height:1.4}
.speed-line-card[data-rating=fast] {background:linear-gradient(145deg,#16503c,#0c2c24);border:2px solid #51edb4}
.speed-line-card[data-rating=moderate] {background:linear-gradient(145deg,#51431b,#312710);border:2px solid #f5d35c}
.speed-line-card[data-rating=slow] {background:linear-gradient(145deg,#591f30,#331522);border:2px solid #ff718c}
.speed-line-card[data-rating] h4 {color:#fff}
.large-assets-option {margin-top:24px;padding:18px;border:1px solid #315476;border-radius:12px;background:#102039}
.large-assets-option label {display:flex;align-items:flex-start;gap:12px;line-height:1.5;cursor:pointer}
.large-assets-option input {flex:0 0 auto;width:18px;height:18px;margin-top:3px;accent-color:#52e7ff}
.large-assets-option p {margin-bottom:0}
.resource-bars .resource-bar-row {padding:22px!important;margin:0 0 18px;border:1px solid #315476;border-radius:14px;background:#102039;gap:12px}
.resource-name {font-size:1.05rem;overflow-wrap:anywhere;color:#eef7ff}
.resource-host {font-size:.8rem;color:#9fbcd8;overflow-wrap:anywhere}
.resource-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0}
.resource-metrics div {display:grid;gap:6px}
.resource-metrics span {font-size:.78rem;color:#9fbcd8}
.resource-metrics strong {font-size:1rem;color:#eef7ff;font-variant-numeric:tabular-nums}
.availability-result details.resource-address {margin-top:0;font-size:.8rem}
.resource-address summary {cursor:pointer;color:#82e8fa}
@media(max-width:520px){.resource-metrics{grid-template-columns:1fr}.resource-metrics div{grid-template-columns:1fr 1fr}.resource-bars .resource-bar-row{padding:16px!important}}