/*
 * v1.2.32 — Studio uses the same page box as every other page.
 *
 * parity.css still gives three wrappers the old page box:
 *
 *   .create-hub, .creation-page, .journal-page {
 *     width: min(100%, 1320px); margin: 0 auto; padding: 24px 14px 112px;
 *   }
 *
 * Two of those three were later moved onto the shell's own width, in
 * layout-v124.css:
 *
 *   .hp-main > .shop-page, .hp-main > .create-hub,
 *   .hp-main > .discover-page.hp-discover-v3, .hp-main > .hp-wc-checkout-shell,
 *   .hp-main > .cart-page.cart-page--refined, .hp-main > .creation-page
 *   { width:100%!important; max-width:none!important; margin:0!important;
 *     padding:0!important; min-width:0 }
 *
 * .journal-page — the Studio page — was never added to that list, so it was the
 * only app page still carrying its own box. Two visible consequences:
 *
 *   1. 14px of side padding (22px and 34px at the wider breakpoints) that no
 *      other page has, so Studio's cards never lined up with the header, the
 *      nav, or the cards on Discover and Shop.
 *   2. A 1320px cap. The shell is min(--ui-content, 100% - 36px) and
 *      --ui-content is 1480px, so past roughly a 1516px viewport Studio stopped
 *      growing and sat 160px narrower than everything else.
 *
 * Kiln Log was checked and is not affected: .kiln-page has no width rule of its
 * own and is not in parity.css's list.
 *
 * The declaration below is deliberately identical to layout-v124.css's reset —
 * Studio joins the existing contract rather than getting a second one. The
 * vertical rhythm comes from .hp-main itself (padding: 36px 0 88px), which is
 * how Discover, Shop and Create already get theirs.
 *
 * Descendant rather than child selector: the Studio view is rendered into the
 * shell by app.js, and this keeps working if that markup ever gains a wrapper.
 */

.hp-main .journal-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}