/* text pages: privacy policy and support */
.page{max-width:760px;margin:0 auto;padding:72px 28px 110px}
.page h1{font-size:clamp(32px,4.6vw,56px);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.page .upd{color:var(--mute);font-size:15px;margin:14px 0 40px}
.page h2{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.025em;line-height:1.15;margin:52px 0 14px}
.page h3{font-size:18px;margin:26px 0 8px}
.page p,.page li{color:var(--ink2);font-size:17px;line-height:1.65}
.page p+p{margin-top:12px}
.page ul{margin:12px 0 0 0;padding-left:0;list-style:none}
.page li{position:relative;padding-left:22px;margin-top:8px}
.page li::before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.page a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.page strong{font-weight:600;color:var(--ink)}

/* the short version, on top */
.tldr{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:30px 32px;margin-top:8px}
.tldr p{color:rgba(255,255,255,.8)}
.tldr b{display:block;color:#fff;font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px}
.tldr ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:16px}
.tldr li{color:#fff;font-size:16px;margin:0}
.tldr li::before{background:var(--mark)}

.perm{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:16px}
.perm>div{background:#fff;padding:16px 20px;display:grid;grid-template-columns:150px 1fr;gap:16px}
.perm dt{font-weight:600}
.perm dd{color:var(--ink2);font-size:16px;line-height:1.55}

/* support form */
.sup-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;margin-top:36px}
.form{display:flex;flex-direction:column;gap:18px}
.fld label{display:block;font-weight:500;font-size:15px;margin-bottom:6px}
.fld input,.fld textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;transition:border-color .15s,box-shadow .15s}
.fld textarea{min-height:170px;resize:vertical;line-height:1.5}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-t)}
.fld.bad input,.fld.bad textarea{border-color:var(--bad)}
.fld .err{display:none;color:var(--bad);font-size:14px;margin-top:6px}
.fld.bad .err{display:block}
.fld .meta{display:flex;justify-content:space-between;gap:12px;color:var(--mute);font-size:13.5px;margin-top:6px}
.fld.cap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fld.cap label{margin:0}
.fld.cap input{width:90px}
.fld.cap .err{flex-basis:100%;margin:0}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}
.form-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-status{font-size:15px;color:var(--mute)}
.form-status.err{color:var(--bad)}
.thanks{background:var(--ok-t);border-radius:var(--r-lg);padding:30px 32px;margin-top:36px}
.thanks h2{margin:0 0 8px;font-size:26px}
.thanks:focus{outline:none}
.sup-side{background:var(--soft2);border-radius:var(--r-lg);padding:26px 28px}
.sup-side h2{font-size:18px;letter-spacing:normal;line-height:inherit;margin:0 0 8px}
.sup-side h2+p{margin-top:0}
.sup-side p{font-size:16px}
.sup-side .hr{height:1px;background:var(--line);margin:22px 0}

@media (max-width:900px){
  .page{padding:48px 16px 80px}
  .sup-grid{grid-template-columns:1fr;gap:28px}
  .tldr{padding:24px 22px}
  .tldr ul{grid-template-columns:1fr}
  .perm>div{grid-template-columns:1fr;gap:4px}
}