:root {
  --primary-color: #d50032; /* Esim. oranssi huomioväri */
  --font-main: 'Montserrat, Helvetica Neue, Arial, Lucida, sans-serif';
  --font-head: 'Roc Grotesk';
} 
.jh-team-section { margin-bottom: 50px; font-family: inherit; }
        .jh-group-title { border-bottom: 2px solid #222; padding-bottom: 10px; margin-bottom: 25px; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.5px;}
        
        .jh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 25px; align-items: stretch; }
        
        .jh-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }
        .jh-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
        
        /* Kuva ja numero (suhde lukittu esim. 3:4 portrait-muotoon) */
        .jh-card-media { position: relative; width: 100%; aspect-ratio: 3 / 4; background: #fafafa; border-bottom: 1px solid #eaeaea; }
        .jh-card-media .jh-kuva { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; margin: 0; }
        
        /* Numero leijuu kuvan päällä */
        .jh-numero-badge { position: absolute; top: 12px; right: 12px; background: rgba(213,0,50,0.85); color: #fff; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 800; font-size: 1.1em; z-index: 2; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
        
        /* Kortin tiedot */
        .jh-card-body { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }
        .jh-card-body h3 { margin: 0 0 15px 0; font-size: 1.4em; font-weight: 700; color: #222; text-align: center; }
        
        .jh-stats { display: flex; flex-direction: column; gap: 8px; font-size: 0.9em; background: #f8f9fa; padding: 12px; border-radius: 8px; }
        .jh-stat-row { display: flex; justify-content: space-between; border-bottom: 1px dashed #dcdcdc; padding-bottom: 4px; }
        .jh-stat-row:last-child { border-bottom: none; padding-bottom: 0; }
        .jh-stat-label { font-weight: 600; color: #666; font-size: 0.85em; text-transform: uppercase; }
        .jh-stat-val { color: #222; font-weight: 500; text-align: right; }
        
        /* Kummilogo pohjalla */
        .jh-card-footer { padding: 15px; background: #fff; border-top: 1px solid #eaeaea; display: flex; align-items: center; justify-content: center; min-height: 70px; }
        .jh-kummi-link { display: inline-flex; align-items: center; justify-content: center; transition: transform 0.2s; }
        .jh-kummi-link:hover { transform: scale(1.05); }
        .jh-card-footer .kummi-logo { max-width: 120px; max-height: 45px; object-fit: contain; }