/* Summary pages: best lists and feature lists (BR Stage 4, PR 2: SeoTemplate, SeoPhones). Layout from info.css. */
.ci-sum__updated { margin: 0 0 var(--ci-s2); font: var(--ci-small); color: var(--ci-muted); }
.ci-sum__opinion { margin: 0 0 var(--ci-s4); padding: var(--ci-s2) var(--ci-s3); border-left: 3px solid var(--ci-forest);
    background: var(--ci-paper); font: var(--ci-small); }
.ci-sum .ci-info__lead + .ci-info__lead { margin-top: var(--ci-s3); }
.ci-sum__rows { display: grid; gap: var(--ci-s3); margin: 0 0 var(--ci-s4); padding: 0; list-style: none; }
.ci-sum__row { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: var(--ci-s3); row-gap: var(--ci-s3);
    padding: var(--ci-s5); border: 1px solid var(--ci-line); border-radius: var(--ci-r-panel); background: var(--ci-surface); }
.ci-sum__row > :not(.ci-sum__rank) { grid-column: 2; }
.ci-sum__rank { grid-row: 1 / span 4; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px;
    border-radius: 50%; background: var(--ci-deep-forest); color: var(--ci-paper); font: 600 15px/1 var(--ci-sans); }
.ci-sum__who { display: flex; align-items: center; gap: var(--ci-s3); }
.ci-sum__who > div { flex: 1; min-width: 0; }
.ci-sum__name { margin: 0; font: 600 18px/1.3 var(--ci-sans); }
.ci-sum__name a { color: var(--ci-ink); text-decoration: none; }
.ci-sum__name a:hover { text-decoration: underline; }
.ci-sum__why { margin: 0; }
.ci-sum__facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--ci-s3); margin: 0; }
.ci-sum__facts dt { font: var(--ci-small); color: var(--ci-muted); }
.ci-sum__facts dd { margin: var(--ci-s1) 0 0; }
.ci-sum__note { display: block; font: var(--ci-small); color: var(--ci-muted); }
.ci-sum__actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--ci-s2) var(--ci-s3); }
.ci-sum__actions .ci-card__ref { margin: var(--ci-s1) 0 0 !important; }  /* cards.css pulls it up under a full-width button */
.ci-sum__risk { font: var(--ci-small); color: var(--ci-muted); }
.ci-sum__table { overflow-x: auto; border: 1px solid var(--ci-line); border-radius: var(--ci-r-field); }
.ci-sum__table table { width: 100%; border-collapse: collapse; font: var(--ci-small); }
.ci-sum__table th, .ci-sum__table td { padding: var(--ci-s2) var(--ci-s3); border-bottom: 1px solid var(--ci-line); text-align: left; white-space: nowrap; }
.ci-sum__table thead th { background: var(--ci-paper); font-weight: 600; }
.ci-sum__table a { color: var(--ci-forest); }
.ci-sum__table tbody tr:last-child > * { border-bottom: 0; }
.ci-sum__related { display: flex; flex-wrap: wrap; gap: var(--ci-s2) var(--ci-s4); margin: 0; padding: 0; list-style: none; }
.ci-sum__chips { display: flex; flex-wrap: wrap; gap: var(--ci-s2); }
@media (max-width: 699px) {
    .ci-sum__row { grid-template-columns: minmax(0, 1fr); padding: var(--ci-s4); }
    .ci-sum__row > :not(.ci-sum__rank) { grid-column: 1; }
    .ci-sum__rank { grid-row: auto; width: 28px; height: 28px; font-size: 13px; }
    .ci-sum__facts { grid-template-columns: 1fr 1fr; }
}
/* Country pages and ways to invest (BR Stage 4, PR 3: SeoCountry, SeoType) */
.ci-sum__country-facts { margin: 0 0 var(--ci-s4); }
.ci-sum__types { margin: 0; padding: 0; list-style: none; }
.ci-sum__types .ci-chip { text-decoration: none; }
.ci-sum__types .ci-chip span { margin-left: var(--ci-s1); color: var(--ci-muted); }
.ci-sum__names { columns: 3 200px; margin: 0; padding: 0; list-style: none; }
.ci-sum__names li { margin-bottom: var(--ci-s2); break-inside: avoid; }
.ci-sum > .ci-info__note { margin-top: var(--ci-s5); }
/* Project round-ups and the guides hub (BR Stage 4, PR 4: SeoRoundup, SeoGuides) */
.ci-sum--wide { max-width: calc(1180px + 2 * var(--ci-gutter)); }
.ci-sum__tabs { display: flex; flex-wrap: wrap; gap: var(--ci-s2); margin: 0 0 var(--ci-s4); }
.ci-sum__tabs .ci-pill { text-decoration: none; color: var(--ci-ink); }
.ci-sum__tabs .ci-pill.is-on { background: var(--ci-deep-forest); border-color: var(--ci-deep-forest); color: var(--ci-paper); }
.ci-sum__guides { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--ci-s3); margin: 0; padding: 0; list-style: none; }
.ci-sum__kind { display: block; margin-bottom: var(--ci-s1); font: 600 12px/1.3 var(--ci-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ci-clay-ink); }
.ci-sum__guide { font: 600 17px/1.35 var(--ci-sans); color: var(--ci-ink); text-decoration: none; }
.ci-sum__guide:hover { text-decoration: underline; }
.ci-sum__guides p { margin: var(--ci-s2) 0 0; color: var(--ci-muted); font: var(--ci-small); }
/* Compact ranked rows, badges, filter pills and other countries (review of SeoCountry and SeoType, A1-A4, C3, C5) */
.ci-sum__badges { display: flex; flex-wrap: wrap; gap: var(--ci-s2); margin: 0 0 var(--ci-s3); }
.ci-sum__badges span { padding: 3px 10px; border-radius: var(--ci-r-pill); background: var(--ci-surface); border: 1px solid var(--ci-line); font: var(--ci-caption); color: var(--ci-muted); }
.ci-sum__opinion strong { color: var(--ci-ink); }
.ci-sum .ci-sum__row { grid-template-columns: 56px minmax(0, 1fr) 210px; align-items: center; column-gap: var(--ci-s4); padding: var(--ci-s4) var(--ci-s5); }
.ci-sum .ci-sum__row > .ci-sum__rank { grid-row: auto; width: auto; height: auto; background: none; color: var(--ci-deep-forest); font: 500 34px/1 var(--ci-serif); }
.ci-sum .ci-sum__row > .ci-sum__main { grid-column: 2; display: grid; gap: var(--ci-s2); min-width: 0; }
.ci-sum .ci-sum__row > .ci-sum__actions { grid-column: 3; flex-direction: column; align-items: stretch; gap: var(--ci-s1); text-align: center; }
.ci-sum__row .ci-logo { width: 40px; height: 40px; }
.ci-sum__row .ci-sum__name { font: 600 18px/1.25 var(--ci-serif); }
.ci-sum__row .ci-sum__why { font: var(--ci-small); }
.ci-sum__row .ci-sum__facts { display: flex; flex-wrap: wrap; gap: var(--ci-s2) var(--ci-s5); }
.ci-sum__row .ci-sum__facts dt { font: var(--ci-caption); }
.ci-sum__row .ci-card__ref { margin: 0 0 var(--ci-s1) !important; font: var(--ci-caption); }
.ci-sum__row[hidden], .ci-sum__names li[hidden] { display: none; }
.ci-sum__show { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ci-s2); margin: var(--ci-s4) 0 0; }
.ci-sum__show > span { font: var(--ci-small); color: var(--ci-muted); }
.ci-sum__show .ci-pill { cursor: pointer; }
.ci-sum__show .ci-pill.is-on { background: var(--ci-deep-forest); border-color: var(--ci-deep-forest); color: var(--ci-paper); }
.ci-sum__countries { margin: 0; padding: 0; list-style: none; }
.ci-sum__countries .ci-pill { text-decoration: none; color: var(--ci-forest); }
@media (max-width: 799px) {
    .ci-sum .ci-sum__row { grid-template-columns: 36px minmax(0, 1fr); }
    .ci-sum .ci-sum__row > .ci-sum__rank { font-size: 26px; align-self: start; }
    .ci-sum .ci-sum__row > .ci-sum__actions { grid-column: 1 / -1; }
}
/* Ways to invest and round-ups as SeoType and SeoRoundup (review T1-T5, R-1 to R-5) */
.ci-sum__answer-q { margin: 0 0 var(--ci-s1); font: var(--ci-small); color: var(--ci-muted); }
.ci-sum__answer h3 { margin: 0 0 var(--ci-s2); font: 600 19px/1.3 var(--ci-serif); color: var(--ci-deep-forest); }
.ci-sum__answer p:last-child { color: var(--ci-muted); font: var(--ci-small); }
.ci-sum__warn { margin: var(--ci-s5) 0 0; padding: var(--ci-s3) var(--ci-s4); border-radius: var(--ci-r-field); background: var(--ci-warn-tint); color: var(--ci-warn-text); font: var(--ci-small); }
.ci-sum__aside { margin-left: var(--ci-s2); font: var(--ci-caption); color: var(--ci-muted); letter-spacing: 0; }
.ci-sum__guide-list { display: grid; gap: var(--ci-s2); margin: 0; padding: 0; list-style: none; }
.ci-sum__guide-list li { display: flex; align-items: center; gap: var(--ci-s3); padding: var(--ci-s3) var(--ci-s4); border: 1px solid var(--ci-line); border-radius: var(--ci-r-field); background: var(--ci-surface); }
.ci-sum__guide-list .ci-sum__kind { margin: 0; padding: 2px 8px; border-radius: var(--ci-r-small); background: var(--ci-paper); color: var(--ci-muted); font: var(--ci-caption); letter-spacing: 0; text-transform: none; }
.ci-sum__guide-list a { color: var(--ci-ink); font-weight: 600; text-decoration: none; }
.ci-sum__guide-list a:hover { text-decoration: underline; }
.ci-sum__utabs { display: flex; flex-wrap: wrap; gap: var(--ci-s6); margin: 0 0 var(--ci-s5); border-bottom: 1px solid var(--ci-line); }
.ci-sum__utabs a { padding: var(--ci-s2) 0; margin-bottom: -1px; border-bottom: 3px solid transparent; color: var(--ci-muted); font: 600 19px/1.3 var(--ci-serif); text-decoration: none; }
.ci-sum__utabs a.is-on { border-color: var(--ci-clay); color: var(--ci-deep-forest); }
.ci-acard { display: flex; flex-direction: column; overflow: hidden; }
.ci-acard__banner { position: relative; height: 72px; padding: var(--ci-s2); background: linear-gradient(120deg, var(--ci-moss), var(--ci-paper)) center / cover; }
.ci-acard__body { display: grid; gap: var(--ci-s2); padding: var(--ci-s4); }
.ci-acard__title { margin: 0; font: 600 16px/1.35 var(--ci-sans); }
.ci-acard__title a { color: var(--ci-ink); text-decoration: none; }
.ci-acard__answers { display: grid; gap: var(--ci-s1); margin: 0; }
.ci-acard__answers div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: var(--ci-s2); align-items: baseline; font: var(--ci-small); }
.ci-acard__answers dt { color: var(--ci-muted); font: var(--ci-caption); }
.ci-acard__answers dd { margin: 0; font-weight: 600; }
.ci-acard__chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ci-s2); margin: var(--ci-s1) 0 0; }
.ci-acard__raising { font: 600 13px/1.3 var(--ci-sans); color: var(--ci-forest); }