/* central de materiais */
.hub{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; margin-top:26px}
.hub a{display:block; text-decoration:none; color:var(--ink); border:1px solid var(--line-2);
  border-radius:12px; background:var(--surface); padding:20px 22px 21px}
.hub a:hover{background:var(--surface-2)}
.hub .gr{display:block; font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--laranja); margin-bottom:6px}
.hub h2{font-family:"Archivo",sans-serif; font-size:19px; font-weight:700; margin-bottom:7px}
.hub p{font-size:15px; color:var(--ink-2); line-height:1.5}
.publico{margin-top:22px; border:1px dashed var(--line-2); border-radius:12px; padding:20px 22px; background:var(--surface-2)}
.publico .gr{display:block; font-family:"IBM Plex Mono",monospace; font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted); margin-bottom:6px}
.publico h2{font-family:"Archivo",sans-serif; font-size:19px; font-weight:700; margin-bottom:7px}
.publico h2 a{color:var(--roxo-ink)}
.publico p{font-size:15px; color:var(--ink-2); line-height:1.5; max-width:70ch}
main.hub-main{max-width:var(--maxw); margin:0 auto; padding:38px 28px 80px}