html:has(#body_wrap.jdb-v3-preview),
#body_wrap.jdb-v3-preview,
#body_wrap.jdb-v3-preview .l-content,
#body_wrap.jdb-v3-preview .l-container,
#body_wrap.jdb-v3-preview .l-mainContent,
#body_wrap.jdb-v3-preview .l-mainContent__inner,
#body_wrap.jdb-v3-preview .p-article,
#body_wrap.jdb-v3-preview .post_content { background:#0e1116; }
#body_wrap.jdb-v3-preview .l-content,
#body_wrap.jdb-v3-preview .l-container,
#body_wrap.jdb-v3-preview .l-mainContent,
#body_wrap.jdb-v3-preview .l-mainContent__inner,
#body_wrap.jdb-v3-preview .post_content { width:100%; max-width:none; margin:0; padding:0; }
html:has(#body_wrap.jdb-v3-preview) .jdb-site-header { display:none; }

.jdb-v3 {
  width:100%;
  min-height:100vh;
  padding:var(--jdb-space-8) var(--jdb-space-4) var(--jdb-space-24);
  color:var(--jdb-color-text);
  background:var(--jdb-color-canvas);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  font-size:16px;
  line-height:1.7;
  color-scheme:dark;
}
.jdb-v3 *, .jdb-v3 *::before, .jdb-v3 *::after { box-sizing:border-box; }
.jdb-v3 h1, .jdb-v3 h2, .jdb-v3 h3, .jdb-v3 p, .jdb-v3 ul { margin:0; padding:0; border:0; background:none; color:inherit; }
.jdb-v3 h1::before, .jdb-v3 h1::after, .jdb-v3 h2::before, .jdb-v3 h2::after, .jdb-v3 h3::before, .jdb-v3 h3::after { display:none; content:none; }
.jdb-v3 a { color:inherit; text-decoration:none; }
.jdb-v3 :focus-visible { outline:3px solid #e15561; outline-offset:3px; }
.jdb-v3-eyebrow { color:#d65b66; font-size:12px; font-weight:700; letter-spacing:.08em; }
.jdb-v3-preview-hero { width:100%; max-width:var(--jdb-container); margin:0 auto; padding:var(--jdb-space-8); border:1px solid var(--jdb-color-border); border-radius:var(--jdb-radius-lg); background:radial-gradient(circle at 10% 0%,rgba(169,36,50,.13),transparent 38%),var(--jdb-color-surface); }
.jdb-v3-preview-hero h1 { margin-top:var(--jdb-space-2); font-size:clamp(30px,7vw,48px); font-weight:700; line-height:1.25; word-break:keep-all; }
.jdb-v3-preview-hero > p:last-child { max-width:760px; margin-top:var(--jdb-space-4); color:var(--jdb-color-text-secondary); }
.jdb-v3-preview-section { width:100%; max-width:var(--jdb-container); margin:var(--jdb-space-16) auto 0; }
.jdb-v3-section-heading { margin-bottom:var(--jdb-space-6); }
.jdb-v3-section-heading h2 { margin-top:var(--jdb-space-1); font-size:24px; font-weight:700; line-height:1.4; }
.jdb-v3-token-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--jdb-space-3); }
.jdb-v3-token-grid span { display:flex; min-height:72px; padding:var(--jdb-space-4); align-items:end; border:1px solid var(--jdb-color-border); border-radius:var(--jdb-radius-sm); font-size:13px; font-weight:700; }
.jdb-v3-token-grid .is-surface { background:var(--jdb-color-surface); }
.jdb-v3-token-grid .is-elevated { background:var(--jdb-color-elevated); }
.jdb-v3-token-grid .is-accent { background:var(--jdb-color-accent); }
.jdb-v3-token-grid .is-border { border-color:var(--jdb-color-border-strong); background:var(--jdb-color-canvas); }
.jdb-v3-badge-palette { display:flex; flex-wrap:wrap; margin-top:var(--jdb-space-5); gap:var(--jdb-space-2); }

.jdb-v3-card-grid { display:grid; align-items:stretch; gap:var(--jdb-space-5); }
.jdb-v3-card-grid--sample { max-width:380px; }
.jdb-v3 .jdb-v3-card { min-width:0; height:100%; 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,box-shadow var(--jdb-duration-normal) ease; }
.jdb-v3 .jdb-v3-card__link { display:flex; min-width:0; height:100%; flex-direction:column; }
.jdb-v3 .jdb-v3-card__link:focus-visible { outline-offset:-4px; border-radius:var(--jdb-radius-md); }
.jdb-v3 .jdb-v3-card__media { position:relative; width:100%; aspect-ratio:1200 / 630; overflow:hidden; border-bottom:1px solid var(--jdb-color-border); background:var(--jdb-color-canvas); }
.jdb-v3 .jdb-v3-card__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform var(--jdb-duration-normal) ease; }
.jdb-v3 .jdb-v3-card__placeholder { display:grid; width:100%; height:100%; place-items:center; border:1px solid var(--jdb-color-border); color:var(--jdb-color-text-muted); }
.jdb-v3 .jdb-v3-card__placeholder svg { width:48px; height:48px; }
.jdb-v3 .jdb-v3-card__rank { position:absolute; z-index:2; top:var(--jdb-space-3); left:var(--jdb-space-3); display:grid; min-width:40px; height:32px; padding-inline:var(--jdb-space-2); place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:var(--jdb-radius-xs); background:rgba(7,10,14,.82); color:var(--jdb-color-text); font-size:12px; font-weight:700; }
.jdb-v3 .jdb-v3-card__content { display:flex; min-width:0; padding:var(--jdb-space-4); flex:1; flex-direction:column; }
.jdb-v3 .jdb-v3-card__badge-row { display:flex; min-height:24px; align-items:flex-start; }
.jdb-v3 .jdb-v3-card__badge { display:inline-flex; min-height:24px; padding:var(--jdb-space-1) var(--jdb-space-2); align-items:center; border-radius:var(--jdb-radius-xs); background:var(--jdb-color-accent); color:var(--jdb-color-text); font-size:11px; font-weight:700; line-height:1.35; }
.jdb-v3 .jdb-v3-card__badge--unsolved { background:var(--jdb-color-unsolved); }
.jdb-v3 .jdb-v3-card__badge--false-accusation { background:var(--jdb-color-false-accusation); }
.jdb-v3 .jdb-v3-card__badge--juvenile { background:var(--jdb-color-juvenile); }
.jdb-v3 .jdb-v3-card__badge--sexual { background:var(--jdb-color-sexual); }
.jdb-v3 .jdb-v3-card__badge--sns { background:var(--jdb-color-sns); }
.jdb-v3 .jdb-v3-card__badge--traffic { background:var(--jdb-color-traffic); color:var(--jdb-color-canvas); }
.jdb-v3 .jdb-v3-card__badge--murder { background:var(--jdb-color-murder); }
.jdb-v3 .jdb-v3-card__badge--assault { background:var(--jdb-color-assault); }
.jdb-v3 .jdb-v3-card__title { margin-top:var(--jdb-space-3); font-size:17px; font-weight:700; line-height:1.55; }
.jdb-v3 .jdb-v3-card__title span { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.jdb-v3 .jdb-v3-card__meta { display:flex; flex-wrap:wrap; margin-top:var(--jdb-space-3); gap:var(--jdb-space-1) var(--jdb-space-3); list-style:none; color:var(--jdb-color-text-secondary); font-size:13px; }
.jdb-v3 .jdb-v3-card__meta li { display:flex; align-items:center; white-space:nowrap; }
.jdb-v3 .jdb-v3-card__meta li + li::before { width:3px; height:3px; margin-right:var(--jdb-space-3); border-radius:50%; background:var(--jdb-color-text-muted); content:""; }
.jdb-v3-ranking-layout, .jdb-v3-ranking-layout__secondary { display:grid; align-items:stretch; gap:var(--jdb-space-5); }
.jdb-v3-empty-state { padding:var(--jdb-space-8); border:1px dashed var(--jdb-color-border-strong); border-radius:var(--jdb-radius-md); background:var(--jdb-color-surface); color:var(--jdb-color-text-secondary); text-align:center; }

@media (hover:hover) and (pointer:fine) {
  .jdb-v3 .jdb-v3-card:hover { transform:translateY(-3px); border-color:var(--jdb-color-border-strong); box-shadow:var(--jdb-shadow-hover); }
  .jdb-v3 .jdb-v3-card:hover .jdb-v3-card__media img { transform:scale(1.025); }
}
@media (min-width:600px) {
  .jdb-v3 { padding:var(--jdb-space-10) var(--jdb-space-6) var(--jdb-space-24); }
  .jdb-v3-token-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .jdb-v3-card-grid--default { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jdb-v3-card-grid--compact { grid-template-columns:1fr; }
  .jdb-v3 .jdb-v3-card__badge-row { min-height:28px; }
  .jdb-v3-card-grid--default .jdb-v3-card__title { min-height:3.1em; }
  .jdb-v3 .jdb-v3-card--ranking .jdb-v3-card__link, .jdb-v3 .jdb-v3-card--compact .jdb-v3-card__link { display:grid; grid-template-columns:minmax(190px,32%) minmax(0,1fr); }
  .jdb-v3 .jdb-v3-card--ranking .jdb-v3-card__media, .jdb-v3 .jdb-v3-card--compact .jdb-v3-card__media { height:100%; min-height:150px; aspect-ratio:auto; border-right:1px solid var(--jdb-color-border); border-bottom:0; }
  .jdb-v3-ranking-layout__secondary .jdb-v3-card--ranking .jdb-v3-card__link { grid-template-columns:minmax(0,45%) minmax(0,55%); }
  .jdb-v3-ranking-layout__secondary .jdb-v3-card--ranking .jdb-v3-card__media { height:auto; min-height:0; aspect-ratio:1200 / 630; align-self:center; }
}
@media (min-width:768px) {
  .jdb-v3-ranking-layout__secondary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jdb-v3 .jdb-v3-card--ranking-featured .jdb-v3-card__link { display:grid; grid-template-columns:minmax(0,46%) minmax(0,54%); }
  .jdb-v3 .jdb-v3-card--ranking-featured .jdb-v3-card__media { height:auto; min-height:0; aspect-ratio:1200 / 630; align-self:center; border-right:1px solid var(--jdb-color-border); border-bottom:0; }
  .jdb-v3 .jdb-v3-card--ranking-featured .jdb-v3-card__content { justify-content:center; }
  .jdb-v3 .jdb-v3-card--ranking-featured .jdb-v3-card__title { font-size:22px; }
  .jdb-v3-ranking-layout__secondary .jdb-v3-card--ranking .jdb-v3-card__link { display:flex; }
  .jdb-v3-ranking-layout__secondary .jdb-v3-card--ranking .jdb-v3-card__media { height:auto; min-height:0; aspect-ratio:1200 / 630; border-right:0; border-bottom:1px solid var(--jdb-color-border); }
}
@media (min-width:1024px) {
  .jdb-v3 { padding:var(--jdb-space-12) var(--jdb-space-8) var(--jdb-space-24); }
  .jdb-v3-preview-section { margin-top:var(--jdb-space-20); }
  .jdb-v3-section-heading h2 { font-size:32px; }
  .jdb-v3-card-grid--default { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--jdb-space-6); }
  .jdb-v3-card-grid--compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jdb-v3 .jdb-v3-card__title { font-size:19px; }
  .jdb-v3 .jdb-v3-card--ranking-featured .jdb-v3-card__title { font-size:24px; }
  .jdb-v3-ranking-layout__secondary .jdb-v3-card--ranking .jdb-v3-card__link { display:grid; grid-template-columns:minmax(0,45%) minmax(0,55%); }
  .jdb-v3-ranking-layout__secondary .jdb-v3-card--ranking .jdb-v3-card__media { height:auto; min-height:0; aspect-ratio:1200 / 630; align-self:center; border-right:1px solid var(--jdb-color-border); border-bottom:0; }
}
@media (prefers-reduced-motion:reduce) {
  .jdb-v3 .jdb-v3-card, .jdb-v3 .jdb-v3-card__media img { transition:none; }
  .jdb-v3 .jdb-v3-card:hover, .jdb-v3 .jdb-v3-card:hover .jdb-v3-card__media img { transform:none; }
}