/* TMock.online 5.37 — public exam directory/page stability fixes.
 * Scoped to public exam surfaces. Keeps family filters contained, cards readable,
 * and verified authority/exam logos visible without changing the student app.
 */

.tmock-public-content[data-tmock-exam-directory],
.tmock-exam-landing,
.tmock-exam-seo-page{
  box-sizing:border-box;
  max-width:100%;
  overflow-x:clip;
}

.tmock-public-content[data-tmock-exam-directory] *,
.tmock-exam-landing *,
.tmock-exam-seo-page *{box-sizing:border-box}

.tmock-directory-tools{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(0,2.2fr) auto;
  gap:14px;
  align-items:center;
  margin:22px 0 32px;
  min-width:0;
}
.tmock-directory-tools>label,
.tmock-directory-tools>.tmock-public-family-tabs{min-width:0}
.tmock-directory-tools input[type="search"]{
  width:100%;
  min-height:46px;
  border:1px solid #dfe5ec;
  border-radius:10px;
  padding:10px 13px;
  background:#fff;
  color:#101828;
  font:inherit;
}
.tmock-directory-tools>[data-exam-result-count]{
  white-space:nowrap;
  color:#475467;
  font-size:14px;
  font-weight:650;
}

.tmock-public-family-tabs{
  display:flex;
  gap:8px;
  width:100%;
  max-width:100%;
  padding:2px 3px 8px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:#98a2b3 transparent;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.tmock-public-family-tabs::-webkit-scrollbar{height:6px}
.tmock-public-family-tabs::-webkit-scrollbar-thumb{background:#98a2b3;border-radius:999px}
.tmock-public-family-tabs button{
  flex:0 0 auto;
  scroll-snap-align:start;
  min-height:42px;
  border:1px solid #dfe5ec;
  border-radius:9px;
  background:#fff;
  color:#344054;
  padding:9px 14px;
  font:inherit;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.tmock-public-family-tabs button:hover{border-color:#b8c4d4;background:#f8fafc}
.tmock-public-family-tabs button.is-active{
  background:#101828;
  color:#fff;
  border-color:#101828;
}
.tmock-public-family-tabs button:focus-visible{
  outline:3px solid rgba(14,91,255,.22);
  outline-offset:2px;
}

.tmock-exam-family{margin:0 0 38px;min-width:0}
.tmock-family-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid #eaecf0;
  padding-top:22px;
  margin-bottom:16px;
}
.tmock-family-head h2{
  margin:0;
  color:#101828;
  font-size:clamp(26px,2.3vw,36px);
  line-height:1.15;
  letter-spacing:-.025em;
}
.tmock-family-head>span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border-radius:999px;
  background:#f8fafc;
  color:#667085;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.tmock-exam-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  min-width:0;
}
.tmock-exam-card.tmock-exam-card-v13{
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 20px;
  gap:14px;
  align-items:center;
  min-width:0;
  min-height:154px;
  padding:18px;
  border:1px solid #dfe5ec;
  border-radius:16px;
  background:#fff;
  color:#101828;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(16,24,40,.02);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.tmock-exam-card.tmock-exam-card-v13:hover{
  border-color:#bfd0ef;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
  transform:translateY(-1px);
}
.tmock-exam-card.tmock-exam-card-v13>b{
  justify-self:end;
  color:#344054;
  font-size:17px;
  font-weight:600;
}
.tmock-exam-card-copy{display:grid;gap:5px;min-width:0}
.tmock-exam-card-copy strong{
  display:block;
  color:#101828;
  font-size:17px;
  line-height:1.32;
  font-weight:750;
  overflow-wrap:anywhere;
}
.tmock-exam-card-copy>span,
.tmock-exam-card-copy>em{
  color:#667085;
  font-size:13px;
  line-height:1.35;
  font-style:normal;
  overflow-wrap:anywhere;
}
.tmock-exam-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-height:22px;
  color:#667085;
  font-size:12px;
  line-height:1.25;
}
.tmock-exam-card-meta>span{font-size:12px;color:#667085}
.tmock-popular-label{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef4ff;
  color:#155eef;
  font-size:11px;
  line-height:1;
  font-style:normal;
  font-weight:750;
  letter-spacing:.01em;
}

.tmock-public-logo{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #dfe5ec;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  color:#1849a9;
}
.tmock-public-logo.md{width:62px;height:62px}
.tmock-public-logo.lg{width:72px;height:72px}
.tmock-public-logo.xl{width:88px;height:88px}
.tmock-public-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:5px;
}
.tmock-public-logo:not(.fallback)>b{display:none}
.tmock-public-logo.fallback,
.tmock-public-logo.logo-failed{background:#f3f6fb}
.tmock-public-logo.fallback>b,
.tmock-public-logo.logo-failed>b{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  padding:4px;
  color:#1849a9;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:.025em;
  text-align:center;
}
.tmock-public-logo.logo-failed>img{display:none!important}

/* Authority assets with transparent padding need a slightly tighter crop. */
.tmock-public-logo.authority-delhi-police img{padding:1px;transform:scale(1.08)}
.tmock-public-logo.authority-nta img{padding:2px;transform:scale(1.03)}

/* Individual exam page logo and heading hierarchy. */
.tmock-exam-identity{min-width:0}
.tmock-exam-identity h1,
.tmock-exam-seo-page h1{
  overflow-wrap:anywhere;
  text-wrap:balance;
}

@media (max-width:1180px){
  .tmock-directory-tools{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr)}
  .tmock-directory-tools>[data-exam-result-count]{grid-column:1/-1}
  .tmock-exam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:900px){
  .tmock-directory-tools{grid-template-columns:1fr}
  .tmock-directory-tools>[data-exam-result-count]{grid-column:auto}
  .tmock-public-family-tabs{padding-bottom:10px}
  .tmock-exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  .tmock-public-content[data-tmock-exam-directory]{overflow-x:hidden}
  .tmock-directory-tools{gap:10px;margin:18px 0 26px}
  .tmock-directory-tools input[type="search"]{min-height:44px}
  .tmock-public-family-tabs{margin-inline:0}
  .tmock-public-family-tabs button{min-height:42px;padding:8px 12px;font-size:13px}
  .tmock-family-head{align-items:flex-end;padding-top:18px;margin-bottom:13px}
  .tmock-family-head h2{font-size:26px}
  .tmock-exam-grid{grid-template-columns:1fr;gap:12px}
  .tmock-exam-card.tmock-exam-card-v13{
    grid-template-columns:54px minmax(0,1fr);
    min-height:118px;
    padding:15px;
    gap:12px;
    border-radius:14px;
  }
  .tmock-exam-card.tmock-exam-card-v13>b{display:none}
  .tmock-public-logo.md{width:54px;height:54px;border-radius:12px}
  .tmock-public-logo.xl{width:72px;height:72px}
  .tmock-exam-card-copy strong{font-size:16px}
  .tmock-exam-card-copy>span,.tmock-exam-card-copy>em{font-size:12.5px}
}


/* 5.39 pinned authority-logo corrections requested from live QA */
.tmock-public-logo.authority-ssc img{padding:1px!important;transform:scale(1.05);transform-origin:center}
.tmock-public-logo.authority-sbi img{padding:3px!important;transform:none!important;transform-origin:center}
.tmock-public-logo.authority-jpsc img{padding:2px!important;transform:scale(1.08);transform-origin:center}
/* Delhi Police official-domain logo contains large intrinsic whitespace. Crop it visually inside the fixed card box. */
.tmock-public-logo.authority-delhi-police img{padding:0!important;transform:scale(2.75)!important;transform-origin:center!important}
.tmock-exam-seo-page .tmock-exam-page-hero .tmock-public-logo.authority-delhi-police img{transform:scale(2.45)!important}

/* SBI uses the full user-supplied wordmark, so give it a wider logo slot instead of shrinking it inside a square. */
.tmock-exam-card.tmock-exam-card-v13:has(.tmock-public-logo.authority-sbi){grid-template-columns:96px minmax(0,1fr) 20px}
.tmock-public-logo.authority-sbi.md{width:96px;height:62px}
.tmock-public-logo.authority-sbi.lg{width:110px;height:66px}
.tmock-public-logo.authority-sbi.xl{width:130px;height:72px}
.tmock-exam-seo-page .tmock-exam-page-hero .tmock-public-logo.authority-sbi{width:130px;height:72px}
@media(max-width:640px){
 .tmock-exam-card.tmock-exam-card-v13:has(.tmock-public-logo.authority-sbi){grid-template-columns:82px minmax(0,1fr)}
 .tmock-public-logo.authority-sbi.md{width:82px;height:54px}
 .tmock-exam-seo-page .tmock-exam-page-hero .tmock-public-logo.authority-sbi{width:112px;height:64px}
}