/* About and Evaluation method (BR Stage 4, PR 1: About and Method boards) */
.ci-info { max-width: calc(980px + 2 * var(--ci-gutter)); margin: 0 auto; padding: var(--ci-s6) var(--ci-gutter) var(--ci-s8); }
.ci-info__crumbs { margin-bottom: var(--ci-s4); font: var(--ci-small); color: var(--ci-muted); }
.ci-info__crumbs a { color: var(--ci-muted); }
.ci-info__hero { margin-bottom: var(--ci-s6); }
.ci-info__kicker { margin: 0 0 var(--ci-s2); font: 600 13px/1.3 var(--ci-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ci-clay-ink); }
.ci-info__hero h1 { margin: 0 0 var(--ci-s3); font: var(--ci-display); color: var(--ci-deep-forest); }
.ci-info__lead { max-width: 760px; margin: 0; font: 400 18px/1.55 var(--ci-sans); }
.ci-info__actions { display: flex; flex-wrap: wrap; gap: var(--ci-s2); margin-top: var(--ci-s4); }
.ci-info__sec { margin-top: var(--ci-s7); scroll-margin-top: var(--ci-s5); }
.ci-info__sec > h2, .ci-founder h2 { margin: 0 0 var(--ci-s4); font: var(--ci-h2); color: var(--ci-deep-forest); }
.ci-info__sec h3, .ci-info__h3 { margin: 0 0 var(--ci-s2); font: 600 17px/1.3 var(--ci-sans); color: var(--ci-ink); }
.ci-info__card { padding: var(--ci-s5); border: 1px solid var(--ci-line); border-radius: var(--ci-r-panel); background: var(--ci-surface); }
.ci-info__card p { margin: 0 0 var(--ci-s2); }
.ci-info__card p:last-child { margin-bottom: 0; }
.ci-info__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--ci-s3); margin: 0; }
.ci-info__grid dd { margin: var(--ci-s1) 0 0; color: var(--ci-muted); }
.ci-info__grid dt { font-weight: 600; }
.ci-info__bullets { margin: 0 0 var(--ci-s3); padding-left: var(--ci-s5); }
.ci-info__bullets li { margin-bottom: var(--ci-s2); }
.ci-info__ticks { margin: 0; padding: 0; list-style: none; }
.ci-info__ticks li { position: relative; padding-left: var(--ci-s5); margin-bottom: var(--ci-s2); }
.ci-info__ticks li::before { content: "✓"; position: absolute; left: 0; color: var(--ci-forest); font-weight: 600; }
.ci-info__note { padding: var(--ci-s3) var(--ci-s4); border-radius: var(--ci-r-field); background: var(--ci-paper); }
.ci-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--ci-s3); margin: 0 0 var(--ci-s3); padding: 0; list-style: none; }
.ci-steps li { display: grid; gap: var(--ci-s1); padding: var(--ci-s4); border: 1px solid var(--ci-line); border-radius: var(--ci-r-field); background: var(--ci-surface); }
.ci-steps li > span:last-child { color: var(--ci-muted); font: var(--ci-small); }
.ci-steps__n { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%;
    background: var(--ci-deep-forest); color: var(--ci-paper); font: 600 13px/1 var(--ci-sans); }
