/* Affiox Ultra — World Fix (LOCKED)
   Path: /assets/css/world-fix.css
*/

/* Ensure world pages use wide container properly */
.affiox-world-hero{
  padding: 56px 0 28px;
}
.affiox-world-hero-inner{
  width: 100%;
  max-width: var(--affiox-max);
  margin: 0 auto;
  padding: 0 var(--affiox-pad);
}

.affiox-world-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--affiox-muted);
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--affiox-border);
  background: var(--affiox-surface);
}

.affiox-world-title{
  margin: 16px 0 10px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
}
.affiox-world-sub{
  margin: 0 0 18px;
  max-width: 70ch;
  color: var(--affiox-muted);
}

.affiox-section-title{
  margin: 0 0 6px;
  font-size: 22px;
  line-height: 1.2;
}
.affiox-section-sub{
  margin: 0 0 18px;
  color: var(--affiox-muted);
}

/* Grid + cards */
.affiox-grid{
  display: grid;
  gap: 18px;
}
.affiox-grid.cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 980px){
  .affiox-grid.cols-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .affiox-grid.cols-3{ grid-template-columns: 1fr; }
}

.affiox-card{
  border: 1px solid var(--affiox-border);
  background: var(--affiox-surface);
  border-radius: var(--affiox-radius);
  overflow: hidden;
  box-shadow: var(--affiox-shadow);
}
.affiox-card-link{ display:block; color: inherit; }
.affiox-card-media{
  height: 190px;
  background: linear-gradient(135deg, rgba(99,102,241,.18), rgba(59,130,246,.14));
}
html[data-affiox-mode="dark"] .affiox-card-media{
  background: linear-gradient(135deg, rgba(99,102,241,.22), rgba(59,130,246,.18));
}
html[data-affiox-mode="ultra"] .affiox-card-media{
  background: linear-gradient(135deg, rgba(124,58,237,.25), rgba(59,130,246,.20));
}
.affiox-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.affiox-card-body{
  padding: 18px 18px 16px;
}
.affiox-card-title{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
  color: var(--affiox-text);
}
.affiox-card-excerpt{
  margin: 0 0 14px;
  color: var(--affiox-muted);
}
.affiox-card-meta{
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--affiox-muted);
  font-size: 13px;
  border-top: 1px solid var(--affiox-border);
  padding-top: 12px;
}

.affiox-empty{
  border: 1px dashed var(--affiox-border);
  border-radius: var(--affiox-radius);
  padding: 16px;
  background: color-mix(in oklab, var(--affiox-surface) 85%, transparent);
}