/* EDITED IN PLACE (10/11, docs/GRADES-ON-PAGES.md: generators are retired for built pages). This file is no longer
   generated: mocks/src/colleges/make_college_css.py made its first build and now refuses to overwrite it without --force.
   Edit the rules here; tools/css_lint.py guards them (a rule two pages share goes in core.css). The note below is history. */
/* TG college.css: one college's page (/<st>/<town>/colleges/<slug>), carried over from TownTapestry 10/10.
   Generated by mocks/src/colleges/make_college_css.py: the live app.css rules the live college pages use (their <main>),
   minus selectors core.css or colleges.css already has (the page loads core + colleges + college). */
.cl-live{display:grid;grid-template-columns:1fr;gap:12px}
.cl-live.has-photo{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
.cl-live .cl-dph{height:100%;min-height:240px}
.cl-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:14px}
.cl-crumbs a{color:var(--accent-ink);font-weight:600}
.cl-crumbs b{color:var(--ink-2)}
/* the site's dark hero (core.css .hb-hero, 10/30), glowing in the college's colour; the campus map stays */
.cl-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch;padding:28px;background:radial-gradient(circle at 0 100%,color-mix(in srgb,var(--tc) 50%,transparent),transparent 45%),var(--night)}
.cl-top h1{font-size:40px;letter-spacing:-.04em;line-height:1.05;margin:6px 0 10px}
.cl-top .kick{color:color-mix(in srgb,var(--tc) 40%,var(--ink))}
.cl-top p{color:var(--muted);font-size:15.5px;margin:12px 0 0;max-width:620px}
.cl-badge{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--tc);color:#fff;margin-bottom:14px}
.cl-badge .ic{width:26px;height:26px}
.cl-topmap .tmap{height:100%;min-height:240px;box-shadow:0 0 0 1px var(--line)}
.cl-big{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1.05}
.cl-twenty{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:360px}
.cl-twenty i{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:#eef0f3;color:#b5bcc6}
.cl-twenty i .ic{width:16px;height:16px}
.cl-twenty i.on{background:var(--accent-tint);color:var(--accent-ink)}
.cl-rgs{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.cl-rg{display:grid;grid-template-columns:96px 1fr 70px;gap:12px;align-items:center;font-size:13.5px;color:var(--ink-2)}
.cl-rg b{text-align:right}
.cl-rgb{height:10px;border-radius:5px;background:#eef0f3;position:relative}
.cl-rgb i{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--accent)}
.cl-stk{height:22px}
.cl-net{margin:14px 0 0;font-size:14.5px;color:var(--ink-2)}
.cl-mine .cl-seg{margin-bottom:14px}
.cl-mine .cl-seg button{height:32px;padding:0 9px;font-size:12.5px}
.cl-inc{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;height:120px;margin-top:16px;align-items:end}
.cl-ic{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;border:0;background:none;padding:0}
.cl-ic small{font-size:11.5px;font-weight:700;color:var(--muted)}
.cl-ic i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:#c9dfd3}
.cl-ic.on i, .cl-ic:hover i{background:var(--accent)}
.cl-ic.on small{color:var(--ink)}
.cl-incx{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:6px;font-size:11px;color:var(--muted);text-align:center}
.cl-dvp{height:12px;border-radius:6px;background:#eef0f3;position:relative;margin-top:12px}
.cl-dvp i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--accent)}
.cl-dvp i.hi{background:var(--gC)}
.cl-dvpx{display:flex;justify-content:space-between;font-size:11.5px;color:var(--faint);margin-top:6px}
.cl-outs{margin-top:0}
@media (max-width:1100px){
  .cl-top{grid-template-columns:1fr}
  .cl-topmap .tmap{min-height:200px}
}
@media (max-width:640px){
  .cl-top{padding:20px}
  .cl-top h1{font-size:30px}
  .cl-live.has-photo{grid-template-columns:1fr}
  .cl-live .cl-dph{min-height:150px}
  .cl-rg{grid-template-columns:84px 1fr 62px}
  .cl-big{font-size:34px}
}