.search-guide {
  box-sizing: border-box;
  max-width: 960px;
  margin: 32px auto;
  padding: 24px;
  border: 1px solid #d8cec4;
  border-radius: 12px;
  background: #fff;
  color: #1c1410;
  font: 15px/1.7 system-ui, -apple-system, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
.search-guide h2 { margin: 0 0 12px; font-size: 22px; line-height: 1.4; }
.search-guide h3 { margin: 16px 0 8px; font-size: 17px; }
.search-guide p { margin: 12px 0; }
.search-guide summary { cursor: pointer; font-weight: 700; padding: 10px 0; }
.search-guide ol, .search-guide ul { margin: 8px 0; padding-left: 24px; }
.search-guide ol { list-style: decimal; }
.search-guide ul { list-style: disc; }
.search-guide li + li { margin-top: 8px; }
.search-guide nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; }
.search-guide a { color: #9a3e08; text-decoration: underline; text-underline-offset: 3px; }
.search-guide a:focus-visible, .search-guide summary:focus-visible { outline: 2px solid #9a3e08; outline-offset: 4px; }
@media (max-width: 640px) {
  .search-guide { margin: 20px 12px; padding: 18px; }
}