.gull-mark {
  align-self: center;
  width: clamp(6rem, 12vw, 10rem);
  height: auto;
  filter: drop-shadow(3px 4px 0 rgba(31, 42, 68, .14));
  transform: rotate(-3deg);
}

.bring-grid .candle {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.candle img {
  width: 8rem;
  max-width: 38%;
  height: auto;
  flex: 0 0 auto;
}

.customs-board {
  display: grid;
  grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr);
  gap: clamp(2rem, 6vw, 6rem);
  background: #1f2a44;
  color: #efe6d2;
}

.board-paper {
  align-self: start;
  border: 2px solid #efe6d2;
  background: #253451;
  box-shadow: 8px 8px 0 #c2412d;
  font-family: "Courier Prime", "Courier New", monospace;
}

.board-head,
.board-list li {
  display: grid;
  grid-template-columns: .7fr 1fr 1.15fr 1fr;
  gap: .65rem;
  align-items: center;
}

.board-head {
  padding: .65rem .8rem;
  border-bottom: 4px double #efe6d2;
  font-size: .7rem;
  font-weight: bold;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.board-list { list-style: none; margin: 0; padding: 0; }
.board-list li { padding: .75rem .8rem; border-bottom: 1px dashed rgba(239,230,210,.45); }
.board-list li:last-child { border-bottom: 0; }
.board-code { color: #efe6d2; font-size: 1.05rem; letter-spacing: .12em; }
.board-legacy { opacity: .52; }
.board-state { color: #ffd0c6; font-weight: bold; text-transform: uppercase; font-size: .76rem; text-decoration: underline; text-decoration-color: #c2412d; text-decoration-thickness: 2px; text-underline-offset: .2em; }
.board-pages { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .8rem; border-top: 4px double #efe6d2; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.board-pages button { border: 1px solid #efe6d2; padding: .35rem .55rem; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.board-pages button:disabled { opacity: .35; cursor: default; }
.board-pages button:not(:disabled):hover,
.board-pages button:not(:disabled):focus-visible { background: #efe6d2; color: #1f2a44; }
.exhibition-pages { width: min(100%, 34rem); margin: 2rem auto 0; border: 2px solid #1f2a44; color: #1f2a44; }
.exhibition-pages button { border-color: #1f2a44; }
.exhibition-pages button:not(:disabled):hover,
.exhibition-pages button:not(:disabled):focus-visible { background: #1f2a44; color: #efe6d2; }
.board-mark { border-top: 1px dashed #1f2a44; padding-top: .75rem; }
.board-mark strong { color: #c2412d; letter-spacing: .15em; font-size: 1.2rem; }

@media (max-width: 900px) {
  .customs-board { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .board-head { display: none; }
  .board-list li { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .gull-mark { width: 6rem; }
  .bring-grid .candle { align-items: flex-start; }
  .candle img { width: 6rem; }
}