/* ================================================
   PSX MARKET PORTAL — Tablet CSS (769px - 1024px)
   ================================================ */

.psx-portal { padding: 0 16px 48px; }

/* Hero */
.psx-hero { border-radius: 14px; padding: 28px 24px; }
.psx-hero-title { font-size: 26px; }
.psx-kse-value { font-size: 40px; }
.psx-kse-meta { gap: 14px; }

/* Indices */
.psx-indices-strip { border-radius: 10px; }
.psx-indices-inner { grid-template-columns: repeat(5, 1fr); }
.psx-indices-inner .psx-idx-item:nth-child(n+6) { display: none; }
.psx-idx-val { font-size: 14px; }

/* Summary */
.psx-summary-inner { grid-template-columns: repeat(4, 1fr); gap: 10px; }
.psx-summary-card { padding: 14px; gap: 10px; }
.psx-summary-val { font-size: 22px; }

/* Top Movers */
.psx-top-movers-inner { grid-template-columns: repeat(3, 1fr); gap: 10px; }
.psx-mover-card { padding: 14px; }
.psx-mr-name { max-width: 100px; }

/* Most Active */
.psx-ma-grid { grid-template-columns: repeat(3, 1fr); }

/* Sectors */
.psx-sector-grid { grid-template-columns: repeat(3, 1fr); }

/* Controls */
.psx-controls-bar { padding: 14px; }
.psx-sector-filters { flex-wrap: wrap; }

/* Table — hide some columns on tablet */
.psx-stock-table th:nth-child(5), .psx-stock-table td:nth-child(5),
.psx-stock-table th:nth-child(6), .psx-stock-table td:nth-child(6) { display: none; }

/* Info Footer */
.psx-info-inner { grid-template-columns: 1fr 1fr; gap: 12px; }
.psx-info-card:last-child { grid-column: 1 / -1; }