/* Prime Creation // Page 06 Actuator landing surface v8 visual-shell-first
   Signage owns the top of the composition, the cover sits beneath it,
   controls sit beneath the cover, and prime-viewport-contract.css owns Page 06 scrolling.
   The reader keeps its own explicit browser-native user scroll surface.
   PrimePrismaticSubsystem owns pose/material state; crystal/prismatic paint loads after the visual shell. */

body.prime-v2 #book.pc-book-section{
  place-items:center;
  padding:clamp(.45rem,1.5vh,.9rem) clamp(.65rem,2.2vw,1.35rem);
  text-align:center;
  background:
    radial-gradient(circle at 20% 30%,rgba(66,218,255,.12),transparent 30rem),
    radial-gradient(circle at 86% 75%,rgba(102,88,255,.09),transparent 32rem),
    linear-gradient(135deg,#07131d,#03070d 62%,#0a101c);
}

body.prime-v2 #book .pc-book-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto auto minmax(0,auto) auto auto;
  justify-items:center;
  align-items:center;
  align-content:center;
  row-gap:clamp(.28rem,.8vh,.58rem);
  width:min(100%,44rem);
  height:100%;
  max-height:100%;
  min-width:0;
  min-height:0;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}

/* Promote the copy children into the parent grid so the cover can sit
   between the signage and the buttons without duplicating markup. */
body.prime-v2 #book .pc-book-copy{display:contents}
body.prime-v2 #book .pc-book-copy>.section-id{grid-row:1;justify-self:center;text-align:center}
body.prime-v2 #book .pc-book-copy>.eyebrow{grid-row:2;margin:0;text-align:center}
body.prime-v2 #book .pc-book-copy>h2{
  grid-row:3;
  margin:0;
  max-width:100%;
  font-size:clamp(2rem,min(8vw,6.6vh),4.5rem);
  line-height:.84;
  text-align:center;
}
body.prime-v2 #book .pc-book-copy>p:not(.eyebrow){
  grid-row:4;
  max-width:34rem;
  margin:0;
  color:#c4d2da;
  font-size:clamp(.72rem,1.5vw,.95rem);
  line-height:1.3;
  text-align:center;
}

body.prime-v2 #book .pc-book-mark{
  grid-row:5;
  position:relative;
  width:min(15rem,42vw,26vh);
  max-width:100%;
  max-height:39vh;
  aspect-ratio:2/3;
  justify-self:center;
  align-self:center;
  display:flex;
  overflow:hidden;
  padding:0!important;
  border:1px solid rgba(163,236,255,.32);
  border-radius:1.15rem;
  background:
    radial-gradient(circle at 50% 20%,rgba(120,225,255,.22),transparent 33%),
    linear-gradient(180deg,#111b27,#05080d 72%);
  box-shadow:0 1.25rem 3rem rgba(0,0,0,.45),0 0 1.8rem rgba(127,229,255,.12);
}
body.prime-v2 #book .pc-book-mark:after{
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 0 55%,rgba(119,230,255,.08) 56%,transparent 60%);
  content:"";
  pointer-events:none;
}
body.prime-v2 #book .pc-book-cover img,
body.prime-v2 #book img.pc-book-cover{
  width:100%;
  height:100%;
  max-height:100%;
  object-fit:cover;
}

body.prime-v2 #book .pc-book-actions{
  grid-row:6;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:.5rem;
  width:100%;
  margin:0;
}
body.prime-v2 #book .pc-book-actions .button{
  min-height:2.45rem;
  padding:.58rem .86rem;
}
body.prime-v2 #book .pc-book-status{
  grid-row:7;
  justify-self:center;
  display:inline-flex;
  margin:0;
  color:#8fa8b5;
  font:800 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.12em;
  text-align:center;
}
body.prime-v2 #book .pc-book-button[aria-disabled="true"],
body.prime-v2 #book #pcBookDownload[aria-disabled="true"]{
  pointer-events:none;
  opacity:.5;
}

@media(max-width:680px){
  body.prime-v2 #book.pc-book-section{padding:.45rem .58rem}
  body.prime-v2 #book .pc-book-layout{row-gap:clamp(.22rem,.65vh,.42rem)}
  body.prime-v2 #book .pc-book-copy>.section-id{font-size:.48rem}
  body.prime-v2 #book .pc-book-copy>.eyebrow{font-size:.52rem}
  body.prime-v2 #book .pc-book-copy>h2{font-size:clamp(1.9rem,9.8vw,3rem)}
  body.prime-v2 #book .pc-book-copy>p:not(.eyebrow){font-size:.7rem;line-height:1.22}
  body.prime-v2 #book .pc-book-mark{width:min(12.5rem,48vw,24vh);max-height:36vh}
  body.prime-v2 #book .pc-book-actions{gap:.38rem}
  body.prime-v2 #book .pc-book-actions .button{min-height:2.3rem;padding:.48rem .66rem;font-size:.64rem}
  body.prime-v2 #book .pc-book-status{font-size:.46rem}
}

@media(max-height:620px){
  html[data-prime-orientation="landscape"] body.prime-v2 #book.pc-book-section{padding:.25rem max(.5rem,env(safe-area-inset-left)) .25rem max(.5rem,env(safe-area-inset-right))}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-layout{row-gap:.2rem}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-copy>.section-id{font-size:.43rem}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-copy>.eyebrow{font-size:.46rem}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-copy>h2{font-size:clamp(1.55rem,5.8vh,2.5rem)}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-copy>p:not(.eyebrow){font-size:.62rem;line-height:1.15}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-mark{width:min(8.25rem,21vh);max-height:31.5vh}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-actions .button{min-height:2rem;padding:.38rem .58rem;font-size:.58rem}
  html[data-prime-orientation="landscape"] body.prime-v2 #book .pc-book-status{font-size:.42rem}
}

/* Prismatic is owned only by PrimePrismaticSubsystem. The Page 06 cover keeps
   one sharp raster below the shared canonical crystal-glass skin, with no private duplicate paint. */
body.prime-v2 #main[data-app-shell] #book.pc-book-section .pc-book-mark.pc-book-cover{
  isolation:isolate!important;
}