.pdf-page {
  .columns h3:first-child {
    margin: var(--pdf-h3-margin, 0);
  }
}

td > div[contenteditable="true"],
.input {
  font-family: cursive;
  font-size: 1em;
  min-height: 1.1em;
  padding-bottom: 2px;
  cursor: text;
}

td > div[contenteditable="true"]:focus,
.input:focus,
.h3-input:focus {
  outline: 2px solid #4a90d9;
  outline-offset: 2px;
  background: rgba(74, 144, 217, 0.06);
}

.h3-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.h3-input {
  flex: 1;
  min-height: 1.3em;
  overflow: hidden;
  font-family: cursive;
  font-size: 1.2em;
  cursor: text;
}

#clear-btn {
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 1000;
  padding: 6px 14px;
  background: #c0392b;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
}

#clear-btn:hover {
  background: #e74c3c;
}

@media screen {
  .pdf-page {
    footer {
      display: none;
    }
  }
}

@media print {
  [contenteditable]:focus {
    outline: none !important;
    background: none !important;
  }

  #clear-btn {
    display: none !important;
  }
}