.bct-wrapper{width:100%;margin:18px 0;font-family:Arial,sans-serif}.bct-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.bct-btn,.bct-chord-button{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;box-sizing:border-box;border:1px solid #d8d8d8!important;border-radius:6px!important;background:#fff!important;color:#222!important;line-height:1.2!important;box-shadow:none!important}.bct-btn{padding:8px 11px!important;font-size:13px!important}.bct-btn:hover,.bct-chord-button:hover{background:#f3f3f3!important}.bct-favorite-btn.is-saved{border-color:#333!important;background:#f7f7f7!important}.bct-heart{font-size:17px;vertical-align:-1px}.bct-chords{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding-top:7px;border-top:1px solid #eee}.bct-chords-label{font-size:13px;font-weight:600}.bct-chord-button{min-width:42px;padding:6px 9px!important;font-size:13px!important;font-weight:700!important}
.bct-diagram{display:inline-block;width:210px;padding:13px 16px;background:#fff;color:#222;border:1px solid #ddd;border-radius:10px;text-align:center}.bct-diagram-title{font-size:22px;font-weight:700;margin-bottom:9px}.bct-diagram-neck{position:relative;width:150px;margin:auto;padding-top:22px}.bct-string-labels{position:absolute;left:0;right:0;top:0;height:20px;display:grid;grid-template-columns:repeat(6,1fr);font-size:12px;font-weight:700}.bct-grid{border-left:2px solid #333;border-right:2px solid #333;border-bottom:1px solid #555}.bct-grid-row{height:25px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #777}.bct-cell{position:relative;border-right:1px solid #888}.bct-cell:last-child{border-right:0}.bct-cell i{position:absolute;width:15px;height:15px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#222}.bct-nut{position:absolute;left:0;right:0;top:22px;height:3px;background:#222}
.bct-modal{display:none;position:fixed;inset:0;z-index:999999}.bct-modal.is-open{display:block}.bct-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.bct-modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px 20px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.bct-modal-close{position:absolute!important;top:6px;right:8px;border:0!important;background:transparent!important;color:#222!important;font-size:25px!important;cursor:pointer!important}.bct-modal-content{text-align:center}body.bct-modal-open{overflow:hidden}
.bct-favorites-page{max-width:850px;margin:20px auto;font-family:Arial,sans-serif}.bct-favorites-heading{margin-bottom:18px}.bct-favorite-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #e5e5e5}.bct-favorite-title{font-size:16px;font-weight:600}.bct-favorite-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.bct-open-favorite{font-size:13px;text-decoration:none}.bct-remove-favorite{border:0;background:transparent;cursor:pointer;color:#666;font-size:13px}.bct-remove-favorite:hover{color:#111}
@media(max-width:600px){.bct-btn{font-size:12px!important;padding:7px 9px!important}.bct-favorite-item{display:block}.bct-favorite-actions{margin-top:8px;white-space:normal}.bct-modal-box{max-width:calc(100vw - 30px);padding:28px 12px 14px}}
@media print{body.bct-printing *{visibility:hidden!important}body.bct-printing article,body.bct-printing article *,body.bct-printing .entry-content,body.bct-printing .entry-content *{visibility:visible!important}body.bct-printing article,body.bct-printing .entry-content{position:static!important;width:100%!important;max-width:100%!important}body.bct-printing .bct-toolbar,body.bct-printing .bct-chords,body.bct-printing .bct-modal,body.bct-printing header,body.bct-printing footer,body.bct-printing nav,body.bct-printing aside{display:none!important}}