/* ==========================================================================
   Live search suggestions dropdown (resources/js/search.js).
   Anchored under the header search forms; sits above the header (z 40)
   and the mobile nav panel (z 60).
   ========================================================================== */

.tn-header__search,
.tn-header__msearch{position:relative}

.tn-suggest{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;
  min-width:min(340px,calc(100vw - 32px));max-height:60vh;overflow:auto;
  background:#fff;color:var(--tn-ink);border-radius:var(--tn-radius,10px);
  box-shadow:0 14px 40px rgba(0,0,0,.22);padding:8px 0;text-align:left;
}
/* Desktop pill is right-aligned in the header — anchor the wider card to its right edge */
.tn-header__search .tn-suggest{left:auto}
/* Mobile panel: the search is already full-width, so the dropdown matches it (drop the desktop min-width) */
.tn-header__msearch .tn-suggest{min-width:0}

.tn-suggest__label{
  padding:10px 18px 6px;font-size:.62rem;font-weight:var(--tn-w-btn);
  letter-spacing:.08em;text-transform:uppercase;color:rgba(0,0,0,.45);
}
.tn-suggest__label+.tn-suggest__label{margin-top:4px}

.tn-suggest__item{
  display:flex;flex-direction:column;gap:2px;padding:9px 18px;color:var(--tn-ink);
}
.tn-suggest__item:hover,
.tn-suggest__item.is-active{background:rgba(0,0,0,.06)}
.tn-suggest__title{font-weight:var(--tn-w-btn);font-size:.88rem;line-height:1.3}
.tn-suggest__meta{font-size:.72rem;color:rgba(0,0,0,.5)}

.tn-suggest__all{
  display:block;margin-top:8px;padding:12px 18px;border-top:1px solid rgba(0,0,0,.1);
  color:var(--tn-blue);font-weight:var(--tn-w-btn);font-size:.8rem;
  letter-spacing:.04em;text-transform:uppercase;
}
.tn-suggest__all:hover,
.tn-suggest__all.is-active{background:rgba(0,0,0,.06)}

.tn-suggest__none{padding:12px 18px;font-size:.88rem;color:rgba(0,0,0,.55)}

/* --- Search results page (search.blade.php) ------------------------------- */
.tn-results{display:grid;gap:clamp(24px, 3vw, 44px);max-width:82ch}
.tn-results__item p{margin:0 0 0.75rem}
.tn-results__title{
  font-family:var(--font-display);font-size:var(--step-h3);font-weight:700;
  line-height:1.2;margin:0 0 0.5rem;
}
.tn-results__title a{text-decoration:none}
.tn-results__title a:hover{text-decoration:underline}
.tn-results__excerpt{max-width:66ch}