Template:Worldbox/styles.css

/* Right-column infobox for Citizen; collapses on mobile */

.worldbox {
  float: right;
  width: 340px;           /* sidebar width */
  max-width: 42%;
  margin: 0 0 12px 18px;  /* space from body text */
  border: 1px solid #c6b480;
  background: #f8f5e9;
  color: #2b2414;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.worldbox a, .worldbox a:visited { color: #8b6d00; }
.worldbox a:hover { color: #c09e2b; text-decoration: underline; }

.wb-wrap { padding: 12px 14px 8px 14px; }
.wb-media { text-align: center; }
.wb-cap { font-size: 80%; color: #7d6b38; text-align: center; margin-top: 4px; }

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

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

/* Mobile / narrow screens: stop floating and go full-width */
@media (max-width: 900px) {
  .worldbox {
    float: none;
    width: auto;
    max-width: 720px;
    margin: 8px auto;
  }
}