/* Otherlife build: the posting entry and the example slots (public/otherlife.js). */
.entries .entry-posting { grid-column: span 12; border-color: rgba(217, 70, 239, 0.45); background: linear-gradient(120deg, rgba(6, 182, 212, 0.12), rgba(139, 92, 246, 0.16) 55%, rgba(217, 70, 239, 0.14)); }
.entry-posting .entry-kicker { color: var(--primary-ink); }
.slots-head { margin: 2rem 0 0.75rem; }
.slots-head h3 { margin: 0.35rem 0 0.25rem; font-family: var(--font-heading); font-size: 1.35rem; font-weight: 600; }
.slots-head p:last-child { margin: 0; color: var(--fg-2); max-width: 62ch; }
.slots { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 0.75rem; }
.slot { display: flex; flex-direction: column; gap: 0.6rem; padding: 1rem; border: 1px solid var(--edge); border-radius: 14px; background: var(--card); }
.slot-req { margin: 0; font-family: var(--font-heading); font-size: 1rem; font-weight: 600; line-height: 1.35; }
.slot-frame { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.85rem; border-radius: 10px; }
.slot-placeholder .slot-frame { border: 1.5px dashed var(--edge-2); background: rgba(6, 11, 31, 0.5); }
.slot-frame img, .slot-frame video { width: 100%; height: auto; border-radius: 8px; display: block; }
.slot-shown .slot-frame { padding: 0; }
.slot-tag { align-self: flex-start; padding: 0.15rem 0.55rem; border-radius: 999px; background: rgba(245, 195, 91, 0.14); color: var(--warn); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.slot-ideal { margin: 0; color: var(--fg); font-size: 0.9rem; line-height: 1.45; }
.slot-format { margin: 0; color: var(--muted); font-size: 0.78rem; line-height: 1.4; }
.slot-now, .slot-caption { margin: 0; color: var(--fg-2); font-size: 0.85rem; line-height: 1.45; }
.slot-now strong { color: var(--ok); font-weight: 600; }
.slot-links { margin: 0; display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; font-size: 0.85rem; }
.slot-links a { color: var(--primary-ink); }
a.entry { color: inherit; text-decoration: none; }
.slots-wrap { scroll-margin-top: 1rem; }
@media (max-width: 860px) {
  .opening .slots-wrap { order: 3; }
  .opening .entry-jd.entry-posting { flex: 0 0 100%; }
  .opening .entry-posting + .entry-jd { margin-left: 0; }
}
@media (max-width: 560px) { .opening .entry[data-ask^="Show me his"]:not(.entry-jd) { display: inline-flex; } .opening .entry[data-ask="Show me the work"]:not(.entry-jd) { display: none; } }