/* 语言交换 + 一起去 (PO 2026-10-24): exchange.html, together.html, create-post langex fields, post line. */
.lx-page [hidden] { display: none !important; }
.lx { max-width: 48rem; margin: 0 auto; padding: 1.25rem 16px 3rem; box-sizing: border-box; }
.lx-head { margin-bottom: 1rem; }
.lx-title { margin: 0 0 0.5rem; font-size: 1.5rem; line-height: 1.3; color: #0f172a; }
.lx-intro { margin: 0; color: #475569; font-size: 0.9375rem; line-height: 1.6; }
.lx-pick { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0.5rem; align-items: end; padding: 0.875rem; border: 1px solid #e2e8f0; border-radius: 16px; background: #ffffff; }
.lx-pick__item { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.lx-pick__label { font-size: 0.8125rem; font-weight: 600; color: #475569; }
.lx-pick__arrow { padding-bottom: 0.6rem; color: #2563eb; font-size: 1.125rem; }
.lx-select { width: 100%; min-width: 0; }
.lx-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0 0.75rem; }
.lx-filters { display: flex; gap: 0.5rem; margin-bottom: 0.5rem; overflow-x: auto; }
.lx-list { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; gap: 0.625rem; }
.lx-item__link { display: flex; flex-direction: column; gap: 0.4rem; padding: 0.875rem 1rem; border: 1px solid #e2e8f0; border-radius: 14px; background: #ffffff; color: inherit; text-decoration: none; }
.lx-item__link:hover, .lx-item__link:focus-visible { border-color: #93c5fd; }
.lx-item__top { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.lx-item__title { font-size: 1rem; line-height: 1.45; color: #0f172a; overflow-wrap: anywhere; }
.lx-item__meta { font-size: 0.8125rem; color: #64748b; }
.lx-pair { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.lx-chip { display: inline-block; padding: 0.15rem 0.6rem; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 0.8125rem; font-weight: 600; }
.lx-chip--learn { background: #f0fdf4; color: #047857; }
.lx-arrow { color: #94a3b8; }
.lx-match { padding: 0.1rem 0.5rem; border-radius: 999px; background: #2563eb; color: #ffffff; font-size: 0.75rem; font-weight: 600; }
.lx-match--half { background: #e0e7ff; color: #3730a3; }
.lx-create__row { margin-bottom: 0.75rem; }
.lx-create__label { margin: 0.5rem 0 0.4rem; font-size: 0.875rem; font-weight: 600; color: #334155; }
.lx-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.lx-chips .grp-chip { min-height: 2.125rem; }
.lx-banner { display: block; margin: 0 0 0.75rem; padding: 0.75rem 1rem; border-radius: 12px; background: #eff6ff; color: #1d4ed8; font-weight: 600; text-decoration: none; }
.tg-chooser { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 0.75rem; padding: 0.875rem; border: 1px dashed #93c5fd; border-radius: 14px; background: #f8fafc; }
.tg-chooser__label { flex-basis: 100%; margin: 0 0 0.25rem; font-size: 0.875rem; color: #334155; }
.tg-chooser .grp-chip { display: inline-flex; align-items: center; text-decoration: none; color: #334155; }
@media (max-width: 420px) {
  .lx-pick { grid-template-columns: 1fr; }
  .lx-pick__arrow { display: none; }
}
.grp-chip.grp-chip--on { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; font-weight: 600; }

/* Home sub-nav: 语言交换 / 一起去 (index.html). Fix batch 7 (PO 2026-10-24): no pill background — same height,
   size and padding as the other links, brand blue + medium weight, and a thin divider before 工作/兼职/二手/志愿. */
.home-subnav__link.home-subnav__link--social { font-weight: 500; color: var(--color-primary, #1d4ed8); }
.home-subnav__link.home-subnav__link--social:hover { color: var(--color-primary-hover, #1e40af); }
.home-subnav__link--social + .home-subnav__link:not(.home-subnav__link--social) { position: relative; }
.home-subnav__link--social + .home-subnav__link:not(.home-subnav__link--social)::before {
  content: ""; position: absolute; left: -0.75rem; top: 50%; width: 1px; height: 1rem; transform: translateY(-50%);
  background: var(--color-border, #d1d5db);
}
@media (max-width: 768px) {
  .home-subnav__link--social + .home-subnav__link:not(.home-subnav__link--social)::before { left: -0.625rem; }
}