/* Computer-entry controls for the dedicated graphing activity. */
.gwp-problem input, .gwp-problem textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid #8b806d;
  border-radius: 4px;
  padding: 10px 8px;
  background: #fffdf8;
  color: #171510;
  font: 16px/1.4 Arial, sans-serif;
}
.gwp-problem input { display: block; min-height: 44px; }
.gwp-problem textarea { display: block; resize: vertical; margin: 8px 0 16px; }
.gwp-problem .gwp-write { display: block; margin-top: 16px; font-weight: 600; }
.gwp-problem td:has(input) { padding: 4px; vertical-align: middle; }
.gwp-problem input:focus-visible, .gwp-problem textarea:focus-visible, .gwp-problem button:focus-visible {
  outline: 3px solid #775015;
  outline-offset: 2px;
}
.gwp-entry-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 14px 0; }
.gwp-entry-tools[hidden] { display: none; }
.gwp-entry-tools span { font-size: 13px; }
.gwp-entry-tools button { border: 1px solid currentColor; border-radius: 5px; padding: 10px 14px; color: inherit; background: transparent; font: inherit; cursor: pointer; min-height: 44px; }
@media (max-width: 450px) {
  .gwp-problem input { padding: 8px 3px; }
  .gwp-problem td:has(input) { padding: 2px; }
}
@media print { .gwp-entry-tools { display: none; } }