.jjsb-grid{ display:grid; grid-template-columns: 300px 1fr; gap:2rem; align-items:start; }
@media (max-width:900px){ .jjsb-grid{ grid-template-columns:1fr; } }

.jjsb-year-group{ border-bottom:1px solid #e5e7eb; padding:.75rem 0; }
.jjsb-year-toggle{ all:unset; cursor:pointer; display:flex; align-items:center; gap:.5rem; font-weight:600; }
.jjsb-caret{ transition: transform .2s ease; }
.jjsb-year-group.is-open .jjsb-caret{ transform: rotate(90deg); }
.jjsb-list{ list-style:none; margin:.5rem 0 0; padding:0; }
.jjsb-list li{ margin:.25rem 0; }
.jjsb-link{ text-decoration:none; }
.jjsb-link:hover{ text-decoration:underline; }

.jjsb-right .jjsb-current{  padding:1rem; background:#fff; }
.jjsb-current-link{ display:grid; grid-template-columns: 800px 1fr; gap:1rem; text-decoration:none; color:inherit; }
@media (max-width:600px){ .jjsb-current-link{ grid-template-columns:1fr; } }

.jjsb-thumb{ margin-top: 30px; width:100%; height:auto; display:block; border:1px solid #e5e7eb;  }
.jjsb-thumb.placeholder{ display:flex; align-items:center; justify-content:center; background:#f3f4f6; aspect-ratio:4/5; font-weight:700; border-radius:8px; }
.jjsb-title{ font-weight:700; }
.jjsb-date{ color:#6b7280; }