html[data-panasia-contact="true"] {
  --contact-ink: #0c1713;
  --contact-muted: #52605a;
  --contact-line: #ccd4d0;
  --contact-soft: #f3f6f4;
  --contact-panel: #10231d;
  --contact-panel-line: rgba(205, 255, 238, 0.18);
  --contact-accent: #65f2cf;
  --contact-nav-offset: 0rem;
}

html[data-panasia-contact="true"] .panasia-contact,
html[data-panasia-contact="true"] .panasia-contact * {
  box-sizing: border-box;
}

.panasia-contact-skip {
  position: fixed;
  top: 10px;
  left: 12px;
  z-index: 160;
  padding: 12px 16px;
  border-radius: 4px;
  color: #fff;
  background: var(--contact-ink);
  transform: translateY(-180%);
  transition: transform 120ms ease;
}

.panasia-contact-skip:focus {
  transform: translateY(0);
}

.panasia-contact-nav {
  position: sticky;
  top: 0;
  z-index: 90;
  display: grid;
  grid-template-columns: minmax(128px, 1fr) auto minmax(210px, 1fr);
  min-height: 80px;
  align-items: center;
  gap: 28px;
  padding: 0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));
  border-bottom: 1px solid rgba(12, 23, 19, 0.08);
  color: var(--contact-ink);
  background: #fff;
  font-family: var(--font-aeonik), aeonik, sans-serif;
}

