/* v17: reference-only Scripture input and public-domain version dropdown. */
body[data-sif-release="v18"] .sf-scripture-details input#scripture {
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
body[data-sif-release="v18"] .sf-scripture-translation select{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-height:48px;
  border:1px solid #CEBCAA;
  border-radius:11px;
  background:rgba(255,252,248,.92);
  color:#344555;
  padding:11px 42px 11px 13px;
  font:600 .89rem/1.4 var(--sans);
  white-space:nowrap;
  text-overflow:ellipsis;
}
body[data-sif-release="v18"] .sf-scripture-translation select:focus-visible{
  outline:2px solid #C78C72;outline-offset:2px;
}
body[data-sif-release="v18"] .sf-scripture-translation .sf-hint{margin-top:7px;line-height:1.4}
body[data-sif-release="v18"] .sf-scripture-details{padding-top:4px;margin-top:11px}
body[data-sif-release="v18"] .sf-scripture-buttons{
  display:grid;grid-template-columns:1fr;gap:8px;margin-top:7px;
}
body[data-sif-release="v18"] .sf-scripture-button {
  width:100%;min-height:46px;display:flex;align-items:center;gap:11px;text-align:left;
  font:500 .89rem/1.38 var(--sans);
  color:#344555;background:rgba(255,252,248,.72);
  border:1px solid #E2D0C4;border-radius:11px;padding:10px 12px;
}
body[data-sif-release="v18"] .sf-scripture-button[aria-pressed="true"]{
  background:#F1DDD1;border-color:#C78C72;
}
body[data-sif-release="v18"] .sf-scripture-button:focus-visible{
  outline:2px solid #C78C72;outline-offset:2px;
}
body[data-sif-release="v18"] .sf-radio-dot{
  width:17px;height:17px;flex:0 0 17px;border-radius:50%;
  border:1.6px solid #B78E78;display:grid;place-items:center;
}
body[data-sif-release="v18"] .sf-scripture-button[aria-pressed="true"] .sf-radio-dot::after{
  content:"";width:9px;height:9px;border-radius:50%;background:#C07D5B;
}
body[data-sif-release="v18"] .sf-panel>.sf-line-top,
body[data-sif-release="v18"] .sf-panel .sf-rule-upper{display:none!important}
body[data-sif-release="v18"] .sf-panel>.sf-question{
  border:0!important;box-shadow:none!important;background-image:none!important
}
body[data-sif-release="v18"] .sf-panel>.sf-question::before,
body[data-sif-release="v18"] .sf-panel>.sf-question::after{content:none!important;display:none!important}
@media(max-width:480px){
  body[data-sif-release="v18"] .sf-scripture-button{padding:9px 11px}
}

/* Carry forward v14 rounded Scripture choice styling for release v15. */
/* Song It Forward v14 — compact, progressive Scripture options. */
body[data-sif-release="v18"] .sf-panel .sf-line-top,
body[data-sif-release="v18"] .sf-panel .sf-rule-upper,
body[data-sif-release="v18"] .sf-panel > hr {
  display:none!important;
}
body[data-sif-release="v18"] .sf-panel > .sf-question,
body[data-sif-release="v18"] .sf-panel > .sf-line-bottom {
  border:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
body[data-sif-release="v18"] .sf-panel > .sf-question::before,
body[data-sif-release="v18"] .sf-panel > .sf-question::after{
  display:none!important;content:none!important;
}
body[data-sif-release="v18"] .sf-scripture-details{
  border:none;
  background:none;
  padding:4px 0 0;
  margin-top:11px;
}
body[data-sif-release="v18"] .sf-scripture-details .sf-field{
  margin:12px 0 16px;
}
body[data-sif-release="v18"] .sf-scripture-details .sf-field textarea{
  min-height:84px;
  background:rgba(255,252,248,.72);
  border:1px solid #DCC9BA;
}
body[data-sif-release="v18"] .sf-scripture-buttons{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:7px;
}
body[data-sif-release="v18"] .sf-scripture-button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:11px;
  text-align:left;
  font:500 .9rem/1.38 var(--sans);
  color:#344555;
  background:rgba(255,252,248,.72);
  border:1px solid #E2D0C4;
  border-radius:11px;
  padding:10px 12px;
  transition:background-color .15s,border-color .15s;
}
body[data-sif-release="v18"] .sf-scripture-button[aria-pressed="true"]{
  background:#F1DDD1;
  border-color:#C78C72;
}
body[data-sif-release="v18"] .sf-scripture-button:focus-visible{
  outline:2px solid #C78C72;
  outline-offset:2px;
}
body[data-sif-release="v18"] .sf-radio-dot{
  width:17px;height:17px;flex:0 0 17px;
  border-radius:50%;
  border:1.6px solid #B78E78;
  display:grid;place-items:center;
}
body[data-sif-release="v18"] .sf-scripture-button[aria-pressed="true"] .sf-radio-dot::after{
  content:"";
  width:9px;height:9px;
  border-radius:50%;
  background:#C07D5B;
}
body[data-sif-release="v18"] .sf-scripture-usage,
body[data-sif-release="v18"] .sf-scripture-translation{padding-top:2px}
body[data-sif-release="v18"] .sf-scripture-translation .sf-hint{
  max-width:520px;
  line-height:1.45;
}
@media (max-width:480px){
  body[data-sif-release="v18"] .sf-scripture-button{
    min-height:44px;
    font-size:.87rem;
    padding:9px 11px;
  }
}
@media (prefers-reduced-motion:reduce){
  body[data-sif-release="v18"] .sf-scripture-button{transition:none}
}

