/* 首頁 */
.hello { margin-bottom: 4px; }
.search-box { display: flex; gap: 8px; }
.search-box input { flex: 1; font-size: 1.05rem; padding: 10px 14px; }
.results { margin-top: 12px; display: grid; gap: 8px; }
.result {
  display: grid; grid-template-columns: 5.5em 1fr auto; gap: 10px; align-items: center;
  padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface);
  text-decoration: none; color: inherit;
}
.result:hover { border-color: var(--brown); }
.result .no { font-weight: 700; color: var(--brown-d); }
.result .sub { font-size: .8rem; color: var(--muted); }
.doc-hit { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.doc-hit .where { font-size: .8rem; color: var(--muted); margin-bottom: 4px; }
.doc-hit mark { background: color-mix(in srgb, var(--amber) 35%, transparent); color: inherit; border-radius: 3px; padding: 0 2px; }
.ms-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.ms-row:last-child { border-bottom: 0; }
.tools { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.tool { display: block; padding: 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); text-decoration: none; color: inherit; }
.tool:hover { border-color: var(--brown); box-shadow: var(--shadow); }
.tool b { display: block; color: var(--brown-d); margin-bottom: 2px; }
@media (max-width: 520px) { .result { grid-template-columns: 4.5em 1fr; } .result .badge-col { grid-column: 1 / -1; } }