.panasia-contact-nav a {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  color: inherit;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

.panasia-contact-nav a:focus-visible {
  border-radius: 4px;
  outline: 2px solid rgba(48, 188, 151, 0.5);
  outline-offset: 3px;
}

.panasia-contact-nav__wordmark {
  width: max-content;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Panasia KR", monospace;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0.26em;
}

.panasia-contact-nav__primary,
.panasia-contact-nav__actions {
  display: flex;
  align-items: center;
  gap: clamp(22px, 2.3vw, 38px);
}

.panasia-contact-nav__actions {
  justify-content: flex-end;
  gap: 10px;
}

.panasia-contact-nav__menu {
  display: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #f5f5f5;
  cursor: pointer;
}

.panasia-contact-nav__menu span {
  display: block;
  width: 14px;
  height: 1px;
  margin: 3px auto;
  background: var(--contact-ink);
  transition: transform 150ms ease;
}

.panasia-contact-nav__menu[aria-expanded="true"] span:first-child {
  transform: translateY(2px) rotate(45deg);
}

.panasia-contact-nav__menu[aria-expanded="true"] span:last-child {
  transform: translateY(-2px) rotate(-45deg);
}

.panasia-contact-nav__briefs,
.panasia-contact-nav__request {
  min-width: 82px;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid var(--contact-line);
  border-radius: 6px;
}

.panasia-contact-nav__request {
  min-width: 118px;
  border-color: var(--contact-ink);
  color: #fff !important;
  background: var(--contact-ink);
}

.panasia-contact-nav__primary a,
.panasia-contact-nav__briefs,
.panasia-contact-nav__request {
  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
}

.panasia-contact-nav__primary a:hover {
  color: #23745f;
}

.panasia-contact-nav__briefs:hover {
  border-color: #89948f;
  background: var(--contact-soft);
}

.panasia-contact-nav__request:hover {
  color: var(--contact-ink) !important;
  background: var(--contact-accent);
}

html[data-panasia-contact="true"] .panasia-contact {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: calc(var(--contact-nav-offset) + clamp(4.5rem, 6vw, 6rem))
    max(24px, env(safe-area-inset-right)) 6rem max(24px, env(safe-area-inset-left));
  color: var(--contact-ink);
  background: #fff;
  font-family: var(--font-aeonik), aeonik, sans-serif;
  opacity: 1 !important;
  transform: none !important;
}

html[data-panasia-contact="true"] .panasia-contact {
  padding-top: calc(var(--announcement-offset, 0px) + var(--panasia-nav-height, 88px) + clamp(4.5rem, 6vw, 6rem));
}

.panasia-contact__shell {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
  gap: clamp(40px, 5vw, 80px);
  width: min(100%, 1440px);
  margin: 0 auto;
  align-items: start;
}

.panasia-contact__intake {
  min-width: 0;
  padding-top: clamp(8px, 1.5vw, 24px);
}

.panasia-contact__intro {
  max-width: 780px;
  margin-bottom: clamp(40px, 5vw, 64px);
}

.panasia-contact__eyebrow,
.panasia-contact__proof-eyebrow,
.panasia-contact__coverage > p:first-child {
  margin: 0;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Panasia KR", monospace;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.16em;
}

.panasia-contact__eyebrow {
  margin-bottom: 20px;
  color: #236a58;
}

.panasia-contact__intro h1 {
  max-width: 760px;
  margin: 0;
  color: var(--contact-ink);
  font-size: clamp(48px, 5.2vw, 76px);
  font-weight: 500;
  line-height: 0.99;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.panasia-contact__lede {
  max-width: 720px;
  margin: 26px 0 0;
  color: var(--contact-muted);
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.5;
  text-wrap: pretty;
}

.panasia-entry-form {
  max-width: 820px;
  margin: 0;
}

.panasia-entry-form__error-summary {
  margin: 0 0 28px;
  padding: 16px 18px;
  border: 1px solid #a83f36;
  border-radius: 6px;
  color: #651f1a;
  background: #fff5f3;
}

.panasia-entry-form__error-summary strong,
.panasia-entry-form__error-summary p {
  margin: 0;
}

.panasia-entry-form__error-summary strong {
  font-size: 14px;
  font-weight: 650;
}

.panasia-entry-form__error-summary p {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
}

.panasia-entry-form input,
.panasia-entry-form select,
.panasia-entry-form textarea,
.panasia-entry-form fieldset,
.panasia-entry-markets {
  scroll-margin-top: 112px;
}

.panasia-entry-field input[aria-invalid="true"],
.panasia-entry-field select[aria-invalid="true"],
.panasia-entry-field textarea[aria-invalid="true"],
.panasia-program-selector input[aria-invalid="true"] + .panasia-program-choice,
.panasia-entry-markets[aria-invalid="true"] {
  border-color: #a83f36;
  outline: 2px solid rgb(168 63 54 / 0.18);
  outline-offset: 2px;
}

.panasia-entry-form [hidden],
.panasia-contact__proof [hidden] {
  display: none !important;
}

.panasia-program-selector {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.panasia-program-selector legend {
  color: var(--contact-ink);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
}

.panasia-program-selector__hint {
  margin: 8px 0 18px;
  color: var(--contact-muted);
  font-size: 14px;
  line-height: 1.5;
}

.panasia-program-selector__options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.panasia-program-selector__options label {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.panasia-program-selector__options input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.panasia-program-choice {
  display: grid;
  height: 100%;
  grid-template-columns: 32px minmax(0, 1fr) 20px;
  min-height: 132px;
  align-items: start;
  gap: 14px;
  padding: 22px;
  border: 1px solid var(--contact-line);
  border-radius: 8px;
  color: var(--contact-ink);
  background: #fff;
  transition: border-color 150ms ease, background-color 150ms ease;
}

.panasia-program-selector__options label:hover .panasia-program-choice {
  border-color: #89948f;
  background: #fafcfb;
}

.panasia-program-selector__options input:checked + .panasia-program-choice {
  border: 2px solid var(--contact-ink);
  padding: 21px;
  background: var(--contact-soft);
}

.panasia-program-selector__options input:focus-visible + .panasia-program-choice {
  outline: 3px solid rgba(48, 188, 151, 0.35);
  outline-offset: 3px;
}

.panasia-program-choice__index {
  padding-top: 3px;
  color: #26715e;
  font: 12px/1.4 ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Panasia KR", monospace;
  font-variant-numeric: tabular-nums;
}

.panasia-program-choice__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 10px;
}

.panasia-program-choice__copy strong {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  text-wrap: balance;
}

.panasia-program-choice__copy small {
  color: var(--contact-muted);
  font-size: 14px;
  line-height: 1.45;
  text-wrap: pretty;
}

.panasia-program-choice__mark {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--contact-line);
  border-radius: 50%;
  color: transparent;
  font-size: 12px;
  line-height: 1;
}

.panasia-program-selector__options input:checked + .panasia-program-choice .panasia-program-choice__mark {
  border-color: var(--contact-ink);
  color: #fff;
  background: var(--contact-ink);
}

.panasia-entry-form__fields {
  margin-top: 44px;
  animation: panasia-program-fields-in 160ms ease-out both;
}

.panasia-program-summary {
  display: none;
  margin-top: 20px;
  padding: 16px 0;
  border-top: 1px solid var(--contact-line);
  border-bottom: 1px solid var(--contact-line);
}

.panasia-program-summary p {
  margin: 0;
}

.panasia-program-summary p:first-child {
  color: #26715e;
  font: 600 11px/1.4 ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Panasia KR", monospace;
  letter-spacing: 0.14em;
}

.panasia-program-summary p:last-child {
  margin-top: 7px;
  color: var(--contact-muted);
  font-size: 14px;
  line-height: 1.5;
}

@keyframes panasia-program-fields-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.panasia-entry-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 20px;
}

.panasia-entry-form__grid + .panasia-entry-markets,
.panasia-entry-markets + .panasia-program-fields,
.panasia-program-fields + .panasia-entry-form__grid,
.panasia-entry-form__grid + .panasia-entry-field--decision {
  margin-top: 32px;
}

.panasia-entry-form__grid--single {
  grid-template-columns: minmax(0, calc(50% - 10px));
}

.panasia-entry-field--wide {
  grid-column: 1 / -1;
  max-width: calc(50% - 10px);
}

.panasia-entry-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 10px;
}

