/* «Страны» (topic 14): Quadro's #table-country (Структура style.css 3416), now BBCode (owner 2026-11-12) instead of each
   post's [html] with hand-set heights. [block=table-country] holds two [block=flextd] cells (the source's «ячейки в
   симметричную таблицу», lore-source.css), the arms ([block=country-arms]: picture and motto) and two more cells.
   Three columns as on Quadro: the cells share the room, the arms 230px, gaps 20px. A row is as tall as its taller cell
   and the cells stretch to it, so nothing is sized by hand. On a phone: the arms, then the cells one under another. */
body[data-rift-view=rift] .rift-lore .table-country {
    display: grid;
    grid-template-columns: 1fr 230px 1fr;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    gap: 20px;
    margin: 20px 0;
}

body[data-rift-view=rift] .rift-lore .country-arms {
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal;
}

/* The source printed the picture and its motto as lines of one block, with no gap between them. */
body[data-rift-view=rift] .rift-lore .country-arms > p {
    padding: 0;
}

body[data-rift-view=rift] .rift-lore .country-arms img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* A picture's hint ([abbr] round it) is not underlined like a word's. */
body[data-rift-view=rift] .rift-lore .country-arms abbr {
    border: 0;
    text-decoration: none;
}

body[data-rift-view=rift].mobile .rift-lore .table-country {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
}

body[data-rift-view=rift].mobile .rift-lore .country-arms {
    grid-row: auto;
    order: -1;
}