/* Poker course directory with the finder in a right sidebar (approved visual: design/course-directory-ask-first-2026-10-24,
   sidebar-directory.html). Three tiles per row; the rail is sticky under the shared header on desktop and sits above the
   tiles on phones. Layout only: the companion inside the rail is styled by cv-chip-bot.css. Scoped to .ftm. */

/* ---- layout: three columns of tiles and the rail ---- */
.ftm .cv-directory-columns{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:34px}
.ftm .cv-directory-main{min-width:0}
.ftm .cv-dir .dir-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px}
.ftm .cv-dir .dir-course::before{display:block!important;left:-18px}
.ftm .cv-dir .dir-course.is-row-start::before{display:none!important}
.ftm .cv-dir .dir-course h2{font-size:25px;line-height:1.08}
.ftm .cv-dir .dir-categories{gap:0 26px;margin-bottom:27px}
.ftm .cv-dir .dir-categories button{font-size:24px;padding-top:0}

/* ---- the rail ---- */
.ftm .cv-finder-rail{box-sizing:border-box;position:sticky;top:84px;height:min(760px,calc(100dvh - 100px));display:flex;flex-direction:column;border-left:1px solid #4E493C;padding:0 0 0 30px;min-width:0;color:#F5F1ED}
.ftm .cv-finder-rail-top{box-sizing:border-box;display:flex;align-items:center;gap:9px;height:45px;min-height:45px;flex:none;color:#E1BD5E;font-size:10px;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;padding:0 0 14px;border-bottom:1px solid #70603A}
.ftm .cv-rail-square{width:9px;height:9px;background:#E1BD5E;display:inline-block;flex:none}

/* results line above the grid: the conversation's recommendations shown as the existing tiles */
.ftm .cv-dir .dir-results{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:-12px 0 22px;font-size:14px;line-height:20px;color:#F5F1ED}
.ftm .cv-dir .dir-results-text b{font-weight:700;color:#E1BD5E}
.ftm .cv-dir .dir-results-show{appearance:none;background:none;border:0;border-bottom:1px solid #E1BD5E;color:#E1BD5E;font:inherit;font-size:13px;padding:0 0 1px;cursor:pointer}
.ftm .cv-dir .dir-results-show:hover{color:#EDD08A;border-color:#EDD08A}
.ftm .cv-dir .dir-results-show:focus-visible{outline:2px solid #E1BD5E;outline-offset:3px}
.ftm .cv-dir .dir-results[hidden]{display:none!important}
.ftm .cv-dir .dir-empty{margin:0 0 24px;max-width:48ch;font-size:14px;line-height:20px;color:#B4ADA5}
.ftm .cv-dir .dir-empty[hidden]{display:none!important}

/* ---- narrower desktops and tablets ---- */
@media(max-width:1000px) and (min-width:701px){
  .ftm .cv-directory-columns{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:28px}
  .ftm .cv-dir .dir-grid{gap:32px 24px}
  .ftm .cv-dir .dir-course::before{left:-14px}
  .ftm .cv-dir .dir-course h2{font-size:22px}
  .ftm .cv-dir .dir-categories{gap:0 18px}
  .ftm .cv-dir .dir-categories button{font-size:21px}
  .ftm .cv-finder-rail{padding-left:20px}
}
/* ---- phones: the finder above the tiles, not sticky, its own fixed height with the conversation scrolling inside ---- */
@media(max-width:700px){
  .ftm .cv-directory-columns{display:flex;flex-direction:column;gap:32px}
  .ftm .cv-finder-rail{position:static;order:-1;width:100%;height:640px;padding:20px;border:1px solid #4E493C}
  .ftm .cv-directory-main{width:100%}
  .ftm .cv-dir .dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftm .cv-dir .dir-course::before{display:none!important}
}