/* Khoe sản phẩm học viên — xanh-trắng, mobile-first. */
.showcase-page{max-width:1120px;margin:0 auto;padding:32px 18px 76px;color:#0d1f33}
.showcase-hero{background:linear-gradient(135deg,#f5fbff,#ffffff);border:1px solid #cfe3f8;border-radius:8px;padding:22px;display:grid;gap:12px}
.showcase-back{width:max-content;border:1px solid #cfe3f8;background:#fff;color:#1C6FB8;border-radius:8px;padding:8px 12px;font-weight:800;display:flex;gap:6px;align-items:center;cursor:pointer}
.showcase-badge{width:max-content;background:#e9f8f1;color:#087443;border:1px solid #bfe8d1;border-radius:999px;padding:7px 11px;font-weight:800;font-size:13px;display:flex;gap:6px;align-items:center}
.showcase-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.05;margin:0;color:#0d1f33;letter-spacing:0}
.showcase-hero p{max-width:720px;margin:0;color:#436070;font-size:16px;line-height:1.65}
.showcase-stats{display:flex;align-items:baseline;gap:10px;color:#436070}
.showcase-stats b{font-size:38px;color:#087443}
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.showcase-card{display:block;background:#fff;border:1px solid #dbeafe;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 26px rgba(28,111,184,.08)}
.showcase-thumb{aspect-ratio:16/10;background:#eef7ff;display:flex;align-items:center;justify-content:center;color:#1C6FB8}
.showcase-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.showcase-info{padding:14px;display:grid;gap:6px}
.showcase-info span{width:max-content;background:#e9f8f1;color:#087443;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.showcase-info h2{margin:0;color:#0d1f33;font-size:17px;line-height:1.35;letter-spacing:0}
.showcase-info p{margin:0;color:#436070;line-height:1.55;font-size:14px}
.showcase-info small{color:#6b8191;font-weight:700}
.showcase-empty,.showcase-loading{margin-top:18px;border:1px dashed #9cc9ee;background:#f8fcff;border-radius:8px;padding:22px;color:#436070;display:grid;gap:8px}
@media(max-width:860px){.showcase-grid{grid-template-columns:1fr 1fr}.showcase-page{padding-top:22px}}
@media(max-width:560px){.showcase-grid{grid-template-columns:1fr}.showcase-hero{padding:18px}.showcase-stats b{font-size:32px}}