/* ---- Cert card layout ---- */
.cert-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px;display:flex;gap:24px;align-items:flex-start;transition:all .25s ease;cursor:default;}
.cert-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.12);transform:translateY(-4px);}
.cert-logo-box{width:134px;height:auto;background:#f8fafc;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);padding:12px;}
.cert-logo-box img{width:100%;height:100%;object-fit:contain;}
.cert-subtitle{font-size:.8rem;font-weight:600;color:var(--teal);margin-bottom:10px;}
.cert-body p{color:var(--text-muted);font-size:.875rem;}
.cert-body .cert-tags{margin-top:12px;}
/* Since year badges */
.cert-since-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;}
.cert-since-row h3{margin:0;}
.cert-since{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.25);color:var(--teal);border-radius:20px;padding:3px 10px;white-space:nowrap;flex-shrink:0;}
.cert-sm-since{font-size:.65rem;font-weight:700;letter-spacing:.05em;background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.22);color:var(--teal);border-radius:20px;padding:2px 8px;margin-left:6px;vertical-align:middle;white-space:nowrap;}

/* ---- Small cert card ---- */
.cert-sm-card{background:var(--grey-50);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.cert-sm-icon{width:102px;height:102px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;}
.cert-sm-icon img{width:100%;height:100%;object-fit:contain;}
.cert-sm-card p{font-size:.85rem;color:var(--text-muted);}

/* ---- Mobile: compact icon + name layout ---- */
@media(max-width:768px){
  .cert-card{padding:16px 20px;gap:14px;align-items:center;border-radius:0;border-bottom:none;border-left:none;border-right:none;}
  .cert-card:first-child{border-radius:var(--radius-xl) var(--radius-xl) 0 0;}
  .cert-card:last-child{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-bottom:1px solid var(--border);}
  .cert-card:hover{box-shadow:none;transform:none;}
  .cert-logo-box{width:44px!important;height:44px!important;padding:6px!important;flex-shrink:0;}
  .cert-subtitle,.cert-body p,.cert-body .cert-tags{display:none!important;}
  .cert-body h3{font-size:1rem;margin-bottom:0;}

  .cert-sm-card{flex-direction:row;text-align:left;padding:14px 20px;border-radius:0;border-bottom:none;border-left:none;border-right:none;gap:14px;align-items:center;}
  .cert-sm-card:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
  .cert-sm-card:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:1px solid var(--border);}
  .cert-sm-icon{width:36px!important;height:36px!important;margin:0!important;flex-shrink:0;}
  .cert-sm-card h4{font-size:.9rem;margin-bottom:0;}
  .cert-sm-card p{display:none!important;}

  .cert-main-grid,.cert-sm-grid{border:1px solid var(--border);border-radius:var(--radius-xl)!important;overflow:hidden;}
}