/* Roberin The New — Contact pages, 2026-06-26 */

body.tn-contact-page-body {
  background:
    radial-gradient(circle at 1px 1px, rgba(26, 18, 8, 0.045) 1px, transparent 1.45px) 0 0 / 12px 12px,
    linear-gradient(180deg, #f8f1e4 0%, #fbf7ee 48%, #f5ecda 100%) !important;
}

body.tn-contact-page-body :is(.cs-entry__header, .cs-custom-content-post-before) {
  display: none !important;
}

body.tn-contact-page-body :is(.cs-site-content, .cs-main-content, .entry-content) {
  overflow-x: clip !important;
}

body.tn-contact-page-body .entry-content {
  margin-top: 0 !important;
}

body.tn-contact-page-body :is(.tn-contact-page, .tn-contact-page *, .tn-contact-page *::before, .tn-contact-page *::after, .cs-contact-form, .cs-contact-form *, .cs-contact-form *::before, .cs-contact-form *::after) {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.tn-contact-page-body .tn-contact-page {
  --tn-ink: #1a1208;
  --tn-muted: #5a4a30;
  --tn-line: #b8a888;
  --tn-line-soft: #ddd4be;
  --tn-paper: #faf6ee;
  --tn-paper-strong: #fffdf7;
  --tn-wash: #f5efdf;
  --tn-button: #ede6d4;
  --tn-button-hover: #dfd4bb;
  --tn-accent: #c44a00;
  --tn-green: #496b34;
  --tn-shadow: 4px 4px 0 rgba(26, 18, 8, 0.10);
  width: min(1180px, calc(100% - 10px)) !important;
  max-width: 1180px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  color: var(--tn-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", "Noto Serif JP", serif !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}

body.tn-contact-page-body .tn-contact-page :is(h1,h2,h3,p,ul,ol,li,a,span,strong,em,b,time,div,section,article,aside,label) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.tn-contact-page-body .tn-contact-page :is(h1,h2,h3,p,ul,ol) {
  margin: 0 !important;
  padding: 0 !important;
}

body.tn-contact-page-body .tn-contact-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr) !important;
  gap: 24px !important;
  align-items: end !important;
  padding: 0 0 18px !important;
  border-bottom: 3px double var(--tn-line) !important;
  background: transparent !important;
}

body.tn-contact-page-body .tn-contact-eyebrow,
body.tn-contact-page-body .tn-contact-kicker {
  display: inline-block !important;
  margin-bottom: 8px !important;
  color: var(--tn-muted) !important;
  font-family: "Courier New", monospace !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
}

body.tn-contact-page-body .tn-contact-hero h1 {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--tn-ink) !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", "Noto Serif JP", serif !important;
  font-size: clamp(38px, 5.2vw, 66px) !important;
  font-weight: 950 !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
  word-break: keep-all !important;
}

body.tn-contact-page-body .tn-contact-hero p {
  max-width: 860px !important;
  color: #2b2119 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.62 !important;
  letter-spacing: -.015em !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body.tn-contact-page-body .tn-contact-route-card {
  margin: 0 !important;
  padding: 17px 18px !important;
  background: rgba(255, 253, 247, .74) !important;
  border: 1px solid var(--tn-line) !important;
  box-shadow: var(--tn-shadow) !important;
}
body.tn-contact-page-body .tn-contact-route-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  margin: 0 0 12px !important;
}

body.tn-contact-page-body .tn-contact-route-head .tn-mini-mark {
  margin: 0 !important;
}

body.tn-contact-page-body .tn-contact-route-head strong {
  margin: 0 !important;
}

body.tn-contact-page-body .tn-mini-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-height: 24px !important;
  margin: 0 0 11px !important;
  padding: 4px 9px !important;
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  background: #111 !important;
  border: 1px solid #111 !important;
  font-family: "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .03em !important;
}

body.tn-contact-page-body .tn-contact-route-card strong {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--tn-ink) !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  letter-spacing: -.04em !important;
}

body.tn-contact-page-body .tn-contact-route-card ul,
body.tn-contact-page-body .tn-design-note ul {
  display: grid !important;
  gap: 7px !important;
  list-style: none !important;
}

body.tn-contact-page-body .tn-contact-route-card li,
body.tn-contact-page-body .tn-design-note li {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  color: var(--tn-muted) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 1.38 !important;
}

