/* page-privacy — přesunuto z vložených <style> stránek (redesign krok 1, 7. 10. 2026). Platí pro všech 16 jazyků. */
/* --- APPLE / TESLA MINIMALISM STANDARD STYLES --- */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background-color:var(--bg); /* True Black for OLED display */
            color:var(--text-strong);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.6;
            padding: 40px 24px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .container {
            max-width: 760px;
            margin: 0 auto;
            padding-bottom: 80px;
        }

        /* --- BRANDING HEADER --- */
        .header {
            text-align: center;
            margin-bottom: 60px;
            padding-top: 20px;
        }

        .brand-logo {
            font-size: 42px;
            font-weight: 900;
            letter-spacing: 12px;
            color:var(--text-strong);
            margin-bottom: 8px;
            text-indent: 12px;
        }

        .brand-sub {
            font-size: 11px;
            font-weight: 300;
            letter-spacing: 4px;
            color:#daffde;
            text-transform: uppercase;
            font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
        }

        /* --- TYPOGRAPHY --- */
        h1 {
            font-size: 28px;
            font-weight: 800;
            letter-spacing: -0.5px;
            margin-bottom: 12px;
            color:var(--text-strong);
        }

        .meta-date {
            font-size: 14px;
            color:var(--faint);
            margin-bottom: 40px;
            border-bottom:1px solid var(--line);
            padding-bottom: 20px;
        }

        h2 {
            font-size: 20px;
            font-weight: 700;
            letter-spacing: -0.2px;
            margin-top: 40px;
            margin-bottom: 16px;
            color:var(--text-strong);
        }

        p {
            font-size: 15px;
            color:var(--text);
            margin-bottom: 18px;
            font-weight: 400;
        }

        ul {
            margin-bottom: 20px;
            padding-left: 20px;
        }

        li {
            font-size: 15px;
            color:var(--text);
            margin-bottom: 8px;
        }

        strong {
            color:var(--text-strong);
            font-weight: 600;
        }

        a {
            color:var(--accent-text); /* App accent yellow */
            text-decoration: none;
            transition: opacity 0.2s ease;
        }

        a:hover {
            opacity: 0.8;
            text-decoration: underline;
        }

        /* --- WARNING BOX STYLE --- */
        .warning-box {
            background-color:var(--danger-soft);
            border:1px solid var(--danger);
            border-radius:12px;
            padding: 18px;
            margin: 20px 0;
        }

        .warning-box strong {
            color:var(--danger);
            display: block;
            margin-bottom: 6px;
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .warning-box p {
            font-size: 14px;
            color:var(--danger);
            margin-bottom: 0;
        }

        /* --- COMPANY FOOTER CARD --- */
        .company-card {
            background-color:var(--panel);
            border-radius:16px;
            padding: 24px;
            margin-top: 60px;
            border:1px solid var(--line);
        }

        .company-card h3 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 12px;
            color:var(--text-strong);
        }

        .company-card p {
            font-size: 14px;
            color:var(--muted);
            margin-bottom: 6px;
        }
    

/* FG Vector top nav (injected) */
.fgnav { position: sticky; top: 0; z-index: 50; background:var(--glass);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom:1px solid var(--line); margin: -40px -24px 40px; }
.fgnav-inner { max-width: 980px; margin: 0 auto; padding: 0 24px; display: flex;
  align-items: center; justify-content: space-between; height: 56px; gap: 16px; }
.fgnav-brand { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.fgnav-brand img { height: 26px; display: block; }
.fgnav-brand span { color:var(--text-strong); font-weight: 800; letter-spacing: 4px; font-size: 13px; }
.fgnav-links { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.fgnav-links a { color:var(--muted); text-decoration: none; font-size: 13.5px; font-weight: 600; }
.fgnav-links a:hover { color:var(--text-strong); text-decoration: none; opacity: 1; }
.fgnav-links a.active { color:var(--accent-text); }
.lang-menu { position: relative; }
.lang-btn { display: inline-flex; align-items: center; gap: 7px; background:none;
  border:1px solid var(--line); border-radius:9px; padding: 8px 12px; color:var(--muted);
  font-size: 12.5px; font-weight: 600; font-family: inherit; cursor: pointer; }
.lang-btn:hover { color:var(--text-strong); }
.lang-btn svg { width: 14px; height: 14px; stroke:currentColor; fill:none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.lang-btn .chev { width: 10px; height: 10px; transition: transform .15s; }
.lang-menu.open .lang-btn .chev { transform: rotate(180deg); }
.lang-panel { display: none; position: absolute; right: 0; top: calc(100% + 8px);
  background:var(--float); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border:1px solid var(--line); border-radius:14px; padding: 7px;
  min-width: 176px; max-height: min(60vh, 470px); overflow-y: auto; z-index: 60; }
.lang-menu.open .lang-panel { display: block; }
.lang-panel a { display: block; padding: 8px 12px; border-radius:8px;
  color:var(--muted); text-decoration: none; font-size: 13px; font-weight: 600; }
.lang-panel a:hover { background:var(--panel-2); color:var(--text-strong); text-decoration: none; opacity: 1; }
.lang-panel a.active { color:var(--accent-text); }
.fgnav-toggle { display: none; background:none; border:1px solid var(--line); border-radius:9px;
  width: 40px; height: 40px; align-items: center; justify-content: center; cursor: pointer;
  color:var(--text); flex: none; }
.fgnav-toggle svg { width: 20px; height: 20px; stroke:currentColor; fill:none; stroke-width: 2; stroke-linecap: round; }
@media (max-width: 720px) {
  .fgnav-toggle { display: inline-flex; }
  .fgnav-links { display: none; position: absolute; left: 0; right: 0; top: 56px;
    flex-direction: column; align-items: stretch; gap: 0; background:var(--float);
    border-bottom:1px solid var(--line); padding: 8px 24px 16px; }
  .fgnav.open .fgnav-links { display: flex; }
  .fgnav-links > a { padding: 13px 2px; font-size: 15px; border-bottom:1px solid var(--line); }
  .fgnav-links > a:last-of-type { border-bottom:none; }
  .lang-menu { margin-top: 12px; }
  .lang-btn { width: 100%; justify-content: space-between; padding: 12px 14px; font-size: 14px; }
  .lang-panel { position: static; margin-top: 8px; max-height: 46vh; min-width: 0; }
}


/* FG Vector legal-page footer (injected) */
.fgfooter { border-top:1px solid var(--line); margin-top: 56px; padding: 40px 0 56px; text-align: center; color:var(--muted); font-size: 13.5px; }
.fgfooter .brand { color:var(--text-strong); font-weight: 700; font-size: 15px; margin-bottom: 8px; }
.fgfooter a { color:var(--muted); text-decoration: none; }
.fgfooter a:hover { color:var(--text-strong); }
.fgfooter a.active { color:var(--accent-text); }
.fgfooter .links { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin: 14px 0; }
.fgfooter .langs { max-width: 760px; margin: 0 auto; line-height: 1.9; }