.ci-checks { display: grid; gap: var(--ci-s3); margin: 0; padding: 0; list-style: none; }
.ci-checks .ci-steps__n { margin-bottom: var(--ci-s2); }
.ci-checks--short { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.ci-checks--short h3 { margin: 0; }
.ci-checks__warn { padding: var(--ci-s2) var(--ci-s3); border-radius: var(--ci-r-field); background: var(--ci-clay-tint); color: var(--ci-clay-ink); font: var(--ci-small); }
.ci-levels-list { display: grid; gap: var(--ci-s2); margin: 0 0 var(--ci-s4); padding: 0; list-style: none; }
.ci-levels-list li { display: grid; grid-template-columns: 220px 1fr; gap: var(--ci-s3); align-items: center; }
.ci-levels-list .ci-level, .ci-levels-list .ci-badge { justify-self: start; }
.ci-info__mistake { margin: var(--ci-s4) 0 var(--ci-s3); }
.ci-info__faq { border-top: 1px solid var(--ci-line); padding: var(--ci-s3) 0; }
.ci-info__faq summary { cursor: pointer; font-weight: 600; }
.ci-info__faq p { margin: var(--ci-s2) 0 0; color: var(--ci-muted); }
.ci-founder { display: grid; grid-template-columns: 240px 1fr; gap: var(--ci-s6); align-items: start; }
.ci-founder:not(:has(img)) { grid-template-columns: 1fr; }
.ci-founder__photo { width: 240px; height: 240px; border-radius: var(--ci-r-panel); object-fit: cover; object-position: center bottom;
    background: var(--ci-moss); } /* a cut-out photo sits on the board's photo panel */
.ci-founder__name { font-weight: 600; color: var(--ci-forest); }
.ci-experts { display: flex; flex-wrap: wrap; gap: var(--ci-s2); margin: 0 0 var(--ci-s4); padding: 0; list-style: none; }
.ci-experts li { padding: var(--ci-s3) var(--ci-s4); border: 1px dashed var(--ci-field-border); border-radius: var(--ci-r-field); }
.ci-facts-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ci-s3); margin: 0; }
.ci-facts-row div { padding: var(--ci-s4); border: 1px solid var(--ci-line); border-radius: var(--ci-r-field); background: var(--ci-surface); }
.ci-facts-row dt { font: 600 30px/1.1 var(--ci-serif); color: var(--ci-deep-forest); }
.ci-facts-row dd { margin: var(--ci-s1) 0 0; color: var(--ci-muted); font: var(--ci-small); }
@media (max-width: 699px) {
    .ci-founder { grid-template-columns: 1fr; }
    .ci-facts-row { grid-template-columns: 1fr 1fr; }
    .ci-levels-list li { grid-template-columns: 1fr; gap: var(--ci-s1); }
}
/* About and Method as their boards (review A7, B1-B6, M1-M7) */
body:has(.ci-info) { background: var(--ci-paper); }
.ci-info--wide { max-width: calc(1180px + 2 * var(--ci-gutter)); }
.ci-info__serif { font: 600 19px/1.3 var(--ci-serif) !important; color: var(--ci-deep-forest) !important; }
.ci-info__aside { margin-left: var(--ci-s2); font: var(--ci-caption); color: var(--ci-muted); }
.ci-info__small { margin: var(--ci-s3) 0 0; font: var(--ci-small); color: var(--ci-muted); }
.ci-info__full { width: 100%; justify-content: center; }
.ci-info .ci-btn--clay { background: var(--ci-clay); color: var(--ci-white); }
.ci-info .ci-btn--clay:hover { background: var(--ci-clay-ink); color: var(--ci-white); }
.ci-info__card--mint { background: var(--ci-moss); border-color: transparent; }
.ci-info__card--warn { background: var(--ci-warn-tint); border-color: transparent; color: var(--ci-warn-text); }
.ci-info__card--warn h3 { color: var(--ci-warn-text); }
.ci-info__numbered { margin: 0; padding: 0; list-style: none; counter-reset: n; }
.ci-info__numbered li { position: relative; margin-bottom: var(--ci-s3); padding-left: 32px; counter-increment: n; }
.ci-info__numbered li::before { content: counter(n); position: absolute; left: 0; top: 1px; display: flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; border-radius: var(--ci-r-small); background: var(--ci-paper); font: 600 12px/1 var(--ci-sans); }
.ci-info__dots { margin: 0 0 var(--ci-s3); padding-left: var(--ci-s4); }
.ci-info__dots li { margin-bottom: var(--ci-s2); }
.ci-info__dots li::marker { color: var(--ci-clay); }
.ci-founder h2 { margin: 0 0 var(--ci-s3); }
.ci-founder__photo { width: 300px; height: 360px; }
.ci-founder:has(img) { grid-template-columns: 300px 1fr; }
.ci-checks--five { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.ci-checks--five p { margin: 0; color: var(--ci-muted); font: var(--ci-small); }
.ci-info__pillars { margin-top: var(--ci-s3); }
.ci-info__pillars p { color: var(--ci-muted); }
.ci-expert-cards { margin: 0 0 var(--ci-s4); padding: 0; list-style: none; }
.ci-expert-cards li { display: flex; align-items: center; gap: var(--ci-s3); padding: var(--ci-s4); }
.ci-expert-cards__photo { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--ci-line); }
.ci-expert-cards strong { display: block; font-size: 15px; }
.ci-expert-cards span:not(.ci-expert-cards__photo) { font: var(--ci-caption); color: var(--ci-muted); }
.ci-info__band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ci-s3);
    padding: var(--ci-s4) var(--ci-s5); border-radius: var(--ci-r-field); background: var(--ci-deep-forest); color: var(--ci-paper); }
.ci-info__band p { margin: 0; font-weight: 500; }
.ci-facts-row--lines dd span { display: block; margin-top: var(--ci-s1); font: var(--ci-caption); }
.ci-company { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--ci-s5); align-items: start; }
.ci-company > div { display: grid; gap: var(--ci-s1); justify-items: start; }
.ci-company__label { font: var(--ci-caption); color: var(--ci-muted); }
.ci-company strong { font: 600 18px/1.3 var(--ci-serif); color: var(--ci-deep-forest); }
.ci-company__small { font: var(--ci-caption); }
/* Method: the four steps as one strip, the checks as rows with the warning on the right, level tiles, the AI example */
.ci-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
    border: 1px solid var(--ci-line); border-radius: var(--ci-r-panel); background: var(--ci-surface); overflow: hidden; }
