/* Design-system layer; legacy content CSS is loaded first for the migration period. */
:root {
  --tt5-ink: #162236;
  --tt5-navy: #23344d;
  --tt5-orange: #ee8b16;
  --tt5-mist: #f3f6f9;
  --tt5-paper: #fff;
  --tt5-muted: #617086;
  --tt5-radius: 12px;
  --tt5-shadow: 0 8px 24px rgba(22,34,54,.08);
}

body.tt5-child-theme { background: var(--tt5-mist); color: var(--tt5-ink); }
/* The migration templates intentionally run full-bleed so the editorial
 * .wrap/article-layout grids control width instead of TT5's default 620px
 * content constraint. This keeps mobile gutters compact and desktop columns
 * usable while retaining a readable max width inside each article. */
body.tt5-child-theme .wp-site-main,
body.tt5-child-theme .wp-site-main > .wp-block-post-content {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}
body.tt5-child-theme .site-header { background: var(--tt5-paper); border-bottom: 1px solid #dce3ea; box-shadow: 0 2px 12px rgba(22,34,54,.05); }
body.tt5-child-theme .site-header__inner { max-width: 1240px; padding: 18px 24px; }
body.tt5-child-theme .site-header__brand a { color: var(--tt5-navy); font-weight: 800; letter-spacing: .02em; text-decoration: none; }
body.tt5-child-theme .site-header__nav a { color: var(--tt5-navy); font-weight: 700; text-decoration: none; }
body.tt5-child-theme .site-header__nav a:hover { color: #9a5c08; }
body.tt5-child-theme .wp-site-main { min-height: 60vh; }
body.tt5-child-theme .article-body,
body.tt5-child-theme .category-workspace-main,
body.tt5-child-theme .wp-article-shell { border-radius: var(--tt5-radius); }
body.tt5-child-theme .dialogue-scene { border: 1px solid #dce3ea; border-top: 4px solid var(--tt5-orange); border-radius: var(--tt5-radius); box-shadow: var(--tt5-shadow); }
body.tt5-child-theme .dialogue-avatar { position: relative; overflow: hidden; isolation: isolate; }
body.tt5-child-theme .dialogue-avatar img { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
body.tt5-child-theme .business-product-card { border-radius: var(--tt5-radius); box-shadow: var(--tt5-shadow); }
body.tt5-child-theme .site-footer { background: var(--tt5-navy); color: #eef3f8; }
body.tt5-child-theme .site-footer { width: 100%; max-width: none; margin-top: 0; }
body.tt5-child-theme .site-footer__inner { width: min(100%, 1240px); margin-right: auto; margin-left: auto; box-sizing: border-box; }
body.tt5-child-theme .site-footer a { color: #eef3f8; }
@media (max-width: 640px) {
  body.tt5-child-theme .site-header__inner { padding: 14px 16px; }
  body.tt5-child-theme .site-footer__inner { padding-right: 16px; padding-left: 16px; }
}