/* Wide profile browsing and button navigation, September 2026. */
.container.browse-layout,
.container.header-inner { width:min(1760px,calc(100% - 64px)); }
.browse-layout { grid-template-columns:280px minmax(0,1fr); gap:28px; }
.browse-results,.profile-card,.profile-title-row > div { min-width:0; }
.profiles-grid.profiles-grid-browse { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.profiles-grid > .profile-card:last-child:nth-child(odd) { grid-column:auto; }
.profile-card { position:relative; isolation:isolate; display:flex; flex-direction:column; }
.profile-card .profile-visual { flex-shrink:0; }
.profiles-grid-browse .profile-visual { height:clamp(210px,15vw,265px); }
.profile-card-body { display:flex; flex:1; flex-direction:column; padding:22px; }
.profile-title-row { gap:12px; }
.profile-title-row h3 { color:#111; font-size:22px; line-height:1.35; overflow-wrap:anywhere; }
.profile-card .eyebrow { font-size:12px; font-weight:850; }
html[data-theme] .profile-facts span { color:#222; font-size:13px; font-weight:750; overflow-wrap:anywhere; }
.profile-card-footer { margin-top:auto; gap:12px; flex-wrap:wrap; }
.profile-card-footer .status-dot { color:#333; font-size:13px; font-weight:700; overflow-wrap:anywhere; min-width:0; }
.profile-card-footer .status-dot i { flex-shrink:0; }
.profile-card-footer .profile-card-link {
  display:inline-flex; align-items:center; gap:9px; margin-inline-start:auto;
  min-height:46px; padding:8px 14px; border:1px solid var(--line); border-radius:12px;
  color:var(--plum); background:#fff; font-size:18px; font-weight:850; white-space:nowrap;
}
/* A native link covers the card, so new-tab and keyboard navigation still work. */
.profile-card-link::after { content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; cursor:pointer; }
.profile-card .save-button { position:relative; z-index:5; width:44px; height:44px; font-size:23px; cursor:pointer; }
.profile-card:has(.profile-card-link:focus-visible) { outline:3px solid var(--rose); outline-offset:4px; }
.profile-card .save-button:focus-visible { outline:3px solid var(--rose); outline-offset:3px; }
.profile-card:hover .profile-card-link { background:var(--plum); border-color:var(--plum); color:#fff; }
.results-toolbar > div > span { color:#111; font-size:19px; }
.results-toolbar p,.results-toolbar .profile-sort-summary { color:#333; font-size:14px; }

/* Each menu destination is a clear button; the current page is filled. */
.header-inner { gap:18px; }
.site-header .desktop-nav { gap:8px; justify-content:center; }
html[data-theme] .site-header .nav-link {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:9px 13px; border:1px solid var(--line); border-radius:12px;
  background:#fff; color:#111; font-size:16px; font-weight:800; line-height:1.5; white-space:nowrap;
  box-shadow:0 3px 9px #162a4310; transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
}
.site-header .nav-link::after { display:none; }
html[data-theme] .site-header .nav-link:hover { background:var(--rose-light); border-color:var(--rose); color:var(--plum); }
html[data-theme] .site-header .nav-link.is-active { color:#fff; background:var(--plum); border-color:var(--plum); box-shadow:0 5px 14px #162a4320; }
.site-header .nav-link:focus-visible { outline:3px solid var(--rose); outline-offset:3px; }
.site-header .header-actions > .button { min-height:46px; font-size:15px; white-space:nowrap; }
html[data-language="ur"] .profile-card-footer .profile-card-link { font-size:20px; line-height:1.7; }
html[data-language="ur"] .site-header .mobile-menu .nav-link { font-size:19px !important; line-height:1.7 !important; }
html[dir="rtl"] .profile-card-link > [aria-hidden="true"] { transform:scaleX(-1); }
@media (min-width:901px) and (max-width:1599px) {
  .site-header,.site-header.is-scrolled { height:auto; min-height:130px; padding-block:12px; }
  .site-header .header-inner { display:grid; grid-template-columns:1fr auto; gap:10px 20px; }
  .header-inner > .brand { justify-self:start; }
  .site-header .desktop-nav { grid-column:1 / -1; grid-row:2; }
  .header-inner > .header-actions { grid-column:2; grid-row:1; }
}
@media (min-width:901px) and (max-width:1199px) {
  .browse-layout { grid-template-columns:250px minmax(0,1fr); gap:22px; }
  .profiles-grid.profiles-grid-browse { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .filters-card .profile-search-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:900px) {
  .container.browse-layout,.container.header-inner { width:calc(100% - 40px); }
  .browse-layout { grid-template-columns:minmax(0,1fr); }
  .profiles-grid.profiles-grid-browse { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-header .desktop-nav { display:none; }
  .site-header .mobile-menu {
    gap:8px; grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px;
    max-height:calc(100dvh - 88px); overflow-y:auto;
  }
  .site-header .mobile-menu > :is(.mobile-language-picker,.mobile-theme-picker,.mobile-create-profile) { grid-column:1 / -1; }
  .site-header .mobile-menu .nav-link { padding:10px 8px; white-space:normal; text-align:center; }
  .site-header .mobile-create-profile { font-size:16px; }
}
@media (max-width:600px) {
  .container.browse-layout,.container.header-inner { width:calc(100% - 32px); }
  .profiles-grid.profiles-grid-browse { grid-template-columns:minmax(0,1fr); gap:20px; }
  .profiles-grid-browse .profile-visual { height:235px; }
  .profile-card-body { padding:20px; }
  .results-toolbar { gap:12px; flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) {
  .profile-card,.site-header .nav-link { transition:none; }
  .profile-card:hover { transform:none; }
}
/* Preserve a full touch target when Urdu controls use automatic heights. */
.site-header .menu-button { width:44px; height:44px; flex-shrink:0; }