/* ============================================
   Anchorlight Media — Shared Stylesheet
   ============================================ */

/* Base */
body {
  font-family: 'Inter', sans-serif;
}

/* Material Symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glass Navigation */
.glass-nav {
  background: rgba(11, 31, 58, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Glass Header (ranking tool variant) */
.glass-header {
  background: rgba(11, 31, 58, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Hero Gradient */
.hero-gradient {
  background: linear-gradient(135deg, #000615 0%, #0b1f3a 100%);
}

/* Asymmetric Grid */
.asymmetric-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
}

@media (max-width: 768px) {
  .asymmetric-grid {
    grid-template-columns: 1fr;
  }
}

/* Editorial Grid */
.editorial-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2rem;
}

/* Editorial Shadow */
.editorial-shadow {
  box-shadow: 0 20px 40px rgba(11, 31, 58, 0.05);
}

/* Inner Glow */
.inner-glow {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}