@import url(base.css);

@layer base.headings {
  h2 {
    margin: 2rem 3rem;
    position: relative;

    border-bottom: 3px double currentcolor;

    &::before {
      font-feature-settings: "ornm" 5;
      position: absolute;
      left: -1.15em;
      bottom: 7%;
      rotate: -5deg;
    }
  }
}

@layer base.other {
  table {
    min-width: 20rem;
    margin: 0 3rem;
    border-bottom: 2px solid currentcolor;
  }
  caption {
    border-top: 2px solid currentcolor;
    border-bottom: 1px solid currentcolor;

    font-weight: 700;
    text-align: center;
    .and { font-weight: 450; }
  }

  th, td, caption { padding: 0.125lh 0.5em 0.0625lh; }

  tbody th { text-align: right; }
}