/* Repack Brief — Tilda-safe styles. All selectors are scoped to #repack-brief-root */
#repack-brief-root {
  --rb-bg: #f2f0e9;
  --rb-fg: #111111;
  --rb-muted: #6f6d67;
  --rb-line: rgba(17,17,17,.22);
  --rb-card: #ece9df;
  --rb-accent: #111111;
  --rb-danger: #a43c2e;
  --rb-radius: 0px;
  --rb-max: 1480px;
  --rb-pad: clamp(18px, 3vw, 52px);
  color: var(--rb-fg);
  background: var(--rb-bg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  width: 100%;
  min-height: 100svh;
  position: relative;
  overflow: clip;
  box-sizing: border-box;
}
#repack-brief-root *, #repack-brief-root *::before, #repack-brief-root *::after { box-sizing: border-box; }
#repack-brief-root button, #repack-brief-root input, #repack-brief-root textarea, #repack-brief-root select { font: inherit; color: inherit; }
#repack-brief-root button { cursor: pointer; }
#repack-brief-root .rb-shell { min-height: 100svh; display: flex; flex-direction: column; }
#repack-brief-root .rb-topbar,
#repack-brief-root .rb-footer { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 18px var(--rb-pad); border-bottom: 1px solid var(--rb-line); }
#repack-brief-root .rb-footer { border-top: 1px solid var(--rb-line); border-bottom: 0; margin-top: auto; }
#repack-brief-root .rb-brand { font-weight: 800; letter-spacing: -.04em; font-size: clamp(20px, 2vw, 32px); text-transform: uppercase; }
#repack-brief-root .rb-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
#repack-brief-root .rb-main { width: min(100%, var(--rb-max)); margin: 0 auto; padding: clamp(28px, 5vw, 82px) var(--rb-pad) 40px; flex: 1; }
#repack-brief-root .rb-kicker { display: flex; align-items: center; gap: 14px; margin-bottom: clamp(40px, 7vw, 96px); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
#repack-brief-root .rb-kicker::before { content: ''; width: 42px; height: 1px; background: var(--rb-fg); }
#repack-brief-root .rb-hero-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .65fr); gap: clamp(36px, 8vw, 120px); align-items: end; }
#repack-brief-root .rb-step-no { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 18px; }
#repack-brief-root .rb-title { margin: 0; font-size: clamp(52px, 9vw, 142px); line-height: .86; letter-spacing: -.075em; font-weight: 800; text-transform: uppercase; max-width: 950px; }
#repack-brief-root .rb-title .rb-light { font-weight: 400; }
#repack-brief-root .rb-lead { margin: 0 0 28px; max-width: 520px; font-size: clamp(18px, 1.45vw, 25px); line-height: 1.35; }
#repack-brief-root .rb-button { appearance: none; border: 1px solid var(--rb-fg); background: transparent; min-height: 58px; padding: 14px 22px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; font-size: 13px; text-transform: uppercase; letter-spacing: .09em; transition: .18s ease; }
#repack-brief-root .rb-button:hover { background: var(--rb-fg); color: var(--rb-bg); }
#repack-brief-root .rb-button--solid { background: var(--rb-fg); color: var(--rb-bg); }
#repack-brief-root .rb-button--solid:hover { opacity: .86; }
#repack-brief-root .rb-arrow { font-size: 20px; line-height: 1; }
#repack-brief-root .rb-progress-wrap { margin: 0 var(--rb-pad); border-top: 1px solid var(--rb-line); padding: 12px 0 18px; }
#repack-brief-root .rb-progress-meta { display: flex; justify-content: space-between; gap: 18px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 9px; }
#repack-brief-root .rb-progress { height: 4px; background: rgba(17,17,17,.1); overflow: hidden; }
#repack-brief-root .rb-progress > span { display: block; height: 100%; width: 0; background: var(--rb-fg); transition: width .35s ease; }
#repack-brief-root .rb-form-grid { display: grid; grid-template-columns: minmax(260px, .65fr) minmax(0, 1.35fr); gap: clamp(36px, 7vw, 110px); }
#repack-brief-root .rb-side-title { position: sticky; top: 24px; align-self: start; }
#repack-brief-root .rb-stage-name { font-size: clamp(36px, 5vw, 76px); line-height: .92; letter-spacing: -.055em; text-transform: uppercase; margin: 0 0 22px; }
#repack-brief-root .rb-stage-desc { color: var(--rb-muted); max-width: 420px; font-size: 15px; line-height: 1.5; }
#repack-brief-root .rb-fields { border-top: 1px solid var(--rb-fg); }
#repack-brief-root .rb-field { padding: clamp(24px, 3vw, 42px) 0; border-bottom: 1px solid var(--rb-line); }
#repack-brief-root .rb-label-row { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
#repack-brief-root .rb-label { font-size: clamp(18px, 2vw, 28px); letter-spacing: -.025em; }
#repack-brief-root .rb-optional { color: var(--rb-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; padding-top: 5px; }
#repack-brief-root .rb-input,
#repack-brief-root .rb-textarea,
#repack-brief-root .rb-select { width: 100%; border: 0; border-bottom: 1px solid var(--rb-fg); outline: none; background: transparent; padding: 12px 0 10px; border-radius: 0; font-size: clamp(18px, 1.5vw, 24px); }
#repack-brief-root .rb-input::placeholder,
#repack-brief-root .rb-textarea::placeholder { color: #9b9890; }
#repack-brief-root .rb-textarea { min-height: 120px; resize: vertical; line-height: 1.4; }
#repack-brief-root .rb-pills { display: flex; flex-wrap: wrap; gap: 10px; }
#repack-brief-root .rb-pill { position: relative; }
#repack-brief-root .rb-pill input { position: absolute; opacity: 0; pointer-events: none; }
#repack-brief-root .rb-pill span { display: block; border: 1px solid var(--rb-fg); padding: 11px 14px; font-size: 13px; text-transform: uppercase; letter-spacing: .045em; transition: .15s ease; }
#repack-brief-root .rb-pill input:checked + span { background: var(--rb-fg); color: var(--rb-bg); }
#repack-brief-root .rb-actions { display: flex; justify-content: space-between; gap: 16px; padding-top: clamp(28px, 4vw, 50px); }
#repack-brief-root .rb-actions .rb-button { min-width: 170px; }
#repack-brief-root .rb-note { font-size: 12px; color: var(--rb-muted); margin-top: 10px; }
#repack-brief-root .rb-done { max-width: 1050px; }
#repack-brief-root .rb-done .rb-title { font-size: clamp(54px, 8vw, 126px); }
#repack-brief-root .rb-summary { margin-top: 50px; border-top: 1px solid var(--rb-fg); }
#repack-brief-root .rb-summary-row { display: grid; grid-template-columns: minmax(180px,.45fr) 1fr; gap: 28px; padding: 18px 0; border-bottom: 1px solid var(--rb-line); }
#repack-brief-root .rb-summary-key { color: var(--rb-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
#repack-brief-root .rb-summary-value { white-space: pre-wrap; word-break: break-word; }
#repack-brief-root .rb-toast { position: fixed; right: 18px; bottom: 18px; z-index: 99999; padding: 10px 13px; background: var(--rb-fg); color: var(--rb-bg); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; opacity: 0; transform: translateY(8px); transition: .2s ease; pointer-events: none; }
#repack-brief-root .rb-toast.is-show { opacity: 1; transform: none; }
#repack-brief-root .rb-hidden { display: none !important; }

@media (max-width: 900px) {
  #repack-brief-root .rb-hero-grid,
  #repack-brief-root .rb-form-grid { grid-template-columns: 1fr; }
  #repack-brief-root .rb-side-title { position: static; }
  #repack-brief-root .rb-hero-grid { align-items: start; }
  #repack-brief-root .rb-title { font-size: clamp(52px, 15vw, 104px); }
  #repack-brief-root .rb-kicker { margin-bottom: 40px; }
}
@media (max-width: 560px) {
  #repack-brief-root .rb-topbar,
  #repack-brief-root .rb-footer { grid-template-columns: 1fr; }
  #repack-brief-root .rb-meta { justify-content: flex-start; }
  #repack-brief-root .rb-main { padding-top: 28px; }
  #repack-brief-root .rb-title { font-size: clamp(46px, 17vw, 82px); }
  #repack-brief-root .rb-actions { flex-direction: column-reverse; }
  #repack-brief-root .rb-actions .rb-button { width: 100%; }
  #repack-brief-root .rb-summary-row { grid-template-columns: 1fr; gap: 6px; }
}