.pc-desktop .flex-container{
  display:flex;
  height:100%;
  width:100%;
  min-height:0;
  overflow:hidden;
}

html.pc-desktop,
html.pc-desktop body{
  height:100%;
  overflow:hidden;
}

.pc-desktop #pc-desktop-shell{
  height:100dvh;
  min-height:0;
  overflow:hidden;
}

.pc-desktop .column{
  height:100%;
  min-height:0;
  position:relative;
  overflow:hidden;
}

.pc-desktop .column iframe{
  width:100%;
  height:100%;
  min-height:0;
  overflow:auto;
  color-scheme:light;
}

.pc-desktop .left-column{
  width:33%;
  min-width:200px;
  max-width:70%;
  background:#f0f0f0;
  border-right:1px solid #ddd;
}

.pc-desktop .center-column{
  flex:1;
  min-width:0;
  background:#fff;
}

.pc-desktop .bible-column{
  width:32%;
  min-width:250px;
  max-width:50%;
  background:#fff;
  border-left:1px solid #ddd;
}

.pc-desktop .bible-handle{
  position:absolute;
  left:-5px;
  top:0;
  width:10px;
  height:100%;
  cursor:ew-resize;
  background:#ccc;
  z-index:1000;
  user-select:none;
}

.pc-desktop .bible-toggle{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:18px;
  background:#2c6b3f;
  color:#fff;
  font-size:12px;
  font-weight:600;
  display:none;
  align-items:center;
  justify-content:center;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  cursor:pointer;
  z-index:2000;
  user-select:none;
}

.pc-desktop .resize-handle{
  position:absolute;
  right:-7px;
  top:0;
  width:10px;
  height:100%;
  cursor:ew-resize;
  background:#ccc;
  z-index:1000;
  user-select:none;
}

@media (pointer: coarse){
  .pc-desktop .resize-handle{ width:12px; right:-6px; }
}

.pc-desktop.pc-bible-hidden .bible-column{ display: none; }
.pc-desktop.pc-bible-hidden .bible-toggle{ display: flex; }
.pc-desktop.pc-bible-hidden .center-column{ padding-right: 18px; box-sizing: border-box; }

.pc-desktop body.pc-color-scheme-page .resize-handle,
.pc-desktop body.pc-color-scheme-page .bible-handle{
  background: var(--pc-page-border-strong, #ccc);
}

.pc-desktop body.pc-color-scheme-page .bible-toggle{
  background: linear-gradient(180deg, var(--pc-page-header-start, #2c6b3f), var(--pc-page-header-end, #1f4d2b));
  border-left: 1px solid var(--pc-page-border-strong, rgba(255, 255, 255, 0.24));
  color: #fffaf0;
}