/* ASK 1075 live — type pinned in px (v20261110h). The host theme sets html{font-size:20px|24px},
   so rem units made the widget 25-50% larger than designed (pilot pinned html to 16px). Every rem was
   converted at 16px/rem; this block pins the widget root so nothing inherits host type settings. */
#tt-test-chat-root.tt-chat,
#tt-test-chat-root .tt-chat__panel,
#tt-test-chat-root .tt-chat__about{
  font-size:16px!important;
  line-height:1.45!important;
  letter-spacing:normal!important;
  font-size-adjust:none!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  box-sizing:border-box;
}
@font-face{font-family:'Scandia-Regular';src:url('https://www.1075peachtree.com/wp-content/themes/1075peachtree/assets/fonts/scandia/Scandia-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Scandia-Medium';src:url('https://www.1075peachtree.com/wp-content/themes/1075peachtree/assets/fonts/scandia/Scandia-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;}
/* keep chat above iframe shell */
#tt-test-chat-root{position:relative;z-index:99990;}
/* 1075 theme can fight rem/font sizes — pin chat rem baseline + ink. */
#tt-test-chat-root.tt-chat,
#tt-test-chat-root .tt-chat__panel{
  font-size:16px!important;
  font-family:"Scandia-Regular",Helvetica,Arial,sans-serif!important;
  color:var(--tt-ink)!important;
  font-weight:400!important;
  line-height:1.45!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
#tt-test-chat-root .tt-chat__panel h2,
#tt-test-chat-root .tt-chat__panel p,
#tt-test-chat-root .tt-chat__panel label,
#tt-test-chat-root .tt-chat__panel button,
#tt-test-chat-root .tt-chat__panel textarea,
#tt-test-chat-root .tt-chat__panel select,
#tt-test-chat-root .tt-chat__panel span,
#tt-test-chat-root .tt-chat__panel div,
#tt-test-chat-root .tt-chat__tab{
  font-family:"Scandia-Regular",Helvetica,Arial,sans-serif!important;
}
#tt-test-chat-root .tt-chat__send,
#tt-test-chat-root .tt-chat__close,
#tt-test-chat-root .tt-chat__tab{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
#tt-test-chat-root .tt-chat__title{color:var(--tt-ink)!important;}
#tt-test-chat-root .tt-chat__close{color:var(--tt-ink)!important;font-weight:400!important;}
/* WP wpautop injects <br> inside tab/compose — hide so vertical tab + 1fr/auto grid match TT. */
#tt-test-chat-root br{display:none!important;}
/* Closed tab: vertical-rl + mixed = glyphs top→bottom (same as live Ten Tenth widget.css). */
#tt-test-chat-root .tt-chat__tab{
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  font-size:11.52px!important;
  padding:17.6px 8.8px!important;
  gap:0!important;
  letter-spacing:0.08em!important;
}
#tt-test-chat-root .tt-chat__tab-label{
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  display:block;
}
/* Compose: textarea LEFT + SEND RIGHT (defeat br/grid blowouts + theme width). */
#tt-test-chat-root .tt-chat__compose{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px!important;
  align-items:center!important;
}
#tt-test-chat-root .tt-chat__compose .screen-reader-text{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
#tt-test-chat-root .tt-chat__compose textarea{
  width:100%!important;
  min-width:0!important;
  font:inherit!important;
  font-size:16px!important;
  color:var(--tt-ink)!important;
  background:var(--tt-white)!important;
}
#tt-test-chat-root .tt-chat__send{
  width:auto!important;
  min-width:auto!important;
  font-size:12px!important;
}
#tt-test-chat-root .tt-chat__help{
  font-size:13.12px!important;
  border:0!important;
  border-bottom:0!important;
}
#tt-test-chat-root .tt-chat__audience label{
  font-size:12.48px!important;
  font-style:oblique!important;font-family:"Scandia-Regular",Helvetica,Arial,sans-serif!important;
  color:#333!important;
}
#tt-test-chat-root .tt-chat__disclaimer{
  font-size:12.8px!important;
  white-space:nowrap!important;
}
#tt-test-chat-root .tt-chat__title{
  font-size:18.4px!important;
  font-family:"Scandia-Medium",Helvetica,Arial,sans-serif!important;
}
#tt-test-chat-root .tt-chat__close{
  font-size:25.6px!important;
  line-height:1!important;
  padding:1.6px 5.6px!important;
}
#tt-test-chat-root .tt-chat__panel{
  width:min(380px,92vw)!important;
  padding:16px 16px 8.8px!important;
  background:var(--tt-paper)!important;
}
@media (max-width:640px){
  #tt-test-chat-root .tt-chat__tab{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    padding:11.2px 13.6px!important;
    gap:8.8px!important;
  }
  #tt-test-chat-root .tt-chat__tab-label{
    writing-mode:horizontal-tb!important;
  }
  #tt-test-chat-root .tt-chat__compose{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  #tt-test-chat-root .tt-chat__send{
    width:100%!important;
    min-height:44px!important;
  }
  #tt-test-chat-root .tt-chat__disclaimer{
    white-space:normal!important;
  }
  #tt-test-chat-root .tt-chat__compose textarea{
    font-size:16px!important;
  }
}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;}
.tt-chat {
  --tt-ink: #003663;
  --tt-paper: #FCFAED;
  --tt-muted: #6F7171;
  --tt-accent: #00AFE5;
  --tt-white: #ffffff;
  font-family: "Scandia-Regular", Helvetica, Arial, sans-serif;
  z-index: 99990;
}
.tt-chat__tab {
  position: fixed;
  top: 42%;
  right: 0;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform-origin: center right;
  background: var(--tt-ink);
  color: var(--tt-paper);
  border: 0;
  border-radius: 10px 0 0 10px;
  padding: 17.6px 8.8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 11.52px;
  cursor: pointer;
  box-shadow: -4px 4px 18px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8.8px;
  z-index: 99991;
}
.tt-chat__tab:hover,
.tt-chat__tab:focus-visible {
  background: #1a1a1a;
  outline: 2px solid var(--tt-accent);
  outline-offset: 2px;
}
.tt-chat[data-state="open"] .tt-chat__tab {
  right: min(380px, 92vw);
}
.tt-chat__panel {
  position: fixed;
  top: 0;
  right: 0;
  width: min(380px, 92vw);
  height: 100vh;
  height: 100dvh;
  background: var(--tt-paper);
  color: var(--tt-ink);
  border-left: 1px solid var(--tt-muted);
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  transform: translateX(105%);
  transition: transform 0.28s ease;
  z-index: 99992;
  padding: 16px 16px 8.8px;
  box-sizing: border-box;
}
.tt-chat[data-state="open"] .tt-chat__panel {
  transform: translateX(0);
}
.tt-chat__panel[hidden] {
  display: none;
}
.tt-chat[data-state="open"] .tt-chat__panel[hidden] {
  display: flex;
}
.tt-chat__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10.4px;
}
.tt-chat__eyebrow {
  margin: 0;
  font-size: 10.88px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tt-accent);
}
.tt-chat__title {
  margin: 3.2px 0 0;
  font-size: 18.4px;
  line-height: 1.2;
  font-family: "Scandia-Medium", Helvetica, Arial, sans-serif;
}
.tt-chat__close {
  border: 0;
  background: transparent;
  font-size: 25.6px;
  line-height: 1;
  cursor: pointer;
  color: var(--tt-ink);
  padding: 1.6px 5.6px;
}
.tt-chat__help {
  margin: 0 0 13.6px;
  font-size: 13.12px;
  line-height: 1.4;
  color: #333;
}
.tt-chat__log {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 10.4px;
  padding: 4.8px 2.4px 5.6px;
  border-top: 1px solid var(--tt-muted);
  border-bottom: 1px solid var(--tt-muted);
  margin-bottom: 6.4px;
}
/* Empty transcript: keep the composer under the intro on every width.
   A flex-grown log leaves a hollow gap above the leasing line.
   Review mode keeps the 0.5.4 empty layout (mobile rules below). */
