.study-switcher{
  display:inline-flex;
  gap:3px;
  margin-bottom:30px;
  padding:3px;
  border:1px solid var(--line);
}
.study-switcher a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  color:#aab4c0;
  font-size:11px;
}
.study-switcher a span{font-size:12px}
.study-switcher a:hover,.study-switcher a[aria-current="true"]{
  background:#192431;
  color:var(--gold2);
}
.action-card{
  width:100%;
  appearance:none;
  border-radius:0;
  text-align:left;
  color:var(--ink);
  font:inherit;
  cursor:pointer;
}
.action-card:focus-visible{
  outline:3px solid #916f2f;
  outline-offset:2px;
}
.action-title{
  margin:11px 0 auto;
  font:21px/1.05 var(--serif);
}
.study-index-list{border-top:1px solid var(--line)}
.study-index-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin:-26px 0 24px;
  color:#8995a3;
  font-size:11px;
}
.study-view-toggle{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line)}
.study-view-toggle button{
  padding:7px 11px;
  border:0;
  background:transparent;
  color:#aab4c0;
  font:12px var(--sans);
  cursor:pointer;
}
.study-view-toggle button[aria-pressed="true"]{background:#192431;color:var(--gold2)}
.study-view-toggle button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.study-index-row{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:23px 0;
  border-bottom:1px solid var(--line);
}
.study-index-number{color:var(--gold);font:italic 20px var(--serif)}
.study-index-copy h3{margin:0;font:26px/1.15 var(--serif)}
.study-index-copy .data-index-type{margin:0 0 5px;color:var(--gold);font-size:10px;font-weight:700;text-transform:uppercase}
.study-index-copy p{margin:7px 0 0;color:#8995a3;font-size:14px}
.study-index-link{padding:10px 0;color:var(--gold2);font-size:13px}
.study-index-link:hover,.study-index-link:focus-visible{color:#fff}
.study-index-list.is-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  border:0;
}
.study-index-list.is-grid .study-index-row{
  grid-template-columns:42px minmax(0,1fr);
  align-content:start;
  align-items:start;
  gap:12px 16px;
  border:1px solid var(--line);
  padding:22px;
}
.study-index-list.is-grid .study-index-link{grid-column:2;justify-self:start}
.verse-dialog{
  width:min(760px,calc(100% - 28px));
  max-width:none;
  max-height:min(86dvh,900px);
  padding:0;
  border:1px solid #344252;
  background:#101925;
  color:#edf2f7;
  overflow:hidden;
}
.verse-dialog::backdrop{
  background:rgba(3,8,13,.78);
  backdrop-filter:blur(4px);
}
.verse-reader{display:flex;max-height:min(86dvh,900px);flex-direction:column}
.verse-reader-head{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
  padding:26px 30px 20px;
  border-bottom:1px solid var(--line);
}
.verse-reader-head .eyebrow{margin-bottom:10px}
.verse-reader-head h2{margin:0;color:var(--gold2);font:36px/1.1 var(--serif)}
.reader-note{margin:9px 0 0;color:#96a2b0;font-size:13px}
.dialog-close{
  flex:none;
  padding:9px 13px;
  border:1px solid var(--line);
  background:transparent;
  color:#edf2f7;
  font:inherit;
  cursor:pointer;
}
.dialog-close:hover,.dialog-close:focus-visible{border-color:var(--gold);color:var(--gold2)}
.reader-controls{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:14px 30px;
  border-bottom:1px solid var(--line);
}
.reader-controls select{min-width:250px}
.verse-passages{padding:0 30px 24px;overflow:auto}
.verse-passage{padding:20px 0;border-bottom:1px solid var(--line)}
.verse-passage h3{margin:0 0 12px;color:var(--gold2);font:20px var(--serif)}
.verse-text{display:grid;grid-template-columns:32px 1fr;gap:10px;margin:8px 0;color:#d3dae1;font:16px/1.7 var(--serif)}
.verse-number{padding-top:5px;color:#93a0ad;font:11px var(--sans)}
.reader-empty{padding:22px 0;color:#aab4c0;font-size:14px}
@media(max-width:900px){
  .compare-grid{grid-template-columns:minmax(0,1fr)}
  .chart-card,.note-card{min-width:0}
  .control-row select{min-width:0;max-width:100%}
}
@media(max-width:560px){
  .control-row select{width:100%}
  .study-index-row{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:20px 0}
  .study-index-list.is-grid{grid-template-columns:minmax(0,1fr)}
  .study-index-list.is-grid .study-index-row{padding:20px}
  .study-index-copy h3{font-size:22px}
  .study-index-link{grid-column:2}
  .study-switcher{margin-bottom:24px}
  .study-switcher a{gap:5px;padding:8px}
  .study-switcher a span{font-size:11px}
  .verse-reader-head{padding:20px 18px 16px}
  .verse-reader-head h2{font-size:29px}
  .reader-controls{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 18px}
  .reader-controls select{width:100%;min-width:0}
  .verse-passages{padding:0 18px 18px}
  .verse-text{grid-template-columns:25px 1fr;font-size:15px}
}