/* Course list (/courses). Shares pd-* and cd-* classes with the dashboards. */
.cl-head{padding:22px 24px;display:flex;flex-direction:column;gap:16px}
.cl-title .pd-sec-sub{margin-top:4px}
.cl-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cl-search{flex:1;min-width:220px;width:auto}
.cl-switch{margin-left:0}
.cl-list{overflow:hidden}
.cl-bar{padding:12px 20px;font-size:12.5px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.cl-bar b{color:var(--ink);font-family:'JetBrains Mono',monospace;font-weight:600}
.cl-row{display:grid;grid-template-columns:minmax(0,1.6fr) 90px minmax(0,1fr) 110px 18px;gap:16px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .12s}
.cl-row:last-child{border-bottom:0}
a.cl-row:hover{background:var(--hover)}
a.cl-row:hover .cl-name{color:var(--accent-text)}
a.cl-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-soft)}
.cl-rhead{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:9px 20px;background:var(--paper-2)}
.cl-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.cl-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s}
.cl-city{font-size:11.5px;color:var(--ink-3)}
.cl-lay{display:flex;flex-direction:column;font-family:'JetBrains Mono',monospace}
.cl-lay b{font-size:14px;font-weight:600}
.cl-lay small,.cl-top small{font-size:10.5px;color:var(--ink-3);font-family:'Plus Jakarta Sans',sans-serif}
.cl-top{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.cl-top small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cl-last{font-family:'JetBrains Mono',monospace;font-size:12.5px;white-space:nowrap}
.cl-go{color:var(--ink-3);display:inline-flex}
@media (max-width:640px){
  .cl-head{padding:16px}
  .cl-tools .pd-seg{width:100%}
  .cl-tools .pd-seg button{flex:1}
  .cl-rhead{display:none}
  .cl-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main top" "meta meta";gap:6px 12px;padding:12px 14px}
  .cl-main{grid-area:main}
  .cl-top{grid-area:top;align-items:flex-end}
  .cl-top small{display:none}
  .cl-lay{grid-row:2;grid-column:1;flex-direction:row;gap:6px;align-items:baseline;font-size:11px}
  .cl-lay b{font-size:12px}
  .cl-last{grid-row:2;grid-column:2;font-size:11px;color:var(--ink-3);text-align:right}
  .cl-go{display:none}
}