/* Claude Fable 5.1: Trainly Privacy Closure 2026-09-16. Scoped integration. */
.privacy-flow{--canvas:#0a101b;--surf:#111b2b;--surf2:#162235;--bd:#25364c;--ink:#eaf2fa;--ink2:#c3d2e2;--mut:#9db0c6;--pri:#2dd4bf;--pri-ink:#04211d;--dang:#ff8b83;--dang-soft:rgba(255,139,131,.12);font-family:Assistant,Heebo,system-ui,sans-serif;background:var(--canvas);color:var(--ink);border:1px solid var(--bd);border-radius:16px;line-height:1.45;font-size:16px;margin:24px auto;max-width:800px;overflow:hidden}
@media(prefers-color-scheme:light){.privacy-flow{--canvas:#eef2f7;--surf:#fff;--surf2:#f5f8fb;--bd:#d5dfea;--ink:#121c2b;--ink2:#33465c;--mut:#56697f;--pri:#0b7267;--pri-ink:#fff;--dang:#b3271d;--dang-soft:#fdecea}}
.privacy-flow *{box-sizing:border-box;min-width:0}.privacy-flow [hidden]{display:none!important}.privacy-flow h2,.privacy-flow h3,.privacy-flow p{margin:0;overflow-wrap:anywhere;color:inherit}.privacy-flow h2{font-size:1.375em;line-height:1.25}.privacy-flow h3{font-size:1.0625em}.privacy-flow p{font-size:.9375em;color:var(--ink2)}
.privacy-flow header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--surf);border-bottom:1px solid var(--bd)}.privacy-flow header strong{margin-inline-end:auto}.privacy-flow .flow-body{display:grid;gap:18px;padding:20px 16px 28px;max-width:552px;margin:auto}.privacy-flow .flow-card{display:grid;gap:12px;background:var(--surf);border:1px solid var(--bd);border-radius:14px;padding:18px}.privacy-flow .flow-card.danger{border-color:var(--dang)}
.privacy-flow button,.privacy-flow input{font:inherit;color:inherit}.privacy-flow button{min-height:44px;padding:8px 16px;border:1px solid var(--bd);border-radius:10px;background:var(--surf2);font-weight:700;cursor:pointer;text-align:start;max-width:100%}.privacy-flow button.primary{background:var(--pri);border-color:var(--pri);color:var(--pri-ink)}.privacy-flow button:disabled{opacity:.5;cursor:not-allowed}.privacy-flow :focus-visible{outline:2px solid var(--pri);outline-offset:3px}.privacy-flow input:not([type=checkbox]){width:100%;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--bd);background:var(--surf2);direction:ltr}.privacy-flow label{font-size:.875em;font-weight:700}.privacy-flow .flow-hint{font-size:.8125em;color:var(--mut)}.privacy-flow .flow-actions{display:flex;gap:8px;flex-wrap:wrap}.privacy-flow .flow-ack{display:flex;gap:12px;align-items:start;padding:8px 0;line-height:1.7}.privacy-flow input[type=checkbox]{width:24px;height:24px;flex:none;accent-color:var(--pri)}
.privacy-flow ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:.8125em;color:var(--mut)}.privacy-flow li{display:flex;gap:6px;align-items:center;color:var(--mut)}.privacy-flow li span:first-child{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--bd);border-radius:50%}.privacy-flow li[aria-current=step] span:first-child{background:var(--pri);color:var(--pri-ink)}.privacy-flow [role=alert]{color:var(--dang);padding:12px;border-radius:10px;background:var(--dang-soft)}.privacy-flow output{font-family:monospace;direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;user-select:all}.privacy-flow a{color:var(--pri)}