/* Uji Kecepatan Website (bawah Tim Pengembang) - teks kecil & padat */
.speed-web {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid var(--credit-glass-border, rgba(128, 128, 128, .25));
  font-size: .68rem;
  line-height: 1.35;
  color: var(--text-muted);
  text-align: left;
}
.speed-web * { box-sizing: border-box; }
.speed-web-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 10px; margin-bottom: 6px; }
.speed-web-head strong { font-size: .76rem; color: var(--text-dark); }
.speed-web-head span { font-size: .62rem; opacity: .85; }
.speed-web-sub { margin: 8px 0 4px; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .8; }
.speed-web-sub i { margin-right: 3px; }
.speed-web-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 4px; }
.speed-web-cell { padding: 3px 5px; border-radius: 6px; background: rgba(128, 128, 128, .1); min-width: 0; }
.speed-web-cell small { display: block; font-size: .56rem; opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.speed-web-cell b { display: block; font-size: .72rem; font-weight: 700; color: var(--text-dark); white-space: nowrap; }
.speed-web-cell b span { display: inline-block; margin-right: 6px; }
.speed-web-cell b i { font-size: .6rem; margin-right: 2px; opacity: .7; }
.speed-web .sw-bagus { color: #1e9e57 !important; }
.speed-web .sw-sedang { color: #d98200 !important; }
.speed-web .sw-buruk { color: #e0453f !important; }
.speed-web-legend { margin: 4px 0 0; font-size: .58rem; opacity: .8; }
.speed-web details { margin-top: 6px; }
.speed-web summary { cursor: pointer; font-size: .62rem; font-weight: 700; color: var(--text-dark); }
.speed-web ul { margin: 4px 0 0; padding-left: 14px; }
.speed-web li { font-size: .62rem; margin: 1px 0; }
.speed-web-status { margin: 0; font-size: .66rem; }
.speed-web-retry { margin-left: 6px; padding: 1px 8px; font-size: .62rem; border: 1px solid currentColor; border-radius: 99px; background: transparent; color: inherit; cursor: pointer; }
@media (max-width: 480px) {
  .speed-web-grid { grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); }
}

/* Di halaman RateWeb: tanpa garis pemisah, teks sedikit lebih lega tapi tetap padat */
.rateweb-card .speed-web { margin-top: 0; padding-top: 0; border-top: 0; font-size: .74rem; }
.rateweb-card .speed-web-head strong { font-size: .86rem; }
.rateweb-card .speed-web-cell b { font-size: .8rem; }
.rateweb-card .speed-web-cell small { font-size: .62rem; }
.rateweb-card .speed-web-grid { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }

/* Menang atas aturan global ".page-body p" (ukuran 15.5px, margin bawah 14px) */
.speed-web p { margin: 0; line-height: 1.35; text-align: left; color: var(--text-muted); }
.speed-web p.speed-web-sub { margin: 10px 0 4px; font-size: .6rem; font-weight: 700; }
.speed-web p.speed-web-legend { margin: 5px 0 0; font-size: .58rem; }
.speed-web p.speed-web-status { font-size: .66rem; }
.rateweb-card .speed-web p.speed-web-sub { font-size: .66rem; }
.rateweb-card .speed-web p.speed-web-legend { font-size: .64rem; }
.rateweb-card .speed-web p.speed-web-status { font-size: .74rem; }
/* Sel melebar mengisi lebar kartu */
.rateweb-card .speed-web-grid { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.speed-web .speed-web-head strong { color: var(--text-dark); }
.speed-web .sw-tag { font-style: normal; font-size: .5rem; font-weight: 700; margin-right: 2px; opacity: .6; vertical-align: 1px; }

/* Rating bintang & arti warna */
.speed-web .sw-stars { display: inline-block; letter-spacing: 1px; font-size: .95rem; line-height: 1; vertical-align: middle; }
.speed-web .sw-star-on { color: #e8a800; }
.speed-web .sw-star-off { color: rgba(128, 128, 128, .4); }
.speed-web .sw-rating-teks { display: block; margin-top: 2px; font-size: .62rem; font-weight: 700; color: var(--text-dark); }
.rateweb-card .speed-web .sw-stars { font-size: 1.1rem; }
.rateweb-card .speed-web .sw-rating-teks { font-size: .68rem; }
.speed-web-grid--rating { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; }
.speed-web p.speed-web-arti { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 8px 0 0; font-size: .6rem; }
.rateweb-card .speed-web p.speed-web-arti { font-size: .68rem; }
.speed-web-arti .sw-arti { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.speed-web-arti .sw-arti b { color: var(--text-dark); }
.speed-web-arti .sw-titik { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
@media (max-width: 480px) { .speed-web-arti .sw-arti { white-space: normal; } }