.jdb-v3 .jdb-v3-era-section {
  width:calc(100% + var(--jdb-space-8));
  margin-inline:calc(0px - var(--jdb-space-4));
  padding-bottom:calc(var(--jdb-space-16) + var(--jdb-space-8));
}
.jdb-v3 .jdb-v3-era-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--jdb-space-3);
}
.jdb-v3 .jdb-v3-era-card {
  position:relative;
  display:grid;
  min-width:0;
  min-height:184px;
  padding:var(--jdb-space-4);
  grid-template-columns:minmax(0,1fr) 18px;
  grid-template-rows:28px minmax(0,1fr) auto;
  gap:var(--jdb-space-3);
  overflow:hidden;
  border:1px solid var(--jdb-color-border);
  border-radius:var(--jdb-radius-md);
  background:var(--jdb-color-surface);
  box-shadow:var(--jdb-shadow-card);
  transition:transform var(--jdb-duration-normal) ease,border-color var(--jdb-duration-normal) ease,background-color var(--jdb-duration-normal) ease,box-shadow var(--jdb-duration-normal) ease;
}
.jdb-v3 .jdb-v3-era-card::before {
  position:absolute;
  top:0;
  left:0;
  width:48px;
  height:2px;
  background:var(--jdb-color-accent);
  opacity:.72;
  content:"";
}
.jdb-v3 .jdb-v3-era-card__icon { display:grid; width:28px; height:28px; grid-column:1; grid-row:1; place-items:center; color:var(--jdb-color-text-muted); }
.jdb-v3 .jdb-v3-era-card__icon svg { display:block; width:24px; height:24px; }
.jdb-v3 .jdb-v3-era-card__body { display:flex; min-width:0; grid-column:1 / 3; grid-row:2; flex-direction:column; }
.jdb-v3 .jdb-v3-era-card__title { color:var(--jdb-color-text); font-size:16px; font-weight:700; line-height:1.5; }
.jdb-v3 .jdb-v3-era-card__description {
  display:-webkit-box;
  margin-top:var(--jdb-space-2);
  overflow:hidden;
  color:var(--jdb-color-text-secondary);
  font-size:13px;
  line-height:1.6;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.jdb-v3 .jdb-v3-era-card__count { grid-column:1; grid-row:3; align-self:end; color:var(--jdb-color-text-muted); font-size:12px; font-weight:700; line-height:1.5; }
.jdb-v3 .jdb-v3-era-card__arrow { display:grid; width:18px; height:18px; grid-column:2; grid-row:3; place-items:center; color:var(--jdb-color-text-secondary); transition:transform var(--jdb-duration-normal) ease,color var(--jdb-duration-normal) ease; }
.jdb-v3 .jdb-v3-era-card__arrow svg { display:block; width:18px; height:18px; }
.jdb-v3 .jdb-v3-era-card:focus-visible { outline-offset:-4px; }
.jdb-v3 .jdb-v3-era-grid--5 .jdb-v3-era-card:last-child { grid-column:1 / -1; }
.jdb-v3 .jdb-v3-era-diagnostics { order:5; margin-top:var(--jdb-space-8); padding:var(--jdb-space-4); border:1px solid var(--jdb-color-border); border-radius:var(--jdb-radius-sm); color:var(--jdb-color-text-secondary); font-size:12px; }
.jdb-v3 .jdb-v3-era-diagnostics summary { min-height:44px; cursor:pointer; font-weight:700; line-height:44px; }
.jdb-v3 .jdb-v3-era-diagnostics > p { margin-top:var(--jdb-space-3); }
.jdb-v3 .jdb-v3-era-diagnostics__scroll { min-width:0; margin-top:var(--jdb-space-3); overflow-wrap:anywhere; }
.jdb-v3 .jdb-v3-era-diagnostics table { width:100%; table-layout:fixed; border-collapse:collapse; color:inherit; font-size:12px; }
.jdb-v3 .jdb-v3-era-diagnostics th,
.jdb-v3 .jdb-v3-era-diagnostics td { padding:var(--jdb-space-2); border-bottom:1px solid var(--jdb-color-border); text-align:left; overflow-wrap:anywhere; }

@media (hover:hover) and (pointer:fine) {
  .jdb-v3 .jdb-v3-era-card:hover { transform:translateY(-2px); border-color:var(--jdb-color-border-strong); background:var(--jdb-color-elevated); box-shadow:var(--jdb-shadow-hover); }
  .jdb-v3 .jdb-v3-era-card:hover .jdb-v3-era-card__arrow { transform:translateX(2px); color:var(--jdb-color-accent); }
}
@media (min-width:600px) {
  .jdb-v3 .jdb-v3-era-section { width:calc(100% + var(--jdb-space-12)); margin-inline:calc(0px - var(--jdb-space-6)); }
  .jdb-v3 .jdb-v3-era-grid { gap:var(--jdb-space-5); }
  .jdb-v3 .jdb-v3-era-card { padding:var(--jdb-space-5); }
}
@media (min-width:768px) and (max-width:1023px) {
  .jdb-v3 .jdb-v3-era-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--jdb-space-6); }
  .jdb-v3 .jdb-v3-era-card { grid-column:span 2; min-height:190px; }
  .jdb-v3 .jdb-v3-era-grid--5 .jdb-v3-era-card:nth-last-child(2) { grid-column:2 / span 2; }
  .jdb-v3 .jdb-v3-era-grid--5 .jdb-v3-era-card:last-child { grid-column:4 / span 2; }
}
@media (min-width:768px) {
  .jdb-v3 .jdb-v3-era-card__title { font-size:18px; }
  .jdb-v3 .jdb-v3-era-card__description { font-size:14px; }
  .jdb-v3 .jdb-v3-era-card__count { font-size:13px; }
}
@media (min-width:1024px) {
  .jdb-v3 .jdb-v3-era-section { width:calc(100% + var(--jdb-space-16)); margin-inline:calc(0px - var(--jdb-space-8)); padding-bottom:var(--jdb-space-24); }
  .jdb-v3 .jdb-v3-era-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--jdb-space-6); }
  .jdb-v3 .jdb-v3-era-grid--5 .jdb-v3-era-card:last-child { grid-column:auto; }
  .jdb-v3 .jdb-v3-era-card { min-height:208px; }
}
@media (prefers-reduced-motion:reduce) {
  .jdb-v3 .jdb-v3-era-card,
  .jdb-v3 .jdb-v3-era-card__arrow { transition:none; }
  .jdb-v3 .jdb-v3-era-card:hover,
  .jdb-v3 .jdb-v3-era-card:hover .jdb-v3-era-card__arrow { transform:none; }
}