/* MSID mobile directory results/cards. Kept separate from filter/drawer ownership. */
@media (max-width:760px){
  /* ---------------------------------------------------------
   * 4. Results: two genuine cards per row on phones.
   * --------------------------------------------------------- */
  body.post-type-archive-tk_course #results-grid,
  body.post-type-archive-tk_trainer #results-grid,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) #results-grid,
  body.tax-tk_field #results-grid,
  body.page-template-page-private-lessons .sp-teachers-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    gap:9px;
    align-items:stretch;
  }
  body.post-type-archive-tk_course #results-grid,
  body.tax-tk_field #results-grid{
    grid-auto-rows:1fr;
  }
  body.post-type-archive-tk_course #results-grid>article,
  body.post-type-archive-tk_trainer #results-grid>article,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) #results-grid>article,
  body.tax-tk_field #results-grid>article,
  body.page-template-page-private-lessons .sp-teachers-grid>article{
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
  }
  body.post-type-archive-tk_course .section,
  body.post-type-archive-tk_trainer .section,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .section,
  body.tax-tk_field .section{padding:14px 0 32px;}

  /* Trainer card geometry is owned by responsive/trainer-cards.css, which is
   * loaded after this shared result-grid layer for trainer/field contexts. */

  /* Institution card: vertical and compact so 2-up remains readable. */
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-modern{
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:9px;
    overflow:hidden;
    border:1px solid var(--msid-line);
    border-radius:15px;
    background:#fff;
    box-shadow:none;
  }
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-accent,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-summary,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-mini-meta{display:none;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-head{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
  }
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-logo-wrap,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-logo{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    border-radius:12px;
    overflow:hidden;
  }
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-logo img{width:100%;height:100%;object-fit:cover;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-eyebrow{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-name{
    min-height:2.7em;
    margin:0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:.82rem;
    line-height:1.35;
  }
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-location{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-badges{gap:4px;margin:0;overflow:hidden;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-badges>*:nth-child(n+2){display:none;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-footer{margin-top:auto;padding-top:0;border:0;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-actions{display:grid;grid-template-columns:1fr;gap:5px;width:100%;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-actions .msid-card-action{display:none;}
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-link{min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:.64rem;}

  /* Course cards: preserve 2-up compact presentation. */
  body.post-type-archive-tk_course .course-card-editorial,
  body.tax-tk_field .course-card-editorial{height:100%;border-radius:15px;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-media,
  body.tax-tk_field .course-card-editorial .course-editorial-media{aspect-ratio:1/1;min-height:0;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-body,
  body.tax-tk_field .course-card-editorial .course-editorial-body{flex:1 1 auto;height:100%;gap:6px;padding:9px;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-tags span:nth-child(n+2),
  body.tax-tk_field .course-card-editorial .course-editorial-tags span:nth-child(n+2){display:none;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-title,
  body.tax-tk_field .course-card-editorial .course-editorial-title{min-height:3.9em;font-size:.81rem;line-height:1.45;-webkit-line-clamp:3;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-institution,
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-facts,
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-format,
  body.tax-tk_field .course-card-editorial .course-editorial-institution,
  body.tax-tk_field .course-card-editorial .course-editorial-facts,
  body.tax-tk_field .course-card-editorial .course-editorial-format{display:none;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-price,
  body.tax-tk_field .course-card-editorial .course-editorial-price{margin-top:auto;font-size:.9rem;padding-top:0;border:0;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-secondary-actions,
  body.tax-tk_field .course-card-editorial .course-editorial-secondary-actions{display:none;}
  body.post-type-archive-tk_course .course-card-editorial .course-editorial-details,
  body.tax-tk_field .course-card-editorial .course-editorial-details{min-height:32px;padding:6px;font-size:.64rem;border-radius:10px;}

  /* School-support results: same 2-up grid rhythm. */
  body.page-template-page-private-lessons .sp-body{padding-top:12px;}
  body.page-template-page-private-lessons .sp-results-bar{margin-bottom:9px;}
  body.page-template-page-private-lessons .sp-school-ad-card{height:100%;border-radius:15px;overflow:hidden;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-media{aspect-ratio:1/1;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-card-body{gap:6px;padding:9px;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-card-tags>span:nth-child(n+2){display:none;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-card-title{min-height:3.6em;font-size:.79rem;line-height:1.45;-webkit-line-clamp:3;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-card-role,
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-card-facts{display:none;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-tc-card-footer{margin-top:auto;padding-top:0;border:0;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-btn-wa{display:none;}
  body.page-template-page-private-lessons .sp-school-ad-card .sp-btn-view{min-height:32px;padding:6px;font-size:.64rem;}
  body.page-template-page-private-lessons .sp-tips-box{display:none;}
}

@media (max-width:380px){
  .msid-mobile-directory-level,
  .msid-mobile-school-level{
    grid-auto-columns:calc((100% - 15px)/4);
    gap:7px 5px;
  }
  body.post-type-archive-tk_course #results-grid,
  body.post-type-archive-tk_trainer #results-grid,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) #results-grid,
  body.tax-tk_field #results-grid,
  body.page-template-page-private-lessons .sp-teachers-grid{gap:7px;}
  body.post-type-archive-tk_trainer .trainer-card-body,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-card-modern{padding:8px;}
  body.post-type-archive-tk_trainer .trainer-card-title,
  body:is(.post-type-archive-tk_institution,.msid-institution-preset) .inst-name{font-size:.77rem;}
}

/* Narrow phone results toolbar fallback. */
@media (max-width:360px){
  .msid-mobile-results-toolbar{grid-template-columns:minmax(0,1fr) auto;}
  .msid-mobile-results-toolbar>strong{grid-column:1;grid-row:1;}
  .msid-mobile-results-toolbar>button{grid-column:2;grid-row:1;}
  .msid-mobile-results-toolbar>label{grid-column:1/-1;grid-row:2;justify-content:space-between;}
  .msid-mobile-results-toolbar select{max-width:none;flex:1 1 auto;}
}

/* 6.6.79 — the hero nearby card is desktop-only; phones keep the existing compact discovery card. */
@media (max-width:760px){
}


/* 6.6.97 — mobile field cards mirror the new home discovery system. */
@media (max-width:760px){
  .msid-mobile-directory-browser,
  .msid-mobile-school-browser{
    padding:9px;
    border:1px solid rgba(20,50,90,.075);
    border-radius:18px;
    background:#fff;
    box-shadow:0 7px 20px rgba(22,44,78,.035);
  }
  button.msid-mobile-directory-icon,
  button.msid-mobile-school-icon{
    min-height:88px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:8px 5px;
    border:1px solid rgba(20,50,90,.085);
    border-radius:15px;
    background:#fff;
    box-shadow:0 3px 10px rgba(22,44,78,.025);
  }
  .msid-mobile-directory-glyph{width:30px;height:30px;display:grid;place-items:center;color:var(--msid-mi-fg,#315f9e)}
  .msid-mobile-directory-glyph svg{width:24px;height:24px}
  .msid-mobile-directory-icon>span:last-of-type{font-size:.66rem;line-height:1.3;font-weight:900}
  .msid-mobile-directory-icon>small{
    max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#6c7890;-webkit-text-fill-color:#6c7890;font-size:.52rem;line-height:1.15;font-weight:650;
  }
}

/* 6.7.01 — course marketplace opens directly on nearby controls. */
@media (max-width:760px){
  .msid-mobile-directory-discovery--course{padding-top:10px}
  .msid-mobile-directory-discovery--course .msid-mobile-nearby--directory{margin-top:0}
}


  /* Active mobile filter pills keep readable contrast. */
  .msid-mobile-directory-drawer-body fieldset button.is-active,
  .msid-mobile-directory-drawer-body fieldset button.is-active:hover,
  .msid-mobile-directory-drawer-body fieldset button.is-active:focus-visible,
  .msid-mobile-school-drawer-body fieldset button.is-active,
  .msid-mobile-school-drawer-body fieldset button.is-active:hover,
  .msid-mobile-school-drawer-body fieldset button.is-active:focus-visible{
    border-color:var(--msid-aubergine);
    background:var(--msid-aubergine);
    color:#fff;
    -webkit-text-fill-color:#fff;
  }