/* ============================================================================
   MAYA — legal pages (/privacy, /terms). Loads after site.css.
   Plain reading layout: one column, generous line height, no decoration.
   ============================================================================ */

.lg-head{background:linear-gradient(180deg,#0f1c4d 0%,#16225c 100%);color:#fff;padding:26px 0 22px;text-align:center}
.lg-head .in{width:min(760px,calc(100% - 48px));margin:0 auto}
.lg-head h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.15}
.lg-head p{margin:9px 0 0;color:#b9c2e2;font-size:13.5px;line-height:1.6}
.lg-head .lg-when{display:inline-block;margin-top:11px;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff}

.lg-wrap{padding:22px 0}
.lg-in{width:min(760px,calc(100% - 48px));margin:0 auto}

/* jump list */
.lg-toc{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.lg-toc a{display:block;padding:6px 11px;border-radius:9px;background:#eef2fb;border:1px solid #dde5f5;
  color:#2c3c74;font-size:12px;font-weight:600;text-decoration:none}
.lg-toc a:hover{background:#e2e9f8;color:#16225c}

.lg-sec{margin:0 0 20px;scroll-margin-top:78px}
.lg-sec h2{margin:0 0 8px;font-size:19px;font-weight:800;color:#15224f;letter-spacing:-.2px;line-height:1.3}
.lg-sec h3{margin:14px 0 6px;font-size:15px;font-weight:700;color:#22305e}
.lg-sec p{margin:0 0 10px;color:#3d4763;font-size:14px;line-height:1.75}
.lg-sec ul{margin:0 0 10px;padding-left:19px;color:#3d4763;font-size:14px;line-height:1.75}
.lg-sec li{margin:0 0 5px}
.lg-sec li b{color:#22305e;font-weight:700}
.lg-sec a{color:#2a58c9;font-weight:600}

/* facts table (cookies, data kept) */
.lg-table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13px}
.lg-table th{padding:8px 10px;background:#eef2fb;border:1px solid #dde5f5;color:#22305e;
  font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-align:left}
.lg-table td{padding:8px 10px;border:1px solid #e5ebf7;color:#3d4763;line-height:1.6;vertical-align:top}
.lg-table td b{color:#22305e}
.lg-wide{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* highlighted note */
.lg-note{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#f4f7fe;
  border:1px solid #dde5f5;box-shadow:inset 3px 0 0 #2a58c9}
.lg-note p{margin:0;font-size:13.5px;line-height:1.7;color:#33406b}
.lg-note p + p{margin-top:7px}

/* contact block at the end */
.lg-contact{margin:4px 0 0;padding:16px;border-radius:14px;background:#0f1c4d;color:#fff}
.lg-contact h2{margin:0 0 8px;font-size:17px;font-weight:800;color:#fff}
.lg-contact p{margin:0 0 10px;color:#b9c2e2;font-size:13.5px;line-height:1.7}
.lg-contact a.lg-cta{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:13px;
  background:#08c757;color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;
  box-shadow:0 6px 16px rgba(8,199,87,.28)}
.lg-contact a.lg-cta:hover{background:#06b64e}
.lg-contact .lg-lines{margin:11px 0 0;font-size:13px;line-height:1.9;color:#dbe2f5}
.lg-contact .lg-lines a{color:#fff;font-weight:600}

@media (max-width:900px){
  .lg-head{padding:18px 0 16px}
  .lg-head .in,.lg-in{width:min(760px,calc(100% - 26px))}
  .lg-head h1{font-size:23px}
  .lg-head p{font-size:12.5px}
  .lg-wrap{padding:15px 0}
  .lg-sec{margin:0 0 16px}
  .lg-sec h2{font-size:17px}
  .lg-sec h3{font-size:14px}
  .lg-toc a{padding:5px 9px;font-size:11px}
  .lg-table{font-size:12px}
  .lg-table th,.lg-table td{padding:6px 8px}
}

/* ============================ TYPE SCALE ============================ */
.lg-head .lg-when{font-size:11px!important}
.lg-toc a{font-size:12px!important}
.lg-sec p,.lg-sec ul{font-size:14px!important}
.lg-table th{font-size:11.5px!important}
.lg-table td{font-size:13px!important}
.lg-note p{font-size:13.5px!important}
.lg-contact .lg-lines{font-size:13px!important}
@media (max-width:900px){
  .lg-head .lg-when{font-size:10px!important}
  .lg-toc a{font-size:11px!important}
  .lg-sec p,.lg-sec ul{font-size:13.5px!important}
  .lg-table th{font-size:10.5px!important}
  .lg-table td{font-size:12px!important}
  .lg-note p{font-size:13px!important}
  .lg-contact .lg-lines{font-size:12.5px!important}
}