.tt-chat--log-empty:not([data-review="on"]) .tt-chat__log,
.tt-chat:not([data-review="on"]) .tt-chat__log:empty {
  flex: 0 0 auto;
  padding: 0;
  margin: 0 0 4.8px;
  border-bottom: 0;
}
.tt-chat--log-empty:not([data-review="on"]) .tt-chat__header,
.tt-chat:not([data-review="on"]) .tt-chat__panel:has(.tt-chat__log:empty) .tt-chat__header {
  margin-bottom: 4.8px;
}
.tt-chat--log-empty:not([data-review="on"]) .tt-chat__help,
.tt-chat:not([data-review="on"]) .tt-chat__panel:has(.tt-chat__log:empty) .tt-chat__help {
  margin-bottom: 6.4px;
}
.tt-chat__bubble {
  max-width: 92%;
  padding: 10.4px 12px;
  border-radius: 10px;
  font-size: 14.08px;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
}
.tt-chat__bubble--user {
  align-self: flex-end;
  background: var(--tt-ink);
  color: var(--tt-paper);
}
.tt-chat__bubble--desk {
  align-self: flex-start;
  background: var(--tt-white);
  border: 1px solid var(--tt-muted);
}
.tt-chat__bubble--meta {
  align-self: center;
  background: transparent;
  color: #666;
  font-size: 12px;
  padding: 3.2px;
}
.tt-chat__bubble--thinking {
  display: inline-flex;
  align-items: center;
  gap: 7.2px;
  color: #555;
  font-style: italic;
  white-space: nowrap;
}
.tt-chat__thinking-label {
  font-style: italic;
}
.tt-chat__dots {
  display: inline-flex;
  align-items: center;
  gap: 3.52px;
}
.tt-chat__dots span {
  width: 6.08px;
  height: 6.08px;
  border-radius: 50%;
  background: var(--tt-accent);
  opacity: 0.35;
  animation: tt-chat-dot 1.2s ease-in-out infinite;
}
.tt-chat__dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.tt-chat__dots span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes tt-chat-dot {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-2.88px);
  }
}
.tt-chat__more {
  margin-top: 10.4px;
  padding-top: 7.2px;
  border-top: 1px solid rgba(178, 173, 158, 0.7);
}
.tt-chat__more-toggle {
  border: 0;
  background: transparent;
  color: var(--tt-accent);
  padding: 0;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
.tt-chat__more-toggle:hover,
.tt-chat__more-toggle:focus-visible {
  color: #007aa3;
  outline: 2px solid var(--tt-accent);
  outline-offset: 2px;
}
.tt-chat__more-content {
  margin-top: 7.2px;
}
.tt-chat__more-content[hidden] {
  display: none;
}
.tt-chat__bubble a {
  color: var(--tt-accent);
  text-decoration: underline;
  word-break: break-all;
}
.tt-chat__bubble a:hover,
.tt-chat__bubble a:focus-visible {
  color: #007aa3;
}
.tt-chat__bubble--user a {
  color: var(--tt-paper);
}
.tt-chat__form {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4.8px;
}
.tt-chat__audience {
  display: flex;
  flex-direction: column;
  gap: 3.2px;
  width: 100%;
}
.tt-chat__audience-pick[hidden],
.tt-chat__audience-summary[hidden] {
  display: none;
}
.tt-chat__audience-pick {
  display: flex;
  flex-direction: column;
  gap: 3.2px;
}
.tt-chat__audience-summary {
  display: flex;
  align-items: center;
  gap: 5.6px;
  min-height: 18.4px;
  color: #666;
  font-size: 12px;
  line-height: 1.25;
}
.tt-chat__audience-change {
  border: 0;
  background: transparent;
  color: var(--tt-accent);
  padding: 0;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.tt-chat__audience-change:hover,
.tt-chat__audience-change:focus-visible {
  color: #007aa3;
  outline: 2px solid var(--tt-accent);
  outline-offset: 2px;
}
.tt-chat__audience label {
  font-size: 12.48px;
  line-height: 1.35;
  color: #333;
}
.tt-chat__audience select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--tt-muted);
  border-radius: 8px;
  padding: 7.2px 8.8px;
  font: inherit;
  font-size: 14.08px;
  background: var(--tt-white);
  color: var(--tt-ink);
}
/* Thick red ring, same as the Ten Tenth theme's :focus-visible rule.
   :focus (not only :focus-visible) so a mouse click that opens the panel
   still rings the audience select. Textareas match :focus-visible on
   script focus; selects often do not, which left the ring on the question. */
