/* TripinMate: a shared, accessible wordmark paired with the companion-path M. */
/* Japanese and Chinese prose has no spaces; Korean keep-all rules must not apply. */
html:lang(ja) body,
html:lang(zh-Hans) body,
html:lang(zh-Hant) body { word-break: normal; overflow-wrap: anywhere; }
.tm-brand,
.brand.tm-brand,
.j-brand.tm-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #162e4b;
  font-family: Inter, "Noto Sans KR", "Segoe UI", Arial, sans-serif;
  font-size: 23px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.8px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.tm-brand .tm-mark { display: block; width: 36px; height: 36px; object-fit: contain; flex: none; }
.tm-brand .tm-wordmark { display: inline; font: inherit; letter-spacing: inherit; padding: 0; border: 0; }
.tm-wordmark b { color: #2457bb; font-weight: inherit; }
.tm-brand.admin-brand { flex-wrap: wrap; }
.tm-brand.admin-brand small { flex-basis: 100%; padding-left: 44px; color: #405773; }
.admin-sidebar .tm-brand { color: #fff; }
.admin-sidebar .tm-wordmark b { color: #a9c9ff; }
.admin-sidebar .tm-brand small { color: #dce6f8; }
.admin-sidebar .tm-mark { background: #fff; border-radius: 6px; }
.j-footer > .tm-brand { margin-right: auto; }
@media (max-width: 400px) {
  .trip-header { flex-wrap: wrap; gap: 8px; padding-block: 12px; }
}
@media (max-width: 720px) {
  .tm-brand, .brand.tm-brand, .j-brand.tm-brand { font-size: 20px; gap: 6px; letter-spacing: -.7px; }
  .tm-brand .tm-mark { width: 30px; height: 30px; }
  .tm-brand .tm-wordmark { display: inline; font-size: inherit; }
  .tm-brand.admin-brand small { padding-left: 36px; }
}
.tm-travel-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 20px}
.tm-travel-tools a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border:1px solid #dce5f0;border-radius:999px;background:#fff;color:#19395a;text-decoration:none;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.tm-travel-tools a:hover{background:#edf4ff;border-color:#7ca5e8}
.tm-travel-tools a:focus-visible{outline:3px solid #93b4f5;outline-offset:3px}