/* ---- Tabs + Caching Lab ---- */
.tabs { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.tabs a { padding: 10px 18px; border-radius: 8px; background: #1a2340; color: #93a0bd;
          text-decoration: none; font-weight: 600; }
.tabs a.active { background: #f6821f; color: #14181f; }

.banner { margin-top: 24px; padding: 16px 20px; border-radius: 12px;
          background: #1a2340; border: 1px solid #26314f; }
.banner.good { border-color: #22c55e; color: #86efac; }
.banner.bad { border-color: #f59e0b; color: #fcd34d; }

.chip { display: inline-block; padding: 2px 10px; border-radius: 999px;
        font-size: .75rem; font-weight: 700; }
.b-HIT { background: #14532d; color: #86efac; }
.b-MISS { background: #7c2d12; color: #fdba74; }
.b-DYNAMIC { background: #1e3a8a; color: #93c5fd; }
.b-BYPASS { background: #7f1d1d; color: #fca5a5; }
.b-EXPIRED { background: #78350f; color: #fcd34d; }
.b-REVALIDATED { background: #4c1d95; color: #c4b5fd; }

.run-line { font-size: .85rem; margin-top: 6px; color: #c7d2e5; }
.run-line .ms { color: #93a0bd; }
td small { color: #93a0bd; }
.qbtns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }