/* Minimal styles to approximate the mockup */

/* Layout base */
:root{
	--cap-color: #9BC53D;
	--dev-color: #F8961E;
	--srv-color: #1F8A9C;
	--capacit-color: #2F5D50;
	--title-color: #0E1517;
}
body .tt-results-overview{padding:64px 20px; text-align:center; background:#f3f3f3; font-family: 'Archivo Narrow', 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
.tt-main-title{font-size:44px; margin:6px 0 6px 0; font-weight:700; color:var(--title-color)}
.tt-main-desc{max-width:920px; margin:0 auto 28px; color:#4a4a4a; font-size:16px}

.tt-universities-grid{display:grid; grid-template-columns:repeat(3, 320px); justify-content:center; gap:28px; margin:30px auto}
.tt-uni-btn{display:block; width:320px; min-height:90px; background:#fff; border-radius:28px; box-shadow:0 8px 20px rgba(0,0,0,0.08); text-decoration:none!important; color:var(--title-color); padding:0}
.tt-uni-btn:hover,.tt-uni-btn:focus,.tt-uni-btn:active{text-decoration:none;color:var(--title-color)}
.tt-uni-btn .tt-uni-inner{display:flex; flex-direction:column; justify-content:center; height:100%; padding:20px;}
.tt-uni-title{font-weight:700; font-size:18px; line-height:1.25; text-decoration:none}
.tt-uni-country{font-size:13px; color:#808080}

/* University page */
body .tt-university-wrapper{max-width:1200px; margin:0 auto; padding:0 20px}
.tt-university-page{padding:28px 0; background:#fff}
.tt-back{display:inline-block;margin-bottom:12px;color:#2d2d2d;text-decoration:none}
.tt-uni-main{font-size:30px;text-align:center;margin-top:4px;margin-bottom:18px}

.tt-service-buttons{display:flex;gap:22px; justify-content:center; margin:22px 0}
.tt-service-btn{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 28px;border-radius:20px;border:6px solid rgba(0,0,0,0);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,0.08);min-width:220px;text-align:left}
.tt-service-btn .tt-service-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,0.14);font-size:26px;line-height:1;color:#fff;font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24}
.tt-service-btn.active{outline:6px solid rgba(0,0,0,0.12); transform:translateY(-4px)}
.tt-service-label{font-size:18px;letter-spacing:0.2px}

.tt-cards-wrap{display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:28px; margin-top:28px}
.tt-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,0.08); display:flex; flex-direction:column}
.tt-card-top{height:140px;background:var(--title-color)}
.tt-card-body{padding:18px; flex:1}
.tt-card h3{margin:0 0 8px 0; font-size:16px; font-weight:700}
.tt-card-excerpt{color:#666; font-size:13px}
.tt-download{display:inline-flex;align-items:center;gap:8px;margin-top:0;color:#4B7E8E;text-decoration:none;font-weight:600;font-size:13px}
.tt-download:hover,.tt-download:focus{text-decoration:underline}
.tt-download-icon{font-size:18px;line-height:1;font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 20}

/* Hidden state for filtering */
.tt-card.hidden{display:none}

/* Responsive adjustments */
@media (max-width:1100px){
	.tt-universities-grid{grid-template-columns:repeat(2, 320px)}
}
@media (max-width:700px){
	.tt-universities-grid{grid-template-columns:repeat(1, 320px)}
	.tt-service-buttons{flex-direction:column;align-items:center}
}

