/* Integrations page: two colour blocks (paper = works, yellow = soon), ruled name lists, no pills or cards */
.int-plug{margin-left:auto;color:var(--chalk)}
.int-sec{padding:72px 0 88px}
.int-sec h2{font-size:clamp(34px,4.4vw,60px)}
.int-search{margin-top:28px}
.int-search label{display:block;font-weight:700;margin-bottom:8px}
.int-search input{width:100%;min-height:48px;padding:0 14px;font:500 17px var(--head);color:var(--sea);background:var(--paper);border:2px solid var(--sea);border-radius:0}
.int-search input::placeholder{color:var(--paper-dim)}
.int-search p{margin-top:12px;font-weight:500}
.int-search p[hidden],.int-list[hidden]{display:none}
.int-list{list-style:none;columns:3 210px;column-gap:44px;border-top:2px solid var(--sea)}
.int-list li{break-inside:avoid;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 0;border-bottom:1px solid var(--paper-rule);font-weight:700;line-height:1.2}
.int-list li[hidden]{display:none}
.int-list li span{min-width:0;overflow-wrap:anywhere}
.int-list img,.int-ph{flex:none;width:32px;height:32px;border-radius:6px}
.int-list img{object-fit:contain;background:#fff;padding:3px;box-shadow:0 0 0 1px var(--paper-rule)}
.int-ph{display:grid;place-items:center;background:var(--sea);color:var(--paper);font-size:15px}
.int-soon .int-list{columns:2 250px}
.int-soon .int-list li{min-height:60px;font-size:18px;border-bottom-color:rgba(13,43,51,.28)}
.int-soon .stamp{color:var(--sea);font-size:15px;margin-top:22px}
@media(max-width:900px){.int-sec .sec-head{position:static}.int-sec{padding:56px 0 64px}}
