/* Legal documents (T5 text pages, 10 nov 2026). Prefix lex-. The same file ships with every legal page
   (legal, legal-privacy, legal-cookies, legal-terms) so each page also stands alone when the generator splits the site. */
.cell.lex-cell{padding-block:0 clamp(56px,7vw,104px)}
.lex-side-k{color:var(--fg)}
.lex-toc{margin-top:12px;padding-top:14px;border-top:1px solid var(--rule)}
.lex-toc ol{display:flex;flex-direction:column;gap:1px;counter-reset:lex}
.lex-toc li{counter-increment:lex}
.lex-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:5px 0;font-family:var(--sans);font-size:14px;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--fg3)}
.lex-toc a::before{content:counter(lex);font-family:var(--mono);font-size:11px;color:var(--fg3);opacity:.7;padding-top:2px}
.lex-toc a:hover{color:var(--fg);text-decoration:none}

.lex-body a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--link) 35%,transparent);overflow-wrap:anywhere}
.lex-body a:hover{text-decoration-color:currentColor}
.lex-body b{color:var(--fg);font-weight:600}
.lex-head{display:flex;flex-direction:column;gap:22px}
.lex-k{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg3)}

/* the short version: one quiet card */
.lex-short{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,30px);background:#FBF8F3;border:1px solid #EAE2D4;border-radius:18px}
.pt-prose-body .lex-short ul{gap:8px;font-size:16.5px;line-height:1.55}
.lex-short li::marker{color:var(--amber)}

.lex-sec{display:flex;flex-direction:column;gap:16px;padding-top:clamp(26px,3vw,40px);border-top:1px solid var(--rule);scroll-margin-top:88px}
.lex-body .lex-sec>h2{margin-top:0;font-size:clamp(22px,2.1vw,28px)}
.lex-body .lex-sec>h2 .lex-num{font-family:var(--mono);font-weight:500;font-size:.6em;color:var(--fg3);letter-spacing:0;margin-right:12px;vertical-align:.25em}
.lex-body h3{margin-top:4px;font-size:18px}
.lex-sec ul li::marker{color:var(--fg3)}

/* tables: row headers carry the meaning, so on a phone each row stacks */
.lex-tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.lex-tbl thead th{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg3);text-align:left;padding:0 16px 10px 0;border-bottom:1px solid var(--fg)}
.lex-tbl tbody tr{border-bottom:1px solid var(--rule)}
.lex-tbl tbody tr:last-child{border-bottom:0}
.lex-tbl tbody th{width:32%;padding:13px 16px 13px 0;text-align:left;vertical-align:top;font-weight:600;color:var(--fg)}
.lex-tbl td{padding:13px 16px 13px 0;vertical-align:top;color:var(--fg2)}
.lex-tbl td:last-child{padding-right:0}

/* company details */
.lex-co{display:grid;margin:0;border-top:1px solid var(--rule);font-size:15.5px}
.lex-co>div{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.lex-co dt{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg3);padding-top:3px}
.lex-co dd{margin:0;color:var(--fg)}

/* the legal index: one row per document */
.lex-docs{border-top:1px solid var(--rule)}
.lex-doc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:baseline;padding:20px 2px;border-bottom:1px solid var(--rule);color:inherit}
.lex-body a.lex-doc{color:inherit;text-decoration:none}
.lex-doc:hover{background:var(--subtle)}
.lex-doc b{font-size:clamp(20px,1.8vw,24px);letter-spacing:-.02em;line-height:1.2}
.lex-doc span{grid-column:1;font-size:16px;color:var(--fg2)}
.lex-doc i{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-size:20px;color:var(--fg3);transition:transform .2s ease}
.lex-doc:hover i{transform:translateX(4px);color:var(--fg)}

@media (max-width:900px){
  .lex-toc{display:none}
}
@media (max-width:560px){
  .lex-tbl thead{display:none}
  .lex-tbl tr,.lex-tbl tbody th,.lex-tbl td{display:block;width:auto}
  .lex-tbl tbody th{padding:14px 0 4px}
  .lex-tbl td{padding:0 0 10px}
  .lex-tbl td:last-child{padding-bottom:14px}
  .lex-tbl td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg3)}
  .lex-co>div{grid-template-columns:minmax(0,1fr);gap:4px}
}