/* One presentation and one five-slot action row for reader verse cards. */
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card {
  display:block; height:auto; min-height:0; margin:0; padding:10px;
  border:1px solid var(--line); border-radius:7px; background:var(--panel-soft); color:var(--ink);
  overflow-wrap:anywhere; container-type:normal;
}
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-card-body {
  display:block; padding:0; margin:0;
}
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-copy { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-copy strong { font:600 18px/1.4 "Source Serif 4",Georgia,serif; color:var(--accent); }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card-meta { font:11px/1.4 var(--button-ui-font,Arial); color:var(--muted); text-align:right; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card-actions { display:flex; justify-content:flex-end; align-items:center; gap:4px; margin:10px 0; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .verse-card-actions :is(button,a) {
  display:inline-flex; flex:0 0 44px; align-items:center; justify-content:center; box-sizing:border-box;
  width:44px; min-width:44px; max-width:44px; height:44px; min-height:44px; margin:0; padding:0;
  border:1px solid var(--button-neutral-border,var(--line)); border-radius:var(--button-radius,5px);
  background:var(--button-neutral-bg,var(--panel-soft)); color:var(--button-neutral-ink,var(--ink));
  box-shadow:var(--button-shadow,none); text-shadow:none; text-decoration:none;
  font:600 11px/1.2 var(--button-ui-font,Arial); text-transform:none; letter-spacing:normal; cursor:pointer;
}
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .verse-card-actions .verse-card-context { flex-basis:70px; width:70px; min-width:70px; max-width:70px; padding:2px; white-space:normal; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .verse-card-actions :is(button,a):hover { background:var(--button-neutral-hover-bg,var(--panel)); }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card :is(button,a,select):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .verse-card-actions svg { width:19px; height:19px; color:currentColor; }
html body[data-edition] #saved-view .verse-card .verse-card-save-slot { flex:0 0 44px; width:44px; }
html body[data-edition] #saved-view .verse-card .reference-copy { align-items:center; }
html body[data-edition] #saved-view .verse-card .verse-card-meta { margin-left:auto; }
html body[data-edition] #saved-view .verse-card .verse-card-remove { display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted); }
html body[data-edition] #saved-view .verse-card .verse-card-remove svg { width:18px;height:18px; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card [data-reference-expand][hidden] { display:inline-flex!important; visibility:hidden; pointer-events:none; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card [data-reference-save][aria-pressed="true"] svg { fill:currentColor; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card [data-reference-save][aria-pressed="true"] { border-color:var(--accent); }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-excerpt {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
  height:auto; min-height:0; max-height:none; margin:12px 0 8px; padding:0;
  font-family:"Source Serif 4",Georgia,serif; font-size:22px; line-height:1.62; font-weight:400; color:var(--ink);
}
html body[data-edition][data-study-entry-size="small"] :is(#search-view,#study-view,#saved-view) .verse-card .reference-excerpt { font-size:14px; line-height:1.5; }
html body[data-edition][data-study-entry-size="medium"] :is(#search-view,#study-view,#saved-view) .verse-card .reference-excerpt { font-size:15.5px; line-height:1.52; }
html body[data-edition][data-study-entry-size="large"] :is(#search-view,#study-view,#saved-view) .verse-card .reference-excerpt { font-size:17px; line-height:1.55; }
html body[data-edition][data-study-entry-size="xlarge"] :is(#search-view,#study-view,#saved-view) .verse-card .reference-excerpt { font-size:19px; line-height:1.58; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card.expanded .reference-excerpt { display:block; overflow:visible; max-height:none; -webkit-line-clamp:unset; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card-reason { display:block; margin:6px 0 0; font:11px/1.4 var(--button-ui-font,Arial); color:var(--muted); }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context { margin:10px 0 0; padding:8px 0 0; border-top:1px solid var(--line); max-height:none; overflow:visible; font-family:"Source Serif 4",Georgia,serif; line-height:1.6; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context[hidden] { display:none!important; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context p { margin:6px 0; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context .reference-context-label { font:11px/1.5 var(--button-ui-font,Arial); color:var(--muted); }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .context-cited { background:color-mix(in srgb,var(--accent) 15%,var(--panel)); border-left:2px solid var(--accent); padding-left:7px; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context .reference-context-toggle { width:auto; height:auto; min-height:44px; padding:8px 12px; border:1px solid var(--button-neutral-border,var(--line)); border-radius:5px; background:var(--button-neutral-bg,var(--panel-soft)); color:var(--button-neutral-ink,var(--ink)); font:600 12px/1.3 var(--button-ui-font,Arial); }
html body[data-edition] #saved-view .verse-card .saved-category-label { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); font:12px/1.4 var(--button-ui-font,Arial); }
html body[data-edition] :is(#search-results,#reference-results,#saved-card-list) { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:10px; }
.utility-content{container-type:inline-size;container-name:verse-card-panel;}
@container verse-card-panel (min-width:600px){html body[data-edition] .tools-expanded :is(#search-results,#reference-results,#saved-card-list){grid-template-columns:repeat(2,minmax(0,1fr));}}
html body[data-edition] .verse-card-bulk { display:flex; justify-content:center; margin:12px 0; }
html body[data-edition] :is(#search-view,#saved-view) [data-card-expand-all] { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:5px; background:transparent; color:var(--accent); font:600 13px/1.3 var(--button-ui-font,Arial); cursor:pointer; }
html body[data-edition] [data-card-expand-all][hidden] { display:none!important; }
html body[data-edition] [data-card-expand-all] svg { width:19px; height:19px; }
/* A 320px phone still has five usable touch targets on one row. */
@media(max-width:360px){html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card-actions { gap:2px; } html body[data-edition] .utility-content { padding-inline:10px; }}
@media(min-width:901px){html body[data-edition] .app-layout.utility-open.tools-expanded[data-utility-view="saved"]{grid-template-columns:var(--library-track) minmax(0,1fr) 50vw;}}
/* Inline context uses the same selected text size in every panel as well. */
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card { --verse-card-text-size:22px; --verse-card-leading:1.62; }
html body[data-edition][data-study-entry-size="small"] :is(#search-view,#study-view,#saved-view) .verse-card { --verse-card-text-size:14px; --verse-card-leading:1.5; }
html body[data-edition][data-study-entry-size="medium"] :is(#search-view,#study-view,#saved-view) .verse-card { --verse-card-text-size:15.5px; --verse-card-leading:1.52; }
html body[data-edition][data-study-entry-size="large"] :is(#search-view,#study-view,#saved-view) .verse-card { --verse-card-text-size:17px; --verse-card-leading:1.55; }
html body[data-edition][data-study-entry-size="xlarge"] :is(#search-view,#study-view,#saved-view) .verse-card { --verse-card-text-size:19px; --verse-card-leading:1.58; }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context { font-size:var(--verse-card-text-size); line-height:var(--verse-card-leading); }
html body[data-edition] :is(#search-view,#study-view,#saved-view) .verse-card .reference-context p:not(.reference-context-label) { font:inherit; }

/* Keep the bulk control discoverable even when all current passages fit. */
html body[data-edition] :is([data-card-expand-all],#reference-toggle-all):disabled { opacity:.6; cursor:default; }