/* static/devblog/devblog_editor.css
   Admin editor styling for DevblogEditorPage.
*/

.devblog-editor-grid {
  margin-top: 1rem;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.devblog-field {
  display: block;
}

.devblog-field .panel-title {
  margin-bottom: .45rem;
}

/* scoped inputs so we don't mess with other pages */
.devblog-editor-grid .input,
.devblog-editor-grid .textarea {
  width: 100%;
  box-sizing: border-box;

  padding: .65rem .75rem;
  border-radius: 12px;

  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);

  color: inherit;
  outline: none;

  transition: border-color .12s ease, filter .12s ease;
}

.devblog-editor-grid .input:focus,
.devblog-editor-grid .textarea:focus {
  border-color: rgba(255,255,255,.22);
  filter: brightness(1.03);
}

.devblog-editor-grid .textarea {
  resize: vertical;
  min-height: 140px;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  line-height: 1.5;
}

/* full-width fields (you already set style="grid-column: 1 / -1;" in Yew) */
@media (max-width: 900px) {
  .devblog-editor-grid {
    grid-template-columns: 1fr;
  }
}