/* /privacy (E10): short and true, in the site's own type, rhythm and
   paper. Each section is a headline over a ruled list: the thing, then
   what it means, one row each, as a reader scans a policy. The system is
   site.css. */
.policy .ptop{padding-bottom:clamp(24px,3vw,40px)}
/* the drawing the home page's privacy room had, beside the claim */
.policy .ptop .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:clamp(32px,3.4vw,48px);align-items:center}
.policy .ptop .art{width:100%;height:auto}
@media (max-width:1100px){.policy .ptop .wrap{grid-template-columns:minmax(0,1fr) minmax(0,200px)}}
@media (max-width:700px){.policy .ptop .wrap{grid-template-columns:minmax(0,1fr)}.policy .ptop .art{max-width:220px;justify-self:center}}
.policy .ptop .h1{margin-left:-.075em;text-wrap:balance}
.policy .ptop .h1 .ln{display:block}
.policy .ptop .line{margin-top:clamp(24px,2.6vw,36px);max-width:31em;font-size:clamp(18px,1.4vw,21px)}
.policy .sec:not(.ptop){padding:clamp(32px,4vw,56px) 0}
.policy .sec:last-child{padding-bottom:clamp(64px,8vw,112px)}
.policy .h2{text-indent:-.07em}
.plist{list-style:none;margin:clamp(12px,1.6vw,20px) 0 0;padding:0;max-width:880px}
.plist li{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:6px 32px;padding:18px 0;font-size:17px;line-height:1.5;color:var(--body)}
.plist b{font:600 17px/1.5 var(--ui);color:var(--ink)}
.plist code{font:500 .86em/1.4 var(--mono);background:var(--wash);border-radius:5px;padding:1px 4px;overflow-wrap:anywhere}
.policy .note{margin-top:20px;max-width:880px;font-size:15px;line-height:1.5;color:var(--dim)}
@media (max-width:700px){
  .plist li{grid-template-columns:minmax(0,1fr);padding:16px 0}
}
/* dividers between rows only, never a rule above and below each (taste) */
.plist li+li{border-top:1px solid var(--line)}