.lookup { margin: 0 0 1.25rem; }

.lookup-toggle {
  display: inline-flex;
  padding: 4px;
  background: var(--accent);
  border-radius: 12px;
  margin-bottom: .75rem;
}
.lookup-tab {
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 600;
  padding: .5rem 1.15rem;
  border-radius: 8px;
  cursor: pointer;
}
.lookup-tab.is-active { background: #fff; color: var(--accent); }
.lookup-tab:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }

.lookup-searchbar {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid var(--accent);
  border-radius: 12px;
  overflow: hidden;
}
.lookup-input {
  flex: 1;
  min-width: 0;
  border: 0;
  padding: .9rem 1rem;
  font: inherit;
  color: #111;
  outline: none;
  background: transparent;
}
.lookup-btn {
  border: 0;
  background: transparent;
  color: var(--accent);
  padding: 0 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lookup-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

/* Thesaurus result styles (shared by all lookup pages; emitted by word-lookup.js in thesaurus mode) */
.thes-result-card { background: var(--surface); border-radius: var(--radius-lg); padding: 24px; margin-top: 16px; box-shadow: var(--shadow); }
.thes-word-found  { font-size: 1rem; color: var(--muted); margin-bottom: 18px; }
.thes-group       { margin-bottom: 18px; }
.thes-group-title { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 10px; }
.thes-tags        { display: flex; flex-wrap: wrap; gap: 8px; }
.thes-tag         { display: inline-block; padding: 6px 14px; border-radius: 999px; font-size: .9rem; font-weight: 600; cursor: pointer; transition: opacity .15s; }
.thes-tag:hover   { opacity: .8; }
.thes-syn         { background: #e0e7ff; color: #3730a3; }
.thes-ant         { background: #fce7f3; color: #9d174d; }

/* Lookup status / error messages (shared by both modes on all lookup pages) */
.dict-msg     { color: var(--muted); margin-top: 16px; }
.dict-warn    { color: var(--muted); }
.dict-invalid { color: var(--muted); }