/* Section 6 — Life skills & employment (forest band) */
.ap-life { position: relative; overflow: hidden; }
.ap-life::after { /* subtle depth */
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(60% 80% at 85% 20%, rgba(255,255,255,0.06), transparent 60%);
  pointer-events: none;
}
.ap-life__grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.1fr 1fr;
  gap: clamp(2rem, 1rem + 4vw, 4.5rem); align-items: center;
}
.ap-life__intro h2 { margin-bottom: 1rem; }
.ap-life__intro > p { max-width: 46ch; }

.ap-life__trades { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.75rem 0 1.25rem; }
.ap-life__trade {
  display: flex; align-items: center; gap: 0.7rem;
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14);
  padding: 0.6rem 1rem 0.6rem 0.6rem; border-radius: var(--ap-radius-pill);
}
.ap-life__trade .ap-badge { width: 40px; height: 40px; margin: 0; background: rgba(255,255,255,0.14); color: #fff; }
.ap-life__trade .ap-badge svg { width: 20px; height: 20px; }
.ap-life__trade strong { color: #fff; font-family: var(--ap-font-head); }
.ap-life__note { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: var(--ap-sage); }
.ap-life__note svg { width: 18px; height: 18px; color: var(--ap-sage); }

.ap-life__cards { display: grid; gap: 1rem; }
.ap-life__card {
  display: flex; align-items: flex-start; gap: 1.1rem;
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--ap-radius); padding: 1.35rem;
  transition: background var(--ap-dur) var(--ap-ease), transform var(--ap-dur) var(--ap-ease);
}
.ap-life__card:hover { background: rgba(255,255,255,0.12); transform: translateX(4px); }
.ap-life__card .ap-badge { flex: none; margin: 0; background: rgba(255,255,255,0.9); }
.ap-life__card h3 { color: #fff; font-size: 1.15rem; margin-bottom: 0.25rem; }
.ap-life__card p { color: var(--ap-text-on-dark-2); font-size: 0.95rem; margin: 0; }

@media (max-width: 860px) { .ap-life__grid { grid-template-columns: 1fr; } }