.tt-chat__audience select:focus {
  outline: 3px solid var(--tt-accent);
  outline-offset: 3px;
}
.tt-chat__disclaimer {
  margin: 2.4px 0 0;
  color: #666;
  font-size: 12.8px;
  line-height: 1.35;
  font-weight: normal;
}
.tt-chat__compose {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
}
/* Keep the question label out of the grid if the theme has no .screen-reader-text. */
.tt-chat__compose .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.tt-chat__compose textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  resize: vertical;
  min-height: 51.2px;
  max-height: 128px;
  border: 1px solid var(--tt-muted);
  border-radius: 8px;
  padding: 8.8px 10.4px;
  font: inherit;
  background: var(--tt-white);
  color: var(--tt-ink);
}
.tt-chat__send {
  box-sizing: border-box;
  background: var(--tt-ink);
  color: var(--tt-white);
  border: 0;
  border-radius: 8px;
  padding: 11.2px 16px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px;
}
.tt-chat__send:disabled {
  opacity: 0.55;
  cursor: wait;
}
@media (max-width: 640px) {
  .tt-chat__tab {
    top: auto;
    bottom: 17.6px;
    writing-mode: horizontal-tb;
    border-radius: 999px 0 0 999px;
    padding: 11.2px 13.6px;
    flex-direction: row;
  }
  .tt-chat[data-state="open"] .tt-chat__tab {
    right: 100%;
    opacity: 0;
    pointer-events: none;
  }
  /* Full-bleed drawer. Width stays auto so 100vw cannot add a horizontal scrollbar. */
  .tt-chat__panel {
    left: 0;
    right: 0;
    width: auto;
    max-width: none;
    border-left: 0;
    overflow: hidden;
    top: var(--tt-vv-top, 0px);
    height: 100vh;
    height: 100dvh;
    height: var(--tt-vv-height, 100dvh);
    padding:
      11.2px
      max(13.6px, env(safe-area-inset-right, 0px))
      calc(5.6px + env(safe-area-inset-bottom, 0px))
      max(13.6px, env(safe-area-inset-left, 0px));
  }
  .tt-chat__compose {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .tt-chat__audience select,
  .tt-chat__compose textarea {
    font-size: 16px;
  }
  .tt-chat__compose textarea {
    max-height: 104px;
  }
  .tt-chat__send {
    width: 100%;
    min-height: 44px;
  }
  /* Empty transcript on phones, including admin mode: same as 0.5.4. */
  .tt-chat--log-empty .tt-chat__log,
  .tt-chat__log:empty {
    flex: 0 0 auto;
    padding: 0;
    margin: 0 0 8px;
    border-bottom: 0;
  }
  .tt-chat--log-empty .tt-chat__header,
  .tt-chat__panel:has(.tt-chat__log:empty) .tt-chat__header {
    margin-bottom: 4.8px;
  }
  .tt-chat--log-empty .tt-chat__help,
  .tt-chat__panel:has(.tt-chat__log:empty) .tt-chat__help {
    margin-bottom: 6.4px;
  }
  /* Keyboard is open: drop the leasing line so the composer keeps the space. */
  .tt-chat--keyboard .tt-chat__form-foot {
    display: none;
  }
  .tt-chat--keyboard .tt-chat__panel {
    padding-bottom: 6.4px;
  }
  .tt-chat--keyboard .tt-chat__compose textarea {
    max-height: 72px;
  }
}
.tt-chat__form-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: 0;
}
.tt-chat__review-banner {
  display: flex;
  flex-direction: column;
  gap: 5.6px;
  margin: 0 0 10.4px;
  padding: 6.4px 10.4px;
  background: var(--tt-ink);
  color: var(--tt-paper);
  border-radius: 8px;
}
.tt-chat__review-banner[hidden],
.tt-chat__review-form[hidden],
.tt-chat__correction[hidden],
.tt-chat__correction-error[hidden] {
  display: none;
}
.tt-chat__review-banner-title,
.tt-chat__review-banner-meta,
.tt-chat__review-who {
  margin: 0;
}
.tt-chat__review-banner-title {
  font-size: 11.52px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tt-paper);
  white-space: nowrap;
}
.tt-chat__review-banner-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}
.tt-chat__review-banner-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  flex-shrink: 0;
}
.tt-chat__review-banner-meta button {
  border: 0;
  background: transparent;
  color: var(--tt-paper);
  font: inherit;
  font-size: 11.52px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.tt-chat__review-banner-meta button:hover,
.tt-chat__review-banner-meta button:focus-visible {
  color: var(--tt-accent);
  outline: 2px solid var(--tt-accent);
  outline-offset: 2px;
}
.tt-chat__review-tips {
  display: block;
  margin-top: 5.6px;
  padding: 8px 8.8px 7.2px;
  background: var(--tt-paper);
  color: var(--tt-ink);
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
.tt-chat__review-tips[hidden] {
  display: none;
}
.tt-chat__review-who {
  font-size: 11.52px;
  color: #333;
}
.tt-chat__review-tips ul {
  margin: 5.6px 0 0;
  padding-left: 16.8px;
}
.tt-chat__review-tips li + li {
  margin-top: 5.6px;
}
.tt-chat__review-tips-close {
  margin-top: 6.4px;
  border: 0;
  background: transparent;
  color: var(--tt-ink);
  font: inherit;
  font-size: 11.52px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.tt-chat__review-tips-close:hover,
.tt-chat__review-tips-close:focus-visible {
  color: var(--tt-accent);
  outline: 2px solid var(--tt-accent);
  outline-offset: 2px;
}
.tt-chat__review-form {
  display: flex;
  flex-direction: column;
  gap: 5.6px;
  margin-top: 8.8px;
}
.tt-chat__review-form label,
.tt-chat__review-hint,
.tt-chat__correction label,
.tt-chat__correction-error,
.tt-chat__vote-done {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  color: #333;
}
.tt-chat__review-row,
.tt-chat__correction-actions,
.tt-chat__vote-buttons {
  display: flex;
  align-items: center;
  gap: 6.4px;
}
.tt-chat__review-form input,
.tt-chat__correction textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--tt-muted);
  border-radius: 8px;
  padding: 7.2px 8.8px;
  font: inherit;
  font-size: 13.6px;
  background: var(--tt-white);
  color: var(--tt-ink);
}
.tt-chat__review-form button,
.tt-chat__correction-actions button,
.tt-chat__vote-btn {
  background: var(--tt-ink);
  color: var(--tt-paper);
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.tt-chat__review-form button,
.tt-chat__correction-actions button {
  padding: 7.2px 11.2px;
  font-size: 11.52px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.tt-chat__correction-cancel,
.tt-chat__vote {
  white-space: normal;
}
.tt-chat__correction-actions .tt-chat__correction-cancel {
  background: transparent;
  color: var(--tt-ink);
  text-decoration: underline;
}
.tt-chat__vote {
  display: none;
  flex-direction: column;
  gap: 6.4px;
  margin-top: 8.8px;
  padding-top: 7.2px;
  border-top: 1px solid rgba(178, 173, 158, 0.7);
}
.tt-chat[data-review="on"] .tt-chat__vote {
  display: flex;
}
.tt-chat[data-review="on"] .tt-chat__help,
.tt-chat[data-review="on"] .tt-chat__disclaimer {
  display: none;
}
.tt-chat__vote-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
}
.tt-chat__vote-btn:hover,
.tt-chat__vote-btn:focus-visible,
.tt-chat__review-form button:hover,
.tt-chat__review-form button:focus-visible,
.tt-chat__correction-actions button:hover,
.tt-chat__correction-actions button:focus-visible {
  outline: 2px solid var(--tt-accent);
  outline-offset: 2px;
}
.tt-chat__thumb--down {
  transform: rotate(180deg);
  transform-origin: center;
}
.tt-chat__correction {
  display: flex;
  flex-direction: column;
  gap: 5.6px;
}
.tt-chat__correction-error {
  color: var(--tt-accent);
}
.tt-chat__vote-done {
  color: #555;
}
.tt-chat__form-foot .tt-chat__disclaimer {
  margin: 0;
  flex: 1 1 auto;
}
/* Camouflaged build mark — same as panel paper; highlight to read */
.tt-chat__ver {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  font-size: 9.92px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--tt-paper);
  user-select: text;
}

/* title face lock — must beat #tt-test-chat-root .tt-chat__panel h2 */
#tt-test-chat-root .tt-chat__panel h2.tt-chat__title{font-family:"Scandia-Medium",Helvetica,Arial,sans-serif!important;font-size:18.4px!important;color:var(--tt-ink)!important;font-weight:600!important;}
#tt-test-chat-root .tt-chat__panel button.tt-chat__send,
#tt-test-chat-root .tt-chat__panel button.tt-chat__close,
#tt-test-chat-root button.tt-chat__tab{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;}

#tt-test-chat-root .tt-chat__notice-start,
#tt-test-chat-root .tt-chat__about-close {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.tt-chat__header-actions {
  display: flex;
  align-items: center;
  gap: 5.6px;
  flex: 0 0 auto;
}
.tt-chat__info {
  box-sizing: border-box;
  width: 27.2px;
  height: 27.2px;
  min-width: 27.2px;
  border-radius: 50%;
  border: 1.5px solid var(--tt-ink);
  background: transparent;
  color: var(--tt-ink);
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 600;
  font-size: 15.2px;
  line-height: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#tt-test-chat-root .tt-chat__panel button.tt-chat__info {
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 15.2px !important;
  line-height: 1 !important;
  width: 27.2px !important;
  height: 27.2px !important;
  min-width: 27.2px !important;
  padding: 0 !important;
  border: 1.5px solid var(--tt-ink) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--tt-ink) !important;
  box-shadow: none !important;
}
.tt-chat__info:focus-visible,
#tt-test-chat-root .tt-chat__panel button.tt-chat__info:focus-visible {
  outline: 3px solid var(--tt-ink);
  outline-offset: 3px;
}
.tt-chat__notice {
  margin: 0 0 10.4px;
  padding: 8.8px 10.4px;
  background: #fff;
  color: var(--tt-ink);
  border: 1px solid var(--tt-muted);
  border-radius: 8px;
  font-size: 12.48px;
  line-height: 1.35;
}
.tt-chat__notice p { margin: 0; }
.tt-chat__notice-short { display: none; }
.tt-chat__notice-details,
.tt-chat__about-link,
.tt-chat__notice-privacy,
.tt-chat__terms-link {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: var(--tt-ink);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.tt-chat__notice-details:focus-visible,
.tt-chat__about-link:focus-visible,
.tt-chat__notice-privacy:focus-visible,
.tt-chat__terms-link:focus-visible,
.tt-chat__notice-start:focus-visible,
.tt-chat__about-close:focus-visible {
  outline: 3px solid var(--tt-ink);
  outline-offset: 3px;
}
.tt-chat__notice-gate {
  max-width: 100%;
  align-self: stretch;
  white-space: normal;
}
.tt-chat__notice-gate p { margin: 0 0 10.4px; }
.tt-chat__notice-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.tt-chat__notice-privacy { margin-right: auto; }
.tt-chat__notice-start,
.tt-chat__about-close {
  background: var(--tt-ink);
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 10.4px 14.4px;
  cursor: pointer;
  font-size: 12.48px;
}
.tt-chat__notice-error {
  margin: 8.8px 0 0;
  color: var(--tt-ink);
  font-size: 12.8px;
}
.tt-chat__about {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: rgba(15, 15, 15, 0.55);
  display: flex;
  padding: 12px;
  box-sizing: border-box;
}
.tt-chat__about[hidden] { display: none !important; }
.tt-chat__about-card {
  background: #fff;
  color: var(--tt-ink);
  width: 100%;
  overflow: auto;
  border-radius: 10px;
  padding: 14.4px 14.4px 12px;
}
.tt-chat__about-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  padding-bottom: 7.2px;
}
.tt-chat__about-card h2 {
  margin: 0;
  font-size: 16.8px;
  line-height: 1.25;
}
.tt-chat__about-card h3 {
  margin: 13.6px 0 4.8px;
  font-size: 14.72px;
}
.tt-chat__about-card p,
.tt-chat__about-card li {
  margin: 0 0 8.8px;
  font-size: 13.44px;
  line-height: 1.45;
}
.tt-chat__about-card ul {
  margin: 0 0 6.4px;
  padding-left: 17.6px;
}
.tt-chat__about-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 5.6px;
}
/* While the AI notice is pending, hide the audience dropdown and the
   question/send row. The notice-actions bar sticks to the bottom of the log
   so "I understand, start chat" stays visible without scrolling on short
   screens (1024x600 tablet landscape, phones), even when the notice itself
   is taller than the panel. NOTICE_VERSION is unchanged. */
