/**
 * @file
 * Basic Page (pt_base:node--page) — body typography + the decoration line above
 * the page content. Ported from the sissa node--page.css.
 */

/* Body copy sizing */

/* Decoration line above the body */
.pt-page__body:not(:empty) {
  position: relative;
  padding-top: 2rem;
  margin-top: 1rem;
}

/* .pt-page__body:not(:empty):before,
.pt-page__body:not(:empty):after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #cacaca;
} */

/* From lg up the body is col-lg-8 flush to the left of a centred container, so
   its own centre is NOT the viewport centre: a 100vw rule centred on 50% hangs
   off the left edge and stops short on the right. Shift it to the container
   centre instead.

   The offset is exact and independent of the container width: the column's
   padding box is 8/12 of its parent and starts at the parent's left edge, so
   the parent's centre sits at (12/8)/2 = 75% of the column's own width — i.e.
   its centre plus a quarter of it. Symmetric padding on any ancestor cancels
   out of that ratio; only the 8/12 column width feeds it, so revisit this if
   the body stops being col-lg-8.

   :before only — :after is redefined below as a column-width accent bar that
   is meant to stay anchored to the column. */
@media (min-width: 992px) {
  .pt-page__body:not(:empty):before {
    left: calc(50% + 25%);
  }
}

/* .pt-page__body:not(:empty):after {
  background-color: var(--accent);
  height: 3px;
  width: 100%;
  top: -1px;
  transform-origin: left;
  transform: scaleX(-0.5);
} */

@media (min-width: 1400px) {
  .pt-page__body:not(:empty) {
    padding-top: 2rem;
  }
}

body .phantom-section-title {
  margin-bottom: 1rem;
}