/* Connection guide (preview) */
.conn-search{width:100%;max-width:520px;margin:22px 0 14px;padding:12px 16px;font:inherit;font-size:15px;border:1px solid rgba(47,43,38,.18);border-radius:999px;background:#fff;color:#2f2b26}
.conn-cats{display:flex;flex-wrap:wrap;gap:6px 8px}
.conn-cats a{font-size:13px;color:#4c463d;text-decoration:none;border:1px solid rgba(47,43,38,.14);border-radius:999px;padding:4px 12px;background:rgba(255,255,255,.5)}
.conn-cats a:hover{background:#fff}.conn-cats span{color:#9a9184;margin-left:2px}
.conn-group{margin-top:clamp(36px,5vw,56px)}
.conn-group-h{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8f877b;font-weight:500;margin:0 0 14px}
.conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.conn-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#2f2b26;font-size:13.5px;line-height:1.35}
.conn-card img{width:100%;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply;transition:transform .3s cubic-bezier(.3,1.2,.5,1)}
.conn-card:hover img{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.conn-card img{transition:none}.conn-card:hover img{transform:none}}
.conn-card-blank{display:block;width:100%;aspect-ratio:4/3;border-radius:10px;border:1px dashed rgba(47,43,38,.14)}
.conn-hero--text{grid-template-columns:1fr;max-width:760px}
.conn-body li a,.conn-table a{color:inherit;text-decoration:underline;text-decoration-color:rgba(47,43,38,.3);text-underline-offset:3px}
.conn-related{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.conn-related a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#2f2b26;font-size:13.5px;line-height:1.35}
.conn-related img{width:100%;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply}
.conn-byline{margin-top:34px;padding-top:16px;border-top:1px solid rgba(47,43,38,.12);font-size:13px;color:#8f877b;line-height:1.5}.conn-byline a{color:inherit}
.coll-intro a{color:inherit}
.conn-lede{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:#4c463d;max-width:760px;margin:14px 0 0}
.conn-hero{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start;margin-top:clamp(24px,3vw,36px)}
.conn-hero img{width:100%;height:auto;mix-blend-mode:multiply}
.conn-facts{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:14.5px;line-height:1.45}
.conn-facts dt{color:#8f877b;white-space:nowrap}.conn-facts dd{margin:0;color:#2f2b26}
.conn-body h2{font-size:19px;margin:34px 0 10px}.conn-body h2:first-child{margin-top:0}
.conn-chips{display:flex;flex-wrap:wrap;gap:6px}.conn-chips span{font-size:13px;border:1px solid rgba(47,43,38,.14);border-radius:999px;padding:3px 11px;background:rgba(255,255,255,.55)}
.conn-table{width:100%;border-collapse:collapse;font-size:14.5px}.conn-table th,.conn-table td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid rgba(47,43,38,.12)}
.conn-table th{font-weight:500;color:#8f877b;font-size:13px}.conn-table td:first-child,.conn-table th:first-child{width:32%}
@media (max-width:760px){.conn-hero{grid-template-columns:1fr}.conn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}