:root {
  --a0002-bg: #fbf7ef;
  --a0002-rail: #134e4a;
}

body.theme-a0002 {
  background: var(--a0002-bg);
}

.rail-left {
  min-width: 260px;
}

.rail-inner {
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.06);
}

.logo-text a {
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--a0002-rail);
  text-decoration: none;
}

.tagline {
  margin-top: .25rem;
  font-size: .9rem;
  color: rgba(0,0,0,.65);
}

.swiper {
  background: rgba(255,255,255,.06);
  border-radius: .75rem;
  padding: .5rem;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  border-radius: .75rem;
  background: rgba(0,0,0,.15);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#footer {
  padding: 1.5rem 0;
  margin-top: 2rem;
  border-top: 1px solid rgba(0,0,0,.08);
}