/* Colleges: own styles on top of the shared frame */
.cl-lead{font-size:1.08rem;color:var(--soft)}
.cl-cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.cl-kinds{margin:10px 0 0}
.cl-states a b{color:var(--accent);margin-left:4px;font-family:var(--mono)}
.cl-name{font:700 1.25rem/1.3 var(--font-head);margin:.2em 0 .4em}
.cl-warn{border-color:var(--bad)}
.cl-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.cl-list button{display:block;width:100%;text-align:left;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;min-height:56px;cursor:pointer}
.cl-list button:hover{border-color:var(--accent)}
.cl-list small{display:block;color:var(--soft)}
.grid a{flex-wrap:wrap}.grid a small{white-space:normal}
td small{margin-top:2px}