.panasia-entry-field label,
.panasia-entry-markets__label {
  color: var(--contact-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.panasia-entry-markets__label {
  margin: 0;
}

.panasia-entry-field input,
.panasia-entry-field select,
.panasia-entry-field textarea {
  width: 100%;
  min-height: 54px;
  margin: 0;
  border: 1px solid var(--contact-line);
  border-radius: 6px;
  color: var(--contact-ink);
  background: #fff;
  box-shadow: none;
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.panasia-entry-field input,
.panasia-entry-field select {
  padding: 0 16px;
}

.panasia-entry-field textarea {
  min-height: 132px;
  padding: 15px 16px;
  resize: vertical;
}

.panasia-entry-field input::placeholder,
.panasia-entry-field textarea::placeholder {
  color: #7a8680;
  opacity: 1;
}

.panasia-entry-field input:hover,
.panasia-entry-field select:hover,
.panasia-entry-field textarea:hover {
  border-color: #89948f;
}

.panasia-entry-field input:focus-visible,
.panasia-entry-field select:focus-visible,
.panasia-entry-field textarea:focus-visible {
  border-color: #1a6f59;
  outline: 2px solid rgba(48, 188, 151, 0.28);
  outline-offset: 2px;
}

.panasia-entry-markets {
  min-width: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  border: 0;
}

.panasia-entry-field__hint {
  margin: 5px 0 14px;
  color: var(--contact-muted);
  font-size: 13px;
  line-height: 1.45;
}

.panasia-entry-markets__options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.panasia-entry-markets__options label {
  position: relative;
  display: inline-flex;
  min-height: 46px;
  cursor: pointer;
}

.panasia-entry-markets__options input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.panasia-entry-markets__options span {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid var(--contact-line);
  border-radius: 999px;
  color: #304039;
  background: #fff;
  font-size: 14px;
  line-height: 1;
  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;
}

.panasia-entry-markets__options label:hover span {
  border-color: #89948f;
}

.panasia-entry-markets__options input:checked + span {
  border-color: var(--contact-ink);
  color: #fff;
  background: var(--contact-ink);
}

.panasia-entry-markets__options input:focus-visible + span {
  outline: 2px solid rgba(48, 188, 151, 0.45);
  outline-offset: 3px;
}

.panasia-entry-field__error {
  margin: 10px 0 0;
  color: #a32626;
  font-size: 14px;
  line-height: 1.4;
}

.panasia-entry-consent {
  margin-top: 28px;
  padding: 18px 20px;
  border: 1px solid var(--contact-line);
  border-radius: 6px;
  background: var(--contact-soft);
}

.panasia-entry-consent label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--contact-muted);
  cursor: pointer;
  font-size: 13px;
  line-height: 1.55;
}

.panasia-entry-consent input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin: 1px 0 0;
  accent-color: var(--contact-ink);
}

.panasia-entry-consent input:focus-visible {
  outline: 2px solid rgba(48, 188, 151, 0.45);
  outline-offset: 3px;
}

.panasia-entry-consent:has(input[aria-invalid="true"]) {
  border-color: #a32626;
  box-shadow: 0 0 0 2px rgba(163, 38, 38, 0.1);
}

.panasia-entry-consent a {
  color: var(--contact-ink);
  font-weight: 600;
  text-underline-offset: 3px;
}

.panasia-entry-form__handoff {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px 18px;
  align-items: center;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--contact-line);
}

.panasia-entry-turnstile {
  grid-column: 1 / -1;
  min-height: 65px;
}

