/* ───────────────────────────────────────────────────────────────
   TravelBeot: public business information (2026-09-28)
   The facts the legal register marked DONE (Prep P06-LEGAL), rendered by
   /js/tb-business-info.js into <div data-tb-business-info hidden>:
     <dl class="tb-bizinfo"><div class="tb-bizinfo__row"><dt>…</dt><dd>…</dd></div>…</dl>
   The mount stays hidden until an item is done, so today this sheet styles
   nothing a visitor sees. Mounted by P16 in the footers of the home
   (the sidebar foot bar), about.html and terms.html. One small sheet
   because the three pages share no other stylesheet; hex fallbacks cover
   pages without the token sheets. Pretendard leads the only font stack
   (Korean labels; Newsreader is latin only). No gold.
   ─────────────────────────────────────────────────────────────── */

[data-tb-business-info][hidden] { display: none !important; }

.tb-bizinfo {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--tb-ink-4, #9AA09A);
  word-break: keep-all;
}
.tb-bizinfo__row { display: inline-flex; gap: 5px; min-width: 0; }
.tb-bizinfo dt { font-weight: 600; color: var(--tb-ink-3, #5A5E55); }
.tb-bizinfo dd { margin: 0; overflow-wrap: anywhere; }

/* The home: the sidebar foot bar (Stories · Ask us) gives the block its own line below. */
body.tb-page .sidebar-foot { flex-wrap: wrap; }
body.tb-page .sidebar-foot > [data-tb-business-info] { flex: 1 0 100%; padding-top: 2px; }

/* about.html: under the footer columns, above the copyright line. */
.site-footer > [data-tb-business-info] {
  max-width: var(--tb-container, 1100px);
  margin: 28px auto 0;
}

/* terms.html: centred under the copyright and the links. */
.footer > [data-tb-business-info] { max-width: 720px; margin: 10px auto 0; }
.footer .tb-bizinfo { justify-content: center; }