/* =====================================================================
   nielsdalgaard.com — /assets/legal.css

   The privacy notice and the terms of sale.

   Plain, narrow, and quiet. These are pages people read when something
   has gone wrong or when they are deciding whether to trust the site;
   both are moments where design that draws attention to itself works
   against you. No accent colour, no gradients, one column, and a
   measure short enough to read.

   Loads after analyzer.css, which supplies the palette, the nav and
   the footer.
   ===================================================================== */

.lg-wrap{max-width:760px;margin:0 auto;padding:0 26px}

.lg-head{padding:70px 0 26px;border-bottom:1px solid var(--line);margin-bottom:38px}
.lg-k{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:3px;
  text-transform:uppercase;color:var(--pewter);margin-bottom:12px}
.lg-head h1{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:.5px;font-size:clamp(28px,4.2vw,42px);line-height:1.1;margin-bottom:14px}
.lg-date{font-size:13px;color:var(--muted2);letter-spacing:.3px}

.lg-body{padding-bottom:80px}
.lg-body h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  letter-spacing:1px;font-size:16px;color:var(--cream);margin:42px 0 14px;
  padding-top:18px;border-top:1px solid var(--line)}
.lg-body h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.lg-body h3{font-family:'Oswald',sans-serif;font-weight:500;font-size:13.5px;
  letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:24px 0 8px}
.lg-body p{color:#d6d2ca;font-size:15.5px;line-height:1.75;margin-bottom:15px}
.lg-body p b,.lg-body li b{color:var(--cream);font-weight:600}
.lg-body ul{margin:0 0 18px 0;padding-left:20px}
.lg-body li{color:#d6d2ca;font-size:15.5px;line-height:1.7;margin-bottom:9px}
.lg-body a{color:var(--cream);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--line-strong)}
.lg-body a:hover{text-decoration-color:var(--cream)}
.lg-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 6px}

/* the table of processors */
.lg-table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px}
.lg-table th{font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;
  letter-spacing:1.6px;font-size:10.5px;color:var(--muted2);text-align:left;
  padding:10px 12px;border-bottom:1px solid var(--line-strong)}
.lg-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;
  color:#d6d2ca;line-height:1.6}
.lg-table td:first-child{color:var(--cream);white-space:nowrap}
.lg-table tr:last-child td{border-bottom:0}
.lg-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}

/* Anything the site owner still has to decide is marked, loudly, and
   the marker is impossible to ship by accident. */
.lg-todo{border:1px dashed #c2603f;border-radius:10px;padding:16px 18px;margin:0 0 24px;
  background:rgba(194,96,63,.07)}
.lg-todo p{margin:0;color:#e0a48f;font-size:14px}
.lg-todo b{color:#e8bcaa}

.lg-note{border-left:2px solid var(--line-strong);padding-left:18px;margin:22px 0}
.lg-note p{margin-bottom:0;color:var(--muted);font-size:14.5px}

@media (max-width:600px){
  .lg-head{padding-top:48px}
  .lg-body p,.lg-body li{font-size:15px}
}