/* PenDF privacy policy. Colours follow the shared --nox-* palette. */
.policy{--p-surface:var(--nox-surface,#151d2a);--p-line:var(--nox-line,#ffffff22);--p-text:var(--nox-text,#f5f5fc);--p-muted:var(--nox-muted,#b6bfd2);--p-accent:var(--nox-action,#c7acf7)}
.phero{text-align:center;padding:56px 0 30px}
.phero img{width:88px;height:88px;border-radius:22px;display:block;margin:0 auto 18px;box-shadow:0 14px 34px -14px color-mix(in srgb,var(--p-accent) 60%,transparent)}
.phero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;margin:10px 0 14px}
.phero .lead{margin:0 auto 8px;font-weight:600;color:var(--p-text)}
.policy .pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 40px}
.policy .pcards article{padding:20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--p-accent) 30%,var(--p-line));background:color-mix(in srgb,var(--p-accent) 7%,var(--p-surface))}
.policy .pcards h3{font-size:16px;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.policy .pcards h3::before{content:"";width:16px;height:16px;flex-shrink:0;background:var(--p-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.policy .pcards p{margin:0;font-size:14px;color:var(--p-muted)}
.playout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start;padding-bottom:40px}
.ptoc{position:sticky;top:20px;border:1px solid var(--p-line);border-radius:18px;padding:16px 18px;background:var(--p-surface)}
.ptoc ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px}
.ptoc a{color:var(--p-muted)}.ptoc a:hover{color:var(--p-accent)}
.pbody{display:grid;gap:18px;min-width:0}
.psec{border:1px solid var(--p-line);border-radius:22px;padding:26px 28px;background:var(--p-surface);scroll-margin-top:20px}
.psec h2{font-size:22px;margin:0 0 12px;letter-spacing:-.02em}
.psec p,.psec li{color:var(--p-muted);font-size:16px;line-height:1.7}
.psec b{color:var(--p-text)}
.psec ul{padding-left:20px;margin:0 0 14px;display:grid;gap:8px}
.psec a:not(.button){color:var(--p-accent);text-decoration:underline;text-underline-offset:3px}
.psec .button{margin-top:6px}
html[data-theme="light"] .psec,html[data-theme="light"] .ptoc{box-shadow:0 16px 40px -30px #1b2a4540}
@media(max-width:980px){.policy .pcards{grid-template-columns:repeat(2,minmax(0,1fr))}.playout{grid-template-columns:1fr}.ptoc{position:static}}
@media(max-width:560px){.policy .pcards{grid-template-columns:1fr}.psec{padding:20px}.phero{padding-top:36px}}