/* Legal pages (page-templates/ues-legal.php, mail 060): the article layout of ues.css (.art-hero, .art-body, .art-tbl)
   in one column of about 720px, the cookie table stacked at phone width, and the contact address lines.
   v1.1 (mail 064): the two hero date lines sit close, and the section headings stop under the sticky header when a
   "section 2.4" link jumps to them.
   Source of truth: ues-homepage git repo on Manny's machine. v1.1 */
.hero.legal-hero .wrap{grid-template-columns:minmax(0,1fr)}
.hero.legal-hero h1{margin-bottom:12px}
.hero.legal-hero .art-meta+.art-meta{margin-top:4px}
.legal .art-body h2[id],.legal .art-body h3[id]{scroll-margin-top:calc(var(--hdr,90px) + 16px)}
section.art.legal .wrap{grid-template-columns:minmax(0,1fr)}
section.art.legal .art-body{max-width:720px}
.legal .art-tbl td:first-child{color:var(--ink);font-weight:600}
.legal .legal-addr{color:var(--ink)}
/* Phones: each cookie becomes a short block, its name first, then the two other columns under their own labels */
@media(max-width:620px){
  .legal .tblwrap{overflow:visible}
  .legal .art-tbl,.legal .art-tbl tbody,.legal .art-tbl tr,.legal .art-tbl td{display:block;width:100%;min-width:0}
  .legal .art-tbl thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .legal .art-tbl tr{border-top:1px solid var(--line);padding:12px 0}
  .legal .art-tbl tr:last-child{border-bottom:1px solid var(--line)}
  .legal .art-tbl td{border:0;padding:2px 0;overflow-wrap:anywhere}
  .legal .art-tbl td+td::before{content:attr(data-label);display:block;margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-lt)}
}