.panasia-entry-form__submit {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 0 18px;
  border: 1px solid var(--contact-ink);
  border-radius: 6px;
  color: #fff;
  background: var(--contact-ink);
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.panasia-entry-form__submit:hover {
  color: var(--contact-ink);
  background: var(--contact-accent);
}

.panasia-entry-form__submit:active {
  transform: translateY(1px);
}

.panasia-entry-form__submit:focus-visible {
  outline: 3px solid rgba(48, 188, 151, 0.42);
  outline-offset: 3px;
}

.panasia-entry-form__submit:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.panasia-entry-form__submit[data-busy="true"]:disabled {
  cursor: wait;
}

.panasia-entry-form__handoff > p {
  max-width: 440px;
  margin: 0;
  color: var(--contact-muted);
  font-size: 13px;
  line-height: 1.5;
}

.panasia-entry-form__handoff a {
  color: var(--contact-ink);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.panasia-entry-form__handoff a:focus-visible {
  border-radius: 2px;
  outline: 2px solid rgba(48, 188, 151, 0.45);
  outline-offset: 3px;
}

/* Second row of the copy column, not a full-width band. Spanning `1 / -1` put
   the status on the submit button's left edge while the handoff sentence it
   continues started one track over, so the block read as two ragged left edges.
   It shares the copy column's track and its 440px measure now, so the sentence
   above and the outcome below line up. */
.panasia-entry-form__status {
  grid-column: 2;
  min-height: 1.5em;
  color: #17614f !important;
  font-weight: 600;
}

.panasia-entry-form__status[data-state="error"] {
  color: #a32626 !important;
}

/* The fallback is a working path — the brief exists and the channel that
   receives it is named — so it reads in the same ink as a completed submission.
   The amber it used to carry is the colour of a warning, which is what the copy
   itself stopped saying. */
.panasia-entry-form__status[data-state="fallback"] {
  color: #17614f !important;
}

.panasia-entry-form__preview {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 240px;
  padding: 14px;
  border: 1px solid var(--contact-line);
  border-radius: 6px;
  color: var(--contact-ink);
  background: var(--contact-soft);
  font: 13px/1.55 ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Panasia KR", monospace;
  resize: vertical;
}

.panasia-contact__proof {
  position: sticky;
  top: 96px;
  min-height: min(780px, calc(100vh - 120px));
  overflow: hidden;
  border-radius: 12px;
  color: #eef8f4;
  background: var(--contact-panel);
}

.panasia-contact__proof-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--contact-panel-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--contact-panel-line) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.58), transparent 72%);
  opacity: 0.3;
}

.panasia-contact__proof::after {
  position: absolute;
  right: -26%;
  bottom: -14%;
  width: 82%;
  aspect-ratio: 1;
  border: 1px solid rgba(101, 242, 207, 0.24);
  border-radius: 50%;
  box-shadow: 0 0 0 56px rgba(101, 242, 207, 0.045), 0 0 0 112px rgba(101, 242, 207, 0.025);
  content: "";
}

.panasia-contact__proof-content {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: inherit;
  flex-direction: column;
  padding: clamp(36px, 4vw, 64px);
}

.panasia-contact__proof-eyebrow {
  color: var(--contact-accent);
}

.panasia-contact__proof h2 {
  max-width: 560px;
  margin: 32px 0 0;
  color: #f3fbf8;
  font-size: clamp(44px, 4vw, 64px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

.panasia-contact__proof-lede {
  max-width: 560px;
  margin: 24px 0 0;
  color: #b9c9c3;
  font-size: 17px;
  line-height: 1.55;
}

.panasia-contact__steps {
  display: grid;
  gap: 0;
  margin: clamp(44px, 6vh, 72px) 0 48px;
  padding: 0;
  list-style: none;
}

.panasia-contact__steps li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(238, 248, 244, 0.18);
}

.panasia-contact__steps li:first-child {
  border-top: 1px solid rgba(238, 248, 244, 0.18);
}

.panasia-contact__steps li > span {
  padding-top: 2px;
  color: var(--contact-accent);
  font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Panasia KR", monospace;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.panasia-contact__steps h3 {
  margin: 0;
  color: #f3fbf8;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
}

.panasia-contact__steps p {
  margin: 7px 0 0;
  color: #aabcb5;
  font-size: 14px;
  line-height: 1.5;
}

.panasia-contact__coverage {
  margin-top: auto;
  padding-top: 28px;
}

.panasia-contact__coverage > p:first-child {
  color: var(--contact-accent);
}

.panasia-contact__coverage > p:last-child {
  max-width: 430px;
  margin: 12px 0 0;
  color: #d7e4df;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 1080px) {
  .panasia-contact__shell {
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
    gap: 36px;
  }

  .panasia-contact__proof-content {
    padding: 40px 34px;
  }
}

@media (max-width: 900px) {
  .panasia-contact-nav {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-height: 70px;
    gap: 8px;
  }

  .panasia-contact-nav__primary {
    display: none;
  }

  .panasia-contact-nav[data-menu-open="true"] .panasia-contact-nav__primary {
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    padding: 16px 24px 24px;
    border-bottom: 1px solid rgba(12, 23, 19, 0.08);
    background: #fff;
  }

  .panasia-contact-nav[data-menu-open="true"] .panasia-contact-nav__primary a {
    width: 100%;
    min-height: 48px;
    border-bottom: 1px solid rgba(12, 23, 19, 0.08);
  }

  .panasia-contact-nav__actions {
    grid-column: 3;
  }

  .panasia-contact-nav__menu {
    grid-column: 4;
    display: block;
  }

  html[data-panasia-contact="true"] .panasia-contact {
    padding-top: calc(var(--contact-nav-offset) + 4.5rem);
  }

  .panasia-contact__shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 64px;
  }

  .panasia-contact__intake {
    padding-top: 0;
  }

  .panasia-contact__proof {
    position: relative;
    top: auto;
    min-height: 680px;
  }

  .panasia-program-summary:not([hidden]) {
    display: block;
  }
}

