/* =========================================================
 * voicesample.css
 * voice_samples archive
 * 左検索UI・親2カラムは add_2606.css（narratorsと同じCSS）を使用
 * ここでは右側の音声サンプル一覧と、voice_samples固有UIのみ調整
 * ========================================================= */

:root {
  --expvs-main: #b90814;
  --expvs-accent: #ff4a1f;
  --expvs-text: #111;
  --expvs-muted: #666;
  --expvs-border: #f2d8dc;
  --expvs-wave: #9aa0aa;
  --expvs-bg-female: #fff4f5;
  --expvs-bg-male: #f3f8ff;
  --expvs-bg-foreign: #f2fbf4;
  --expvs-bg-default: #fff;
}

.expvs-main { min-width: 0; }

.expvs-main-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 0 0 14px;
}

.expvs-title {
  margin: 0;
  color: #111;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.4;
}

.expvs-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 36px;
  margin-left: 14px;
  padding: 4px 12px;
  border-radius: 6px;
  background: #f3f3f3;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
}

.expvs-sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--expvs-muted);
  font-size: 13px;
  white-space: nowrap;
}

.expvs-sort select {
  min-width: 140px;
  height: 44px;
  border: 1px solid #d9dce2;
  border-radius: 6px;
  padding: 0 36px 0 14px;
  background: #fff;
  color: var(--expvs-text);
  font-size: 14px;
}

/* 右側リスト全体：当初案のように、カードを分離せず1つの一覧にする */
.expvs-archive .expvs-sample-list {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--expvs-border) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* 既存 add_2606.css の .exp2606-audio-item レイアウトをここで完全に上書き */
.expvs-archive .expvs-sample-list > .expvs-sample-row.exp2606-audio-item {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) 170px 210px !important;
  grid-template-areas: "play content sub main" !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 164px !important;
  margin: 0 !important;
  padding: 28px 26px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--expvs-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--expvs-bg-default) !important;
}

.expvs-archive .expvs-sample-list > .expvs-sample-row.exp2606-audio-item:last-child {
  border-bottom: 0 !important;
}

.expvs-archive .expvs-sample-row.is-female { background: var(--expvs-bg-female) !important; }
.expvs-archive .expvs-sample-row.is-male { background: var(--expvs-bg-male) !important; }
.expvs-archive .expvs-sample-row.is-foreign { background: var(--expvs-bg-foreign) !important; }

.expvs-archive .expvs-play-area {
  grid-area: play !important;
  align-self: center !important;
  justify-self: center !important;
  min-width: 0 !important;
}

.expvs-archive .expvs-content-area {
  grid-area: content !important;
  min-width: 0 !important;
  width: 100% !important;
}

.expvs-archive .expvs-actions-sub {
  grid-area: sub !important;
  min-width: 0 !important;
}

.expvs-archive .expvs-actions-main {
  grid-area: main !important;
  min-width: 0 !important;
}

