/* CI page: reuse original logo assets and the project's documented color primitives. */
.ci-page .ci-logo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:60px;}
.ci-page .ci-logo-card {display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:310px;padding:clamp(24px,3vw,54px);border:1px solid var(--border-default);}
.ci-page .ci-logo-card--light {background:#fff;color:var(--text-primary);}
.ci-page .ci-logo-card--dark {background:var(--brand-neutral-950);color:#fff;border-color:var(--brand-neutral-950);}
.ci-page .ci-logo-card img {display:block;width:min(100%,380px);max-height:110px;height:auto;margin:auto;object-fit:contain;}
.ci-page .ci-logo-card figcaption {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:30px;padding-top:19px;border-top:1px solid currentColor;font-weight:700;font-size:13px;letter-spacing:.08em;}
.ci-page .ci-logo-card figcaption span {font-weight:400;letter-spacing:0;font-size:13px;}
.ci-page .ci-colors {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:55px;}
.ci-page .ci-color {min-width:0;background:#fff;border:1px solid var(--border-default);}
.ci-page .ci-color__swatch {height:180px;border-bottom:1px solid var(--border-default);}
.ci-page .ci-color__swatch--red {background:var(--brand-red-500);}
.ci-page .ci-color__swatch--blue {background:var(--brand-blue);}
.ci-page .ci-color__swatch--dark {background:var(--brand-neutral-950);}
.ci-page .ci-color__swatch--light {background:var(--neutral-50);}
.ci-page .ci-color>div:last-child {padding:26px 20px 32px;}
.ci-page .ci-color h3 {font-size:20px;font-weight:700;letter-spacing:.04em;}
.ci-page .ci-color p {margin-top:12px;font-size:18px;font-weight:700;}
.ci-page .ci-color small {display:block;margin-top:14px;color:var(--text-muted);font-size:13px;line-height:1.6;}
@media(max-width:850px){.ci-page .ci-colors{grid-template-columns:repeat(2,minmax(0,1fr));}.ci-page .ci-logo-grid{gap:12px;}}
@media(max-width:600px){.ci-page .ci-logo-grid{grid-template-columns:1fr;}.ci-page .ci-logo-card{min-height:230px;}.ci-page .ci-colors{gap:12px;}.ci-page .ci-color__swatch{height:128px;}.ci-page .ci-color>div:last-child{padding:20px 14px 24px;}.ci-page .ci-color h3{font-size:16px;}.ci-page .ci-color p{font-size:16px;}.ci-page .ci-logo-card figcaption{flex-direction:column;align-items:flex-start;}}