#wiki-guide-fields { min-width: 0; }
.wge-panel { border-block: 1px solid #ffffff20; color: #eee9f3; }
.wge-panel summary { display: list-item; cursor: pointer; color: #dcd8e7; font-weight: 600; overflow-wrap: anywhere; }
.wge-panel summary::marker { color: #bca3d7; }
.wge-panel summary:hover, .wge-panel summary:focus-visible { color: #fff; }
.wge-panel > summary { padding: 15px 2px; font-size: .96rem; }
.wge-group { border-top: 1px solid #ffffff12; padding: 0 0 0 12px; }
.wge-group > summary { padding: 12px 0; font-size: .86rem; }
.wge-list { display: grid; gap: 7px; }
.wge-card { border: 1px solid #ffffff18; border-radius: 9px; background: #ffffff04; }
.wge-card > summary { padding: 11px 14px; font-size: .87rem; font-weight: 500; }
.wge-card-body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; padding: 8px 14px 15px; }
.wge-field { display: grid; align-content: start; gap: 5px; min-width: 0; margin: 0; }
.wge-field > span, .wge-panel legend { font-size: .78rem; font-weight: 600; color: #c5bdcf; }
.wge-panel :is(input, select, textarea) { min-width: 0; max-width: 100%; width: 100%; font: inherit; }
.wge-panel textarea { resize: vertical; }
.wge-wide, .wge-remove { grid-column: 1/-1; }
.wge-check { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .82rem; }
.wge-panel input[type=checkbox] { width: 16px; height: 16px; margin: 0; accent-color: #be9be5; }
.wge-action { border: 1px solid #b7a4cd38; border-radius: 7px; padding: 6px 11px; width: max-content; max-width: 100%; background: #ffffff06; color: #d5c9e4; font: inherit; font-size: .78rem; cursor: pointer; }
.wge-action:hover { background: #ffffff12; color: #fff; }
.wge-action:disabled { opacity: .5; cursor: default; }
.wge-remove { justify-self: end; color: #e3a9af; }
.wge-group > .wge-action { margin: 9px 0 14px; }
.wge-panel fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.wge-panel legend { margin: 0 0 6px; padding: 0; }
.wge-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
.wge-grid input { text-align: center; }
.wge-ingredient { display: grid; grid-template-columns: minmax(0,2fr) minmax(48px,.7fr) auto; align-items: end; gap: 7px; margin-bottom: 8px; }
.wge-thumb:not([hidden]) { border-radius: 7px; width: min(100%,260px); max-height: 160px; object-fit: contain; object-position: left center; margin-top: 4px; }
.wge-file-state { font-size: .78rem; }
.wge-rel { display: grid; gap: 8px; margin-bottom: 9px; }
.wge-chips { display: flex; gap: 5px; flex-wrap: wrap; }
.wge-extra { padding: 4px 0; font-size: .82rem; }
.wge-extra > summary { margin-bottom: 6px; }
@media(max-width:650px) {
  .wge-card-body { grid-template-columns: minmax(0,1fr); }
  .wge-group { padding-left: 5px; }
  .wge-ingredient { grid-template-columns: minmax(0,1fr) 56px auto; }
}