#library-view .page-heading{padding-bottom:18px}
#library-content>.shelf-heading:first-child{margin-top:4px}
.transcript-title{display:flex;align-items:center;gap:9px;padding:17px 0;font-size:13px;font-weight:600;white-space:nowrap}
.transcript-title span{font-size:10px;font-weight:400;color:#7c8d6a}
#bookmarks-view{max-width:1100px;margin-inline:auto}
#bookmarks-summary{font-size:12px;color:var(--muted);white-space:nowrap}
#bookmark-list{display:grid;gap:14px;padding-bottom:20px}
.saved-sentence{display:flex;align-items:center;gap:24px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.saved-sentence-body{min-width:0;flex:1}
.saved-source{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:11px;color:#87927d;line-height:1.7}
.saved-english{margin:12px 0 0;font-size:18px;line-height:1.65;font-weight:500;overflow-wrap:anywhere}
.saved-chinese{font-size:13px;line-height:1.8;color:#7d8c71;margin:6px 0 0;overflow-wrap:anywhere}
.saved-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.saved-actions .button{font-size:11px;padding:9px 13px;min-height:36px}
.saved-sentence.is-previewing{border-color:#9eb87e;background:#f4f8ed}
.saved-play .icon{width:14px;height:14px;fill:currentColor}
.saved-play[aria-pressed=true]{background:#385743;color:#f4f8ed;border-color:#385743}
.saved-play[aria-pressed=true] .icon{fill:none;stroke-width:2.5}
.saved-remove{color:#8c9881}
.saved-remove:hover{background:#f6ede8;color:#976e58;border-radius:6px}
.saved-loading{padding:30px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:700px){
  .transcript-title{padding:13px 0 5px}
  .saved-sentence{padding:19px;gap:14px;align-items:stretch;flex-direction:column}
  .saved-actions{justify-content:flex-end;flex-wrap:wrap}
  .saved-english{font-size:17px}
  .saved-chinese{font-size:12px}
}
@media(max-width:560px){
  .sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .sidebar nav .nav-item{width:100%;min-width:0}
  #bookmarks-view .page-heading{align-items:center}
  #bookmarks-summary{font-size:11px}
  #library-view .page-heading{padding-bottom:17px}
}
