Template:Worldbox/styles.css

/* Right-column infobox for Vector 2022; collapses on mobile */

.worldbox {
  float: right;
  width: 340px;
  max-width: 42%;
  margin: 0 0 14px 20px;   /* a bit more gap from body text */
  border: 1px solid #c6b480;
  background: #f8f5e9;
  color: #2b2414;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
  line-height: 1.55;       /* looser line height inside the box */
}

.wb-wrap { padding: 16px 18px 12px 18px; }   /* more inner padding */
.wb-media { text-align: center; }
.wb-cap { font-size: 80%; color: #7d6b38; text-align: center; margin-top: 6px; }

.wb-title { font-size: 140%; font-weight: 700; color: #5b4a22; line-height: 1.3; }
.wb-tag   { font-size: 100%; color: #7d6b38; margin-top: 4px; }
.wb-fields { margin-top: 14px; border-top: 1px solid #e4d9b0; padding-top: 12px; }

/* Optional sticky sidebar */
.worldbox.sticky { position: sticky; top: 12px; }

/* Mobile */
@media (max-width: 900px) {
  .worldbox { float: none; width: auto; max-width: 720px; margin: 10px auto; }
}