:root {
  --wits-tool-blue: #0a43ad;
  --wits-tool-blue-dark: #073284;
  --wits-tool-blue-bright: #1476da;
  --wits-tool-ink: #101010;
  --wits-tool-muted: #50505c;
  --wits-tool-panel: #efefec;
  --wits-tool-paper: #fbfbf8;
  --wits-tool-link: #0645ad;
}

.wits-home {
  box-sizing: border-box;
  width: min(calc(100% - 36px), 1180px);
  max-width: none;
  margin: 20px auto 30px;
  padding: 0;
  color: var(--wits-tool-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.45;
}
.wits-home *, .wits-home *::before, .wits-home *::after { box-sizing: border-box; }
.wits-home a { color: var(--wits-tool-link); text-decoration: underline; text-underline-offset: 2px; }
.wits-home button, .wits-home input { font: inherit; }
/* GeneratePress applies white text to generic buttons. The utility UI always owns its button colors. */
.wits-home button { color: #111 !important; }

.wits-window {
  margin: 0 0 14px;
  border: 1px solid #777;
  background: #efefec;
  box-shadow: inset 1px 1px #fff, inset -1px -1px #b3b3b0;
}
.wits-titlebar {
  min-height: 31px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 7px;
  padding: 3px 5px 3px 7px;
  background: linear-gradient(90deg, #07358b 0%, #0b4ead 54%, #1377dc 100%);
  color: #fff;
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .005em;
  text-shadow: 0 1px rgba(0,0,0,.18);
}
.wits-titlebar__mark {
  display: inline-grid;
  place-items: center;
  width: 14px;
  height: 14px;
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}
.wits-titlebar__control {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: #111;
  background: #dedede;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #585858;
  border-bottom: 2px solid #585858;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-shadow: none;
}
.wits-window__body { padding: 24px 30px 25px; }
.wits-finder__body { padding-top: 25px; }
.wits-h1 {
  margin: 0 0 5px;
  color: #0c0c0c;
  font-size: clamp(2.25rem, 4.2vw, 3rem);
  line-height: 1.04;
  letter-spacing: -.04em;
  font-weight: 800;
}
.wits-lead { margin: 0 0 22px; color: #252525; font-size: clamp(1rem, 1.7vw, 1.2rem); }

.wits-search { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 12px; align-items: stretch; }
.wits-search input {
  width: 100%;
  min-height: 45px;
  padding: 8px 13px;
  color: #111;
  background: #fff;
  border-top: 2px solid #6f6f6f;
  border-left: 2px solid #6f6f6f;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  outline: 1px solid #bdbdbd;
  border-radius: 0;
  box-shadow: none;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1rem;
}
.wits-search input::placeholder { color: #6b6b6b; opacity: 1; }
.wits-search input:focus { outline: 2px solid #0a43ad; outline-offset: 2px; }
.wits-button {
  min-height: 43px;
  padding: 8px 18px;
  color: #111 !important;
  background: #dededb !important;
  border: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #5b5b5b;
  border-bottom: 2px solid #5b5b5b;
  border-radius: 0;
  box-shadow: 0 0 0 1px #9c9c9c;
  font-weight: 700;
  cursor: pointer;
}
.wits-button:hover, .wits-button:focus-visible { background: #f0f0ed !important; color: #111 !important; }
.wits-button:active { border-top-color: #666; border-left-color: #666; border-right-color: #fff; border-bottom-color: #fff; }
.wits-button--primary { font-size: 1.02rem; }

.wits-examples { margin-top: 18px; }
.wits-examples__label { display: block; margin-bottom: 9px; font-weight: 600; }
.wits-symbol-strip { display: flex; flex-wrap: wrap; gap: 10px; }
.wits-symbol-button {
  width: 68px;
  min-height: 62px;
  display: grid;
  place-items: center;
  padding: 4px;
  color: #111 !important;
  background: #eeeeec !important;
  border: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  text-shadow: none;
}
.wits-symbol-button:hover, .wits-symbol-button:focus-visible { background: #fff !important; color: #111 !important; outline: 1px dotted #111; outline-offset: -5px; }
.wits-center { margin: 15px 0 0; text-align: center; }

.wits-result__body { display: grid; grid-template-columns: minmax(0, 2fr) minmax(285px, .95fr); gap: 26px; padding-top: 20px; padding-bottom: 20px; }
.wits-result__main { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 22px; min-width: 0; }
.wits-glyph-box {
  min-height: 160px;
  display: grid;
  place-items: center;
  color: #0c0c0c;
  background: #fff;
  border-top: 2px solid #797979;
  border-left: 2px solid #797979;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  outline: 1px solid #bdbdbd;
  font-size: clamp(4rem, 8vw, 6.1rem);
  line-height: 1;
  font-family: "Segoe UI Symbol", "Apple Symbols", system-ui, sans-serif;
}
.wits-result__copy { min-width: 0; padding-top: 2px; }
.wits-result h2 { margin: 0 0 5px; color: #111; font-size: 1.48rem; line-height: 1.15; font-weight: 800; }
.wits-result__copy > p:not(.wits-meta) { margin: 0; color: #222; }
.wits-meta { margin: 0 0 14px; color: var(--wits-tool-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .86rem; }
.wits-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 17px; }
.wits-similar { min-width: 0; padding-left: 25px; border-left: 1px solid #aaa; }
.wits-similar h3 { margin: 0 0 12px; color: #111; font-size: 1rem; }
.wits-similar__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 11px; }
.wits-similar__item {
  min-width: 0;
  padding: 9px 3px 7px;
  color: #111 !important;
  background: #eeeeec !important;
  border: 1px solid #aaa;
  border-radius: 0;
  cursor: pointer;
}
.wits-similar__item:hover, .wits-similar__item:focus-visible { color: #111 !important; background: #fff !important; }
.wits-similar__item span { display: block; color: #111; font-size: 1.62rem; line-height: 1.1; }
.wits-similar__item small { display: block; margin-top: 8px; color: #50505c; font-family: ui-monospace, monospace; font-size: .68rem; overflow-wrap: anywhere; }
.wits-details { margin: 17px 0 0; border-top: 1px solid #aaa; }
.wits-details div { display: grid; grid-template-columns: 135px 1fr; gap: 12px; padding: 6px 0; border-bottom: 1px dotted #aaa; }
.wits-details dt { font-weight: 700; }
.wits-details dd { margin: 0; font-family: ui-monospace, monospace; }

.wits-section-intro { margin: -2px 0 14px; color: #222; }
.wits-choice-grid { display: grid; gap: 10px; }
.wits-choice-grid--appearance { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.wits-choice-grid--categories { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.wits-choice {
  min-width: 0;
  min-height: 98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px;
  color: #111 !important;
  text-decoration: none !important;
  background: #eeeeec !important;
  border: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  border-radius: 0;
  cursor: pointer;
  text-shadow: none;
}
.wits-choice:hover, .wits-choice:focus-visible { background: #fff !important; color: #111 !important; outline: 1px dotted #111; outline-offset: -6px; }
.wits-choice__glyph { color: #111; font-size: 2.2rem; line-height: 1; font-weight: 500; }
.wits-choice__label { color: #111; font-weight: 600; text-align: center; }
.wits-status { min-height: 1.5em; margin: -5px 0 0; color: #444; font-family: ui-monospace, monospace; font-size: .85rem; }
.wits-home [hidden] { display: none !important; }

@media (max-width: 900px) {
  .wits-choice-grid--categories { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wits-choice-grid--appearance { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wits-result__body { grid-template-columns: 1fr; }
  .wits-similar { padding-left: 0; padding-top: 18px; border-left: 0; border-top: 1px solid #aaa; }
}

@media (max-width: 680px) {
  .wits-home { width: min(calc(100% - 16px), 1180px); margin-top: 10px; }
  .wits-window__body { padding: 18px 14px 20px; }
  .wits-titlebar { grid-template-columns: 17px minmax(0,1fr) 22px; }
  .wits-h1 { font-size: clamp(2rem, 10vw, 2.65rem); }
  .wits-search { grid-template-columns: 1fr; }
  .wits-search .wits-button { width: 100%; }
  .wits-result__main { grid-template-columns: 1fr; }
  .wits-glyph-box { min-height: 130px; }
  .wits-choice-grid--categories, .wits-choice-grid--appearance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wits-symbol-button { width: 58px; min-height: 56px; }
  .wits-similar__grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .wits-details div { grid-template-columns: 1fr; gap: 2px; }
}