/* =============================================================================
   DELINIO LEGAL POP-UPS, NO JAVASCRIPT
   One stylesheet for Privacy, Disclaimer and Terms of Use on every page.
   Moved here from articles/article.css so the homepage, Agents, Articles and
   unsubscribe pages share one copy. Values are literal so this file stands
   alone on any page, whatever that page's own variables are.

   The :target selector matches the element named in the address bar. A link
   to #privacy opens it; the backdrop and the close button link to #_ and
   clear it. Works with scripting disabled, works off the disk, and the text
   sits in the HTML where a search engine can read it. The pop-ups themselves
   are stamped into each page by _stamp_legal.py from _legal/.
   ========================================================================== */
.legal-modal{
  position:fixed;inset:0;z-index:200;display:none;
  align-items:center;justify-content:center;padding:32px;
  background:rgba(14,13,16,.78);backdrop-filter:blur(8px);
}
.legal-modal:target{display:flex;animation:legalfade .25s ease}
@keyframes legalfade{from{opacity:0}to{opacity:1}}
.legal-scrim{position:absolute;inset:0}
.legal-panel{
  position:relative;background:#f4f1ea;color:#0e0d10;
  max-width:760px;width:100%;max-height:82vh;border-radius:18px;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.7);
  display:flex;flex-direction:column;overflow:hidden;
}
.legal-head{padding:34px 40px 22px;border-bottom:1px solid rgba(14,13,16,.1)}
.legal-kicker{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.2em;
color:#e00a34;text-transform:uppercase}
.legal-panel h2{margin:12px 0 4px;font-weight:900;font-size:30px;
letter-spacing:-.02em;color:#0e0d10}
.legal-upd{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.1em;
color:rgba(14,13,16,.5)}
.legal-body{padding:26px 40px 34px;overflow-y:auto}
.legal-body h3{margin:22px 0 6px;font-weight:700;font-size:16px;color:#0e0d10}
.legal-body h3:first-child{margin-top:0}
.legal-body p{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:rgba(14,13,16,.78)}
.legal-body a{color:#e00a34;border-bottom:1px solid rgba(224,10,52,.4)}
.legal-body b{color:#0e0d10}
.legal-foot{margin-top:24px;padding-top:18px;border-top:1px solid rgba(14,13,16,.1);
font-size:12.5px;line-height:1.6;color:rgba(14,13,16,.55)}
.legal-close{
  position:absolute;top:14px;right:22px;z-index:2;font-size:32px;line-height:1;
  font-family:'IBM Plex Mono',ui-monospace,monospace;color:rgba(14,13,16,.4);
}
.legal-close:hover{color:#e00a34}

@media (max-width:760px){
  .legal-modal{padding:14px}
  .legal-head{padding:26px 22px 18px}
  .legal-body{padding:20px 22px 26px}
  .legal-panel h2{font-size:24px}
}