﻿/* /privacy: readable column, safe areas, same colours, light/dark and text size as the beta pages (access.css). */
.pv{width:100%;max-width:680px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 64px) max(18px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 40px) max(18px,env(safe-area-inset-left,0px));line-height:1.55;overflow-wrap:break-word}
.pv h1{font-size:1.7rem;line-height:1.2;margin:8px 0 4px}
.pv h2{font-size:1.2rem;margin:28px 0 8px}
.pv p,.pv li{color:var(--ink)}
.pv a{color:var(--accent)}
.pv-date{color:var(--foot);margin:0 0 8px;font-size:.92rem}
.pv-list{padding-left:1.2em;display:grid;gap:8px}
.pv-draft{display:inline-block;margin:0;padding:6px 12px;border-radius:999px;border:1.5px dashed var(--accent);font-size:.9rem}
.pv-todo{background:color-mix(in srgb,var(--accent) 14%,transparent);padding:0 4px;border-radius:4px}
.pv-back{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:28px}
.pv-back a{color:inherit}.pv-back a.ygate-btn:not(.alt){color:var(--on-accent)}/* yuni_az_1110: the Withdraw button (refund page) was dark text on the dark green button (2.1:1); the button keeps its own light text */
.pv p.pv-foot{margin:28px 0 0;font-size:.78rem;line-height:1.5;color:var(--foot);font-weight:400}
.pv p.pv-foot a{color:inherit}

/* yuni_apply_1110: on the long legal pages the Aa button scrolls with the page (top 64px is reserved) so it never covers body text */
body[data-page=privacy] .yd-bar,body[data-page=terms] .yd-bar,body[data-page=cookies] .yd-bar,body[data-page=refund] .yd-bar,body[data-page=withdraw] .yd-bar{position:absolute}
