.native-tasks-section { min-width: 0; overflow-wrap: anywhere; }
.native-tasks-section *, .native-tasks-section *::before, .native-tasks-section *::after { box-sizing: border-box; min-width: 0; }
.native-tasks-section h2, .native-tasks-section h3, .native-tasks-section h4 { margin: 1.1rem 0 .65rem; }
.native-tasks-section p { line-height: 1.5; }
.native-tasks-section label { display: grid; gap: .4rem; margin: .8rem 0; font-weight: 600; }
.native-tasks-section input, .native-tasks-section textarea, .native-tasks-section select { width: 100%; max-width: 100%; padding: .65rem; border: 1px solid #526568; border-radius: .35rem; background: #112023; color: #e8f1ef; font: inherit; }
.native-tasks-section textarea { min-height: 6rem; resize: vertical; line-height: 1.45; }
.native-tasks-section input[type="checkbox"] { width: 1.2rem; height: 1.2rem; }
.native-tasks-section button { white-space: normal; overflow-wrap: anywhere; margin: .3rem .45rem .3rem 0; max-width: 100%; }
.native-tasks-section :focus-visible { outline: 3px solid #f4c780; outline-offset: 3px; }
.native-tasks-section [aria-invalid="true"] { border-color: #ffa491; }
.native-tasks-section [role="alert"] { color: #ffb49f; }
.native-tasks-section article, .native-task-history, .native-task-association, .native-task-evidence, .native-task-review, .native-task-recovery, .native-task-confirmation { margin: .85rem 0; padding: 1rem; border: 1px solid #41585b; border-radius: .6rem; background: #122529; }
.native-task-recovery { border-color: #bf9457; background: #2e281e; }
.native-task-confirmation { border-color: #58b49b; }
.native-task-literal { white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; max-width: 100%; font-family: inherit; line-height: 1.5; }
.native-tasks-section details { margin: .75rem 0; }
.native-tasks-section summary { cursor: pointer; color: #addcd1; }
.native-tasks-section a { display: block; margin: .4rem 0; color: #a8dfd0; }
.native-task-boundary { padding: .8rem; border-left: 3px solid #c79558; color: #d7ddd8; }
.native-tasks-section [hidden] { display: none !important; }
@media (max-width: 600px) {
  .native-tasks-section article, .native-task-history, .native-task-association, .native-task-evidence, .native-task-review, .native-task-recovery { padding: .7rem; }
  .native-tasks-section button { width: 100%; margin-right: 0; }
  .native-tasks-section input, .native-tasks-section textarea, .native-tasks-section select { font-size: 16px; }
}
