/* Athena Legal — the legal section: shared sidebar, documents, and the
   Licenses page with its searchable state list. */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500&display=swap");

.ath-legal,.ath-legal *,.ath-legal *::before,.ath-legal *::after{box-sizing:border-box}

/* Breakdance lays a section out as a flex column that does not stretch its
   children, so the block is told to fill the section it sits in. Set that
   section's Content Width to Full Width and its side padding to 0 and the
   black title band runs edge to edge on its own. */
.bde-code-block:has(> .ath-legal){width:100%;align-self:stretch}

.ath-legal{--l-ink:#0B0B0C;--l-gold:#FFC04A;--l-body:#3A3A42;--l-muted:#6C6C75;--l-line:#DAD8D0;--l-shade:#F7F7F5;width:100%;background:#fff;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--l-ink)}
.ath-legal .ls-top{background:#0B0B0C;color:#fff}
.ath-legal .ls-top-in{max-width:1240px;margin:0 auto;padding:44px 40px 46px}
.ath-legal .ls-eyebrow{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--l-gold);margin:0}
.ath-legal .ls-h1{font-size:44px;font-weight:500;letter-spacing:-.028em;line-height:1.1;margin:12px 0 0}
.ath-legal .ls-sub{font-family:Roboto,sans-serif;font-size:17px;line-height:1.6;color:#C9C9CF;margin:12px 0 0;max-width:70ch}
.ath-legal .ls-wrap{max-width:1240px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:264px minmax(0,1fr);gap:56px;align-items:start}
.ath-legal .ls-side{position:sticky;top:24px;padding:40px 0 60px}
.ath-legal .ls-sidehead{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--l-muted);margin:0 0 14px}
.ath-legal .ls-list{list-style:none;margin:0;padding:0}
.ath-legal .ls-navlink{display:block;padding:8px 0;font-size:15px;font-weight:500;line-height:1.35;color:var(--l-body);text-decoration:none;transition:color .15s ease}
.ath-legal .ls-navlink:hover{color:var(--l-ink)}
.ath-legal .ls-navlink.is-on{color:var(--l-ink);font-weight:600;box-shadow:inset 3px 0 0 var(--l-gold);padding-left:12px}
.ath-legal .ls-rule{height:1px;background:var(--l-line);margin:26px 0 22px}
.ath-legal .ls-jump{display:block;padding:6px 0;font-family:Roboto,sans-serif;font-size:14px;line-height:1.35;color:var(--l-muted);text-decoration:none;transition:color .15s ease}
.ath-legal .ls-jump:hover{color:var(--l-ink)}
.ath-legal .ls-jump.is-on{color:var(--l-ink);font-weight:500}
.ath-legal .ls-side-toggle{display:none}
.ath-legal .ls-main{padding:40px 0 80px;min-width:0}
.ath-legal .ls-intro{font-family:Roboto,sans-serif;font-size:17px;line-height:1.75;color:var(--l-body);margin:0 0 8px;max-width:74ch}
/* The Breakdance header is position:fixed, so a jump link that lands the
   heading at the top of the window parks it underneath the nav. The header
   is not one number: about 182px on a desktop and 262px on a phone, and it
   changes again every time the navigation is edited. legal.js measures the
   real one and writes it to --l-hdr. The 182px here is the fallback used
   before that runs. */
.ath-legal{--l-hdr:182px}
.ath-legal .ls-state{padding:30px 0 4px;border-top:1px solid var(--l-line);margin-top:26px;scroll-margin-top:calc(var(--l-hdr) + 24px)}
.ath-legal .ls-state:first-of-type{border-top:0;margin-top:14px;padding-top:6px}
.ath-legal .ls-h2{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}
.ath-legal .ls-facts{list-style:none;margin:14px 0 0;padding:0;border-left:2px solid var(--l-gold)}
.ath-legal .ls-facts li{font-family:Roboto,sans-serif;font-size:15px;line-height:1.6;color:var(--l-ink);padding:2px 0 2px 14px}
.ath-legal .ls-p{font-family:Roboto,sans-serif;font-size:15px;line-height:1.75;color:var(--l-body);margin:16px 0 0;max-width:74ch}
.ath-legal .ls-p--state{background:var(--l-shade);border:1px solid var(--l-line);border-radius:3px;padding:14px 16px}
.ath-legal .ls-tag{display:inline-block;margin-right:8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--l-ink);background:var(--l-gold);border-radius:2px;padding:3px 7px}
@media (max-width:1023px){
 .ath-legal .ls-top-in{padding:34px 32px}
 .ath-legal .ls-h1{font-size:34px}
 .ath-legal .ls-wrap{grid-template-columns:1fr;gap:0;padding:0 32px}
 .ath-legal .ls-side{position:static;padding:24px 0 0}
 .ath-legal .ls-side-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--l-shade);border:1px solid var(--l-line);border-radius:3px;padding:14px 16px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:var(--l-ink)}
 .ath-legal .ls-side-toggle::after{content:"\25BE";color:var(--l-muted)}
 .ath-legal .ls-side-toggle[aria-expanded=true]::after{content:"\25B4"}
 .ath-legal .ls-panel{display:none;border:1px solid var(--l-line);border-top:0;border-radius:0 0 3px 3px;padding:14px 16px;margin:0 0 18px}
 .ath-legal .ls-panel.is-open{display:block}
 .ath-legal .ls-navlink.is-on{padding-left:10px}
 .ath-legal .ls-main{padding:8px 0 60px}
 .ath-legal .ls-h2{font-size:23px}
}
@media (max-width:767px){
 .ath-legal .ls-top-in{padding:28px 24px}
 .ath-legal .ls-h1{font-size:28px}
 .ath-legal .ls-sub{font-size:16px}
 .ath-legal .ls-wrap{padding:0 24px}
 .ath-legal .ls-h2{font-size:21px}
}

