/* The legal pages' look (site/legal/*/index.html), in PropaneDays' brand. The text between the syng-legal markers is
   written by Syngularity and isn't edited. */
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700;800&family=Rubik+Mono+One&display=swap');
*,*::before,*::after{box-sizing:border-box}
::selection{background:#1f6feb;color:#fff}
body{margin:0;background:#fff;color:#000;font:17px/1.6 Karla,system-ui,-apple-system,"Segoe UI",sans-serif}
.syng-legal-top{border-bottom:3px solid #000}
.syng-legal-top,.syng-legal-main,.syng-legal-foot{max-width:760px;margin:0 auto;padding:20px}
.syng-legal-top{max-width:none;padding:18px max(20px,calc((100% - 760px)/2))}
.syng-legal-top a{font:400 1.1rem/1 'Rubik Mono One',sans-serif;text-transform:uppercase;text-decoration:none;color:#000}
.syng-legal h1{font:400 clamp(1.6rem,4vw,2.4rem)/1 'Rubik Mono One',sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:20px 0 8px}
.syng-legal h2{font:400 1.05rem/1.2 'Rubik Mono One',sans-serif;text-transform:uppercase;margin:34px 0 8px}
.syng-legal h3{font-size:1rem;margin:20px 0 6px}
.syng-legal a{color:#000;text-decoration-color:#1f6feb;text-decoration-thickness:2px}
.syng-legal-meta{color:#333;font-size:.9rem}
.syng-legal-draft{background:#fff4d6;border:3px solid #000;padding:10px 14px}
.syng-legal form{display:grid;gap:14px;margin:16px 0}
.syng-legal label{display:grid;gap:6px;font-weight:700}
.syng-legal fieldset{border:0;padding:0;display:grid;gap:6px}
.syng-legal fieldset label{display:flex;gap:8px;align-items:center;font-weight:500}
.syng-legal input:not([type=radio]),.syng-legal textarea{font:inherit;padding:12px;border:3px solid #000;border-radius:0;min-height:48px}
.syng-legal input:focus,.syng-legal textarea:focus{outline:3px solid #1f6feb;outline-offset:2px}
.syng-legal button{font:400 .95rem/1 'Rubik Mono One',sans-serif;text-transform:uppercase;padding:16px 22px;border:3px solid #000;border-radius:0;background:#1f6feb;color:#fff;cursor:pointer;justify-self:start;box-shadow:6px 6px 0 #000}
.syng-legal button:active{transform:translate(6px,6px);box-shadow:none}
.syng-legal pre{white-space:pre-wrap;background:#f2f2f2;border:3px solid #000;padding:12px}
.syng-legal-foot{border-top:3px solid #000;font-size:.95rem;color:#000;font-weight:700}
.syng-legal-foot a{color:#000}