body.tn-contact-page-body .tn-contact-route-card li::before,
body.tn-contact-page-body .tn-design-note li::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--tn-accent) !important;
  border: 1px solid var(--tn-ink) !important;
}

body.tn-contact-page-body .tn-contact-route-card b,
body.tn-contact-page-body .tn-design-note b {
  display: inline !important;
  margin-right: 5px !important;
  color: var(--tn-ink) !important;
  font-weight: 950 !important;
}

body.tn-contact-page-body .tn-contact-route-card ul {
  margin: 0 !important;
  padding: 0 !important;
}

body.tn-contact-page-body .tn-contact-route-card p {
  margin: 0 !important;
  padding: 0 !important;
}

body.tn-contact-page-body .tn-contact-route-card li {
  grid-template-columns: 7px minmax(84px, max-content) minmax(0, 1fr) !important;
  column-gap: 9px !important;
  row-gap: 3px !important;
  align-items: center !important;
}

body.tn-contact-page-body .tn-contact-route-card li::before {
  align-self: center !important;
}

body.tn-contact-page-body .tn-contact-route-card b {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.tn-contact-page-body .tn-contact-route-card > p:empty,
body.tn-contact-page-body .tn-contact-route-card > p:has(> br:only-child),
body.tn-contact-page-body .tn-contact-route-card > br,
body.tn-contact-page-body .tn-contact-route-head + br {
  display: none !important;
}

body.tn-contact-page-body .tn-contact-board {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 22px 0 !important;
}

body.tn-contact-page-body .tn-contact-card,
body.tn-contact-page-body .tn-contact-info-card {
  background: rgba(255, 253, 247, .74) !important;
  border: 1px solid var(--tn-line) !important;
  box-shadow: var(--tn-shadow) !important;
  padding: 17px 16px !important;
}

body.tn-contact-page-body .tn-contact-card span,
body.tn-contact-page-body .tn-contact-info-card span {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--tn-muted) !important;
  font-family: "Courier New", monospace !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.tn-contact-page-body .tn-contact-card h2,
body.tn-contact-page-body .tn-contact-info-card strong {
  display: block !important;
  margin: 0 0 9px !important;
  color: var(--tn-ink) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  letter-spacing: -.045em !important;
}

body.tn-contact-page-body .tn-contact-card p,
body.tn-contact-page-body .tn-contact-info-card p {
  color: var(--tn-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.58 !important;
  letter-spacing: -.012em !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body.tn-contact-page-body .tn-design-note {
  display: grid !important;
  grid-template-columns: minmax(230px, .42fr) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 18px 0 24px !important;
  padding: 16px 0 !important;
  border-top: 1px solid var(--tn-line) !important;
  border-bottom: 1px solid var(--tn-line) !important;
  background: transparent !important;
}

body.tn-contact-page-body .tn-design-note > strong {
  display: block !important;
  color: var(--tn-ink) !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em !important;
}

body.tn-contact-page-body .tn-design-note > strong span {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--tn-accent) !important;
  font-family: "Courier New", monospace !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
}

body.tn-contact-page-body .tn-design-note ul {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
}

body.tn-contact-page-body .tn-contact-article-panel {
  position: relative !important;
  margin: 0 0 14px !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 1px 1px, rgba(26,18,8,.045) 1px, transparent 1.4px) 0 0 / 13px 13px,
    rgba(250, 246, 238, .84) !important;
  border: 1px solid var(--tn-line) !important;
  box-shadow: var(--tn-shadow) !important;
}

body.tn-contact-page-body .tn-contact-article-title {
  margin: 0 0 22px !important;
  color: var(--tn-ink) !important;
  font-size: clamp(27px, 3.1vw, 42px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -.055em !important;
}
body.tn-contact-page-body #tn-contact-after-ko.tn-contact-article-title + .tn-contact-intro-grid,
body.tn-contact-page-body .tn-contact-article-title + .tn-contact-intro-grid {
  margin-top: 18px !important;
}

body.tn-contact-page-body .tn-contact-intro-grid {
  display: grid !important;
  margin-top: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px dashed var(--tn-line) !important;
}

body.tn-contact-page-body .tn-contact-intro-grid p {
  color: var(--tn-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.62 !important;
}

body.tn-contact-page-body .tn-contact-info-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

body.tn-contact-page-body .tn-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 18px !important;
}

body.tn-contact-page-body .tn-contact-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 13px !important;
  color: var(--tn-ink) !important;
  background: var(--tn-button) !important;
  border: 1px solid var(--tn-line) !important;
  border-radius: 0 !important;
  font-family: "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.tn-contact-page-body .tn-contact-actions a:hover,
body.tn-contact-page-body .tn-contact-actions a:focus-visible {
  color: var(--tn-ink) !important;
  background: var(--tn-button-hover) !important;
}

body.tn-contact-page-body .tn-contact-meta {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 14px !important;
  color: var(--tn-muted) !important;
  font-family: "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

body.tn-contact-page-body .tn-contact-route-card + .tn-contact-meta {
  margin-top: 22px !important;
}

body.tn-contact-page-body .cs-contact-form {
  width: min(1180px, calc(100% - 10px)) !important;
  max-width: 1180px !important;
  margin: 30px auto 56px !important;
  padding: 0 !important;
  color: #1a1208 !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", "Noto Serif JP", serif !important;
}

body.tn-contact-page-body .cs-contact-form__inner,
body.tn-contact-page-body .cs-contact-form__content {
  display: grid !important;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 1px 1px, rgba(26,18,8,.04) 1px, transparent 1.4px) 0 0 / 13px 13px,
    rgba(250, 246, 238, .84) !important;
  border: 1px solid #b8a888 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 rgba(26,18,8,.10) !important;
}

body.tn-contact-page-body .cs-contact-form__content::before {
  content: none !important;
}

body.tn-contact-page-body .cs-contact-form__header,
body.tn-contact-page-body .cs-contact-form__intro {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 16px 0 0 !important;
  border-right: 1px dashed #b8a888 !important;
  text-align: left !important;
}

body.tn-contact-page-body .cs-contact-form__heading,
body.tn-contact-page-body .cs-contact-form__heading.h2,
body.tn-contact-page-body .cs-contact-form__heading h2 {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #1a1208 !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", "Noto Serif JP", serif !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: -.055em !important;
  text-shadow: none !important;
}

body.tn-contact-page-body .cs-contact-form__subheading,
body.tn-contact-page-body .cs-contact-form__description,
body.tn-contact-page-body .cs-contact-form__description p {
  margin: 0 !important;
  color: #5a4a30 !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.6 !important;
  letter-spacing: -.012em !important;
}

body.tn-contact-page-body .cs-contact-form__subheading {
  margin-bottom: 8px !important;
  color: #1a1208 !important;
  font-weight: 850 !important;
}

body.tn-contact-page-body .cs-contact-form__form,
body.tn-contact-page-body .wpcf7,
body.tn-contact-page-body .wpcf7-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.tn-contact-page-body .cs-contact-form__form .wpcf7-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start !important;
}

body.tn-contact-page-body .cs-contact-form__form p {
  margin: 0 !important;
}

body.tn-contact-page-body .cs-contact-form__form p:has(textarea),
body.tn-contact-page-body .cs-contact-form__form .roberin-contact-submit-row,
body.tn-contact-page-body .cs-contact-form__form .wpcf7-response-output,
body.tn-contact-page-body .cs-contact-form__form .roberin-contact-trap {
  grid-column: 1 / -1 !important;
}

body.tn-contact-page-body .cs-contact-form label {
  display: block !important;
  color: #1a1208 !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  letter-spacing: .02em !important;
}

body.tn-contact-page-body .cs-contact-form input[type="text"],
body.tn-contact-page-body .cs-contact-form input[type="email"],
body.tn-contact-page-body .cs-contact-form textarea {
  display: block !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 11px 12px !important;
  color: #1a1208 !important;
  -webkit-text-fill-color: currentColor !important;
  background: rgba(255,253,247,.92) !important;
  border: 1px solid #b8a888 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", "Noto Serif JP", serif !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}

body.tn-contact-page-body .cs-contact-form textarea {
  min-height: 132px !important;
  resize: vertical !important;
}

body.tn-contact-page-body .cs-contact-form input:focus,
body.tn-contact-page-body .cs-contact-form textarea:focus {
  outline: 2px solid #c44a00 !important;
  outline-offset: 2px !important;
  border-color: #1a1208 !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent {
  margin: 0 !important;
  padding: 10px 11px !important;
  color: #5a4a30 !important;
  -webkit-text-fill-color: currentColor !important;
  background: rgba(245,239,223,.82) !important;
  border: 1px solid #ddd4be !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent :is(.wpcf7-acceptance, .wpcf7-list-item) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent label {
  display: grid !important;
  grid-template-columns: 15px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  align-items: center !important;
  color: #5a4a30 !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", "Noto Serif JP", serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  letter-spacing: -.01em !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent .wpcf7-list-item label {
  display: flex !important;
  align-items: center !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent .wpcf7-list-item-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 16px !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  line-height: 1.35 !important;
}

body.tn-contact-page-body .cs-contact-form .wpcf7-list-item-label {
  display: block !important;
  min-width: 0 !important;
  line-height: 1.45 !important;
}

body.tn-contact-page-body .cs-contact-form input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 auto !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
  background: #fffdf7 !important;
  border: 1px solid #b8a888 !important;
  border-radius: 0 !important;
}
body.tn-contact-page-body .cs-contact-form input[name="roberin-email-consent"] {
  align-self: center !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
}

body.tn-contact-page-body .cs-contact-form input[type="checkbox"]:checked {
  background: #1a1208 !important;
  box-shadow: inset 0 0 0 3px #fffdf7 !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-submit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: stretch !important;
}

body.tn-contact-page-body .cs-contact-form input[type="submit"],
body.tn-contact-page-body .cs-contact-form .wpcf7-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  min-height: 42px !important;
  padding: 9px 16px !important;
  color: #1a1208 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #ede6d4 !important;
  border: 1px solid #b8a888 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Courier New", monospace !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

body.tn-contact-page-body .cs-contact-form input[type="submit"]:hover,
body.tn-contact-page-body .cs-contact-form .wpcf7-submit:hover {
  background: #dfd4bb !important;
}

body.tn-contact-page-body .wpcf7-response-output {
  margin: 0 !important;
  padding: 10px 12px !important;
  color: #1a1208 !important;
  background: rgba(255,253,247,.92) !important;
  border: 1px solid #b8a888 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

body.tn-contact-page-body .roberin-contact-trap {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

body.tn-contact-page-body .roberin-contact-trap input {
  margin: 0 !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) {
  background:
    radial-gradient(circle at 1px 1px, rgba(247, 234, 209, .07) 1px, transparent 1.45px) 0 0 / 12px 12px,
    linear-gradient(180deg, #201811 0%, #241a12 52%, #1b130d 100%) !important;
  color-scheme: dark !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-page,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-page,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-page {
  --tn-ink: #f7ead1;
  --tn-muted: #d9c5a5;
  --tn-line: #6f583d;
  --tn-line-soft: #4f3b28;
  --tn-paper: #2c2015;
  --tn-paper-strong: #33261a;
  --tn-wash: #241a12;
  --tn-button: #3a2b1d;
  --tn-button-hover: #493621;
  --tn-accent: #ffb36d;
  --tn-shadow: 4px 4px 0 rgba(0, 0, 0, .28);
  color: var(--tn-ink) !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-hero p,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-hero p,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-hero p {
  color: #f0dfc5 !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel) {
  color: #f7ead1 !important;
  background:
    radial-gradient(circle at 1px 1px, rgba(247,234,209,.055) 1px, transparent 1.4px) 0 0 / 13px 13px,
    rgba(44, 32, 21, .94) !important;
  border-color: #6f583d !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-mini-mark,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-mini-mark,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-mini-mark {
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  background: #120d08 !important;
  border-color: #5a422b !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form {
  color: #f7ead1 !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__inner,
body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__content,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form__inner,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form__content,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form__inner,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form__content {
  color: #f7ead1 !important;
  background:
    radial-gradient(circle at 1px 1px, rgba(247,234,209,.055) 1px, transparent 1.4px) 0 0 / 13px 13px,
    rgba(44, 32, 21, .94) !important;
  border-color: #6f583d !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,.28) !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) :is(.cs-contact-form__heading, .cs-contact-form__subheading, .cs-contact-form__description, .cs-contact-form__description p, .cs-contact-form label),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) :is(.cs-contact-form__heading, .cs-contact-form__subheading, .cs-contact-form__description, .cs-contact-form__description p, .cs-contact-form label),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) :is(.cs-contact-form__heading, .cs-contact-form__subheading, .cs-contact-form__description, .cs-contact-form__description p, .cs-contact-form label) {
  color: #f7ead1 !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__header,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form__header,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form__header {
  border-right-color: #6f583d !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form :is(input[type="text"], input[type="email"], textarea),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form :is(input[type="text"], input[type="email"], textarea),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form :is(input[type="text"], input[type="email"], textarea) {
  color: #f7ead1 !important;
  -webkit-text-fill-color: currentColor !important;
  background: #21170f !important;
  border-color: #6f583d !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .roberin-contact-consent,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form .roberin-contact-consent,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form .roberin-contact-consent {
  color: #d9c5a5 !important;
  background: #241a12 !important;
  border-color: #4f3b28 !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form input[type="checkbox"],
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form input[type="checkbox"],
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form input[type="checkbox"] {
  background: #21170f !important;
  border-color: #6f583d !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form input[type="submit"],
body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .wpcf7-submit,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form input[type="submit"],
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form .wpcf7-submit,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form input[type="submit"],
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form .wpcf7-submit {
  color: #f7ead1 !important;
  background: #3a2b1d !important;
  border-color: #6f583d !important;
}

@media (max-width: 1024px) {
  body.tn-contact-page-body .tn-contact-hero,
  body.tn-contact-page-body .tn-design-note,
  body.tn-contact-page-body .cs-contact-form__inner,
  body.tn-contact-page-body .cs-contact-form__content {
    grid-template-columns: 1fr !important;
  }

  body.tn-contact-page-body .tn-contact-board,
  body.tn-contact-page-body .tn-contact-info-grid,
  body.tn-contact-page-body .tn-design-note ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.tn-contact-page-body .cs-contact-form__header,
  body.tn-contact-page-body .cs-contact-form__intro {
    padding: 0 0 16px !important;
    border-right: 0 !important;
    border-bottom: 1px dashed #b8a888 !important;
  }
}

@media (max-width: 767px) {
  body.tn-contact-page-body .tn-contact-page {
    width: calc(100% - 10px) !important;
    margin-bottom: 28px !important;
    font-size: 14px !important;
  }

  body.tn-contact-page-body .tn-contact-hero {
    gap: 15px !important;
    padding-bottom: 14px !important;
  }

  body.tn-contact-page-body .tn-contact-hero h1 {
    font-size: clamp(30px, 11vw, 44px) !important;
  }

  body.tn-contact-page-body .tn-contact-hero p {
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  body.tn-contact-page-body .tn-contact-route-card,
  body.tn-contact-page-body .tn-contact-card,
  body.tn-contact-page-body .tn-contact-info-card,
  body.tn-contact-page-body .tn-contact-article-panel {
    padding: 15px 13px !important;
    box-shadow: 3px 3px 0 rgba(26,18,8,.10) !important;
  }

  body.tn-contact-page-body .tn-contact-board,
  body.tn-contact-page-body .tn-contact-info-grid,
  body.tn-contact-page-body .tn-contact-intro-grid,
  body.tn-contact-page-body .tn-design-note ul {
    grid-template-columns: 1fr !important;
  }

  body.tn-contact-page-body .tn-contact-board {
    gap: 10px !important;
    margin: 16px 0 !important;
  }

  body.tn-contact-page-body .tn-design-note {
    margin: 16px 0 18px !important;
    padding: 14px 0 !important;
  }

  body.tn-contact-page-body .tn-design-note > strong {
    font-size: 23px !important;
  }

  body.tn-contact-page-body .tn-contact-article-title {
    font-size: 27px !important;
  }

  body.tn-contact-page-body .tn-contact-meta {
    justify-content: flex-start !important;
    font-size: 11px !important;
  }

  body.tn-contact-page-body .cs-contact-form {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin-top: 24px !important;
    margin-bottom: 42px !important;
  }

  body.tn-contact-page-body .cs-contact-form__inner,
  body.tn-contact-page-body .cs-contact-form__content {
    padding: 15px 13px !important;
    gap: 16px !important;
    box-shadow: 3px 3px 0 rgba(26,18,8,.10) !important;
  }

  body.tn-contact-page-body .cs-contact-form__heading,
  body.tn-contact-page-body .cs-contact-form__heading.h2,
  body.tn-contact-page-body .cs-contact-form__heading h2 {
    font-size: 24px !important;
  }

  body.tn-contact-page-body .cs-contact-form__form .wpcf7-form {
    grid-template-columns: 1fr !important;
  }

  body.tn-contact-page-body .cs-contact-form__form .roberin-contact-submit-row {
    grid-template-columns: 1fr !important;
  }

  body.tn-contact-page-body .cs-contact-form input[type="submit"],
  body.tn-contact-page-body .cs-contact-form .wpcf7-submit {
    width: 100% !important;
  }
}

/* 2026-06-26 dark background-color fix: keep the dot texture and set actual color separately. */
body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel, .cs-contact-form__inner, .cs-contact-form__content),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel, .cs-contact-form__inner, .cs-contact-form__content),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel, .cs-contact-form__inner, .cs-contact-form__content) {
  background-color: rgba(44, 32, 21, .94) !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form .roberin-contact-consent,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form .roberin-contact-consent,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form .roberin-contact-consent,
body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form :is(input[type="text"], input[type="email"], textarea),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .cs-contact-form :is(input[type="text"], input[type="email"], textarea),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .cs-contact-form :is(input[type="text"], input[type="email"], textarea) {
  background-image: none !important;
}

/* 2026-06-26 dark visual layer fix: use a dark linear-gradient layer instead of a bare color layer. */
body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel, .cs-contact-form__inner, .cs-contact-form__content),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel, .cs-contact-form__inner, .cs-contact-form__content),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) :is(.tn-contact-route-card, .tn-contact-card, .tn-contact-info-card, .tn-contact-article-panel, .cs-contact-form__inner, .cs-contact-form__content) {
  background:
    radial-gradient(circle at 1px 1px, rgba(247,234,209,.055) 1px, transparent 1.4px) 0 0 / 13px 13px,
    linear-gradient(rgba(44, 32, 21, .94), rgba(44, 32, 21, .94)) !important;
}

/* 2026-06-26 follow-up: keep contact page aligned with The New examples. */
body.tn-contact-page-body .tn-contact-page .tn-contact-hero {
  display: block !important;
  grid-template-columns: 1fr !important;
  padding: 0 0 18px !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-route-card {
  margin: 18px 0 0 !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-actions {
  display: none !important;
}

body.tn-contact-page-body .tn-contact-page .tn-mini-mark {
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  background: #111 !important;
  border-color: #111 !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note {
  width: min(990px, 100%) !important;
  margin: 22px auto 28px !important;
  padding: 14px 18px !important;
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  color: var(--tn-ink) !important;
  background:
    radial-gradient(circle at 1px 1px, rgba(26,18,8,.045) 1px, transparent 1.5px) 0 0 / 12px 12px,
    rgba(250, 246, 238, .62) !important;
  border-top: 3px double var(--tn-line) !important;
  border-bottom: 3px double var(--tn-line) !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note > strong {
  display: block !important;
  align-self: center !important;
  padding: 4px 0 !important;
  color: var(--tn-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note > strong span {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--tn-accent) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Courier New", monospace !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note ul {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: center !important;
  align-self: center !important;
  list-style: none !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note li {
  display: block !important;
  padding-left: 10px !important;
  color: var(--tn-muted) !important;
  border-left: 1px solid var(--tn-line) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note li::before {
  content: none !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note b {
  display: block !important;
  margin: 0 0 2px !important;
  color: var(--tn-ink) !important;
  font-weight: 950 !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-page .tn-design-note,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-page .tn-design-note,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-page .tn-design-note {
  color: #f7ead1 !important;
  background:
    radial-gradient(circle at 1px 1px, rgba(247,234,209,.055) 1px, transparent 1.4px) 0 0 / 13px 13px,
    linear-gradient(rgba(44, 32, 21, .82), rgba(44, 32, 21, .82)) !important;
  border-color: #6f583d !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-page .tn-design-note :is(strong, b),
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-page .tn-design-note :is(strong, b),
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-page .tn-design-note :is(strong, b) {
  color: #f7ead1 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-page .tn-design-note li,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-page .tn-design-note li,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-page .tn-design-note li {
  color: #d9c5a5 !important;
  border-left-color: #6f583d !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-page .tn-design-note > strong span,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-page .tn-design-note > strong span,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-page .tn-design-note > strong span {
  color: #ffb36f !important;
  -webkit-text-fill-color: currentColor !important;
}

body.tn-contact-page-body:is([data-scheme="dark"], [data-scheme="inverse"]) .tn-contact-page .tn-mini-mark,
body.tn-contact-page-body[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) .tn-contact-page .tn-mini-mark,
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.tn-contact-page-body:not([data-scheme="light"]) .tn-contact-page .tn-mini-mark {
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  background: #120d08 !important;
  border-color: #5a422b !important;
}

body.tn-contact-page-body .tn-contact-page .tn-design-note > p:empty {
  display: none !important;
}
@media (max-width: 1024px) {
  body.tn-contact-page-body .tn-contact-page .tn-design-note {
    grid-template-columns: 1fr !important;
  }

  body.tn-contact-page-body .tn-contact-page .tn-design-note ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.tn-contact-page-body .tn-contact-page .tn-design-note {
    width: 100% !important;
    margin: 16px 0 18px !important;
    padding: 13px 12px !important;
  }

  body.tn-contact-page-body .tn-contact-page .tn-design-note ul {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.tn-contact-page-body .tn-contact-page .tn-contact-route-card {
    margin-top: 15px !important;
  }
  body.tn-contact-page-body .tn-contact-page .tn-contact-route-card li {
    grid-template-columns: 7px minmax(76px, .38fr) minmax(0, 1fr) !important;
  }

  body.tn-contact-page-body .tn-contact-page .tn-contact-route-head {
    align-items: center !important;
  }
}

/* 2026-06-26 detail follow-up: title gap and checkbox/list vertical centering. */
body.tn-contact-page-body .tn-contact-article-title + .tn-contact-intro-grid {
  margin-top: 10px !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent label > input[name="roberin-email-consent"] {
  align-self: center !important;
  justify-self: center !important;
}

body.tn-contact-page-body .cs-contact-form .roberin-contact-consent label > .wpcf7-list-item-label {
  align-self: center !important;
}

/* 2026-06-26 detail hardening: beat legacy contact guard and keep rows centered. */
body.tn-contact-page-body .tn-contact-page .tn-contact-article-title + .tn-contact-intro-grid,
body.tn-contact-page-body #tn-contact-after-ko.tn-contact-article-title + .tn-contact-intro-grid {
  margin-top: 10px !important;
}

/* 2026-06-26 final contact detail: route header/list controls center against the full row height. */
body.tn-contact-page-body .tn-contact-page .tn-contact-route-head {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
}
body.tn-contact-page-body .tn-contact-page .tn-contact-route-head > br {
  display: none !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-route-head .tn-mini-mark,
body.tn-contact-page-body .tn-contact-page .tn-contact-route-head strong {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  margin: 0 !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-route-head strong {
  min-height: 24px !important;
  line-height: 1.16 !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-route-card ul {
  display: grid !important;
  align-items: stretch !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-route-card li {
  align-items: center !important;
}

body.tn-contact-page-body .tn-contact-page .tn-contact-route-card li::before,
body.tn-contact-page-body .tn-contact-page .tn-contact-route-card b {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.tn-contact-page-body .cs-contact-form .cs-contact-form__form .roberin-contact-consent label {
  display: grid !important;
  grid-template-columns: 15px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  align-items: center !important;
}

body.tn-contact-page-body .cs-contact-form .cs-contact-form__form .roberin-contact-consent label > input[name="roberin-email-consent"] {
  align-self: center !important;
  justify-self: center !important;
}

body.tn-contact-page-body .cs-contact-form .cs-contact-form__form .roberin-contact-consent label > .wpcf7-list-item-label {
  display: block !important;
  align-self: center !important;
  min-width: 0 !important;
  line-height: 1.45 !important;
}

/* 2026-06-26 lower-flow rhythm: contact article, form, and site footer share the TN gap scale. */
body.tn-contact-page-body .tn-contact-page {
  margin-bottom: 0 !important;
}

body.tn-contact-page-body .cs-contact-form {
  margin-top: 28px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.tn-contact-page-body .cs-contact-form {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }
}