body.front-site main.text-search-page {
  --search-text: #15191f;
  --search-muted: #687281;
  --search-line: #e0e5eb;
  --search-field: #ffffff;
  --search-border: #aeb8c5;
  --search-highlight: #e9f4cf;
  --search-accent: #417d00;
  width: min(1000px, calc(100% - 48px));
  min-width: 0;
  margin: 44px auto 72px;
  padding: 0;
  color: var(--search-text);
}
.front-site .text-search-header { margin-bottom: 8px; }
.front-site .text-search-header h1 { margin: 0 0 24px; color: var(--search-text); font-size: 30px; font-weight: 700; line-height: 1.3; }
.front-site .text-search-title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.front-site .text-search-title-row h1 { margin: 0; }
.front-site .text-search-back { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--search-line); border-radius: 6px; background: transparent; color: var(--search-muted); font-size: 14px; text-decoration: none; white-space: nowrap; }
.front-site .text-search-back:hover { color: var(--search-accent); border-color: var(--search-accent); }
.front-site .text-search-back:focus-visible { outline: 2px solid var(--search-accent); outline-offset: 3px; }
.front-site .text-search-form { display: flex; gap: 12px; margin: 0; }
.front-site .text-search-form input[type="search"] { box-sizing: border-box; flex: 1; width: 100%; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid var(--search-border); border-radius: 8px; color: var(--search-text); background: var(--search-field); font: inherit; font-size: 14px; }
.front-site .text-search-form input::placeholder { color: var(--search-muted); }
.front-site .text-search-form input:focus-visible { outline: 2px solid var(--search-accent); outline-offset: 2px; }
.front-site .text-search-form button { flex: none; min-height: 44px; padding: 0 22px; border: 1px solid #b8ff1f; border-radius: 8px; color: #111; background: #b8ff1f; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.front-site .text-search-form button:hover { background: #c8ff47; }
.front-site .text-search-count { margin: 16px 0 0; color: var(--search-muted); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.front-site .text-search-result { padding: 24px 0; border-bottom: 1px solid var(--search-line); }
.front-site .text-search-result h2 { display: -webkit-box; margin: 0 0 10px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 19px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
.front-site .text-search-result h2 a { color: var(--search-text); text-decoration: none; }
.front-site .text-search-result h2 a:hover { color: var(--search-accent); }
.front-site .text-search-result h2 a:focus-visible { outline: 2px solid var(--search-accent); outline-offset: 2px; }
.front-site .text-search-summary { display: -webkit-box; margin: 0 0 12px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--search-muted); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
body.front-site main.text-search-page mark { padding: 0 2px; border-radius: 2px; color: inherit; background: var(--search-highlight); }
.front-site .text-search-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; color: var(--search-muted); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.front-site .text-search-meta time { white-space: nowrap; }
.front-site .text-search-empty { margin: 0; padding: 48px 0; color: var(--search-muted); font-size: 15px; line-height: 1.7; }
.front-site .text-search-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 32px; }
.front-site .text-search-pagination a { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid var(--search-line); border-radius: 6px; color: var(--search-text); font-size: 14px; text-decoration: none; }
.front-site .text-search-pagination a[aria-current], .front-site .text-search-pagination a:hover { border-color: var(--search-accent); color: var(--search-accent); background: var(--search-highlight); }
.front-site[data-theme="dark"] .text-search-page,
.front-site:is(.dark, .theme-dark) .text-search-page,
:is(html[data-theme="dark"], html[data-theme="black"], html[data-color-mode="dark"], html[data-mgbx-cms-theme="dark"], html.dark, html.theme-dark) body.front-site main.text-search-page {
  --search-text: #f4f6f8;
  --search-muted: #aeb7c4;
  --search-line: #303743;
  --search-field: #101418;
  --search-border: #626d7c;
  --search-highlight: #344319;
  --search-accent: #b8ff1f;
}
@media (max-width: 600px) {
  body.front-site main.text-search-page { width: calc(100% - 32px); margin: 28px auto 48px; }
  .front-site .text-search-header h1 { font-size: 26px; margin-bottom: 20px; }
  .front-site .text-search-title-row { margin-bottom: 20px; }
  .front-site .text-search-title-row h1 { margin: 0; }
  .front-site .text-search-form { gap: 8px; }
  .front-site .text-search-form button { padding: 0 14px; }
  .front-site .text-search-result { padding: 20px 0; }
  .front-site .text-search-result h2 { font-size: 17px; }
}