/* The privacy page, on top of site.css: one readable column of text. */
.policy { max-width: 760px; padding-top: 24px; padding-bottom: 40px; }
/* Without the script all three languages show, divided; with it (.one), just one. */
.policy:not(.one) article + article { margin-top: 64px; padding-top: 40px; border-top: 1px solid var(--line); }
.policy article[hidden] { display: none; }
.policy h1 { font-size: clamp(38px, 6vw, 56px); }
.policy h2 { font-size: 24px; margin: 36px 0 10px; }
.policy .updated { color: var(--muted); font-size: 15px; margin-top: 8px; }
.policy .lede { font-size: 19px; line-height: 1.6; color: var(--bodyText); margin: 22px 0 0; }
.policy p, .policy li { color: var(--bodyText); }
.policy ul { margin: 10px 0 0; padding-left: 22px; }
/* A section with more than one paragraph (Feedback) keeps them apart. */
.policy p + p, .policy ul + p { margin-top: 12px; }
.policy li { margin: 6px 0; }
.policy li::marker { color: var(--felt); }
footer a { color: inherit; text-decoration: none; }
footer a:hover { text-decoration: underline; }
/* プライバシーポリシー is one word that can't wrap nicely; keep it on one line on phones. */
.policy h1:lang(ja) { font-size: clamp(28px, 8vw, 56px); }