.jdb-v3 .jdb-v3-prefecture-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--jdb-space-3); }
.jdb-v3 .jdb-v3-prefecture-card { display:grid; min-width:0; min-height:156px; padding:var(--jdb-space-4); grid-template-columns:20px minmax(0,1fr) 16px; grid-template-rows:minmax(0,1fr) auto; gap:var(--jdb-space-2); 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-prefecture-card__icon { display:grid; width:20px; height:20px; place-items:center; color:var(--jdb-color-text-muted); }
.jdb-v3 .jdb-v3-prefecture-card__icon svg { width:20px; height:20px; }
.jdb-v3 .jdb-v3-prefecture-card__body { display:flex; min-width:0; flex-direction:column; }
.jdb-v3 .jdb-v3-prefecture-card__title { color:var(--jdb-color-text); font-size:15px; font-weight:700; line-height:1.5; }
.jdb-v3 .jdb-v3-prefecture-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-prefecture-card__count { grid-column:1 / 3; grid-row:2; align-self:end; color:var(--jdb-color-text-muted); font-size:12px; font-weight:700; }
.jdb-v3 .jdb-v3-prefecture-card__arrow { display:grid; width:16px; height:16px; grid-column:3; grid-row:2; 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-prefecture-card__arrow svg { width:16px; height:16px; }
.jdb-v3 .jdb-v3-prefecture-card:focus-visible { outline:3px solid var(--jdb-color-accent); outline-offset:2px; }
.jdb-v3 .jdb-v3-prefecture-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-prefecture-diagnostics summary { min-height:44px; cursor:pointer; font-weight:700; line-height:44px; }
.jdb-v3 .jdb-v3-prefecture-diagnostics > p { margin-top:var(--jdb-space-3); }
.jdb-v3 .jdb-v3-prefecture-diagnostics__scroll { min-width:0; margin-top:var(--jdb-space-3); overflow-wrap:anywhere; }
.jdb-v3 .jdb-v3-prefecture-diagnostics table { width:100%; table-layout:fixed; border-collapse:collapse; color:inherit; font-size:12px; }
.jdb-v3 .jdb-v3-prefecture-diagnostics th,.jdb-v3 .jdb-v3-prefecture-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-prefecture-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-prefecture-card:hover .jdb-v3-prefecture-card__arrow { transform:translateX(2px); color:var(--jdb-color-accent); } }
@media (max-width:767px) { .jdb-v3 .jdb-v3-prefecture-card { min-height:116px; padding:var(--jdb-space-3); } .jdb-v3 .jdb-v3-prefecture-card__body { grid-column:1 / 4; grid-row:1; padding-inline:28px 20px; } .jdb-v3 .jdb-v3-prefecture-card__title { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow-wrap:normal; text-overflow:clip; white-space:normal; word-break:keep-all; } .jdb-v3 .jdb-v3-prefecture-card__description { display:none; } .jdb-v3 .jdb-v3-prefecture-grid > .jdb-v3-prefecture-card:last-child:nth-child(odd) { grid-column:1 / -1; } }
@media (min-width:768px) { .jdb-v3 .jdb-v3-prefecture-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--jdb-space-5); } .jdb-v3 .jdb-v3-prefecture-card { min-height:168px; padding:var(--jdb-space-5); } .jdb-v3 .jdb-v3-prefecture-card__title { font-size:18px; } .jdb-v3 .jdb-v3-prefecture-card__description { font-size:14px; } .jdb-v3 .jdb-v3-prefecture-card__count { font-size:13px; } }
@media (min-width:1024px) { .jdb-v3 .jdb-v3-prefecture-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--jdb-space-6); } .jdb-v3 .jdb-v3-prefecture-card { min-height:176px; } }
@media (prefers-reduced-motion:reduce) { .jdb-v3 .jdb-v3-prefecture-card,.jdb-v3 .jdb-v3-prefecture-card__arrow { transition:none; } .jdb-v3 .jdb-v3-prefecture-card:hover,.jdb-v3 .jdb-v3-prefecture-card:hover .jdb-v3-prefecture-card__arrow { transform:none; } }