/* International honours: flags, profile lines, edit widget, p=international page. Pills reuse .ckc-story-type--tag. */
.ckc-intl-flag { display: inline-block; vertical-align: middle; border: 1px solid #e5e7eb; border-radius: 2px; object-fit: cover; }
.ckc-intl-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 2px 0; }
.ckc-intl-line > a { display: inline-flex; align-items: center; gap: 6px; margin-right: 4px; }
.ckc-intl-line .ckc-story-type { margin-right: 0; }
.ckc-intl-list-flags { margin-left: 6px; white-space: nowrap; }
.ckc-intl-list-flags .ckc-intl-flag { margin-left: 2px; }

.ckc-intl-edit__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 0; border-bottom: 1px solid #f1f5f9; }
.ckc-intl-edit__ticks { display: inline-flex; flex-wrap: wrap; gap: 4px 10px; }
.ckc-intl-edit__ticks label { display: inline-flex; align-items: center; gap: 3px; font-size: 13px; white-space: nowrap; }
.ckc-intl-edit__remove { background: none; border: 0; color: #6b7280; font-size: 20px; line-height: 1; padding: 0 4px; cursor: pointer; }
.ckc-intl-edit__remove:hover { color: #dc2626; }
.ckc-intl-edit [data-intl-add] { margin-top: 8px; }

.ckc-intl-page__jump { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 12px 0 20px; }
.ckc-intl-page__jump a { display: inline-flex; align-items: center; gap: 6px; }
.ckc-intl-country { margin: 0 0 28px; scroll-margin-top: 80px; }
.ckc-intl-country__head { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 1.3em; }
.ckc-intl-country__count { color: #6b7280; font-size: 0.7em; font-weight: normal; }
.ckc-intl-level__title { margin: 12px 0 8px; font-size: 1em; color: #374151; }
.ckc-intl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 14px; }
.ckc-intl-card { text-align: center; font-size: 13px; }
.ckc-intl-card a { display: block; color: inherit; }
.ckc-intl-card__name { display: block; margin-top: 6px; font-weight: 600; }
.ckc-intl-card--former .ckc-avatar { opacity: 0.5; }
.ckc-intl-card__former { display: inline-block; margin-top: 2px; color: #6b7280; font-size: 11px; }

.ckc-intl-add { margin: 10px 0 4px; font-size: 13px; }
.ckc-intl-add > summary { cursor: pointer; color: var(--ckc-color-accent, #009ae1); }
.ckc-intl-add__form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.ckc-intl-card { position: relative; }
.ckc-intl-card__remove-form { position: absolute; top: 0; right: 4px; margin: 0; }
.ckc-intl-card__remove { background: #fff; border: 1px solid #d1d5db; border-radius: 50%; width: 22px; height: 22px; padding: 0; color: #6b7280; font-size: 15px; line-height: 1; cursor: pointer; }
.ckc-intl-card__remove:hover { color: #dc2626; border-color: #dc2626; }