/* Legal pages, generated by tools/build-legal.mjs.
   Loaded after styles.css, which supplies the reset, the body face and the
   wordmark. Everything here is measured for long-form reading: one column,
   generous leading, and tables that scroll on a phone rather than squeeze. */

.legal-head{position:sticky; top:0; z-index:50; background:rgba(var(--paper-rgb),.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line-soft);}
.legal-head-inner{max-width:760px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.legal-head .wordmark{text-decoration:none; color:var(--ink);}
.legal-nav{display:flex; gap:16px; font-size:13.5px;}
.legal-nav a{color:var(--ink-soft);}
.legal-nav [aria-current]{color:var(--ink); font-weight:600;}

.legal-main{max-width:760px; margin:0 auto; padding:34px 20px 60px;}
.legal-main h1{margin-bottom:6px;}
.legal-main h3{font-family:var(--display); font-weight:700; font-size:21px; line-height:1.2; margin-top:38px;}
.legal-main h4{font-family:var(--display); font-weight:600; font-size:16.5px; margin-top:26px;}
.legal-main h5{font-family:var(--display); font-weight:600; font-size:15px; margin-top:22px;}
.legal-main p{margin-top:12px; font-size:15.5px; line-height:1.65; max-width:68ch;}
.legal-main ul, .legal-main ol{margin:12px 0 0 22px; max-width:68ch;}
.legal-main li{font-size:15.5px; line-height:1.6; margin-top:7px;}
.legal-main a{color:var(--cobalt-text);}
.legal-main code{font-size:14px; background:var(--tile); border:1px solid var(--line); border-radius:5px; padding:1px 5px;}

.legal-meta{color:var(--ink-soft); font-size:13.5px;}

.legal-main blockquote{margin:18px 0 0; padding:14px 18px; background:var(--callout); border-left:4px solid var(--gold); border-radius:0 var(--radius-lg) var(--radius-lg) 0;}
.legal-main blockquote p{margin-top:8px;}
.legal-main blockquote p:first-child{margin-top:0;}

.table-scroll{overflow-x:auto; margin-top:18px; border:1px solid var(--line); border-radius:var(--radius-lg);}
.legal-main table{border-collapse:collapse; width:100%; min-width:520px; font-size:14px;}
.legal-main th, .legal-main td{text-align:left; vertical-align:top; padding:10px 14px; border-bottom:1px solid var(--line-soft);}
.legal-main th{background:var(--tile); font-weight:600; color:var(--ink); border-bottom:1px solid var(--line);}
.legal-main tbody tr:last-child td{border-bottom:none;}

/* An unsettled decision is shown, not hidden. A reader who meets one is
   entitled to know this document does not yet answer that question. */
.decision{background:var(--pending-tag); color:var(--pending-text); border:1px dashed var(--pending-line); border-radius:6px; padding:1px 7px; font-size:.92em;}
.decision b{text-transform:uppercase; letter-spacing:.06em; font-size:10.5px; margin-right:5px;}

.legal-draft{margin-top:22px; background:var(--pending-bg); border:1px solid var(--pending-line); border-radius:var(--radius-lg); padding:16px 18px;}
.legal-draft b{color:var(--pending-text);}
.legal-draft p{margin-top:6px; font-size:14px; color:var(--ink-mid);}

.legal-foot{border-top:1px solid var(--line-soft); margin-top:40px;}
.legal-foot p{max-width:760px; margin:0 auto; padding:20px; font-size:13px; color:var(--ink-faint);}
.legal-foot a{color:var(--ink-soft);}

/* The same strip appears under the landing page and the results page, so a
   reader can reach the policies from wherever they are in the funnel. */
.site-foot{margin-top:34px; padding-top:18px; border-top:1px solid var(--line-soft); display:flex; gap:8px 18px; flex-wrap:wrap; justify-content:center; font-size:13px;}
.site-foot a{color:var(--ink-soft);}
.site-foot span{color:var(--ink-faint);}