/*!
 * Ulmer Security Management System - Enterprise Edition
 * Copyright (c) 2026 Douglas Ulmer. All rights reserved.
 * Proprietary and confidential. Unauthorized copying, reproduction, reuse,
 * or distribution of this file, in whole or in part, by any means, is
 * prohibited without the prior written permission of Douglas Ulmer.
 */

/* The Terms of Service and Privacy Policy pages. Uses the welcome page's colors and type (welcome.css). */

.legal-top .top-actions { margin-left: auto; }
.legal { max-width: 46em; margin: 0 auto; padding: 64px 20px 88px; }
.legal .kicker { margin-bottom: 10px; }
.legal h1 {
  margin: 0 0 14px; font-family: var(--display); font-weight: 500; font-size: clamp(36px, 6vw, 56px); line-height: 1.08;
}
.legal h1::after { content: ""; display: block; width: 44px; height: 1px; margin-top: 18px; background: var(--gold); }
.legal .dated { margin: 0 0 32px; color: var(--muted); font-size: 14px; }
.legal .summary {
  margin: 0 0 40px; padding: 18px 22px; border: 1px solid var(--hair); border-radius: 2px; background: var(--panel);
  color: #d6d0c3; font-size: 15.5px;
}
.legal .summary p { margin: 0 0 8px; }
.legal .summary p:last-child { margin: 0; }
.legal nav.toc { margin: 0 0 44px; }
.legal nav.toc ol { margin: 0; padding-left: 1.9em; columns: 2; column-gap: 32px; color: var(--muted); font-size: 14.5px; }
.legal nav.toc li { break-inside: avoid; margin: 0 0 6px; }
.legal h2 {
  margin: 48px 0 12px; font-family: var(--display); font-weight: 500; font-size: 26px; line-height: 1.2; color: var(--gold-hi);
  scroll-margin-top: 90px;
}
.legal h3 { margin: 24px 0 8px; font-size: 16px; font-weight: 600; letter-spacing: 0.02em; color: var(--text); }
.legal p, .legal li { color: #d6d0c3; font-size: 16px; }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 16px; padding-left: 1.2em; }
.legal li { margin: 0 0 8px; }
.legal strong { color: var(--text); font-weight: 600; }
.legal .caps { text-transform: uppercase; font-size: 14px; letter-spacing: 0.02em; }
.legal table { width: 100%; border-collapse: collapse; margin: 6px 0 18px; font-size: 14.5px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--hair-soft); color: #d6d0c3; }
.legal th { color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.legal .back { display: inline-block; margin-top: 40px; font-size: 14px; }
.foot .links { margin: 10px 0 0; font-size: 12px; letter-spacing: 0.08em; text-transform: none; font-weight: 400; }
.foot .links a { color: var(--muted); margin: 0 10px; }
.foot .links a:hover { color: var(--gold-hi); }

/* The ExecPro product page */
.product h1 { max-width: 22ch; }
.product .lead-in { margin: 0 0 28px; color: #d6d0c3; font-size: 18px; }
.product .cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin: 28px 0 8px; }
.product .quiet-link { font-size: 14px; }

@media (max-width: 640px) {
  .legal { padding-top: 40px; }
  .legal nav.toc ol { columns: 1; }
  .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; }
  .legal thead { display: none; }
  .legal td { padding: 2px 0; border: 0; }
  .legal tr { padding: 10px 0; border-bottom: 1px solid var(--hair-soft); }
  .legal td:first-child { color: var(--text); font-weight: 600; }
}