/* SecurityTalent 1.7.0 — tablet experience (768–1199px). */
html, body { overflow-x: hidden; }
body { -webkit-text-size-adjust: 100%; }
.container, .sppb-row-container { width: 100%; padding-inline: 24px; }

/* Use the touch-friendly off-canvas navigation throughout the tablet range. */
.sp-megamenu-parent { display: none !important; }
#offcanvas-toggler { display: inline-flex !important; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; }
#sp-header { min-height: 68px; }
#sp-header .sp-column { min-width: 0; }
#sp-header .logo-image { max-width: 168px; height: auto; }
.st-header-auth { gap: 8px; margin-left: auto; }
.st-header-auth .btn, .st-header-auth a { min-height: 44px; padding: 10px 14px; white-space: nowrap; }

/* Two-column tablet rhythm for cards; preserve readable component widths. */
.st-grid, .st-card-grid, .st-contact-channels { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.st-profile-tabs-list, .st-journey-tabs { overflow-x: auto; flex-wrap: nowrap !important; scrollbar-width: thin; padding-bottom: 8px; }
.st-profile-tabs-list [role="tab"], .st-journey-tabs [role="tab"] { flex: 0 0 auto; min-height: 48px; }
.st-securitytalent-spotlight .owl-carousel > *, .st-member-journey .owl-carousel > * { min-width: calc(50% - 10px); }

/* Keep application navigation and filters usable beside the result column. */
.es-container, .eb-container, .ed-container { display: flex !important; align-items: flex-start; gap: 22px; }
.es-container > .es-sidebar, .eb-container > .eb-sidebar, .ed-container > .ed-sidebar,
.es-sidebar, .eb-sidebar, .ed-sidebar { flex: 0 0 224px; width: 224px !important; margin: 0 !important; }
.es-container > .es-content, .eb-container > .eb-content, .ed-container > .ed-content,
.es-content, .eb-content, .ed-content { flex: 1 1 auto; min-width: 0; width: auto !important; }
.es-toolbar, .eb-toolbar, .ed-toolbar, [data-fd-toolbar] { overflow-x: auto; white-space: nowrap; }

/* Tablet footers read best as a balanced 2 × 2 grid. */
.st-footer-nav .row, #sp-bottom .row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.st-footer-nav [class*="col-"], #sp-bottom [class*="col-"] { width: auto !important; max-width: none !important; padding: 24px !important; }

img, video, iframe { max-width: 100%; }
table { display: block; max-width: 100%; overflow-x: auto; }

@media (max-width: 991.98px) {
  .st-header-auth { display: none !important; }
  .st-profile-benefit-tab .row, .st-profile-benefit-tab [class*="sppb-row"] { display: grid !important; grid-template-columns: 1fr !important; }
  .st-profile-benefit-tab img { width: 100%; max-height: 460px; object-fit: cover; }
}