/* Privacy policy page (/privacy). Page-only styles; builds on styles.css (Khaki/Bone/Chocolate, DM Serif Display + Archivo). */
.policy{background:var(--bone);color:var(--choc);padding:72px 6% 96px}
.policy-inner{max-width:68ch}
.policy h1{color:var(--choc);font-size:clamp(44px,9vw,72px);margin-top:0}
.policy .rule{color:var(--choc)}
.policy-date{margin-top:26px;font-size:15px;font-weight:600;color:var(--cocoa)}
.policy h2{font-size:clamp(28px,5vw,38px);margin-top:56px}
.policy p,.policy li{font-size:17px;line-height:1.7}
.policy p{margin-top:18px}
.policy h2+p,.policy h2+ul{margin-top:20px}
.policy ul{margin-top:18px;padding-left:1.25em}
.policy li+li{margin-top:12px}
.policy li::marker{color:var(--cocoa)}
.policy strong{font-weight:600}
.policy code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:rgba(50,28,20,.07);padding:.08em .35em;border-radius:2px;overflow-wrap:anywhere}
/* Inline links: 13px vertical padding grows the hit area to ~45px without moving the text (inline padding does not change line height) */
.policy a{padding:13px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--choc);text-decoration:underline;text-decoration-color:var(--cocoa);text-decoration-thickness:1px;text-underline-offset:3px}
.policy a:hover{color:var(--cocoa);text-decoration-thickness:2px}
.policy a:focus-visible{outline:2px solid var(--choc);outline-offset:-10px;border-radius:2px;background:rgba(200,180,142,.5);background-clip:content-box}
.policy-contact{margin-top:20px}
.site-footer a[aria-current="page"]{opacity:1;color:var(--bone)}
@media (min-width:900px){.policy{padding:112px 6% 128px}}