/* ============================================
   Agent Lab — Site-specific Styles
   Only styles unique to Agent Lab go here.
   ============================================ */

/* Search button in header */
.l-header__search-btn {
  background: none; border: none; color: var(--ink-3); cursor: pointer;
  padding: 4px; display: flex; align-items: center;
}

/* Search overlay */
.l-header__search {
  position: absolute; top: 100%; left: 0; width: 100%;
  background: var(--color-surface); border-bottom: var(--hairline);
  padding: 16px 40px; z-index: 1099;
}
.l-header__search-form { display: flex; gap: 8px; max-width: var(--max-width); margin: 0 auto; }
.l-header__search-input {
  flex: 1; padding: 10px 16px; border: var(--hairline); border-radius: var(--radius-sm);
  font-size: 1.5rem; font-family: var(--font-ja); outline: none;
}
.l-header__search-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-bg); }
.l-header__search-submit {
  padding: 10px 24px; background: var(--accent); color: #fff; border: none;
  border-radius: var(--radius-sm); font-size: 1.4rem; font-weight: 700; cursor: pointer;
}

/* Mobile menu (Agent Lab specific) */
@media (max-width: 768px) {
  .l-header__nav.is-open {
    display: flex; flex-direction: column; align-items: stretch;
    position: fixed; top: 0; left: 0; width: 100%; height: 100dvh;
    background: var(--color-surface); z-index: 1099;
    padding: 100px 32px 40px; gap: 0;
  }
  .l-header__nav.is-open a {
    font-size: 1.8rem; padding: 16px 0; border-bottom: var(--hairline);
    text-transform: none; letter-spacing: 0;
  }
  .l-header__search { padding: 16px 20px; }
}