/* 2 */

/* fuck up the vorteffect YIPPEE */

/*
 * eventually, set this up so handle different parent types differently
 */

.annihilation {
  background: linear-gradient(
    var(--vio1),
    var(--vio1) 17%,
    var(--vio2) 28%,
    #410 55%,
    black 75%
  );
  color: black;

  border: 0.34rem solid #dfc0d599;

  margin: 0 5.3% 0;
  padding: 0 0.8rem 0;

  position: relative;
}

.annihilation > * {
  z-index: 2;

  background: #fff5ffd5;
  margin: 0;
}

.annihilation > p:has(> .pnum-marker) {
  color: #000000b5;
}

div:has(+ .annihilation) {
  z-index: 1;
  padding-bottom: 1.3rem;
}

div.annihilation[data-pnum="true"],
div.annihilation[data-pnum="true"] div {
  column-gap: 0;
}

div.annihilation[data-pnum="true"] p:not(:has(> .pnum-marker)) {
  padding: 0.08rem 1.3rem;
}

div.annihilation[data-pnum="true"] p:has(> .pnum-marker) {
  padding: 0.05rem 1.3rem;
}

.annihilation * {
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-width: 0.25rem;
  border-color: #dfc0d5;
}

.annihilation > p:first-child,
.annihilation > div:first-child {
  /*background: var(--vio1);*/
  padding-top: 1.3rem;
}

.annihilation > :not(:first-child) :nth-child(2):is(div,p) {
  border-top-style: outset;
}

.annihilation > :is(div,p) {
  border-bottom-style: none;
  border-right-style: groove;
  border-left-style: none;
}

.annihilation > * :is(div,p):is(:nth-child(7n+4),:nth-child(3n+2)) {
  border-left-style: inset;
}

.annihilation > :is(div,p):nth-child(3n+2),
.annihilation > * :is(div,p):nth-child(3n) {
  border-top-style: groove;  
}

.annihilation :is(p):is(:nth-child(5n+2),:nth-child(7n+3)){
  border-right-style: ridge;
}

.annihilation :is(p, div):nth-child(5n+2){
  border-bottom-style: groove;
}

/*
 * set annihilation offsets
 * need to match padding, margin, border, etc of preceding class of div
 */

.enoptik-projector + .annihilation {
  /*top: calc(-2.7rem - 0.34rem + 0.8rem); /* should match padding + border, w/ weird factor */
  top: -2vh;
}