.ss-page-hero{position:relative;margin:10px;border-radius:26px;background:var(--night,#0A2F38);color:#fff;
  padding:clamp(150px,16vw,210px) 0 clamp(50px,6vw,80px)}
.ss-page-hero .wrap{max-width:1400px;margin:0 auto;padding:0 var(--pad)}
.ss-page-hero h1{font-weight:700;font-size:clamp(34px,4.4vw,60px);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0}
.ss-page-body{max-width:820px;margin:0 auto;padding:0 var(--pad);font-size:17px;line-height:1.7;color:var(--body)}
.ss-page-body h2,.ss-page-body h3{color:var(--ink);line-height:1.2;margin:1.6em 0 .5em}
.ss-page-body a{color:var(--forest);text-decoration:underline}
.ss-page-body img{max-width:100%;height:auto;border-radius:16px}
.ss-page-body article+article{margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}
.ss-page{padding:clamp(48px,6vw,90px) 0}

body.admin-bar .ss-header,body.admin-bar #progress{top:32px}
body.admin-bar .mobile-menu{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .ss-header,body.admin-bar #progress,body.admin-bar .mobile-menu{top:46px}
}
@media screen and (max-width:600px){
  body.admin-bar .ss-header,body.admin-bar #progress{top:0}
}