#tt-test-chat-root.tt-chat--needs-notice .tt-chat__audience,
#tt-test-chat-root.tt-chat--needs-notice .tt-chat__compose,
.tt-chat--needs-notice .tt-chat__audience,
.tt-chat--needs-notice .tt-chat__compose {
  display: none !important;
}
.tt-chat--needs-notice .tt-chat__notice-actions {
  position: sticky;
  bottom: 0;
  z-index: 3;
  background: #fff;
  padding: 14px 0 4px;
  box-shadow: 0 -10px 0 0 #fff, 0 -22px 18px 8px #fff;
}
#tt-test-chat-root .tt-chat__disclaimer {
  color: var(--tt-ink);
}
#tt-test-chat-root .tt-chat__notice,
#tt-test-chat-root .tt-chat__about-card,
#tt-test-chat-root .tt-chat__notice-gate {
  color: var(--tt-ink) !important;
}
#tt-test-chat-root .tt-chat__notice,
#tt-test-chat-root .tt-chat__about-card,
#tt-test-chat-root .tt-chat__about-bar {
  background: #fff !important;
}
#tt-test-chat-root .tt-chat__notice-start,
#tt-test-chat-root .tt-chat__about-close {
  background: var(--tt-ink) !important;
  color: #fff !important;
}
@media (max-width: 640px) {
  .tt-chat__notice-full { display: none; }
  .tt-chat__notice-short { display: block; }
}

