@import url('../shared/base.css');
@import url('../shared/dock.css');
@import url('legal.css');
body.legal-page{min-height:100vh;min-height:100svh;background:var(--grain),radial-gradient(ellipse 60% 45% at 80% -6%,color-mix(in srgb,var(--wash) 6.6%,transparent),transparent 70%),radial-gradient(ellipse 62% 70% at 78% 30%,color-mix(in srgb,var(--ink-34) 45%,transparent),transparent 75%),radial-gradient(ellipse 55% 50% at 6% 104%,color-mix(in srgb,var(--wash) 4.2%,transparent),transparent 70%),radial-gradient(ellipse 90% 75% at 50% 50%,transparent 40%,color-mix(in srgb,var(--ink-12) 55%,transparent) 100%),var(--ink);background-attachment:fixed}
main.legal{width:min(1680px,100% - 2 * var(--gutter));max-width:none;margin:0 auto;padding:clamp(32px,6vh,72px) 0 32px}
@media(min-width:2200px){main.legal{width:min(1960px,100% - 2 * var(--gutter))}}
@media print{.legal-page .dock{display:none}}
.legal-door{display:none}
.legal-signed-out .dock{display:none}
.legal-signed-out .legal-door{display:inline-flex;align-items:center;margin:0 0 18px;color:var(--gold);font:600 13px/1.3 var(--sans);text-decoration:none}
.legal-signed-out .legal-door:hover{color:var(--gold-hi)}