/* responsive-override.css - additive responsive layer (his 21 Sep 2026 spec).
   Breakpoints: content cap 1440px, 1024-1440 full, 768-1023 condensed,
   under 767 single column + Link Manager table as cards. Zero data loss:
   every cell stays visible as a labelled row. */
@media (min-width:1440px){
  .shell, main{max-width:1440px !important; margin-left:auto !important; margin-right:auto !important}
}
@media (min-width:768px) and (max-width:1023px){
  .link-filters{flex-wrap:wrap}
  .projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media (max-width:767px){
  .link-manager h1{font-size:clamp(20px,6vw,28px)}
  .link-filters{flex-direction:column; align-items:stretch}
  .link-filters label{width:100%}
  .link-table-wrap{border:0; background:transparent; overflow:visible}
  .link-manager table, .link-manager table thead, .link-manager table tbody,
  .link-manager table tr, .link-manager table td{display:block; width:100%}
  .link-manager table thead{display:none}
  .link-manager table tbody tr{background:var(--panel,rgba(255,255,255,.03)); border:1px solid rgba(140,160,150,.25); border-radius:12px; margin-bottom:10px; padding:6px 12px}
  .link-manager table td{display:flex; justify-content:space-between; gap:14px; border:0; border-bottom:1px solid rgba(140,160,150,.18); padding:8px 2px; text-align:right; word-break:break-word}
  .link-manager table td:last-child{border-bottom:0}
  .link-manager table td::before{content:attr(data-th); color:#9caea4; font-size:11px; text-transform:uppercase; letter-spacing:.06em; text-align:left; flex:0 0 34%}
}
.gh-cell a{color:var(--mint2,#6ee7b7)}
.gh-cell .gh-mirror{opacity:.75; font-size:12px}