.pem-auto-home{max-width:1180px;margin:14px auto;padding:0 16px;clear:both}
.pem-home-strip{position:relative;display:flex;align-items:center;gap:10px;margin:10px auto 14px}
.pem-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:6px 4px 12px;scrollbar-width:none}
.pem-track::-webkit-scrollbar{display:none}
.pem-mini-card{min-width:245px;background:#f7f8f8;border:1px solid #d9dede;border-radius:10px;padding:10px 12px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer}
.pem-mini-card:hover{transform:translateY(-2px);transition:.18s ease;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.pem-mini-card.is-live{border:2px solid #08a331;background:#fff}
.pem-mini-date{font-weight:800;font-size:12px;color:#08a331;letter-spacing:.4px}
.pem-mini-city{font-size:12px;color:#333;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pem-mini-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.pem-mini-score>div{display:flex;flex-direction:column;align-items:center;gap:3px}
.pem-flag{font-size:25px;line-height:1}
.pem-score-center{font-size:20px;font-weight:800;color:#111;display:flex!important;flex-direction:row!important;gap:5px!important}
.pem-badge{display:inline-block;margin-top:8px;background:#0b2f6b;color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}
.pem-mini-card.is-live .pem-badge{background:#08a331}
.pem-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#08a331;font-size:32px;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;flex:0 0 auto}
.pem-see-all{min-width:130px;display:flex;align-items:center;justify-content:center;background:#0b2f6b;color:#fff!important;border-radius:10px;text-decoration:none;font-weight:800;padding:20px}

.pem-wrap{max-width:1180px;margin:0 auto;padding:20px 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pem-hero{background:linear-gradient(135deg,#f8fbff,#edf3ff);border:1px solid #e0e6f0;border-radius:18px;padding:28px;margin-bottom:18px}
.pem-hero span{text-transform:uppercase;background:#ffd900;color:#0b2f6b;border-radius:999px;padding:8px 16px;font-weight:800;font-size:13px}
.pem-hero h1{font-size:36px;line-height:1.1;margin:18px 0 10px;color:#111}
.pem-hero p{font-size:18px;color:#4b5563;margin:0}
.pem-tabs{display:flex;gap:10px;margin:20px 0}
.pem-tabs button{border:0;border-radius:22px;padding:12px 20px;background:#e9ebef;color:#111;font-weight:800;cursor:pointer;font-size:17px;box-shadow:0 2px 5px rgba(0,0,0,.12)}
.pem-tabs button.active{background:#0b2f6b;color:#fff}
.pem-tab{display:none}
.pem-tab.active{display:block}
.pem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pem-card{background:#fff;border:1px solid #e1e5ea;border-left:5px solid #08a331;border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pem-card-top,.pem-card-bottom{display:flex;justify-content:space-between;color:#667085}
.pem-card-top strong{color:#0b2f6b}
.pem-match{display:grid;grid-template-columns:1fr 35px 1fr;gap:12px;align-items:center;margin:18px 0}
.pem-match div{background:#f8fafc;border-radius:12px;padding:16px;font-size:19px;font-weight:800;display:flex;justify-content:space-between}
.pem-match span{text-align:center;color:#98a2b3;font-weight:800}
.pem-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:26px}
.pem-table{width:100%;border-collapse:collapse;background:#fff}
.pem-table th{background:#0b2f6b;color:#fff;text-align:center;padding:14px}
.pem-table th:first-child{text-align:left}
.pem-table td{border-top:1px solid #edf0f4;padding:14px;text-align:center}
.pem-table td:first-child{text-align:left;font-size:18px}
.pem-wrap h2{color:#0b2f6b;font-size:30px;margin:28px 0 12px}

@media (max-width:768px){
  .pem-auto-home{width:100%!important;max-width:100%!important;margin:8px 0 12px!important;padding:0!important;overflow:hidden!important}
  .pem-home-strip{width:100%!important;max-width:100%!important;margin:6px 0 10px!important;padding:0!important;display:block!important;overflow:hidden!important}
  .pem-track{width:100%!important;max-width:100vw!important;display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 12px 12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box!important}
  .pem-mini-card{min-width:170px!important;max-width:170px!important;flex:0 0 170px!important;padding:8px!important;border-radius:9px!important;scroll-snap-align:start;box-sizing:border-box!important}
  .pem-mini-date{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}
  .pem-mini-city{font-size:10px!important;margin:3px 0 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pem-mini-score{grid-template-columns:1fr auto 1fr!important;gap:4px!important}
  .pem-mini-score strong{font-size:12px!important}
  .pem-score-center{font-size:15px!important;gap:3px!important;white-space:nowrap!important}
  .pem-flag{font-size:20px!important}
  .pem-badge{font-size:10px!important;padding:3px 7px!important;margin-top:6px!important;border-radius:5px!important}
  .pem-arrow{display:none!important}
  .pem-see-all{min-width:110px!important;flex:0 0 110px!important;padding:12px!important;font-size:12px!important}
  .pem-grid{grid-template-columns:1fr}
  .pem-hero h1{font-size:27px}
  .pem-match{grid-template-columns:1fr}
}

@media (max-width:420px){
  .pem-mini-card{min-width:155px!important;max-width:155px!important;flex-basis:155px!important}
  .pem-track{gap:8px!important;padding-left:10px!important;padding-right:10px!important}
  .pem-flag{font-size:18px!important}
  .pem-score-center{font-size:14px!important}
}