/* Song It Forward v15: A single native mobile-friendly version dropdown. */
body[data-sif-release="v18"] .sf-scripture-translation select {
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:11px 42px 11px 13px;
  border:1px solid #CEBCAA;
  border-radius:11px;
  background-color:rgba(255,252,248,.9);
  color:#344555;
  font:600 .89rem/1.4 var(--sans);
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-sif-release="v18"] .sf-scripture-translation select:focus-visible {
  outline:2px solid #C78C72;
  outline-offset:2px;
}
body[data-sif-release="v18"] .sf-scripture-translation .sf-hint{
  margin-top:8px;
  max-width:540px;
}
/* Retain the approved title without legacy decorative rules. */
body[data-sif-release="v18"] .sf-panel .sf-line-top,
body[data-sif-release="v18"] .sf-panel .sf-rule-upper,
body[data-sif-release="v18"] .sf-panel>hr{display:none!important}
body[data-sif-release="v18"] .sf-panel>.sf-question{
  border:0!important;box-shadow:none!important;background-image:none!important
}

/* Fresh, distinct title elements cannot be styled by historical .sf-question selectors. */
.sf-panel>.sf-title-v18 {
  display:block;
  color:#24364B;
  font:500 clamp(1.9rem,4.9vw,2.75rem)/1.17 var(--serif);
  letter-spacing:-.045em;
  text-wrap:balance;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  position:relative;
  backface-visibility:visible!important;
}
.sf-panel>.sf-title-v18::before,
.sf-panel>.sf-title-v18::after{display:none!important;content:none!important}
.sf-panel>.sf-wave-v18{
  display:block;isolation:auto;position:relative;
  width:100%;height:auto;max-height:none;
  margin:0 0 10px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  backface-visibility:visible!important;
}
.sf-panel>.sf-wave-v18 img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1008/131;
  object-fit:contain;
  image-rendering:auto;
  transform:none!important;
  border:none!important;
}
.sf-panel.sf-enter-forward>.sf-title-v18,
.sf-panel.sf-enter-back>.sf-title-v18{animation:sf-piece-rise .44s .13s both}
.sf-panel.sf-enter-forward>.sf-wave-v18,
.sf-panel.sf-enter-back>.sf-wave-v18{animation:none!important}
/* Force a clean compositor layer for iOS Safari and Chrome WebKit. */
@supports (-webkit-touch-callout:none) {
  .sf-panel>.sf-title-v18,.sf-panel>.sf-wave-v18{
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:visible;
    will-change:auto;
  }
  .sf-panel.sf-enter-forward>.sf-title-v18,
  .sf-panel.sf-enter-back>.sf-title-v18{
    animation:none!important;
  }
}
@media(max-width:480px){
 .sf-panel>.sf-title-v18{font-size:clamp(1.8rem,8.1vw,2.2rem)}
}
@media(prefers-reduced-motion:reduce){
 .sf-panel.sf-enter-forward>.sf-title-v18,
 .sf-panel.sf-enter-back>.sf-title-v18{animation:none!important}
}