@media (max-width: 768px) {
  html[data-panasia-contact="true"] {
    --contact-nav-offset: 4.5rem;
  }
}

@media (max-width: 640px) {
  .panasia-contact-nav {
    grid-template-columns: 72px minmax(0, 1fr) 164px 40px;
    min-height: 70px;
    padding-right: max(24px, env(safe-area-inset-right));
    padding-left: max(24px, env(safe-area-inset-left));
  }

  .panasia-contact-nav__wordmark {
    width: 72px;
    min-width: 0 !important;
  }

  .panasia-contact-nav__briefs {
    display: none !important;
  }

  .panasia-contact-nav .panasia-contact-nav__request {
    width: 164px;
    min-width: 164px;
    height: 40px;
    min-height: 40px;
    padding: 0 24px;
    border: 0;
    border-radius: 6px;
    color: #000 !important;
    background: #eaeaea;
    font-size: 16px;
    line-height: 24px;
  }

  html[data-panasia-contact="true"] .panasia-contact {
    padding: calc(var(--contact-nav-offset) + 4rem)
      max(20px, env(safe-area-inset-right)) 4.5rem max(20px, env(safe-area-inset-left));
  }

  .panasia-contact__intro {
    margin-bottom: 40px;
  }

  .panasia-contact__intro h1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  .panasia-contact__lede {
    margin-top: 20px;
    font-size: 17px;
  }

  .panasia-entry-form__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .panasia-program-selector__options {
    grid-template-columns: minmax(0, 1fr);
  }

  .panasia-program-choice {
    min-height: 112px;
    padding: 18px;
  }

  .panasia-program-selector__options input:checked + .panasia-program-choice {
    padding: 17px;
  }

  .panasia-entry-form__grid--single,
  .panasia-entry-field--wide {
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
  }

  .panasia-entry-form__grid + .panasia-entry-markets,
  .panasia-entry-markets + .panasia-program-fields,
  .panasia-program-fields + .panasia-entry-form__grid,
  .panasia-entry-form__grid + .panasia-entry-field--decision {
    margin-top: 28px;
  }

  .panasia-entry-markets__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .panasia-entry-markets__options span {
    width: 100%;
    justify-content: center;
    padding: 0 10px;
    text-align: center;
  }

  .panasia-entry-form__handoff {
    grid-template-columns: minmax(0, 1fr);
  }

  /* One track here, so the desktop placement would open an implicit second
     column and push the status off the stack. */
  .panasia-entry-form__status {
    grid-column: 1;
  }

  .panasia-entry-form__submit {
    width: 100%;
    min-height: 56px;
  }

  .panasia-contact__shell {
    gap: 48px;
  }

  .panasia-contact__proof {
    min-height: 620px;
    border-radius: 10px;
  }

  .panasia-contact__proof-content {
    padding: 32px 24px;
  }

  .panasia-contact__proof h2 {
    margin-top: 24px;
    font-size: 44px;
  }

  .panasia-contact__proof-lede {
    font-size: 16px;
  }

  .panasia-contact__steps {
    margin-top: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .panasia-contact-skip,
  .panasia-contact-nav a,
  .panasia-contact-nav__menu span,
  .panasia-entry-form__fields,
  .panasia-entry-field input,
  .panasia-entry-field select,
  .panasia-entry-field textarea,
  .panasia-program-choice,
  .panasia-entry-markets__options span,
  .panasia-entry-form__submit {
    scroll-behavior: auto;
    transition: none;
    animation: none;
  }
}