/*
---
tags: [template, EDU, conexoes, conteudo]
criado: 2026-09-24
dominio: EDU
status: em-construcao
autoria: gerado-com-Codex
prd: null
solicitacao: "Conversa — PROXIMA: conectar aulas, cursos e materiais"
---
Conexões públicas. Cartões e tokens reutilizam a identidade beta.29.
*/
.jj-connections {
 padding-block:44px 56px;
 border-top:1px solid var(--jj-color-border);
 color:var(--jj-color-text);
}
.jj-connections__header {
 display:flex;
 flex-wrap:wrap;
 align-items:end;
 justify-content:space-between;
 gap:20px 40px;
 margin-bottom:28px;
}
.jj-connections__header>div { flex:1 1 320px; min-width:0; }
.jj-connections__header .jj-kicker { margin:0 0 12px; font-size:11px; }
.jj-connections__header h2 {
 margin:0;
 font:400 clamp(1.9rem,3.3vw,2.6rem)/1.18 var(--jj-font-display);
 letter-spacing:-.025em;
 overflow-wrap:anywhere;
 text-wrap:balance;
 scroll-margin-top:110px;
}
.jj-connections__header>p { flex:0 1 36ch; margin:0; color:var(--jj-color-text-muted); font-size:14px; line-height:1.75; }
.jj-connections__grid {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:var(--jj-catalog-gap);
 margin:0;
 padding:0;
 list-style:none;
}
.jj-connections__item { display:flex; min-width:0; margin:0; padding:0; }
.jj-connections__item>.jj-resource-card { width:100%; }
.jj-connections .jj-resource-card__title { font-size:clamp(1.35rem,2.1vw,1.65rem); }
.jj-connections .jj-resource-card p.jj-connections__reason {
 margin-top:auto;
 padding-top:16px;
 color:var(--jj-color-text-muted);
 font-size:12px;
 line-height:1.7;
}
.jj-connections__catalogs {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:12px 32px;
 margin-top:28px;
 padding-top:20px;
 border-top:1px solid var(--jj-color-border);
}
.jj-connections__catalogs a {
 display:inline-flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
 min-height:var(--jj-control-height);
 color:var(--jj-color-primary);
 font:600 13px/1.5 var(--jj-font-body);
 text-decoration:none;
 overflow-wrap:anywhere;
}
.jj-connections__catalogs a:hover { text-decoration:underline; text-underline-offset:4px; }
.jj-connections__empty { margin:0; max-width:58ch; color:var(--jj-color-text-muted); font-size:15px; line-height:1.8; }
@media(max-width:1000px) { .jj-connections__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .jj-connections { padding-block:32px 40px; }
 .jj-connections__grid { grid-template-columns:minmax(0,1fr); }
 .jj-connections__header { gap:16px; }
 .jj-connections__catalogs { display:grid; gap:4px; }
}
@media print { .jj-connections__catalogs { display:none; } .jj-connections__grid { display:block; } .jj-connections__item { break-inside:avoid; margin-bottom:16px; } }