/* Consumer adaptations to the shared Reecopedia reading workspace. */
html[data-theme] { --fg:var(--work-ink); --muted:var(--work-muted); }
.card {display:flex;flex-direction:column;}
.chat {display:flex;flex-direction:column;}
.msg.me,html[data-theme] .msg.me {align-self:flex-end;background:var(--work-user);border-color:var(--work-line);}
.prompt-heading {font-size:13px;line-height:1.5;font-weight:600;color:var(--work-muted);margin:0 0 8px;}
#reecopediaLink {display:inline-block;color:var(--work-accent);font-size:13px;line-height:1.6;margin:14px 0 0;text-underline-offset:3px;}
#q::placeholder {color:var(--work-muted);opacity:1;}
#sendBtn:disabled {opacity:.6;cursor:wait;}
#clearChatBtn:disabled {opacity:.6;cursor:wait;}
html[data-theme] #legend {color:var(--work-ink);}
html[data-theme] header h1 {text-transform:none;letter-spacing:.04em;}
html[data-theme] .msg.bot::before,html[data-theme] .msg.me::before {display:none;}
@media(max-width:700px) {
  header h1 {font-size:16px;}
  header .spacer {display:none;}
  header .theme-toggle {margin-inline-start:auto;}
  header .pill:has(#langSel) {margin-inline-start:auto;}
}
html[data-theme] .welcome-prompts button {border-radius:0;background:transparent;color:var(--work-ink);border-color:var(--work-line);}
html[data-theme] .welcome-prompts button:hover {background:var(--work-soft);color:var(--work-accent);}
html[data-theme] #q {-webkit-text-fill-color:var(--work-ink);caret-color:var(--work-accent);}
html[data-theme] #q::placeholder {-webkit-text-fill-color:var(--work-muted);}
@media(max-width:780px) {
  header {display:grid;grid-template-columns:30px minmax(0,1fr) 44px;gap:8px 10px;min-height:104px;padding:10px 14px;}
  header img {width:30px;height:30px;}
  html[data-theme] header h1 {font-size:16px;margin:0;min-width:0;}
  header #themeToggle {width:44px;min-width:44px;margin:0;}
  header .spacer,header #homeLink {display:none;}
  header .pill:has(#langSel) {grid-column:2/4;width:auto;justify-self:end;margin:0;}
}
html[data-theme] #themeToggle {display:inline-flex;align-items:center;justify-content:center;padding:0;}
html[data-theme] #themeToggle .theme-toggle-thumb {position:static;transform:none;width:22px;height:22px;background:transparent;display:grid;place-items:center;}
html[data-theme] #themeToggle .theme-toggle-icon {padding:0;line-height:1;}