/*
 * Anti-piracy disclosure blocks — shared stylesheet.
 *
 * Both `antipiracy_disclosure_hero` and `antipiracy_disclosure_body`
 * use the `.pp-container` scope. The styles used to live inline in
 * the hero block as a `<style>` tag, which left the body block
 * unstyled when dropped onto a page on its own (e.g. in the editor
 * canvas, before the hero was added). Extracting to a real `.css`
 * file means each block can `<link>` it independently and the
 * editor's incremental-update path can hoist + dedupe by href, so
 * blocks render correctly in isolation without paying for duplicate
 * rules on pages that include both.
 *
 * Palette stays scoped to `.pp-container` (custom `--pp-*` tokens)
 * so the dark privacy palette doesn't leak into the surrounding
 * landing chrome — these blocks are a bespoke trust-doc page that
 * pre-dates the SPA's design tokens.
 */

.pp-container {
    --pp-bg: #0b0d12;
    --pp-bg-soft: #11141b;
    --pp-card: #161a23;
    --pp-border: #232838;
    --pp-text: #e8ebf2;
    --pp-text-soft: #9ba2b3;
    --pp-text-dim: #6b7184;
    --pp-accent: #5b8cff;
    --pp-radius: 8px;
    --pp-radius-lg: 12px;
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 24px;
    background: var(--pp-bg);
    color: var(--pp-text);
    font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.6;
}
.pp-container h1 { font-size: 2rem; font-weight: 600; margin: 0 0 8px 0; line-height: 1.2; color: var(--pp-text); }
.pp-container h2 { font-size: 1.25rem; font-weight: 600; margin: 36px 0 12px 0; line-height: 1.3; color: var(--pp-text); }
.pp-container h3 { font-size: 1rem; font-weight: 600; margin: 20px 0 8px 0; color: var(--pp-text); }
.pp-container .pp-lede { color: var(--pp-text-soft); font-size: 1.05rem; margin: 0 0 24px 0; }
.pp-container a { color: var(--pp-accent); text-decoration: none; }
.pp-container a:hover { text-decoration: underline; }
.pp-container .pp-card { background: var(--pp-card); border: 1px solid var(--pp-border); border-radius: var(--pp-radius-lg); padding: 24px; margin: 24px 0; }
.pp-container .pp-table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.pp-container .pp-table th, .pp-container .pp-table td { border-bottom: 1px solid var(--pp-border); padding: 10px 12px; text-align: left; vertical-align: top; }
.pp-container .pp-table th { font-weight: 600; font-size: 0.9rem; color: var(--pp-text-soft); }
.pp-container .pp-table td { font-size: 0.95rem; }
.pp-container .pp-table code { background: var(--pp-bg-soft); padding: 2px 6px; border-radius: 4px; font-size: 0.85rem; color: var(--pp-accent); }
.pp-container ul.pp-bullets { margin: 8px 0 8px 0; padding-left: 24px; }
.pp-container ul.pp-bullets li { margin: 6px 0; }
.pp-container .pp-callout { background: var(--pp-bg-soft); border-left: 3px solid var(--pp-accent); padding: 14px 18px; margin: 16px 0; border-radius: 0 var(--pp-radius) var(--pp-radius) 0; font-size: 0.95rem; color: var(--pp-text-soft); }
.pp-container .pp-foot { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--pp-border); color: var(--pp-text-dim); font-size: 0.875rem; }
.pp-container .pp-foot a { color: var(--pp-text-soft); }