/* P102: presentation only. Existing v16 CSS and v17 JS remain immutable. */
html body .codex-header-search input[type="search"],
html body .codex-drawer-search input[type="search"] {
  background: #fff !important;
  color: #172033 !important;
  caret-color: #172033;
  border: 1px solid #8998ac !important;
  font-size: 16px !important;
}
html body .codex-header-search input[type="search"]::placeholder,
html body .codex-drawer-search input[type="search"]::placeholder {
  color: #526174;
  opacity: 1;
  font-size: 13px;
}
html body .codex-header-search input:focus-visible,
html body .codex-drawer-search input:focus-visible {
  outline: 3px solid #e8bf73;
  outline-offset: 3px;
}

/* Make the supporting Japanese text readable without competing with titles. */
html body .codex-home-starter-head-v10 p,
html body .codex-hub-section-head p {
  font-size: 14px !important;
  line-height: 1.8;
  color: #526174;
}
html body .codex-home-starter-card-v10 span,
html body .codex-home-starter-card-v10 em,
html body .codex-hub-link span,
html body .codex-home-starter-proof-v10 {
  font-size: 13px;
  line-height: 1.75;
}
html body .codex-home-starter-card-v10 { align-content: start; }
html body #list .entry-card-snippet,
html body.home #list.codex-editorial-grid-v13 > .entry-card-wrap:nth-child(1) .entry-card-snippet {
  font-size: 14px !important;
  line-height: 1.85 !important;
}
html body #list .entry-card-title { line-height: 1.6 !important; }
html body #list .entry-card-content { min-width: 0; }
html body #list .entry-card-wrap:focus-visible {
  outline: 3px solid #315f9b !important;
  outline-offset: 4px;
}
html body .codex-article-meta-v13 span {
  font-size: 12px;
  line-height: 1.6;
}
html body .codex-sidebar-workspace-v10 > p,
html body .codex-sidebar-links-v10 a {
  font-size: 13px !important;
  line-height: 1.75;
}
html body .codex-sidebar-links-v10 a { min-height: 44px; }

@media (max-width: 1023px) {
  html body .codex-home-starter-head-v10 { padding-right: 0; }
  html body .codex-home-starter-v10::before { display: none; }
}

@media (max-width: 767px) {
  /* Remove the fixed-height empty area, retaining the existing ImageGen art. */
  html body.home .codex-hub-hero {
    min-height: 0;
    padding: 32px 20px !important;
    background-image: linear-gradient(0deg,rgba(6,24,47,.99) 0%,rgba(6,24,47,.94) 55%,rgba(6,24,47,.72) 100%),url("https://ebay-export-hack.com/wp-content/codex-assets/v7/ebay-media-hero-v7.jpg") !important;
  }
  html body .codex-home-starter-head-v10 { padding-right: 0; }
  html body .codex-home-starter-v10::before { display: none; }
  html body .codex-home-starter-head-v10 p { margin-top: 10px !important; }
  html body .codex-home-starter-proof-v10 { flex-wrap: wrap; gap: 8px; }
  html body #list .entry-card-content { padding: 20px 18px !important; }
  html body .codex-article-meta-v13 { gap: 6px; }
  html body .codex-article-meta-v13 span { font-size: 11px; }
}

/* P103: compact search cards. Source image URLs and sizes stay untouched. */
html body.search #main #list.ect-tile-card {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
html body.search #main #list.ect-tile-card > .entry-card-wrap { min-width: 0; text-decoration: none !important; }
html body.search #main #list.ect-tile-card .entry-card {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px 16px;
  align-content: start;
  align-items: start;
  height: 100%;
  padding: 18px !important;
}
html body.search #main #list.ect-tile-card .entry-card-thumb {
  grid-column: 1;
  grid-row: 1;
  width: 112px !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 250 / 131;
  border-radius: 8px;
}
html body.search #main #list.ect-tile-card .entry-card-content { display: contents !important; }
html body.search #main #list.ect-tile-card .entry-card-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere;
  display: block !important;
  -webkit-line-clamp: unset;
}
html body.search #main #list.ect-tile-card .entry-card-snippet {
  grid-column: 1 / -1;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #344054 !important;
}
html body.search #main #list.ect-tile-card .entry-card-meta {
  grid-column: 1 / -1;
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin: 0 !important;
  font-size: 12px !important;
}
html body.search #main #list.ect-tile-card .entry-card-meta * { font-size: 12px !important; }
html body.search #main #list.ect-tile-card .codex-search-meta,
html body.search #main #list.ect-tile-card .entry-card-thumb .cat-label { display: none !important; }
@media (max-width: 900px) {
  html body.search #main #list.ect-tile-card { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 480px) {
  html body.search #main #list.ect-tile-card .entry-card {
    grid-template-columns: 88px minmax(0, 1fr);
    padding: 14px !important;
    gap: 12px;
  }
  html body.search #main #list.ect-tile-card .entry-card-thumb { width: 88px !important; }
  html body.search #main #list.ect-tile-card .entry-card-title { font-size: 17px !important; }
}

/* Reset remains reachable while invalid results are hidden. */
html body.page-id-190 .codex-calc-form-reset {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: 10px;
  padding: 10px 16px;
  border: 1px solid #8998ac;
  border-radius: 10px;
  background: #fff;
  color: #172033;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
html body.page-id-190 .codex-calc-form-reset:focus-visible {
  outline: 3px solid #315f9b;
  outline-offset: 3px;
}
html body.page-id-190 .codex-calc-field input[aria-invalid="true"] {
  border-color: #b42318 !important;
  outline: 1px solid #b42318;
}