.ath-legal .ls-tools{margin:22px 0 6px}
.ath-legal .ls-search{position:relative;max-width:520px}
.ath-legal .ls-search-i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--l-muted);pointer-events:none}
.ath-legal .ls-search-in{
  width:100%;padding:14px 16px 14px 44px;border:1px solid var(--l-line);border-radius:3px;
  background:#fff;color:var(--l-ink);font-family:Roboto,sans-serif;font-size:15px;outline:0;
  -webkit-appearance:none;appearance:none;
}
.ath-legal .ls-search-in:focus{border-color:var(--l-ink)}
.ath-legal .ls-search-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ath-legal .ls-letters{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ath-legal .ls-letter{
  min-width:34px;padding:7px 10px;border:1px solid transparent;border-radius:2px;background:transparent;
  font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:1;color:var(--l-body);
  cursor:pointer;-webkit-appearance:none;appearance:none;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.ath-legal .ls-letter:hover{border-color:var(--l-line);color:var(--l-ink)}
.ath-legal .ls-letter.is-on{background:var(--l-ink);border-color:var(--l-ink);color:#fff}
.ath-legal .ls-letter:focus-visible{outline:2px solid var(--l-ink);outline-offset:2px}
.ath-legal .ls-letter[disabled]{opacity:.32;cursor:default}
.ath-legal .ls-letter[disabled]:hover{border-color:transparent;color:var(--l-body)}
.ath-legal .ls-none{font-family:Roboto,sans-serif;font-size:15px;color:var(--l-body);margin:26px 0 0}
.ath-legal .ls-none[hidden]{display:none}
.ath-legal .ls-state[hidden],.ath-legal .ls-list li[hidden]{display:none}
@media (max-width:767px){
  .ath-legal .ls-search-in{padding:13px 14px 13px 42px;font-size:16px}
  .ath-legal .ls-letter{min-width:32px;padding:8px 9px}
}

/* Body copy typed into the WordPress editor for the non-Licenses documents. */
.ath-legal .ls-rich{font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.8;color:var(--l-body);max-width:74ch}
.ath-legal .ls-rich h2{font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--l-ink);margin:34px 0 0}
.ath-legal .ls-rich h3{font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19px;font-weight:600;color:var(--l-ink);margin:26px 0 0}
.ath-legal .ls-rich p{margin:14px 0 0}
.ath-legal .ls-rich ul,.ath-legal .ls-rich ol{margin:14px 0 0;padding-left:20px}
.ath-legal .ls-rich li{margin:6px 0}
.ath-legal .ls-rich a,
.ath-legal .ls-rich a:link,
.ath-legal .ls-rich a:visited{color:var(--l-ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--l-gold)}
.ath-legal .ls-rich a:hover,
.ath-legal .ls-rich a:focus-visible{color:var(--l-ink);text-decoration-color:var(--l-ink)}
.ath-legal .ls-rich table{border-collapse:collapse;width:100%;margin:16px 0 0}
.ath-legal .ls-rich th,.ath-legal .ls-rich td{border:1px solid var(--l-line);padding:10px 12px;text-align:left;font-size:15px}
.ath-legal .ls-rich th{background:var(--l-shade);font-family:Poppins,sans-serif;font-weight:600}

.ath-legal .ls-none-yet{font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;color:var(--l-muted);margin:26px 0 0}
.ath-legal-missing{font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;color:#55555E}

@media (max-width:767px){
  .ath-legal .ls-rich{font-size:16px}
  .ath-legal .ls-rich h2{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
  .ath-legal .ls-navlink,.ath-legal .ls-jump,.ath-legal .ls-letter{transition:none}
}