/* oilapi.net: /status, around Uni's status block (the block styles itself from the accent and surface given to the kit). */
.stp { background: linear-gradient(180deg, #FBFAF7 0%, var(--page) 220px); }
.stp-in { max-width: 1080px; margin: 0 auto; padding: 44px 28px 80px; }
.stp .hero-kw { margin: 0; font-size: 13px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--brass); }
.stp .hero-title { display: block; margin-top: 12px; font-size: 34px; line-height: 1.2; font-weight: 300; color: var(--midnight); letter-spacing: -.015em; }
.stp .sub { margin: 12px 0 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.stp .sub a { color: var(--brass); }
.stp-block { margin-top: 28px; }
@media (max-width: 760px) {
  .stp-in { padding: 32px 16px 64px; }
  .stp .hero-title { font-size: 26px; }
}