/* ==========================================================================
   "Sözlüğüm" on the main page: the place names delivered in "Kâşgarlı'nın Kervanı" (game.html).
   Loaded after styles.css.
   ========================================================================== */
/* "Sözlüğüm" */
.words { list-style: none; margin: 0.6rem 0 0; padding: 0; display: grid; gap: 0.6rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.words__item { display: grid; gap: 0.3rem; align-content: start; padding: 0.6rem 0.75rem; border: 1px solid var(--border-strong); border-radius: 0.55rem; background: #fff; }
.words__item p { margin: 0; font-size: 0.88rem; }
.words__item .btn { justify-self: start; }
.words__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem; }
.words__head strong { font-family: var(--serif); font-size: 1.02rem; }
.chip-static { font-size: 0.72rem; padding: 0.05rem 0.45rem; border: 1px solid var(--border-strong); border-radius: 999px; color: var(--muted); }
.words__review { font-size: 0.72rem; font-weight: 700; color: var(--accent); }

/* the menu item that opens the game in a new tab is a link */
a.menu__item { box-sizing: border-box; text-decoration: none; }
.menu__badge { margin-left: 0.35rem; padding: 0.05rem 0.4rem; border-radius: 999px; background: var(--gold); color: var(--ink); font-size: 0.68rem; font-weight: 700; vertical-align: 0.1em; }

/* the player's latest own account of a journey (written on the game's end screen) */
.words__story { margin-top: 0.9rem; padding: 0.7rem 0.8rem; border-left: 3px solid var(--gold); background: #fbf7ec; }
.words__story h3 { margin: 0 0 0.2rem; font-family: var(--serif); font-size: 1rem; }
.words__story p { margin: 0.2rem 0 0; white-space: pre-line; }