/* Tablet Styles (768px - 1023px) */
/* These styles override mobile.css for tablet viewports */

/* Typography adjustments for tablet */
body {
  font-size: 1.125rem;
}

/* Sections - Tablet spacing */
section {
  padding: 80px 1.5rem;
}

/* Grid layouts - Tablet (2 columns where appropriate) */
.grid.columns-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Navigation - Still collapsed on tablet */
nav {
  flex-wrap: wrap;
}

.menu-toggle {
  display: inline-flex;
}

.lang-picker {
  margin-left: auto;
}

.nav-actions {
  display: none;
}

#primary-navigation {
  display: none;
  flex-direction: column;
  width: 100%;
  background: rgba(248, 250, 252, 0.96);
  padding: 16px 0;
}

#primary-navigation.is-open {
  display: flex;
}

#primary-navigation li {
  padding: 8px 1.5rem;
}

/* Hero section - Tablet */
.hero {
  padding: 112px 1.5rem 80px;
}

.hero .cta-group {
  flex-direction: row;
  align-items: center;
}

/* Footer - Tablet (2 columns) */
.footer-inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

footer {
  padding-bottom: 64px;
}

/* Mobile CTA bar - Hide on tablet */
.mobile-cta-bar {
  display: none;
}

/* Lists - Tablet sizing */
.list-inline {
  font-size: 1rem;
}

.proof-strip {
  font-size: 1rem;
}