.cnb-board{border:1px solid #1C335F;background:#fff;margin:30px 0 60px 0}.cnb-tabs{display:flex;border-bottom:1px solid #1C335F;flex-wrap:wrap;background-color:#eee}.cnb-tab{padding:14px 25px;border:none;cursor:pointer;font-weight:600;border-right:1px solid #ddd}.cnb-tab.active{background:#1C335F;color:#fff}.cnb-scroll-wrapper{height:400px;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;position:relative}.cnb-row{border-bottom:1px solid #eee}.cnb-row a{display:flex;align-items:center;gap:20px;text-decoration:none;color:#222;padding:14px 20px}.cnb-row:hover{background:#f8f9fa}.cnb-date{width:120px;flex-shrink:0;color:#0d6efd;font-weight:600}.cnb-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnb-badge{padding:3px 10px;font-size:11px;color:#fff;border-radius:20px}.cnb-badge.new{background:#28a745}.cnb-badge.important{background:#dc3545}.cnb-row{border-bottom:1px solid #eee}.cnb-row-inner{display:flex;align-items:center}.cnb-row:hover{background:#f7fbff}.cnb-row.important{border-left:4px solid #dc3545}.cnb-row.pinned{border-left:4px solid #0d6efd;background:#f9fcff}.cnb-pdf{color:#dc3545;font-weight:600;white-space:nowrap}.cnb-title-link{display:flex;align-items:center;gap:15px;flex:1;text-decoration:none;color:#222;min-width:0}.cnb-pdf-btn{flex-shrink:0;font-size:18px;text-decoration:none}.cnb-pdf-btn:hover{transform:scale(1.15)}.cnb-scroll-wrapper::-webkit-scrollbar{width:5px}.cnb-viewport{position:relative;overflow:hidden;height:400px}.cnb-track{position:absolute;top:0;left:0;width:100%;will-change:transform}