/* The sheet the legal documents open in. Full-bleed on a phone, a panel on anything
   wider; the page behind it is held still while it is up. */
.lp-wrap{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center}
.lp-scrim{position:absolute;inset:0;background:rgba(16,28,34,.55)}
.lp-sheet{position:relative;display:flex;flex-direction:column;background:#fff;
  width:min(860px,100%);height:min(92vh,100%);max-height:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.lp-head{display:flex;align-items:center;gap:12px;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid #e6e8ee;flex:none}
.lp-title{font-family:"Baloo 2",sans-serif;font-size:18px;color:#16224D;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-acts{display:flex;align-items:center;gap:8px;flex:none}
.lp-pdf,.lp-x{font-family:"Baloo 2","Nunito Sans",sans-serif;font-weight:800;font-size:14px;
  border:1px solid #d8dbe4;background:#f5f6f9;color:#16224D;padding:9px 14px;cursor:pointer}
.lp-pdf:hover,.lp-x:hover{background:#ebedf3}
.lp-x{width:38px;padding:9px 0;text-align:center}
.lp-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:18px 22px 10px;
  font-size:15px;line-height:1.6;color:#3d4a57}
/* The sheet's own title bar already names the document, so the page's eyebrow and H1
   would be the same words twice before a single sentence of it. They stay in the PDF,
   where there is no title bar. */
.lp-body .eyebrow,.lp-body>h1{display:none}
.lp-body .updated{color:#6b7684;font-size:13px;margin:0 0 16px}
/* The two boxes the page uses keep their boxes. */
.lp-body .summary{border:1px solid #e6e8ee;background:#fafbfc;padding:16px 18px;margin:0 0 18px}
.lp-body .summary h2{margin:0 0 8px;font-size:16px}
.lp-body .toc{border:1px solid #e6e8ee;padding:14px 18px;margin:0 0 20px}
.lp-body .toc b{display:block;font-family:"Baloo 2",sans-serif;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:#6b7684;margin:0 0 8px}
.lp-body .toc ol{columns:2;column-gap:28px;margin:0;padding-left:18px}
.lp-body .toc a{text-decoration:none;color:#16224D;font-weight:600}
.lp-body .toc a:hover{text-decoration:underline}
@media (max-width:640px){.lp-body .toc ol{columns:1}}
.lp-body h1{font-size:26px;margin:0 0 6px}
.lp-body h2{font-size:18px;margin:22px 0 6px}
.lp-body h3{font-size:15px;margin:14px 0 4px}
.lp-body p{margin:0 0 10px}
.lp-body ul,.lp-body ol{margin:0 0 12px;padding-left:20px}
.lp-body li{margin:0 0 5px}
.lp-foot{flex:none;padding:12px 22px 16px;border-top:1px solid #e6e8ee}
.lp-full{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;color:#16224D}
/* A phone gets the whole screen: a 92vh panel with 4vh of scrim above and below is just
   a smaller phone. */
@media (max-width:640px){
  .lp-sheet{width:100%;height:100%}
  .lp-head{padding:12px 14px}
  .lp-body{padding:14px 16px 8px}
  .lp-pdf{padding:9px 11px;font-size:13px}
}
/* If anybody prints the page itself while this is open, print the document, not the page
   behind it. */
@media print{ .lp-wrap{display:none} }