/* Shared stylesheet for LendaarMitra legal/info pages (linked relatively).
   The landing page (index.html) keeps its own inline styles.

   Sibling of storefront/css/pages.css. Same structure, but LIGHT: the accent
   moves from AuditMitra's saffron #F09A0A to LendaarMitra's teal #00BCD4, and the
   ground moves from #0b0f19 to #F7F8FD (see context/BRANDING.md — indigo is the
   shared house colour, the accent and the ground are per-product). Fonts are self-hosted here too: this is a separate
   Cloudflare Pages project, and the CSP says font-src 'self', so it needs its
   own copy of the woff2 files rather than pointing at the AuditMitra origin. */
@font-face{font-family:"Outfit";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/outfit-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/outfit-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/outfit-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/outfit-latin-700-normal.woff2") format("woff2")}
:root {
    /* Light, matching index.html — see the note there on why LendaarMitra's site
       diverges from AuditMitra's dark one. --accent is a FILL; --accent-text is
       the readable teal (5.2:1 on this ground). */
    --bg:#F7F8FD; --card:#FFFFFF; --border:#DBE0F1; --border-2:#C0C8E4;
    --text:#161B3B; --muted:#666E9B; --indigo-light:#242C63;
    --accent:#00BCD4; --accent-text:#0A7280; --accent-line:#0E8A99;
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
    background-color:var(--bg); color:var(--text);
    font-family:'Outfit',-apple-system,'Segoe UI',sans-serif; line-height:1.7;
    background-image:radial-gradient(at 12% 0%, rgba(36,44,99,.05) 0, transparent 52%);
    background-attachment:fixed;
}
.wrap { max-width:840px; margin:0 auto; padding:1.2rem 1.5rem 4rem; }
nav { display:flex; align-items:center; gap:12px; padding:.6rem 0 1.8rem; }
nav b { font-size:1.1rem; }
nav a.home { margin-left:auto; color:var(--accent-text); text-decoration:none; font-size:.9rem; }
h1 { font-size:1.8rem; font-weight:700; margin-bottom:.3rem; }
.updated { color:var(--muted); font-size:.85rem; margin-bottom:2rem; }
h2 { font-size:1.15rem; font-weight:600; color:var(--indigo-light); margin:1.8rem 0 .6rem; }
/* Subsection heading. LendaarMitra-only: the terms page carries the seven
   format-intake clauses as 6.1-6.7 under one section, which needs a level the
   AuditMitra pages never had. Sized BELOW h2 so the nesting is visible. */
h3 { font-size:1rem; font-weight:600; color:var(--text); margin:1.3rem 0 .4rem; }
p, li { color:var(--text); font-size:.95rem; }
ul, ol { padding-left:1.4rem; margin:.5rem 0 1rem; }
li { margin:.3rem 0; }
.muted { color:var(--muted); }
.box {
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    padding:1rem 1.2rem; margin:1rem 0; font-size:.9rem;
    box-shadow:0 1px 2px rgba(22,27,59,.05), 0 6px 18px rgba(22,27,59,.05);
}
.box.warn { border-left:3px solid var(--accent-line); }
a { color:var(--accent-text); }
table { border-collapse:collapse; width:100%; margin:.8rem 0 1.2rem; font-size:.9rem; }
th, td { border:1px solid var(--border); padding:.5rem .7rem; text-align:left; }
th { color:var(--indigo-light); font-weight:600; }
code { font-family:Consolas,'Cascadia Mono',monospace; font-size:.85em; color:var(--indigo-light); }
.was { color:var(--muted); text-decoration:line-through; font-weight:400; }