/* ===== Certificate Page Styles ===== */
.certificate-page{padding:0;background:var(--white)}
.cert-content{padding:40px 0 60px}
.cert-content .container{max-width:900px}

/* ===== Certificate Detail Title ===== */
.cert-detail-title{font-size:clamp(1.6rem,3.5vw,2.4rem);color:var(--primary-dark);font-weight:700;margin-bottom:8px;line-height:1.3}
.cert-detail-meta{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--accent);display:flex;flex-wrap:wrap;gap:8px 20px}
.cert-detail-meta .cert-number{font-size:0.95rem;color:var(--text-light);background:var(--bg);padding:4px 14px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}

/* ===== Content Typography ===== */
.cert-grid h2{font-size:clamp(1.2rem,2vw,1.6rem);color:var(--primary-dark);margin:30px 0 16px}
.cert-grid h3{font-size:1.1rem;color:var(--primary);margin:20px 0 12px}
.cert-grid h4{font-size:1rem;color:var(--primary-dark);margin:16px 0 10px}
.cert-grid p{color:var(--text-light);line-height:1.8;margin-bottom:14px}
.cert-grid ul,.cert-grid ol{padding-left:24px;margin-bottom:16px;color:var(--text-light);line-height:1.8}
.cert-grid ul li,.cert-grid ol li{margin-bottom:6px}
.cert-grid ul li{list-style:disc}
.cert-grid ol li{list-style:decimal}
.cert-grid a{color:var(--primary);text-decoration:underline}
.cert-grid a:hover{color:var(--primary-light)}
.cert-grid blockquote{padding:16px 20px;background:var(--bg);border-left:4px solid var(--accent);margin:20px 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-light)}
.cert-grid table{width:100%;border-collapse:collapse;margin:20px 0;font-size:0.9rem}
.cert-grid table th,.cert-grid table td{padding:10px 14px;border:1px solid var(--border);text-align:left}
.cert-grid table th{background:var(--primary-dark);color:var(--white);font-weight:600}
.cert-grid table tr:nth-child(even){background:var(--bg)}
.cert-grid table tr:hover{background:#eef4f8}
.cert-grid img{max-width:100%;height:auto;border-radius:var(--radius);margin:16px 0;box-shadow:var(--shadow)}
.cert-grid .aligncenter{display:block;margin:20px auto}
.cert-grid .alignleft{float:left;margin:6px 20px 10px 0;max-width:40%}
.cert-grid .alignright{float:right;margin:6px 0 10px 20px;max-width:40%}

/* ===== Other Certificates ===== */
.other-certificates{margin-top:50px;padding-top:40px;border-top:2px solid var(--border)}
.other-certificates-title{font-size:1.2rem;font-weight:600;color:var(--primary-dark);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.other-certificates-title::after{content:'';flex:1;height:1px;background:var(--border)}
.other-cert-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:576px){.other-cert-grid{grid-template-columns:repeat(2,1fr)}}

.other-cert-item{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all var(--transition)}
.other-cert-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--primary)}

.other-cert-link{display:block;color:var(--text);text-decoration:none}
.other-cert-link .other-cert-img{position:relative;padding-bottom:65%;overflow:hidden;background:var(--bg)}
.other-cert-link .other-cert-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform var(--transition)}
.other-cert-link:hover .other-cert-img img{transform:scale(1.03)}

.other-cert-info{display:flex;align-items:center;gap:10px;padding:12px 16px 14px}
.other-cert-icon{font-size:1.1rem;flex-shrink:0}
.other-cert-name{font-size:0.9rem;font-weight:500;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.other-cert-arrow{font-size:0.8rem;color:var(--text-light);transition:all var(--transition);flex-shrink:0}
.other-cert-link:hover .other-cert-arrow{color:var(--primary);transform:translateX(4px)}

/* ===== Responsive ===== */
@media(max-width:575px){.cert-content{padding:20px 0 30px}.cert-detail-title{font-size:1.4rem}.cert-grid .alignleft,.cert-grid .alignright{float:none;display:block;margin:16px auto;max-width:100%}.cert-grid table{font-size:0.75rem}.cert-grid table th,.cert-grid table td{padding:6px 8px}.other-certificates{margin-top:30px;padding-top:20px}.other-cert-link .other-cert-img{padding-bottom:60%}.other-cert-link .other-cert-img img{padding:8px}.other-cert-info{padding:10px 12px 12px}.other-cert-name{font-size:0.8rem}}