/* shared by help / privacy / changelog */
.page{max-width:820px;margin:0 auto;padding:140px 28px 110px}
.page-head{position:relative}
.page-head h1{font-size:64px;line-height:72px;font-weight:var(--b);letter-spacing:-.035em}
.page-head p{margin-top:16px;font-size:19px;line-height:30px;color:var(--ink2)}
.page-head .stk{position:absolute;right:-30px;top:-30px;width:150px;transform:rotate(8deg);filter:drop-shadow(0 8px 8px rgba(70,50,10,.18))}
.toc{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px}
.toc a{height:38px;padding:0 16px;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:var(--m);background:#fff;box-shadow:0 8px 16px -12px rgba(70,50,10,.4);transition:background .25s,transform .25s var(--ease)}
.toc a:hover{background:var(--sun);transform:translateY(-2px)}
.sec{margin-top:80px;scroll-margin-top:100px}
.sec h2{font-size:36px;line-height:44px;font-weight:var(--b);letter-spacing:-.02em}
.sec h3{margin-top:34px;font-size:21px;line-height:30px;font-weight:var(--b)}
.sec p,.sec li{font-size:17px;line-height:30px;color:#3E3B35}
.sec p{margin-top:14px}
.sec ul{margin-top:12px;padding-left:22px}
.sec li+li{margin-top:6px}
.sec b{font-weight:var(--b);color:var(--ink)}
.sec code{font-family:inherit;font-size:15px;background:rgba(17,17,17,.07);padding:2px 7px;border-radius:6px}
.card{margin-top:24px;background:#fff;padding:26px 28px;box-shadow:0 18px 32px -22px rgba(70,50,10,.45)}
.card.tilt{transform:rotate(-.6deg)}
.steps{list-style:none;padding:0;margin-top:26px;counter-reset:s}
.steps li{position:relative;padding:0 0 26px 58px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--sun);display:grid;place-items:center;font-size:17px;font-weight:var(--b)}
.steps li::after{content:"";position:absolute;left:18px;top:44px;bottom:6px;width:2px;background:rgba(17,17,17,.12)}
.steps li:last-child::after{display:none}
.steps b{display:block;font-size:19px;line-height:38px}
.dl{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.dl .dl-meta{font-size:14px;color:var(--ink2);line-height:22px}
.sites3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.sites3 .card{margin:0;padding:22px}
.sites3 b{font-size:20px}
.sites3 p{font-size:15px;line-height:24px;margin-top:8px}
.tbl{margin-top:20px;width:100%;border-collapse:collapse;background:#fff;box-shadow:0 18px 32px -22px rgba(70,50,10,.45)}
.tbl th,.tbl td{text-align:left;padding:14px 18px;border-bottom:1px solid #EEE7D8;font-size:15.5px;line-height:24px;vertical-align:top}
.tbl th{font-weight:var(--b);background:#FBF7EE;white-space:nowrap}
.tbl td:first-child{font-weight:var(--m);white-space:nowrap}
.rel{margin-top:30px;position:relative;padding-left:30px;border-left:2px solid rgba(17,17,17,.12)}
.rel::before{content:"";position:absolute;left:-8px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink)}
.rel.now::before{background:var(--sun)}
.rel .v{display:flex;align-items:baseline;gap:14px}
.rel .v b{font-size:26px;font-weight:var(--b)}
.rel .v span{font-size:15px;color:var(--ink2)}
.rel ul{margin-top:10px}
.sub-nav .ln a.on::after{transform:scaleX(1)}
@media (max-width:760px){
  .page{padding:96px 18px 70px}
  .page-head h1{font-size:40px;line-height:48px}
  .page-head p{font-size:16px;line-height:26px}
  .page-head .stk{width:90px;right:-6px;top:-16px}
  .sec{margin-top:56px}
  .sec h2{font-size:28px;line-height:36px}
  .sec p,.sec li{font-size:16px;line-height:28px}
  .sites3{grid-template-columns:1fr}
  .tbl th,.tbl td{padding:12px;font-size:14px}
  .tbl td:first-child{white-space:normal}
}