@import url("reset.css");

a {
  cursor: pointer;
}
a::before { content: "["; }
a::after { content: "]"; }
a:hover { text-decoration: underline; }

button {
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
}
button:hover { text-decoration: underline; }

table {
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
  thead {
    position: sticky;
    top: 0;
    background-color: #282C34;
    tr th {
      padding-bottom: 3px;
      font-weight: normal;
      opacity: .5;
    }
  }
  tr {
    th, td {
      padding: .25ch .5ch;
      &>* { display: flex; }
    }
    &>:first-child { padding-left: 1ch; }
    &>:last-child { padding-right: 1ch; }
  }
  .version { width: 2ch; }
  .date { width: 5ch; }
  .code { width: 6ch; }
  .sector, .time { width: 7ch; }
  .special, .port, .aircraft { width: 3ch; }
  tbody .version { opacity: .5; }
}