.college-wrap{width:min(1160px,calc(100% - 32px));margin:auto}.college-hero{padding:64px 0 38px;background:linear-gradient(135deg,#fff7dc,#fff)}.college-hero h1{max-width:900px}.college-method{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:40px 0}.college-method aside,.college-card{border:1px solid #ded6bd;border-radius:16px;padding:20px;background:#fff}.college-filters{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;margin:24px 0}.college-filters label{display:grid;gap:6px}.college-filters select,.college-filters button{min-height:44px}.college-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.college-card h3{margin:.25rem 0}.college-meta,.timeline-class{color:#7a5d11;font-weight:700}.institution-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0}.institution-counts li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ddd;padding:8px}.college-related{display:flex;flex-wrap:wrap;gap:12px}.internet-history{border-top:1px solid #ddd;padding-top:32px}.internet-era{margin:28px 0}.internet-timeline{list-style:none;padding:0}.internet-timeline li{display:grid;grid-template-columns:80px 1fr;gap:16px;border-left:3px solid #d3a321;padding:0 0 28px 20px}.internet-timeline time{font-weight:800;font-size:1.1rem}.internet-timeline h3{margin:0}@media(max-width:720px){.college-method,.college-grid{grid-template-columns:1fr}.college-filters{grid-template-columns:1fr}.institution-counts{grid-template-columns:1fr}.internet-timeline li{grid-template-columns:58px 1fr;padding-left:12px}.college-wrap{width:min(100% - 24px,1160px)}}