/* Open-source licences page (/open-source). Loaded after privacy.css, which carries the
   shared legal-page layout; this file only adds what that page has no class for. */
.libs th:nth-child(1),.libs td:nth-child(1){width:26%;min-width:150px}
.libs th:nth-child(3),.libs td:nth-child(3){width:15%;min-width:96px;white-space:nowrap}
.ver{color:var(--ink3);font-weight:600;font-size:.8rem;margin-left:4px}
.use{color:var(--ink2);font-size:.8rem;margin-top:4px}
.bundled{color:var(--ink2);font-size:.78rem;margin-top:8px}
.holders li{font-size:.88rem;margin-bottom:4px}
.font-note{color:var(--ink2);font-size:.88rem}
.licence p,.licence li{font-size:.86rem;color:var(--ink2)}
.licence ul{padding-left:20px}
/* On a phone the three-column table has no room for the copyright lists, so each library
   becomes a stacked card: name, then the notices, then the licence with a label. */
@media(max-width:600px){
  .libs thead{display:none}
  .libs,.libs tbody,.libs tr,.libs td{display:block;width:auto;min-width:0}
  .libs tr{border:1px solid var(--line);border-radius:10px;padding:6px 10px;margin-bottom:10px}
  .libs td,.libs td:nth-child(1),.libs td:nth-child(3){border:0;padding:6px 0;white-space:normal;width:auto;min-width:0}
  .libs td:nth-child(3)::before{content:"Licence: ";color:var(--ink2);font-weight:600}
}
