.jdb-v3 .jdb-v3-explore-section {
  width:calc(100% + var(--jdb-space-8));
  margin-inline:calc(0px - var(--jdb-space-4));
}
.jdb-v3 .jdb-v3-category-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--jdb-space-3);
}
.jdb-v3 .jdb-v3-category-card {
  --jdb-category-accent:var(--jdb-color-accent);
  position:relative;
  display:grid;
  min-width:0;
  min-height:180px;
  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-category-card::before {
  position:absolute;
  top:0;
  left:0;
  width:48px;
  height:3px;
  background:var(--jdb-category-accent);
  content:"";
}
.jdb-v3 .jdb-v3-category-card--unsolved { --jdb-category-accent:var(--jdb-color-unsolved); }
.jdb-v3 .jdb-v3-category-card--murder { --jdb-category-accent:var(--jdb-color-murder); }
.jdb-v3 .jdb-v3-category-card--false-accusation { --jdb-category-accent:var(--jdb-color-false-accusation); }
.jdb-v3 .jdb-v3-category-card--juvenile { --jdb-category-accent:var(--jdb-color-juvenile); }
.jdb-v3 .jdb-v3-category-card--sexual { --jdb-category-accent:var(--jdb-color-sexual); }
.jdb-v3 .jdb-v3-category-card--assault { --jdb-category-accent:var(--jdb-color-assault); }
.jdb-v3 .jdb-v3-category-card--sns { --jdb-category-accent:var(--jdb-color-sns); }
.jdb-v3 .jdb-v3-category-card--traffic { --jdb-category-accent:var(--jdb-color-traffic); }
.jdb-v3 .jdb-v3-category-card__icon {
  display:grid;
  width:28px;
  height:28px;
  grid-column:1;
  grid-row:1;
  place-items:center;
  color:var(--jdb-category-accent);
}
.jdb-v3 .jdb-v3-category-card__icon svg { display:block; width:24px; height:24px; }
.jdb-v3 .jdb-v3-category-card__body { display:flex; min-width:0; grid-column:1 / 3; grid-row:2; flex-direction:column; }
.jdb-v3 .jdb-v3-category-card__title {
  display:block;
  color:var(--jdb-color-text);
  font-size:15px;
  font-weight:700;
  line-height:1.5;
}
.jdb-v3 .jdb-v3-category-card__title-full,
.jdb-v3 .jdb-v3-category-card__title-short {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.jdb-v3 .jdb-v3-category-card__title-short { display:none; }
.jdb-v3 .jdb-v3-category-card__title.has-short-title .jdb-v3-category-card__title-full { display:none; }
.jdb-v3 .jdb-v3-category-card__title.has-short-title .jdb-v3-category-card__title-short { display:-webkit-box; }
.jdb-v3 .jdb-v3-category-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:2;
}
.jdb-v3 .jdb-v3-category-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-category-card__arrow {
  display:grid;
  width:18px;
  height:18px;
  grid-column:2;
  grid-row:3;
  align-self:center;
  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-category-card__arrow svg { display:block; width:18px; height:18px; }
.jdb-v3 .jdb-v3-category-card:focus-visible { outline-offset:-4px; }
.jdb-v3 .jdb-v3-explore-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-explore-diagnostics summary { min-height:44px; cursor:pointer; font-weight:700; line-height:44px; }
.jdb-v3 .jdb-v3-explore-diagnostics__scroll { min-width:0; overflow-wrap:anywhere; }
.jdb-v3 .jdb-v3-explore-diagnostics table { width:100%; table-layout:fixed; border-collapse:collapse; color:inherit; font-size:12px; }
.jdb-v3 .jdb-v3-explore-diagnostics th,
.jdb-v3 .jdb-v3-explore-diagnostics td { padding:var(--jdb-space-2); border-bottom:1px solid var(--jdb-color-border); text-align:left; overflow-wrap:anywhere; }
.jdb-v3 .jdb-v3-explore-diagnostics p { margin-top:var(--jdb-space-3); }

@media (hover:hover) and (pointer:fine) {
  .jdb-v3 .jdb-v3-category-card:hover {
    transform:translateY(-2px);
    border-color:var(--jdb-category-accent);
    background:var(--jdb-color-elevated);
    box-shadow:var(--jdb-shadow-hover);
  }
  .jdb-v3 .jdb-v3-category-card:hover .jdb-v3-category-card__arrow { transform:translateX(2px); color:var(--jdb-category-accent); }
}
@media (min-width:600px) {
  .jdb-v3 .jdb-v3-explore-section {
    width:calc(100% + var(--jdb-space-12));
    margin-inline:calc(0px - var(--jdb-space-6));
  }
  .jdb-v3 .jdb-v3-category-grid { gap:var(--jdb-space-5); }
  .jdb-v3 .jdb-v3-category-card { min-height:170px; padding:var(--jdb-space-5); }
}
@media (min-width:768px) {
  .jdb-v3 .jdb-v3-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--jdb-space-6); }
  .jdb-v3 .jdb-v3-category-card { min-height:190px; }
  .jdb-v3 .jdb-v3-category-card__title { font-size:17px; }
  .jdb-v3 .jdb-v3-category-card__title.has-short-title .jdb-v3-category-card__title-full { display:-webkit-box; }
  .jdb-v3 .jdb-v3-category-card__title.has-short-title .jdb-v3-category-card__title-short { display:none; }
  .jdb-v3 .jdb-v3-category-card__description { font-size:14px; }
  .jdb-v3 .jdb-v3-category-card__count { font-size:13px; }
}
@media (min-width:1024px) {
  .jdb-v3 .jdb-v3-explore-section {
    width:calc(100% + var(--jdb-space-16));
    margin-inline:calc(0px - var(--jdb-space-8));
  }
}
@media (prefers-reduced-motion:reduce) {
  .jdb-v3 .jdb-v3-category-card,
  .jdb-v3 .jdb-v3-category-card__arrow { transition:none; }
  .jdb-v3 .jdb-v3-category-card:hover,
  .jdb-v3 .jdb-v3-category-card:hover .jdb-v3-category-card__arrow { transform:none; }
}