.ci-strip li { display: grid; gap: var(--ci-s1); align-content: start; padding: var(--ci-s4) var(--ci-s5); border-left: 1px solid var(--ci-line); }
.ci-strip li:first-child { border-left: 0; }
.ci-strip li:last-child { background: var(--ci-moss); }
.ci-strip__n { font: var(--ci-caption); color: var(--ci-muted); }
.ci-strip strong { font: 600 18px/1.3 var(--ci-serif); color: var(--ci-deep-forest); }
.ci-strip span:last-child { font: var(--ci-small); color: var(--ci-muted); }
.ci-check-rows { display: grid; gap: var(--ci-s2); margin: 0; padding: 0; list-style: none; }
.ci-check-rows li { display: grid; grid-template-columns: 36px minmax(0, 1fr) minmax(0, 320px); gap: var(--ci-s4); align-items: center;
    padding: var(--ci-s4) var(--ci-s5); border: 1px solid var(--ci-line); border-radius: var(--ci-r-field); background: var(--ci-surface); }
.ci-check-rows h3 { margin: 0 0 var(--ci-s1); font: 600 18px/1.3 var(--ci-serif); color: var(--ci-deep-forest); }
.ci-check-rows p { margin: 0; }
.ci-check-rows__warn { padding: var(--ci-s2) var(--ci-s3); border-radius: var(--ci-r-small); background: var(--ci-warn-tint); color: var(--ci-warn-text); font: var(--ci-small); }
.ci-level-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--ci-s2); margin: 0 0 var(--ci-s5); padding: 0; list-style: none; }
.ci-level-tiles li { display: grid; gap: var(--ci-s1); padding: var(--ci-s3) var(--ci-s4); border-radius: var(--ci-r-field); font: var(--ci-small); }
.ci-level-tiles strong { font-size: 15px; }
.ci-level-tiles--1 { background: var(--ci-level-1-tint); color: var(--ci-level-1-text); }
.ci-level-tiles--2 { background: var(--ci-level-2-tint); color: var(--ci-level-2-text); }
.ci-level-tiles--3 { background: var(--ci-level-3-tint); color: var(--ci-level-3-text); }
.ci-level-tiles--4 { background: var(--ci-level-4-tint); color: var(--ci-level-4-text); }
.ci-level-tiles--5 { background: var(--ci-level-5-tint); color: var(--ci-level-5-text); }
.ci-ai-example__head { display: flex; align-items: center; gap: var(--ci-s4); margin: 0 0 var(--ci-s4) !important; }
.ci-ai-example__n { font: 500 64px/1 var(--ci-serif); color: var(--ci-clay); }
.ci-ai-example__head strong { display: block; font: 600 18px/1.3 var(--ci-serif); color: var(--ci-deep-forest); }
.ci-ai-example__head > span:last-child { font: var(--ci-small); color: var(--ci-muted); }
.ci-ai-example__bands { display: grid; gap: var(--ci-s2); margin: 0; padding: 0; list-style: none; }
.ci-ai-example__bands li { display: grid; grid-template-columns: 150px 1fr; gap: var(--ci-s3); align-items: center; font: var(--ci-small); }
.ci-rank-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ci-s4); margin: 0; padding: 0; list-style: none; }
.ci-rank-steps li { display: flex; gap: var(--ci-s3); align-items: flex-start; }
.ci-rank-steps strong { display: block; }
.ci-rank-steps span:not(.ci-steps__n) { font: var(--ci-small); color: var(--ci-muted); }
.ci-info__grid--4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
@media (max-width: 899px) {
    .ci-strip, .ci-rank-steps { grid-template-columns: 1fr 1fr; }
    .ci-level-tiles { grid-template-columns: 1fr 1fr; }
    .ci-check-rows li { grid-template-columns: 36px minmax(0, 1fr); }
    .ci-check-rows__warn { grid-column: 2; }
}
@media (max-width: 599px) {
    .ci-strip, .ci-rank-steps, .ci-level-tiles { grid-template-columns: 1fr; }
    .ci-strip li { border-left: 0; border-top: 1px solid var(--ci-line); }
    .ci-strip li:first-child { border-top: 0; }
    .ci-founder:has(img) { grid-template-columns: 1fr; }
    .ci-ai-example__bands li { grid-template-columns: 1fr; }
}
/* For platforms (BR Platform outreach agent): what a platform can send, as the About cards */
.ci-fp__kind h2 { margin: 0 0 var(--ci-s2); }
.ci-fp__kind p { margin: 0 0 var(--ci-s3); }
.ci-fp__include { color: var(--ci-muted); font: var(--ci-small); }
.ci-fp__kind .ci-btn { margin-top: auto; align-self: flex-start; }
.ci-fp__kind { display: flex; flex-direction: column; }
.ci-fp__email { align-self: center; font: var(--ci-small); color: var(--ci-muted); }
.ci-fp__sample { max-width: 380px; pointer-events: none; }  /* the sample card on For platforms: nothing to click */
.ci-rail__yours { margin: var(--ci-s3) 0 0; font: var(--ci-caption); color: var(--ci-muted); }