/* Readable legal pages and active, unselected first-use confirmation. */
.legal-footer{position:relative;z-index:2;padding:1.2rem var(--page-gutter,1.2rem);border-top:1px solid var(--line,#ccc);background:var(--paper,#fff);color:var(--ink,#171715);font-family:var(--font-native-kai);font-size:1rem;line-height:1.65}
.legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.5rem}
.legal-footer a,.legal-footer button,.legal-inline-links a{color:inherit;text-underline-offset:.25em;text-decoration:underline}
.legal-footer button{font:inherit;background:none;border:0;min-height:2.75rem;padding:.4rem 0;cursor:pointer}
.legal-footer a,.legal-inline-links a{display:inline-flex;align-items:center;min-height:2.75rem}
.legal-footer>[data-legal-withdraw]{display:block;margin:.5rem auto 0}
.legal-footer [hidden]{display:none!important}
.legal-consent{padding:1rem 0;border-bottom:1px solid var(--line,#ccc);margin-bottom:1.4rem;font-size:1rem;line-height:1.7;color:var(--ink,#171715)}
.legal-consent[hidden]{display:none!important}
.legal-consent p{margin:0 0 .75rem;font-size:1rem;line-height:1.7}
.legal-check{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.7rem;align-items:start;cursor:pointer;padding:.6rem 0;font-size:1rem;line-height:1.7;min-height:2.75rem}
.legal-check input{appearance:auto!important;width:1.25rem!important;height:1.25rem!important;padding:0!important;margin:.25rem 0!important;accent-color:var(--ink,#171715)}
.legal-inline-links{padding-left:2.1rem}
.legal-small{opacity:.8}
.legal-document{box-sizing:border-box;width:min(54rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.5rem 2rem 2rem;border:1px solid var(--line,#ccc);color:var(--ink,#171715);background:var(--paper,#fff);font:1.05rem/1.85 var(--font-native-kai);overflow:auto;overscroll-behavior:contain}
.legal-document::backdrop{background:rgb(0 0 0/.55)}
.legal-document-head{display:flex;align-items:start;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.legal-document-head h1{flex-basis:100%}
.legal-document-head button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;min-height:2.75rem;padding:.4rem 1rem;cursor:pointer}
.legal-document h1{font-size:1.6rem;line-height:1.4;margin:.6rem 0 0;overflow-wrap:anywhere}
.legal-document h2{font-size:1.2rem;line-height:1.65;margin:1.6rem 0 .5rem}
.legal-document p{margin:.65rem 0;line-height:1.85;overflow-wrap:anywhere}
.legal-document .legal-meta{font-size:1rem;border-bottom:1px solid var(--line,#ccc);padding-bottom:1rem}
.legal-document a{color:inherit;text-decoration:underline;text-underline-offset:.25em;overflow-wrap:anywhere}
.legal-document-back{font:inherit;background:none;color:inherit;border:1px solid currentColor;min-height:2.75rem;margin-top:1.5rem;padding:.4rem 1rem;cursor:pointer}
.legal-important{border-left:3px solid currentColor;padding-left:1rem}
.legal-document :focus-visible,.legal-footer :focus-visible,.legal-consent :focus-visible{outline:2px solid currentColor;outline-offset:4px}
html[data-theme=dark] .legal-footer,html[data-theme=dark] .legal-document{background:#171715;color:#f6f3ec;border-color:#79766e}
html[data-theme=dark] .legal-consent{color:#f6f3ec;border-color:#79766e}
body.viewing-works .legal-footer{display:none}
@media(max-width:30em){.legal-document{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:1rem}.legal-footer nav{gap:.25rem 1rem}.legal-document h1{font-size:1.4rem}}