/* Original board layout remains unchanged. Only the opened reader becomes a side peek. */
.board-peek-backdrop{position:fixed;inset:0;z-index:99;border:0;border-radius:0;padding:0;background:rgba(31,35,41,.2);cursor:default}
.board-peek-backdrop[hidden]{display:none}
#boardDetailView.board-peek:not(.is-shared-view){inset:0 0 0 auto;width:min(1000px,80vw);max-width:100%;background:#fff;border-left:1px solid var(--border-subtle,#e5e6eb);border-radius:8px 0 0 8px;box-shadow:-12px 0 36px rgba(31,35,41,.12);overflow:hidden;animation:board-peek-enter .2s ease-out}
#boardDetailView.board-peek.is-peek-expanded:not(.is-shared-view){inset:0;width:100%;border-left:0;border-radius:0;box-shadow:none}
#boardDetailView.board-peek[hidden]{display:none}
.board-peek .board-detail-toolbar{gap:12px;flex-basis:52px;height:52px;padding:0 16px}
.board-peek .board-detail-toolbar #boardDetailBack{width:28px;height:28px;padding:5px;flex:0 0 28px;border-radius:4px;color:var(--font-b-3)}
.board-peek .board-detail-toolbar #boardDetailBack:hover{color:var(--font-link-hover);background:var(--bg-hover)}
.board-peek .board-detail-toolbar #boardDetailBack svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.board-peek .board-detail-toolbar .board-detail-heading{gap:6px;border:0;padding:0;flex-direction:column;align-items:flex-start;line-height:18px}
.board-peek .board-detail-heading>span:first-child{max-width:100%;font-size:14px;line-height:20px}
.board-peek .board-detail-heading .board-detail-updated{font-size:11px;line-height:15px}
.board-peek .board-detail-toolbar .board-detail-actions{gap:8px}
.board-peek .board-detail-toolbar .board-peek-expand{display:inline-flex;align-items:center;gap:5px;height:28px;padding:4px 8px;font-size:12px;line-height:20px;border:1px solid var(--border-subtle,#e5e6eb);border-radius:4px;color:var(--font-b-2);white-space:nowrap}
.board-peek .board-detail-toolbar .board-peek-expand:hover{border-color:#cfe4ff;background:transparent;color:var(--font-link-hover)}
.board-peek-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.board-peek #boardDetailFrame{background:#fff;display:block;transform:none;zoom:1}
@keyframes board-peek-enter{from{transform:translateX(28px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#boardDetailView.board-peek:not(.is-shared-view){animation:none}}
@media(max-width:760px){#boardDetailView.board-peek:not(.is-shared-view){width:calc(100% - 24px)}.board-peek .board-detail-toolbar{padding:0 10px;gap:8px}.board-peek .board-detail-toolbar .board-detail-actions{gap:4px}.board-peek .board-detail-toolbar .board-peek-expand{width:26px;padding:4px;justify-content:center}.board-peek-expand span{display:none}.board-peek .board-detail-heading>span:first-child{font-size:13px}.board-peek .board-detail-toolbar .board-detail-updated{display:block}}