/* 2026-11-03 notice font-size hotfix: host theme p{22px/500} was overriding; match .tt-chat__bubble (14.08px/1.4) */
#tt-test-chat-root .tt-chat__notice-gate,
#tt-test-chat-root .tt-chat__notice-gate p,
#tt-test-chat-root .tt-chat__notice-gate span,
#tt-test-chat-root .tt-chat__notice-gate .tt-chat__notice-actions,
#tt-test-chat-root .tt-chat__about,
#tt-test-chat-root .tt-chat__about p,
#tt-test-chat-root .tt-chat__about li {
  font-size: 14.08px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
#tt-test-chat-root .tt-chat__notice-gate p,
#tt-test-chat-root .tt-chat__about p { margin: 0 0 0.6em !important; padding: 0 !important; }
#tt-test-chat-root .tt-chat__notice-gate strong,
#tt-test-chat-root .tt-chat__about strong { font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important; margin: 0 !important; }
#tt-test-chat-root .tt-chat__notice-gate button { font-size: 13.12px !important; line-height: 1.3 !important; }

/* 2026-11-03 About panel normalize (round 2) */
#tt-test-chat-root .tt-chat__about .tt-chat__about-card,
#tt-test-chat-root .tt-chat__about ul,
#tt-test-chat-root .tt-chat__about ul ul,
#tt-test-chat-root .tt-chat__about li,
#tt-test-chat-root .tt-chat__about li li,
#tt-test-chat-root .tt-chat__about div:not(.tt-chat__about-bar) {
  font-size: 14.08px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}
#tt-test-chat-root .tt-chat__about p,
#tt-test-chat-root .tt-chat__about li { line-height: 1.45 !important; }
#tt-test-chat-root .tt-chat__about ul { margin: 0.2em 0 0.6em !important; padding-left: 1.2em !important; list-style: disc !important; }
#tt-test-chat-root .tt-chat__about ul ul { margin: 0.2em 0 0.2em !important; list-style: circle !important; }
#tt-test-chat-root .tt-chat__about li { margin: 0 0 0.25em !important; padding: 0 !important; }
#tt-test-chat-root .tt-chat__about strong,
#tt-test-chat-root .tt-chat__about b,
#tt-test-chat-root .tt-chat__notice-gate strong { font-size: inherit !important; line-height: inherit !important; font-weight: 600 !important; }
#tt-test-chat-root .tt-chat__about h3 { font-size: 15.2px !important; line-height: 1.3 !important; font-weight: 600 !important; margin: 0.9em 0 0.3em !important; }
#tt-test-chat-root .tt-chat__about h2 { font-weight: 600 !important; }