/* The light text pages of chango.fit: Support, Privacy, Delete account
   (Figma: Piirtopöytä • Markkinointi → Chango.fit • Tuki 2828:12184 / mobile
   2828:12626, Tilin poisto 2828:12245 / 2828:12672, Tietosuoja 2828:12306 /
   2828:12718). The bar at the top and the footer are the ones of the front
   page (home.css); this file adds the column of text between them. The link
   page /auth/ carries its own copy of these styles, see auth/index.html. */
@font-face{
  font-family:"Figtree";
  font-style:normal; font-weight:300 900; font-display:swap;
  src:url(/fonts/figtree.woff2) format("woff2");
}
:root{--font:"Figtree",-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--blue2)}
[hidden]{display:none !important}
body.page{
  display:flex; flex-direction:column; margin:0; min-height:100vh; min-height:100dvh;
  background:var(--blue2); color:var(--blue80); font-family:var(--font); -webkit-font-smoothing:antialiased;
}
.page .sub-top{display:block}
.page .sub-foot{display:block; margin-top:auto}

.page-main{flex:none; padding:100px 16px 140px}
.col{max-width:720px; margin:0 auto}
.col h1{margin:0; font:400 56px/65px "Luckiest Guy", var(--font); color:var(--blue80)}
.col p{margin:14px 0 0; font-size:18px; line-height:27px; font-weight:300; letter-spacing:0; color:#000}
.col h1 + p{margin-top:20px}
.col .lead{font-size:21px; line-height:32px}
.col .meta{margin-top:12px; font-size:14px; line-height:20px; font-weight:400; color:#4c4c4c}
.col h1 + .meta + p{margin-top:14px}
.col h2{margin:48px 0 0; font-size:24px; line-height:30px; font-weight:600; letter-spacing:0; color:var(--blue80)}
.col h3{margin:24px 0 0; font-size:18px; line-height:27px; font-weight:600; letter-spacing:0; color:var(--blue80)}
.col h2 + p, .col h2 + ul, .col h3 + p, .col h3 + ul{margin-top:10px}
.col ul{margin:0; padding:0; list-style:none}
.col li{margin-top:6px; font-size:18px; line-height:27px; font-weight:300; color:#000}
.col li:first-child{margin-top:0}
.col li::before{content:"• "}
.page .nav a, .page .menu a{color:inherit}
.col a, .col .u{font-weight:400; color:var(--blue80); text-decoration:underline; text-underline-position:from-font; text-decoration-skip-ink:none}
.col b{font-weight:600}

@media (max-width:1099px){
  .page-main{padding:40px 16px 64px}
  .col h1{font-size:30px; line-height:36px}
  .col p, .col li{font-size:16px; line-height:24px}
  .col .lead{font-size:17px; line-height:26px}
  .col .meta{font-size:14px; line-height:20px}
  .col h2{margin-top:36px; font-size:21px; line-height:26px}
  .col h3{font-size:17px; line-height:26px}
}