/* CODE hub page styles (W4) */
  h1.px { font-size:20px; } .sub { color:var(--teal); font-size:22px; margin-top:6px; }
  section { margin-top:30px; }
  .paper { display:flex; align-items:center; gap:16px; }
  .slot.paper { flex-wrap:nowrap; } .paper .t { font-family:'Literata',Georgia,serif; font-size:19px; font-weight:600; }
  .paper .t a { color:inherit; text-decoration:none; }
  .paper .t a:hover { color:var(--pink); }
  .paper .t a:focus-visible { outline:2px dashed var(--amber); outline-offset:3px; }
  .paper .meta { display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; margin-left:0; }
  .project-copy { flex:1 1 auto; min-width:0; }
  .project-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-left:auto; flex:0 0 auto; }
  @media (max-width: 640px) {
    .slot.paper { flex-direction:column; align-items:stretch; flex-wrap:wrap; }
    .paper { flex-direction:column; align-items:flex-start; }
    .project-copy, .project-actions { width:100%; }
    .project-actions { margin-left:0; justify-content:flex-start; }
  }
  .section-title { font-family:'Press Start 2P',monospace; font-size:11px; color:var(--pink); margin-bottom:14px; }
  .era-header { font-family:'Press Start 2P',monospace; font-size:9px; color:var(--muted); letter-spacing:1px; margin:24px 0 10px; }
  .era-header:first-child { margin-top:0; }
  .tl { display:flex; gap:3px; margin-top:14px; }
  .tl i { width:36px; height:14px; }
  img.tl { width:100%; max-width:480px; height:auto; }