/* Shared styles for /privacy and /terms — mirrors landing.html tokens */
:root {
    --void:     #01030a;
    --foam:     #eaf2f6;
    --mist:     rgba(234,242,246,0.62);
    --biolum:   #00ff41;
    --plankton: #5fe6ff;

    --mono: 'Share Tech Mono', monospace;
    --body: 'Lato', 'Mitr', sans-serif;

    --edge: clamp(1rem, 5vw, 5rem);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    background: var(--void);
    color: var(--foam);
    font-family: var(--body);
    font-weight: 300;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a { color: var(--plankton); }
a:hover, a:focus-visible { color: var(--biolum); }

::selection { background: var(--biolum); color: #001a08; }

/* ===================== HEADER ===================== */
.legal-header {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem var(--edge);
    background: rgba(1,3,10,0.85);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0,255,65,0.12);
    font-family: var(--mono);
}
.legal-header img { height: 28px; display: block; }
.legal-header nav { display: flex; gap: 1.25rem; font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; }
.legal-header nav a { color: var(--mist); text-decoration: none; }
.legal-header nav a:hover, .legal-header nav a:focus-visible, .legal-header nav a[aria-current="page"] { color: var(--biolum); }

/* ===================== CONTENT ===================== */
.legal {
    max-width: 46rem;
    margin: 0 auto;
    padding: clamp(2.5rem, 8vh, 5rem) var(--edge) clamp(3rem, 10vh, 6rem);
}
.legal .eyebrow {
    font-family: var(--mono);
    font-size: 0.72rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--biolum);
}
.legal h1 {
    font-family: var(--mono);
    font-weight: 400;
    font-size: clamp(2rem, 6vw, 3rem);
    letter-spacing: 0.04em;
    line-height: 1.15;
    margin: 0.6rem 0 0.4rem;
}
.legal .updated { font-family: var(--mono); font-size: 0.8rem; color: var(--mist); margin: 0 0 2.5rem; }
.legal h2 {
    font-family: var(--mono);
    font-weight: 400;
    font-size: 1.15rem;
    letter-spacing: 0.06em;
    margin: 2.5rem 0 0.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(95,230,255,0.12);
}
.legal h2 .n { color: var(--biolum); margin-right: 0.6rem; }
.legal p, .legal li { color: rgba(234,242,246,0.86); }
.legal ul { padding-left: 1.25rem; }
.legal li { margin-bottom: 0.4rem; }
.legal strong { color: var(--foam); font-weight: 700; }

/* ===================== FOOTER ===================== */
.legal-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    padding: 1.4rem var(--edge);
    background: #000;
    border-top: 1px solid rgba(0,255,65,0.12);
    font-family: var(--mono);
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mist);
}
.legal-footer a { color: var(--mist); text-decoration: none; }
.legal-footer a:hover, .legal-footer a:focus-visible { color: var(--biolum); }