.integrations-page .integration-intro { gap:1rem; margin-bottom:2rem; }
.integrations-page .intro-card { padding:1.4rem; border-radius:12px; border-color:var(--c99-border); gap:.7rem; }
.integrations-page .intro-card h4 { font-size:1.05rem; font-weight:600; line-height:1.4; }
.integrations-page .intro-card p { font-size:.875rem; line-height:1.65; }
.integrations-page .intro-card__chips span { font-size:.7rem; }
.integrations-page .intro-card__actions .btn { font-size:.8rem; border-radius:8px; padding:.5rem .85rem; }
.integrations-page .intro-card__actions small { font-size:.75rem; }
.integrations-page .intro-card--feature { border-color:var(--c99-ink); }
.integrations-page .integration-section-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.5rem; margin-bottom:1rem; }
.integrations-page .integration-section-heading h2 { font-size:1.1rem; font-weight:600; margin:0; }
.integrations-page .integration-section-heading > span { font-size:.8rem; color:var(--c99-muted); }
.integrations-page .integration-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.integrations-page .integration-tile { min-width:0; height:100%; padding:1.2rem; border-radius:12px; border-color:var(--c99-border); transition:border-color .15s ease,background-color .15s ease; }
.integrations-page .integration-tile:hover { border-color:#b8c1ce; background:#fcfcfd; }
.integrations-page .integration-tile__header { justify-content:flex-start; align-items:flex-start; gap:.8rem; margin-bottom:.9rem; }
.integrations-page .integration-logo { flex:0 0 42px; height:42px; border:1px solid #e9ecf1; background:#f8f9fb; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.integrations-page .integration-tile__header img { width:28px; height:28px; object-fit:contain; }
.integrations-page .integration-tile__identity { min-width:0; padding-top:1px; }
.integrations-page .integration-tile h3 { font-size:1rem; line-height:1.4; font-weight:600; margin:0 0 .2rem; overflow-wrap:anywhere; }
.integrations-page .integration-author { font-size:.75rem; color:#667085; margin:0; line-height:1.5; }
.integrations-page .integration-author span { font-weight:500; color:#475467; }
.integrations-page .integration-description { font-size:.85rem; line-height:1.65; color:#667085; margin:0 0 1rem; }
.integrations-page .integration-tile__meta { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin-bottom:1rem; }
.integrations-page .integration-chip { font-size:.65rem; padding:.15rem .45rem; background:#fff4e6; color:#965100; border-radius:5px; }
.integrations-page .integration-tags { gap:.35rem; }
.integrations-page .integration-tags span { border-radius:5px; font-size:.65rem; padding:.15rem .45rem; color:#596579; background:#f1f3f6; }
.integrations-page .integration-repo-link { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding-top:.8rem; border-top:1px solid #eceef2; color:#344054; font-weight:600; font-size:.8rem; text-decoration:none; }
.integrations-page .integration-repo-link:hover { color:#985000; }
.integrations-page .integration-repo-link > span { font-size:1rem; }
.integrations-page .integration-contribute { margin-top:1.5rem; padding:1.25rem; border:1px solid var(--c99-border); border-radius:12px; background:#f8f9fb; gap:1rem 2rem; align-items:flex-start; }
.integrations-page .integration-contribute > div { flex:1 1 260px; }
.integrations-page .integration-contribute h4 { font-size:.95rem; font-weight:600; margin-bottom:.5rem; }
.integrations-page .integration-contribute p,.integrations-page .integration-contribute li { font-size:.8rem; color:#667085; line-height:1.7; }
.integrations-page .integration-contribute p { margin:0; }
@media (max-width:991px) { .integrations-page .integration-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px) { .integrations-page .integration-gallery { grid-template-columns:1fr; } .integrations-page .intro-card { padding:1.15rem; } }