/* Proposal-only editing family additions; shared marketing styles remain authoritative. */
.marketing[data-family="editing"] .hero-media { padding-block: 44px; }
.marketing[data-family="editing"] .hero-art { height: auto; aspect-ratio: 1270 / 760; background: transparent; }
.marketing[data-family="editing"] .hero-art img { object-fit: contain; object-position: center; }
.marketing[data-family="editing"] .showcase-footer { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 28px; }
.marketing[data-family="editing"] .showcase-footer p { max-width: 49ch; font-size: 15px; color: var(--muted); line-height: 1.7; }
.marketing[data-family="editing"] .showcase-footer .secondary { flex-shrink: 0; }
.marketing[data-family="editing"] .style-name { font-size: 15px; font-weight: 500; margin-top: 13px; }
.marketing[data-family="editing"] .uses { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 44px; margin-top: 44px; }
.marketing[data-family="editing"] .use-number { font-family: var(--serif); font-size: 38px; color: var(--muted); }
.marketing[data-family="editing"] .uses h3 { font-family: var(--serif); font-weight: 400; font-size: 30px; margin-block: 18px 12px; }
.marketing[data-family="editing"] .uses p { color: var(--muted); max-width: 32ch; line-height: 1.75; }
.marketing[data-family="editing"] .uses + .showcase-footer { margin-top: 40px; }
.marketing[data-family="editing"] #style-catalog { width: min(960px,calc(100% - 40px)); max-height: calc(100dvh - 48px); margin: auto; padding: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--canvas); color: var(--ink); }
.marketing[data-family="editing"] #style-catalog::backdrop { background: rgb(30 23 32 / .55); }
.marketing[data-family="editing"] .catalog-head { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 24px; }
.marketing[data-family="editing"] .catalog-head h2 { font: 400 34px/1.15 var(--serif); }
.marketing[data-family="editing"] .catalog-head p { margin-top: 12px; font-size: 14px; color: var(--muted); }
.marketing[data-family="editing"] .catalog-close { border: 1px solid var(--line); background: transparent; min-width: 44px; height: 44px; border-radius: 5px; cursor: pointer; font: 24px var(--sans); }
.marketing[data-family="editing"] .catalog-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 18px; }
.marketing[data-family="editing"] .catalog-grid img { aspect-ratio: 1; width: 100%; object-fit: cover; }
.marketing[data-family="editing"] .catalog-grid figcaption { margin-top: 8px; font-size: 13px; }
@media(max-width:760px) {
  .marketing[data-family="editing"] .hero-media { padding-block: 0; }
  .marketing[data-family="editing"] .hero-art { aspect-ratio: 1270 / 760; }
  .marketing[data-family="editing"] .showcase-footer { align-items: start; flex-direction: column; gap: 20px; }
  .marketing[data-family="editing"] .uses { gap: 30px; grid-template-columns: 1fr; margin-top: 28px; }
  .marketing[data-family="editing"] .uses article { display: grid; grid-template-columns: 44px minmax(0,1fr); column-gap: 18px; }
  .marketing[data-family="editing"] .uses h3 { margin-block: 3px 10px; font-size: 28px; }
  .marketing[data-family="editing"] .uses p { grid-column: 2; max-width: none; }
  .marketing[data-family="editing"] .use-number { grid-column: 1; grid-row: 1 / span 2; font-size: 30px; }
  .marketing[data-family="editing"] #style-catalog { padding: 20px; }
  .marketing[data-family="editing"] .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; }
  .marketing[data-family="editing"] .catalog-head h2 { font-size: 29px; }
}