/* FaithfulBytes 2.2 — sharing, comparison, map tools, and suggestions */
.fbbr__share-card{width:100%;display:grid!important;grid-template-columns:1fr auto!important;gap:.35rem 1rem!important;padding:1rem 1.25rem!important;border:0!important;border-top:1px solid var(--fbbr-edge)!important;background:color-mix(in srgb,var(--fbbr-accent) 6%,transparent)!important;color:var(--fbbr-copy)!important;text-align:left!important}.fbbr__share-card:hover{background:color-mix(in srgb,var(--fbbr-accent) 13%,transparent)!important}.fbbr__share-card span{color:var(--fbbr-subtle);font:.52rem/1 var(--font-mono,"IBM Plex Mono",monospace);text-transform:uppercase}.fbbr__share-card strong{grid-column:1;font:400 1.2rem/1 var(--font-serif,"DM Serif Display",serif)}.fbbr__share-card i{grid-column:2;grid-row:1/3;align-self:center;color:var(--fbbr-accent);font-style:normal}
.fbbr__compare-guide{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:center;margin:0 0 1rem;padding:1rem;border:1px solid var(--fbbr-edge);border-radius:14px;background:var(--fbbr-raised)}.fbbr__compare-guide>div{display:grid;gap:.25rem}.fbbr__compare-guide span{color:var(--fbbr-accent);font:700 .48rem/1 var(--font-mono,"IBM Plex Mono",monospace)}.fbbr__compare-guide strong{color:var(--fbbr-copy)}.fbbr__compare-guide small{color:var(--fbbr-subtle)}.fbbr__compare-guide button{padding:.6rem .75rem!important;border:1px solid var(--fbbr-edge)!important;border-radius:99px!important;background:transparent!important;color:var(--fbbr-signal)!important;white-space:nowrap}.fbbr__compare-row mark{padding:.08em .13em;border-radius:3px;background:color-mix(in srgb,var(--fbbr-accent) 35%,transparent);color:inherit}.fbbr__results.fbbr-diffs-off mark{padding:0;background:transparent}.fbbr__compare-row{align-items:start}.fbbr__compare-row>.fbbr__verse,.fbbr__compare-row>.fbbr__compare-verse{height:100%}
.fbbr__map-tools{display:grid;grid-template-columns:1fr auto;gap:.7rem 1rem;padding:.8rem 1rem;border-bottom:1px solid var(--fbbr-edge);background:var(--fbbr-raised)}.fbbr__map-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .8rem}.fbbr__map-legend span{display:inline-flex;align-items:center;gap:.35rem;color:var(--fbbr-subtle);font:600 .48rem/1 var(--font-mono,"IBM Plex Mono",monospace);text-transform:uppercase}.fbbr__map-legend i{width:8px;height:8px;border-radius:50%;background:var(--type);box-shadow:0 0 7px var(--type)}.fbbr__map-tools>div:nth-child(2){display:flex;gap:.3rem}.fbbr__map-tools button{min-width:34px;padding:.5rem .6rem!important;border:1px solid var(--fbbr-edge)!important;border-radius:99px!important;background:transparent!important;color:var(--fbbr-copy)!important;font:600 .5rem/1 var(--font-mono,"IBM Plex Mono",monospace)!important}.fbbr__map-tools button:hover{border-color:var(--fbbr-accent)!important;color:var(--fbbr-accent)!important}.fbbr__map-tools>p{grid-column:1/-1;margin:0;color:var(--fbbr-signal);font-size:.64rem}.fbbr__map-canvas,.fbbr__map-stage{scroll-behavior:smooth}.fbbr__connection-svg{transform-origin:top left;transition:width .2s ease}
.fbbr__query-wrap{position:relative}.fbbr__suggestions{position:absolute;z-index:40;left:0;right:0;top:calc(100% + .35rem);max-height:430px;overflow:auto;border:1px solid var(--fbbr-edge);border-radius:14px;background:var(--fbbr-canvas);box-shadow:0 20px 55px var(--fbbr-shadow)}.fbbr__suggestions[hidden]{display:none}.fbbr__suggestions button{width:100%;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:.8rem!important;align-items:center!important;padding:.85rem 1rem!important;border:0!important;border-bottom:1px solid var(--fbbr-edge)!important;background:transparent!important;color:var(--fbbr-copy)!important;text-align:left!important}.fbbr__suggestions button:hover,.fbbr__suggestions button[aria-selected="true"]{background:color-mix(in srgb,var(--fbbr-signal) 8%,var(--fbbr-raised))!important}.fbbr__suggestions button>i{padding:.35rem .45rem;border:1px solid var(--fbbr-edge);border-radius:99px;color:var(--fbbr-subtle);font:700 .44rem/1 var(--font-mono,"IBM Plex Mono",monospace);font-style:normal;text-transform:uppercase}.fbbr__suggestions button>i.is-context{border-color:var(--fbbr-mint);color:var(--fbbr-mint)}.fbbr__suggestions button>i.is-scripture{border-color:var(--fbbr-accent);color:var(--fbbr-accent)}.fbbr__suggestions button>i.is-plan{border-color:var(--fbbr-signal);color:var(--fbbr-signal)}.fbbr__suggestions button span{display:grid;gap:.25rem;min-width:0}.fbbr__suggestions button strong{overflow:hidden;color:var(--fbbr-copy);text-overflow:ellipsis;white-space:nowrap}.fbbr__suggestions button small{overflow:hidden;color:var(--fbbr-subtle);text-overflow:ellipsis;white-space:nowrap}.fbbr__suggestions button>b{color:var(--fbbr-accent)}
@media(max-width:760px){.fbbr__compare-guide{grid-template-columns:1fr}.fbbr__map-tools{grid-template-columns:1fr}.fbbr__map-tools>div:nth-child(2){flex-wrap:wrap}.fbbr__suggestions{max-height:55vh}}

