/* Shared layout for the customer-facing size-chart guides. */
.editorial-site .size-guide [id] { scroll-margin-top: 125px; }
.editorial-site .size-guide .size-worksheet { margin-block: 32px; padding: 28px; border: 1px solid var(--editorial-line); background: var(--editorial-soft); }
.editorial-site .size-worksheet > h2 { margin-top: 0; }
.editorial-site .size-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.editorial-site .size-fields > div { min-width: 0; }
.editorial-site .size-fields label, .editorial-site .size-chart-row label { display: block; font-size: 14px; color: var(--editorial-ink); }
.editorial-site .size-fields label { margin-bottom: 8px; }
.editorial-site .size-chart-row label span { display: block; margin-bottom: 8px; }
.editorial-site .size-fields input, .editorial-site .size-fields select, .editorial-site .size-fields textarea,
.editorial-site .size-chart-row input { width: 100%; font-size: 16px; }
.editorial-site .size-fields textarea { min-height: 130px; resize: vertical; }
.editorial-site .size-worksheet fieldset { margin-block: 24px; padding: 24px; background: var(--editorial-card); }
.editorial-site .size-worksheet legend { color: var(--editorial-plum); font-weight: 600; }
.editorial-site .size-help { font-size: 13px; color: var(--editorial-muted); }
.editorial-site .size-error { color: #8a1830; font-weight: 600; }
.editorial-site .size-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block: 22px; }
.editorial-site .size-actions button { margin: 0; }
.editorial-site .size-chart-row [data-remove-size] { margin: 18px 0 0; }
.editorial-site .size-result { margin-block: 28px 0; padding: 26px; border: 1px solid var(--editorial-line); background: var(--editorial-card); }
.editorial-site .size-result h3 { margin-top: 0; }
.editorial-site .size-chart-preview { overflow-x: auto; margin-block: 22px; }
.editorial-site .size-chart-preview table { width: 100%; min-width: 520px; }
.editorial-site #size-chart-method { white-space: pre-wrap; overflow-wrap: anywhere; }
.editorial-site #size-chart-html { display: block; width: 100%; min-height: 180px; resize: vertical; margin-top: 10px; font: 400 13px/1.7 ui-monospace, monospace; }
.editorial-site .size-source-record { font-size: 13px; overflow-wrap: anywhere; }
.editorial-site .size-source-record dd { margin: 6px 0 18px; }
@media (max-width: 599px) {
  .editorial-site .size-guide .size-worksheet { padding: 22px 16px; }
  .editorial-site .size-worksheet fieldset, .editorial-site .size-result { padding: 20px 14px; }
  .editorial-site .size-fields { grid-template-columns: 1fr; }
}
@media print {
  .editorial-site #size-chart-form, .editorial-site #size-chart-status,
  .editorial-site .size-code-export, .editorial-site #size-chart-copy-status { display: none !important; }
  .editorial-site .size-guide .size-worksheet, .editorial-site .size-result { padding: 14px; background: white; }
  .editorial-site .size-chart-preview { overflow: visible; }
  .editorial-site .size-chart-preview table { min-width: 0; width: 100%; table-layout: fixed; }
  .editorial-site .size-chart-preview td, .editorial-site .size-chart-preview th { overflow-wrap: anywhere; }
}