.distribution { margin-top: 16px; padding-block: 16px; border-top: 1px solid var(--line-strong); }
.distribution h2 { margin-bottom: 10px; font-size: 20px; }
.distribution-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.distribution-actions button {
  min-height: 44px; padding: 0 13px; border: 1px solid var(--line-strong); border-radius: 8px;
  background: var(--paper); color: var(--action); font-weight: 700; cursor: pointer;
}
.distribution-actions button:first-child { background: var(--action); color: white; border-color: var(--action); }
.distribution-actions button:hover { text-decoration: underline; text-underline-offset: 3px; }
.distribution-status { color: var(--muted); font-size: 14px; margin-block: 8px; }
.distribution-status:empty { margin-block: 0; }
.distribution a { display: inline-flex; align-items: center; min-height: 44px; color: var(--action); }
.distribution textarea, #embed-code, #embed-mini-code {
  width: 100%; display: block; margin: 8px 0 12px; padding: 10px; font: inherit;
  color: var(--ink); background: var(--paper); border: 1px solid var(--line-strong); border-radius: 8px;
}
.editor-preview { max-width: 530px; margin-bottom: 16px; }
label[for="embed-code"], label[for="embed-mini-code"] { font-weight: 700; }
.tank-calculator .cost-diff { margin-block: 8px; }
.tank-calculator .cost-diff strong { margin-inline-start: 3px; font-variant-numeric: tabular-nums; }
[data-tank-value][data-direction="down"] { color: #145641; }
[data-tank-value][data-direction="up"] { color: #8f3028; }
.tank-size { display: flex; align-items: center; gap: 8px; flex: none; font-size: 14px; font-weight: 700; }
.tank-size input { width: 74px; min-height: 44px; padding: 0 8px; border: 1px solid var(--line-strong);
  border-radius: 8px; background: var(--paper); color: var(--ink); font: inherit; }