:root{ --toc-orange:#e27810; }
.toc-fab{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:9999;
  border:none;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  font-size:14px;
  letter-spacing:.02em;
  color:#fffaf6;
  background:var(--toc-orange);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  cursor:pointer;
}
.toc-fab:hover{ filter:brightness(.98); }
.toc-fab:active{ transform:translateY(1px); }
.toc-fab:focus{ outline:3px solid rgba(226,120,16,.35); outline-offset:2px; }
.toc-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:9998;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}
.toc-panel{
  width:min(980px, 94vw);
  height:min(86vh, 760px);
  background:#fffaf6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}
.toc-panel iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
@media (max-width:560px){
  .toc-overlay{ align-items:flex-end; }
  .toc-panel{ width:100%; height:min(82vh, 760px); border-radius:16px; }
}