/* Contacts use distinct editorial layouts instead of a repeated card grid. */
.contact-page .contact-container > .seo-section { margin-top: 64px; }
.contact-page .contact-channels__grid { display: grid; grid-template-columns: 1fr; gap: 0; }
.contact-route { position: relative; isolation: isolate; display: flex; align-items: center; gap: 22px; padding: 24px 16px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.contact-route::before { content: ''; position: absolute; z-index: -1; inset: 7px 0; border-radius: 12px; background: var(--soft-accent); opacity: 0; transition: opacity .18s ease; pointer-events: none; }
.contact-route:first-child { border-top: 1px solid var(--line); }
.contact-route .contact-channel__icon { display: grid; place-items: center; align-self: center; flex: none; width: 44px; height: 44px; margin: 0; color: var(--accent); background: none; }
.contact-route .ui-icon { width: 26px; height: 26px; }
.contact-route .contact-channel__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 28px; flex: 1; min-width: 0; }
.contact-route h3 { margin: 0; font-size: 19px; line-height: 1.4; }
.contact-route p { grid-column: 1; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.contact-route .contact-channel__link { grid-column: 2; grid-row: 1 / 3; margin: 0; font-size: 14px; color: var(--accent); }
a.contact-route:is(:hover, :focus-visible)::before { opacity: 1; }
.contact-route:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.contact-page .contact-editor { padding: clamp(24px, 4vw, 44px); }
.contact-page .contact-editor__profile { align-items: center; }
.contact-page .contact-stats__grid { display: flex; flex-wrap: wrap; gap: 0; padding: 28px 0; border-block: 1px solid var(--line); }
.contact-metric { flex: 1 1 180px; padding: 12px 28px; border-left: 1px solid var(--line); }
.contact-metric:first-child { border-left: 0; padding-left: 0; }
.contact-metric .contact-stat__value { color: var(--ink); font-size: clamp(34px, 4vw, 52px); line-height: 1.1; letter-spacing: -.045em; margin-bottom: 12px; }
.contact-metric .contact-stat__label { color: var(--muted); }
.contact-process__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.contact-process__item { min-width: 0; }
.contact-process__marker { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.contact-process__marker::after { content: ''; flex: 1; height: 1px; background: var(--content-card-border); }
.contact-process__number { color: var(--accent); font-size: 36px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.05em; }
.contact-process__icon { display: none; }
.contact-process__label { margin: 0 0 12px; color: var(--ink); font-size: 20px; line-height: 1.35; }
.contact-process__text { margin: 0; max-width: 38ch; color: var(--muted); font-size: 15px; line-height: 1.7; }
.contact-page .contact-principles__grid { grid-template-columns: 1fr; gap: 0; }
.contact-rule { display: grid; grid-template-columns: 28px minmax(150px, .8fr) minmax(0, 1.6fr); gap: 24px; align-items: start; padding: 24px 0; border-bottom: 1px solid var(--line); }
.contact-rule:first-child { border-top: 1px solid var(--line); }
.contact-rule .contact-principle__icon { width: 28px; height: 28px; padding: 0; background: none; color: var(--accent); }
.contact-rule .ui-icon { width: 24px; height: 24px; }
.contact-rule h3 { margin: 0; font-size: 18px; line-height: 1.5; }
.contact-rule p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
:root[data-theme] main.contact-page .contact-suggest { padding: clamp(24px, 4vw, 44px); background: var(--header-bg); color: var(--chrome-text); border: 0; border-radius: var(--concept-radius, 18px); }
:root[data-theme] main.contact-page .contact-suggest :is(h2, p) { color: var(--chrome-text); }
.contact-suggest p { max-width: 65ch; }
:root[data-theme] main.contact-page .contact-suggest .theme-button { background: var(--chrome-text); color: var(--header-bg); }
:root[data-theme] main.contact-page .contact-suggest .theme-button:hover { background: color-mix(in srgb, var(--chrome-text) 85%, var(--header-bg)); }
@media (max-width: 700px) {
  .contact-page .contact-container > .seo-section { margin-top: 44px; }
  .contact-route { align-items: flex-start; gap: 12px; padding: 20px 12px; }
  .contact-route .contact-channel__body { grid-template-columns: 1fr; gap: 8px; }
  .contact-route .contact-channel__link { grid-column: 1; grid-row: auto; }
  .contact-page .contact-stats__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
  .contact-metric { padding: 8px 16px; }
  .contact-metric:nth-child(odd) { border-left: 0; padding-left: 0; }
  .contact-process__list { grid-template-columns: 1fr; gap: 0; }
  .contact-process__item { position: relative; padding: 0 0 28px 60px; }
  .contact-process__item:not(:last-child)::before { content: ''; position: absolute; top: 44px; bottom: 8px; left: 19px; width: 1px; background: var(--content-card-border); }
  .contact-process__marker { position: absolute; top: -6px; left: 0; margin: 0; }
  .contact-process__marker::after { content: none; }
  .contact-process__item:last-child { padding-bottom: 0; }
  .contact-rule { grid-template-columns: 24px minmax(0, 1fr); gap: 8px 16px; }
  .contact-rule p { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-route::before { transition: none; }
}