/* 2.2.1 comparison-specific verse geometry */
.fbbr__compare-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;padding:0!important}
.fbbr__compare-row>.fbbr__verse{grid-template-columns:2.15rem minmax(0,1fr)!important;align-content:start!important;min-width:0!important;padding:.85rem 1rem!important;border-right:1px solid var(--fbbr-edge)!important}
.fbbr__compare-row>.fbbr__verse>[data-fbbr-coverage],.fbbr__compare-row>.fbbr__verse>[data-fbbr-verse-context]{display:none!important}
.fbbr__compare-row>.fbbr__compare-verse{grid-template-columns:2.15rem minmax(0,1fr)!important;min-width:0!important;padding:.85rem 1rem!important}
.fbbr__compare-row>.fbbr__verse>span:not(.fbbr__coverage):not(.fbbr__verse-context),.fbbr__compare-row>.fbbr__compare-verse>span{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
.fbbr__compare-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:.55rem .85rem;border-top:1px solid var(--fbbr-edge);background:var(--fbbr-raised)}
.fbbr__compare-actions>span{display:inline-flex;align-items:center;gap:.4rem;color:var(--fbbr-subtle);font:700 .46rem/1 var(--font-mono,"IBM Plex Mono",monospace);letter-spacing:.05em;text-transform:uppercase}.fbbr__compare-actions>span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fbbr-subtle)}.fbbr__compare-actions>span.has-context{color:var(--fbbr-mint)}.fbbr__compare-actions>span.has-context:before{background:var(--fbbr-mint)}.fbbr__compare-actions>span.has-connections{color:var(--fbbr-signal)}.fbbr__compare-actions>span.has-connections:before{background:var(--fbbr-signal)}
.fbbr__compare-actions>button{padding:.55rem .8rem!important;border:1px solid color-mix(in srgb,var(--fbbr-accent) 60%,var(--fbbr-edge))!important;border-radius:99px!important;background:color-mix(in srgb,var(--fbbr-accent) 8%,transparent)!important;color:var(--fbbr-accent)!important;font:700 .5rem/1 var(--font-mono,"IBM Plex Mono",monospace)!important;text-transform:uppercase!important}.fbbr__compare-actions>button:hover{background:var(--fbbr-accent)!important;color:#172027!important}.fbbr__compare-actions>button i{margin-left:.4rem;font-style:normal}
@media(max-width:700px){.fbbr__compare-row{grid-template-columns:1fr!important}.fbbr__compare-row>.fbbr__verse{border-right:0!important;border-bottom:1px solid var(--fbbr-edge)!important}.fbbr__compare-actions{justify-content:space-between}}