.edit-conflict,.draft-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.edit-conflict>p{flex-basis:100%;margin:0}
.conflict-content{width:100%;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9em;background:var(--paper);padding:12px;border-radius:8px}
.conflict-content dt{font-weight:600}.conflict-content dd{margin:4px 0 14px}
#knowledge-history details{border-block-end:1px solid var(--line);padding-block:14px}
#knowledge-history summary{cursor:pointer;font-weight:600}
.popup-adaptive{min-inline-size:0;overflow-wrap:anywhere}
.popup-adaptive .form-grid>*{min-inline-size:0}
.popup-adaptive .form-actions,.workflow-tools{flex-wrap:wrap}
.popup-adaptive .workflow-tools input[type=color]{flex:none;inline-size:42px}
/* The handle stays at the physical left edge in both writing directions. */
.workflow-tools>*{max-inline-size:100%}
.workflow-editor,.workflow-body{overflow-wrap:anywhere}
.mobile-actions summary{cursor:pointer;color:var(--green);padding:10px 14px;border:1px solid var(--line);border-radius:8px}
@media(min-width:701px){.mobile-actions>summary{display:none}.mobile-actions>div{display:flex!important}}
@media(max-width:700px){.page-head{gap:12px}.page-head>.actions{width:100%}.mobile-actions{width:100%}.mobile-actions>div{padding-block-start:10px;display:flex;flex-wrap:wrap;gap:8px}dialog .form-actions{gap:8px}.popup-adaptive .workflow-tools{gap:6px}.popup-adaptive .workflow-tools button{padding:8px!important}}