.expvs-archive .expvs-sample-title {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 22px !important;
  color: var(--expvs-text) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .02em !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

.expvs-archive .expvs-sample-title span { display: inline !important; }
.expvs-archive .expvs-sample-prefix { font-weight: 800 !important; color: var(--expvs-main) !important; }
.expvs-archive .expvs-sample-row.is-male .expvs-sample-prefix { color: #0067c7 !important; }
.expvs-archive .expvs-sample-row.is-foreign .expvs-sample-prefix { color: #238a35 !important; }

.expvs-archive .expvs-player-line {
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.expvs-archive .expvs-time {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  width: 104px !important;
  min-width: 104px !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* add_2606.css のPC用 clock 指定を打ち消す */
.expvs-archive .expvs-time .exp2606-audio-current,
.expvs-archive .expvs-time .exp2606-audio-duration {
  grid-area: auto !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  justify-self: auto !important;
  align-self: auto !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #111 !important;
  white-space: nowrap !important;
}

.expvs-archive .expvs-time .exp2606-audio-current::after { content: "" !important; }

.expvs-archive .expvs-wave-area {
  min-width: 0 !important;
  width: 100% !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-btn {
  grid-area: auto !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ef9fa7 !important;
  border-radius: 50% !important;
  color: var(--expvs-main) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-btn-icon {
  border-top-width: 13px !important;
  border-bottom-width: 13px !important;
  border-left-width: 19px !important;
  border-left-color: var(--expvs-main) !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-btn.is-playing {
  background: var(--expvs-main) !important;
  border-color: var(--expvs-main) !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-progress {
  grid-area: auto !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 38px !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-progress.has-waveform { background-color: transparent !important; }

.expvs-archive .expvs-sample-row .exp2606-audio-progress:not(.has-waveform) {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20640%2068%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%2034%20L4%2030%20M14%2034%20L14%2020%20M24%2034%20L24%2027%20M34%2034%20L34%2016%20M44%2034%20L44%2028%20M54%2034%20L54%2022%20M64%2034%20L64%2029%20M74%2034%20L74%2019%20M84%2034%20L84%2024%20M94%2034%20L94%2029%20M104%2034%20L104%2022%20M114%2034%20L114%2016%20M124%2034%20L124%2025%20M134%2034%20L134%2021%20M144%2034%20L144%2028%20M154%2034%20L154%2018%20M164%2034%20L164%2026%20M174%2034%20L174%2021%20M184%2034%20L184%2028%20M194%2034%20L194%2015%20M204%2034%20L204%2024%20M214%2034%20L214%2028%20M224%2034%20L224%2020%20M234%2034%20L234%2026%20M244%2034%20L244%2018%20M254%2034%20L254%2024%20M264%2034%20L264%2029%20M274%2034%20L274%2021%20M284%2034%20L284%2015%20M294%2034%20L294%2025%20M304%2034%20L304%2021%20M314%2034%20L314%2028%20M324%2034%20L324%2018%20M334%2034%20L334%2025%20M344%2034%20L344%2029%20M354%2034%20L354%2021%20M364%2034%20L364%2016%20M374%2034%20L374%2024%20M384%2034%20L384%2028%20M394%2034%20L394%2020%20M404%2034%20L404%2026%20M414%2034%20L414%2018%20M424%2034%20L424%2024%20M434%2034%20L434%2029%20M444%2034%20L444%2021%20M454%2034%20L454%2015%20M464%2034%20L464%2025%20M474%2034%20L474%2021%20M484%2034%20L484%2028%20M494%2034%20L494%2018%20M504%2034%20L504%2025%20M514%2034%20L514%2029%20M524%2034%20L524%2021%20M534%2034%20L534%2016%20M544%2034%20L544%2024%20M554%2034%20L554%2028%20M564%2034%20L564%2020%20M574%2034%20L574%2026%20M584%2034%20L584%2018%20M594%2034%20L594%2024%20M604%2034%20L604%2029%20M614%2034%20L614%2021%20M624%2034%20L624%2027%27%20stroke%3D%27%239aa0aa%27%20stroke-width%3D%276%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-progress-bar {
  display: block !important;
  width: 0%;
  height: 100% !important;
  border-radius: 0 !important;
  background: rgba(185, 8, 20, .22) !important;
}

.expvs-archive .expvs-sample-row .exp2606-audio-progress-handle { display: none !important; }

.expvs-archive .expvs-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  min-width: 0 !important;
  align-items: center !important;
}

.expvs-archive .expvs-action,
.expvs-archive .expvs-favorite-button {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: opacity .2s ease !important;
}

.expvs-archive .expvs-action:hover,
.expvs-archive .expvs-favorite-button:hover {
  opacity: .82 !important;
  text-decoration: none !important;
}

.expvs-archive .expvs-favorite-button {
  justify-content: flex-start !important;
  width: auto !important;
  border: none !important;
  background: transparent !important;
  color: #111 !important;
  box-shadow: none !important;
  gap: 8px !important;
}

.expvs-archive .expvs-favorite-button::before {
  content: "♡" !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
}

.expvs-archive .expvs-favorite-button.is-active::before {
  content: "♥" !important;
  color: var(--expvs-main) !important;
}

.expvs-archive .expvs-action-download {
  justify-content: flex-start !important;
  width: auto !important;
  border: none !important;
  background: transparent !important;
  color: #111 !important;
}

.expvs-archive .expvs-action-download::before {
  content: "↓" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  margin-right: 10px !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.expvs-archive .expvs-action-narrator {
  justify-content: flex-end !important;
  width: auto !important;
  border: none !important;
  background: transparent !important;
  color: var(--expvs-accent) !important;
}

.expvs-archive .expvs-action-narrator::after {
  content: "›" !important;
  margin-left: 14px !important;
  font-size: 34px !important;
  line-height: 0 !important;
}

.expvs-archive .expvs-action-request {
  justify-content: center !important;
  width: auto !important;
  border: 1px solid var(--expvs-accent) !important;
  background: transparent !important;
  color: var(--expvs-accent) !important;
}

.expvs-empty {
  padding: 40px 20px;
  border: 1px solid #eee;
  text-align: center;
  color: var(--expvs-muted);
  background: #fff;
}

.expvs-no-audio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #ddd;
  color: #999;
  background: #fff;
}

@media (max-width: 1280px) {
  .expvs-archive .expvs-sample-list > .expvs-sample-row.exp2606-audio-item {
    grid-template-columns: 82px minmax(0, 1fr) 150px 168px !important;
    gap: 18px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .expvs-archive .expvs-sample-row .exp2606-audio-btn,
  .expvs-no-audio {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }

  .expvs-archive .expvs-sample-title { font-size: 19px !important; }
}

@media (max-width: 980px) {
  .expvs-main-head { display: block; }
  .expvs-title { margin-bottom: 16px; text-align: center; }
  .expvs-sort { justify-content: center; width: 100%; }

  .expvs-archive .expvs-sample-list > .expvs-sample-row.exp2606-audio-item {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-areas:
      "play content"
      "sub sub"
      "main main" !important;
    gap: 16px 18px !important;
    min-height: 0 !important;
    padding: 24px 18px !important;
  }

  .expvs-archive .expvs-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .expvs-archive .expvs-action-narrator { justify-content: center !important; }
}

@media (max-width: 640px) {
  .expvs-archive .expvs-sample-list > .expvs-sample-row.exp2606-audio-item {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    padding: 22px 14px !important;
  }

  .expvs-archive .expvs-sample-row .exp2606-audio-btn,
  .expvs-no-audio {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  .expvs-archive .expvs-sample-row .exp2606-audio-btn-icon {
    border-top-width: 10px !important;
    border-bottom-width: 10px !important;
    border-left-width: 15px !important;
  }

  .expvs-archive .expvs-sample-title {
    margin-bottom: 14px !important;
    font-size: 17px !important;
  }

  .expvs-archive .expvs-player-line {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .expvs-archive .expvs-time {
    width: auto !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  .expvs-archive .expvs-time .exp2606-audio-current,
  .expvs-archive .expvs-time .exp2606-audio-duration {
    font-size: 12px !important;
  }

  .expvs-archive .expvs-actions { grid-template-columns: 1fr !important; }

  .expvs-archive .expvs-action,
  .expvs-archive .expvs-favorite-button {
    justify-content: center !important;
    font-size: 14px !important;
  }
}

/* =========================================================
 * v4: action area fine tuning
 * - ナレーターリンクを右上に表示
 * - ダウンロードは当初案に近い下線付きテキストリンク
 * ========================================================= */
.expvs-archive .expvs-action-download {
  justify-content: flex-start !important;
  width: fit-content !important;
  min-height: 34px !important;
  padding: 6px 0 8px !important;
  border: 0 !important;
  border-bottom: 2px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  box-shadow: none !important;
}

.expvs-archive .expvs-action-download::before {
  content: "↓" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  margin-right: 10px !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.expvs-archive .expvs-action-narrator,
.expvs-archive .expvs-action-narrator-placeholder {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--expvs-accent) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.expvs-archive .expvs-action-narrator::after,
.expvs-archive .expvs-action-narrator-placeholder::after {
  content: "›" !important;
  margin-left: 14px !important;
  font-size: 34px !important;
  line-height: 0 !important;
}


/* =========================================================
 * v5: download icon underline only
 * 添付画像の通り、下線はアイコン部分だけに限定
 * ========================================================= */
.expvs-archive .expvs-action-download {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

.expvs-archive .expvs-action-download::before {
  width: 24px !important;
  height: 24px !important;
  margin-right: 10px !important;
  padding-bottom: 2px !important;
  border-bottom: 2px solid #111 !important;
  box-sizing: border-box !important;
}


/* =========================================================
 * v6: favorite/download alignment
 * お気に入り・ダウンロードを同じ左位置で縦揃え
 * ========================================================= */
.expvs-archive .expvs-actions-sub {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 14px !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button,
.expvs-archive .expvs-actions-sub .expvs-action-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  line-height: 1 !important;
  gap: 0 !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button::before,
.expvs-archive .expvs-actions-sub .expvs-action-download::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  margin: 0 10px 0 0 !important;
  box-sizing: border-box !important;
  color: #111 !important;
  line-height: 1 !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button::before {
  font-size: 30px !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.expvs-archive .expvs-actions-sub .expvs-action-download::before {
  height: 29px !important;
  padding-bottom: 3px !important;
  border-bottom: 2px solid #111 !important;
  font-size: 26px !important;
}

/* =========================================================
 * v7: download icon SVG / narrator link investigation support
 * ダウンロードアイコンをテキスト矢印ではなくSVGで表示し、アイコンだけをデザイン案に寄せる
 * ========================================================= */
.expvs-archive .expvs-actions-sub .expvs-action-download::before {
  content: "" !important;
  display: inline-block !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M12%203V15%27%20stroke%3D%27%23111%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M7%2010.5L12%2015.5L17%2010.5%27%20stroke%3D%27%23111%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M5%2020H19%27%20stroke%3D%27%23111%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") !important;
  line-height: 1 !important;
  font-size: 0 !important;
}


/* =========================================================
 * v8: download icon uses Font Awesome Pro
 * 自作SVG/疑似要素を停止し、指定の <i class="fa-regular fa-download"></i> を使用
 * ========================================================= */
.expvs-archive .expvs-actions-sub .expvs-action-download::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-image: none !important;
}

.expvs-archive .expvs-actions-sub .expvs-action-download {
  gap: 10px !important;
}

.expvs-archive .expvs-actions-sub .expvs-action-download i.fa-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-style: normal !important;
}

.expvs-archive .expvs-actions-sub .expvs-action-download span {
  display: inline-block !important;
  color: #111 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


/* =========================================================
 * v9: narrator link center / Font Awesome favorite icon
 * - voice_narrator は ACF 投稿ID前提に整理
 * - 「ナレーターへ」を中央寄せ
 * - お気に入り疑似要素を停止し Font Awesome を使用
 * ========================================================= */
.expvs-archive .expvs-actions-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 14px !important;
}

.expvs-archive .expvs-action-narrator {
  justify-content: center !important;
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.expvs-archive .expvs-action-narrator::after {
  margin-left: 10px !important;
}

.expvs-archive .expvs-favorite-button::before,
.expvs-archive .expvs-favorite-button.is-active::before {
  content: none !important;
  display: none !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button {
  gap: 10px !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-style: normal !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button.is-active i {
  color: var(--expvs-main) !important;
}

.expvs-archive .expvs-actions-sub .expvs-favorite-button span {
  display: inline-block !important;
  color: #111 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


/* =========================================================
 * voice_samples only
 * フリーワード検索ボックス装飾
 * narratorsのタグバッジとは完全に別クラスで管理
 * ========================================================= */
.expvs-archive .expvs-keyword-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 58px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  border: 1px solid #d9dce2 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
  box-sizing: border-box !important;
}

.expvs-archive .expvs-keyword-input {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #111 !important;
  font-size: 14px !important;
  line-height: 50px !important;
  box-sizing: border-box !important;
}

.expvs-archive .expvs-keyword-button {
  display: block !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--expvs-main) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 50px !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
}

.expvs-archive .expvs-keyword-search:focus-within {
  border-color: var(--expvs-main) !important;
  box-shadow: 0 0 0 3px rgba(185,8,20,.08), 0 2px 8px rgba(0,0,0,.04) !important;
}