/* Prime Creation // Page 06 canonical publication layout
   Page presentation is self-stable before and after adapter coordination.
   Portrait is one centered publication stack. Landscape is a centered cover + copy spread.
   PrimeViewportAuthority remains the scroll owner. */

body.prime-v2 #main[data-app-shell]>#book.is-prime-viewport-active{display:grid!important;place-items:center!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:manipulation!important}
body.prime-v2 #main[data-app-shell]>#book.is-prime-viewport-active>.pc-book-layout{box-sizing:border-box!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0 auto!important;overflow:hidden!important}
body.prime-v2 #book a[aria-disabled="true"]{pointer-events:none!important;cursor:default!important;opacity:.58!important}

/* Portrait is always one centered publication composition. */
@media (orientation:portrait){
  body.prime-v2 #main[data-app-shell]>#book.is-prime-viewport-active>.pc-book-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto!important;justify-items:center!important;align-items:center!important;align-content:center!important;row-gap:clamp(.28rem,.9dvh,.62rem)!important;width:min(100%,42rem)!important;height:100%!important;padding:clamp(.55rem,1.3dvh,.9rem) clamp(.75rem,4.5vw,1.5rem)!important}
  body.prime-v2 #book .pc-book-copy{display:contents!important}
  body.prime-v2 #book .pc-book-copy>.section-id{grid-column:1!important;grid-row:1!important;justify-self:center!important;text-align:center!important}
  body.prime-v2 #book .pc-book-copy>.eyebrow{grid-column:1!important;grid-row:2!important;justify-self:center!important;margin:0!important;text-align:center!important}
  body.prime-v2 #book .pc-book-copy>h2{grid-column:1!important;grid-row:3!important;justify-self:center!important;width:min(100%,18ch)!important;max-width:100%!important;margin:0!important;font-size:clamp(2.25rem,10.2vw,4rem)!important;line-height:.86!important;letter-spacing:-.05em!important;text-align:center!important;text-wrap:balance!important}
  body.prime-v2 #book .pc-book-copy>p:not(.eyebrow){grid-column:1!important;grid-row:4!important;justify-self:center!important;width:min(100%,29rem)!important;margin:0!important;font-size:clamp(.7rem,2.55vw,.88rem)!important;line-height:1.25!important;text-align:center!important}
  body.prime-v2 #book .pc-book-mark{grid-column:1!important;grid-row:5!important;justify-self:center!important;align-self:center!important;width:min(13.75rem,48vw,23.5dvh)!important;max-width:100%!important;max-height:min(36dvh,25rem)!important;aspect-ratio:2/3!important;margin:0!important}
  body.prime-v2 #book .pc-book-mark img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important}
  body.prime-v2 #book .pc-book-actions{grid-column:1!important;grid-row:6!important;justify-self:center!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(.4rem,2vw,.65rem)!important;width:min(100%,30rem)!important;margin:0!important}
  body.prime-v2 #book .pc-book-actions .button{width:100%!important;min-width:0!important;min-height:2.65rem!important;justify-content:center!important;text-align:center!important}
  body.prime-v2 #book .pc-book-status{grid-column:1!important;grid-row:7!important;justify-self:center!important;margin:0!important;text-align:center!important}
}

/* Landscape is a balanced two-part publication spread. */
@media (orientation:landscape){
  body.prime-v2 #main[data-app-shell]>#book.is-prime-viewport-active>.pc-book-layout{display:grid!important;grid-template-columns:minmax(11rem,.82fr) minmax(18rem,1.18fr)!important;grid-template-rows:auto auto auto auto auto auto!important;column-gap:clamp(1.15rem,4vw,4.5rem)!important;row-gap:clamp(.22rem,.75vh,.55rem)!important;align-items:center!important;align-content:center!important;justify-content:center!important;width:min(100%,76rem)!important;height:100%!important;padding:clamp(.42rem,1.2vh,.8rem) clamp(.9rem,3vw,2.5rem)!important}
  body.prime-v2 #book .pc-book-copy{display:contents!important}
  body.prime-v2 #book .pc-book-mark{grid-column:1!important;grid-row:1/7!important;justify-self:end!important;align-self:center!important;width:min(18rem,30vw,41dvh)!important;max-width:100%!important;max-height:calc(var(--pf-content-h,100dvh) - 2rem)!important;aspect-ratio:2/3!important;margin:0!important}
  body.prime-v2 #book .pc-book-mark img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important}
  body.prime-v2 #book .pc-book-copy>.section-id,body.prime-v2 #book .pc-book-copy>.eyebrow,body.prime-v2 #book .pc-book-copy>h2,body.prime-v2 #book .pc-book-copy>p:not(.eyebrow),body.prime-v2 #book .pc-book-actions,body.prime-v2 #book .pc-book-status{grid-column:2!important;justify-self:start!important;width:min(100%,34rem)!important;text-align:left!important}
  body.prime-v2 #book .pc-book-copy>.section-id{grid-row:1!important}
  body.prime-v2 #book .pc-book-copy>.eyebrow{grid-row:2!important;margin:0!important}
  body.prime-v2 #book .pc-book-copy>h2{grid-row:3!important;margin:.1rem 0 0!important;font-size:clamp(2.4rem,5.8vw,5.5rem)!important;line-height:.84!important;letter-spacing:-.055em!important}
  body.prime-v2 #book .pc-book-copy>p:not(.eyebrow){grid-row:4!important;margin:.22rem 0 0!important;max-width:30rem!important}
  body.prime-v2 #book .pc-book-actions{grid-row:5!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:.55rem!important;margin:.35rem 0 0!important}
  body.prime-v2 #book .pc-book-status{grid-row:6!important;margin:.16rem 0 0!important}
}

@media(max-width:360px) and (orientation:portrait){body.prime-v2 #book .pc-book-actions{grid-template-columns:1fr!important;width:min(100%,18rem)!important}body.prime-v2 #book .pc-book-mark{width:min(11.75rem,52vw,22dvh)!important}body.prime-v2 #book .pc-book-copy>h2{font-size:clamp(2.05rem,10.4vw,3rem)!important}}
@media(prefers-reduced-motion:reduce){body.prime-v2 #main[data-app-shell]>#book.is-prime-viewport-active{scroll-behavior:auto!important}}