/* Scoped to the first-collection worksheet in the clothing-brand guide. */
.editorial-site .variant-plan { margin-block: 32px; padding: 28px; background: var(--editorial-soft); border: 1px solid var(--editorial-line); scroll-margin-top: 125px; }
.editorial-site .variant-plan > h3 { margin-top: 0; }
.editorial-site .variant-plan fieldset { min-width: 0; padding: 22px; margin-block: 20px; background: var(--editorial-card); border: 1px solid var(--editorial-line); }
.editorial-site .variant-plan legend { color: var(--editorial-plum); font-weight: 600; }
.editorial-site .variant-plan-fields { display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); gap: 16px; }
.editorial-site .variant-plan label { display: block; min-width: 0; font-size: 14px; }
.editorial-site .variant-plan label span { display: block; margin-bottom: 8px; }
.editorial-site .variant-plan input { width: 100%; min-width: 0; font-size: 16px; }
.editorial-site .variant-plan [data-variant-remove] { margin-top: 16px; }
.editorial-site .variant-plan-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.editorial-site .variant-plan button { min-height: 44px; margin-bottom: 0; }
.editorial-site .variant-plan button:disabled { opacity: .65; cursor: not-allowed; }
.editorial-site .variant-plan-error { color: #8a1830; font-weight: 600; }
.editorial-site .variant-plan-result { padding: 24px; margin-top: 24px; background: var(--editorial-card); border: 1px solid var(--editorial-line); overflow-wrap: anywhere; }
.editorial-site .variant-plan-result h4 { margin-top: 0; }
.editorial-site .variant-plan-total { font: 400 30px/1.3 var(--editorial-display); color: var(--editorial-plum); }
.editorial-site .variant-plan-note { font-size: 14px; }
.editorial-site .variant-plan-handoff { margin-top: 24px; padding: 24px; border-inline-start: 2px solid var(--editorial-plum); background: var(--editorial-card); }
.editorial-site .variant-plan-handoff h4 { margin-top: 0; }
.editorial-site .variant-plan-handoff .guide-button { margin: 0; }
@media (max-width: 699px) {
  .editorial-site .variant-plan { padding: 22px 16px; }
  .editorial-site .variant-plan fieldset, .editorial-site .variant-plan-result, .editorial-site .variant-plan-handoff { padding: 18px 12px; }
  .editorial-site .variant-plan-fields { grid-template-columns: 1fr; }
}
@media print {
  .editorial-site #variant-plan-form, .editorial-site #variant-plan-status, .editorial-site #variant-plan-export-actions, .editorial-site #variant-plan-save-status, .editorial-site .variant-plan-handoff { display: none !important; }
  .editorial-site .variant-plan, .editorial-site .variant-plan-result { padding: 14px; background: white; }
  .editorial-site #variant-plan-breakdown li { break-inside: avoid; }
  body.editorial-site.printing-variant-plan > :not(#main-content),
  .editorial-site.printing-variant-plan #main-content > :not(#collection-variant-planner),
  .editorial-site.printing-variant-plan #collection-variant-planner > :not(#variant-plan-result) { display: none !important; }
  .editorial-site.printing-variant-plan #collection-variant-planner,
  .editorial-site.printing-variant-plan #variant-plan-result { margin: 0 !important; padding: 0 !important; border: 0 !important; }
}