/* KS Bookshelf / front.css */

/* レイアウト */
.ksb-layout { display:flex; gap:24px; align-items:flex-start; margin:16px 0; }

/* 左サイドバー */
.ksb-sidenav { width:175px; flex-shrink:0; background:#fff; border:1px solid #e0e0e0; border-radius:6px; overflow:hidden; }
.ksb-sidenav-group { border-bottom:1px solid #eee; }
.ksb-sidenav-group:last-child { border-bottom:none; }
.ksb-sidenav-shelf { margin:0; padding:7px 12px; font-size:12px; font-weight:700; background:#f5f5f5; color:#333; border-left:3px solid #c00; }
.ksb-sidenav-group.is-cur .ksb-sidenav-shelf { background:#fff0f0; color:#c00; }
.ksb-sidenav ul { list-style:none; margin:0; padding:4px 0; }
.ksb-sidenav ul li a { display:block; padding:5px 12px 5px 16px; font-size:12px; color:#333; text-decoration:none; line-height:1.5; }
.ksb-sidenav ul li a:hover { background:#f0f4ff; color:#1a56db; }

/* 右メイン */
.ksb-main { flex:1; min-width:0; }

.ksb-sec-title { font-size:15px; font-weight:700; margin:0 0 12px; padding:6px 12px; border-left:4px solid #c00; background:#fafafa; display:flex; align-items:center; gap:8px; }
.ksb-shelf-tag { font-size:11px; font-weight:600; background:#c00; color:#fff; padding:2px 8px; border-radius:3px; }

/* 横長1列カード */
.ksb-list { display:flex; flex-direction:column; gap:14px; margin-bottom:28px; }

.ksb-row { display:flex; gap:16px; background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:16px; transition:box-shadow .2s; }
.ksb-row:hover { box-shadow:0 3px 10px rgba(0,0,0,.09); }

/* カバー */
.ksb-cover { width:88px; flex-shrink:0; display:flex; align-items:flex-start; justify-content:center; }
.ksb-cover img { width:88px; height:auto; max-height:128px; object-fit:contain; border:1px solid #eee; display:block; }
.ksb-nocover { width:88px; height:120px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; font-size:28px; border-radius:4px; color:#ccc; }

/* 書籍情報 */
.ksb-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }

.ksb-title { font-size:15px; font-weight:700; margin:0 0 4px; line-height:1.5; }
.ksb-title a { color:#111; text-decoration:none; }
.ksb-title a:hover { color:#c00; text-decoration:underline; }

.ksb-author, .ksb-pub { font-size:12px; color:#666; margin:0; }

.ksb-desc { font-size:13px; color:#444; margin:6px 0 0; line-height:1.7;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ボタン */
.ksb-btns { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.ksb-btn { display:inline-block; padding:7px 16px; border-radius:4px; font-size:13px; font-weight:700; text-decoration:none !important; transition:background .15s; white-space:nowrap; }
.ksb-amz { background:#ff9900; color:#111 !important; }
.ksb-amz:hover { background:#e68a00; }
.ksb-ks  { background:#1a56db; color:#fff !important; }
.ksb-ks:hover  { background:#1446b5; }

/* SP */
@media(max-width:640px){
    .ksb-layout { flex-direction:column; }
    .ksb-sidenav { width:100%; }
    .ksb-row { flex-direction:column; }
    .ksb-cover { width:100%; }
    .ksb-cover img { width:80px; }
}