/* Cinematic clear glass release, scoped to public Compass publishing worlds.
   Current seven-stage title wizard is authoritative; do not reinstate old two-panel editor. */
:root{--cg-mint:#b8ffe7;--cg-cyan:#b5f8ff;--cg-champagne:#ffe2b8;}
.ps-services-page.ps-tools-first,
.cps-body.cps-screenfit,
body.cw-screenflow{background:#06141d!important;color:#f7fffd;}
.ps-services-page .ps-world-video,.cps-screenfit .cps-film,.cw-screenflow .cw-film{
 position:fixed;inset:0;z-index:0;width:100%;height:100%;
 display:block;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.04);
 pointer-events:none;
}
.ps-services-page .ps-live-veil,.cps-screenfit .cps-atmosphere,.cw-screenflow .cw-veil{
 background:linear-gradient(115deg,rgba(1,13,20,.27),rgba(5,20,23,.14) 52%,rgba(3,12,21,.29)),
 linear-gradient(0deg,rgba(0,10,18,.20),transparent 40%,rgba(0,12,17,.21))!important;
}
.ps-services-page.ps-compact-bar .ps-navigation,.cps-screenfit .cps-nav,.cw-screenflow .cw-top{
 background:linear-gradient(105deg,rgba(6,26,33,.73),rgba(13,37,37,.59))!important;
 border-bottom:1px solid rgba(169,250,225,.39)!important;
 backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);
}
.ps-services-page .ps-single-setup,.ps-services-page .ps-platform,
.ps-services-page .ps-studio-card,.ps-services-page .ps-timeline-step,
.ps-services-page .ps-readiness-grid .ps-tool-panel,
.ps-services-page .ps-share-panel,
.cps-screenfit .cps-workspace,.cps-screenfit .cps-panel,.cps-screenfit .cps-beyond,
.cw-screenflow .cw-glass{
 background:linear-gradient(130deg,rgba(6,36,40,.27),rgba(12,36,41,.19) 55%,rgba(25,36,34,.24))!important;
 border:1px solid rgba(172,249,228,.43)!important;
 box-shadow:0 12px 28px rgba(0,9,20,.15),inset 0 1px 0 rgba(255,255,255,.18)!important;
 backdrop-filter:blur(4px) saturate(1.1);-webkit-backdrop-filter:blur(4px) saturate(1.1);
 color:#f4ffff!important;
}
.ps-services-page .ps-single-setup{
 position:relative;z-index:2;
 box-sizing:border-box;width:min(100% - 28px,1120px);max-width:1120px;
 min-height:0;margin:clamp(10px,2vh,20px) auto clamp(14px,2vh,25px)!important;
 padding:clamp(16px,2.3vh,25px) clamp(17px,2.4vw,34px)!important;
 border-radius:19px;
}
.ps-services-page .ps-single-header{margin-bottom:clamp(8px,1.3vh,14px);}
.ps-services-page .ps-single-header h2{font-size:clamp(1.4rem,2.8vw,2.4rem);margin:5px 0;}
.ps-services-page .ps-single-header p{font-size:clamp(.74rem,.95vw,.84rem);line-height:1.4;}
.ps-services-page .ps-single-ribbon{gap:7px;margin:clamp(8px,1.2vh,14px) 0;}
.ps-services-page .ps-single-ribbon span{
 min-height:38px;padding:7px 4px;border:1px solid rgba(173,246,231,.39);
 background:rgba(4,33,40,.30);color:#e7fffa;
}
.ps-services-page .ps-single-ribbon span b{color:var(--cg-mint);}
.ps-services-page .ps-single-bottom{padding-top:10px;gap:13px;}
.ps-services-page .ps-single-bottom p,.ps-services-page .ps-single-disclaimer{color:#e3f8f5;}
.ps-services-page .ps-single-start{
 min-height:42px;padding:9px 14px;
 border-color:rgba(209,255,240,.82);
 background:linear-gradient(120deg,rgba(172,255,229,.91),rgba(194,251,255,.86))!important;
 color:#0d3337!important;box-shadow:0 3px 0 rgba(6,72,67,.72)!important;
}
.ps-services-page .ps-single-header h2,.ps-services-page .ps-platform h3,
.ps-services-page .ps-studio-card strong,.cps-screenfit .cps-workspace-head h1,
.cps-screenfit .cps-panel-heading h3,.cw-screenflow .cw-stage-header h2{color:#fff!important;}
.ps-services-page .ps-single-header h2 em,.ps-services-page .ps-compact-bar .ps-bar-title h1 em,
.cps-screenfit .cps-panel-heading h3 em{color:var(--cg-champagne)!important;}
.ps-services-page .ps-platform p,.ps-services-page .ps-studio-card small{color:#d9f4ec!important;}
.ps-services-page.ps-tools-first .ps-journey,
.ps-services-page.ps-tools-first .ps-platform-section,
.ps-services-page.ps-tools-first .ps-launch-tools,
.ps-services-page.ps-tools-first .ps-readiness,
.ps-services-page.ps-tools-first .ps-finale,
.ps-services-page.ps-tools-first .ps-studio-entrance{
 background:rgba(1,14,22,.10)!important;
}
.cps-screenfit .cps-workspace{
 background:rgba(5,26,31,.13)!important;border:0!important;box-shadow:none!important;
}
.cps-screenfit .cps-panel{background:rgba(5,30,33,.24)!important;}
.cps-screenfit .cps-tab,.cps-screenfit .cps-nav-open,.cps-screenfit .cps-back{
 background:rgba(6,38,42,.32)!important;border-color:rgba(174,246,224,.55)!important;color:#f1fffb!important;
}
.cps-screenfit .cps-tab[aria-selected="true"]{
 background:linear-gradient(113deg,rgba(46,150,130,.54),rgba(48,104,116,.39))!important;
 border-color:#b4ffec!important;box-shadow:0 0 17px rgba(97,233,199,.2)!important;
}
.cps-screenfit .cps-tab small,.cps-screenfit .cps-panel-heading p:not(.cps-panel-index){color:#d7f6ef!important;}
.cps-screenfit .cps-control-surface,.cps-screenfit .cps-preview-shell,
.cps-screenfit .cps-check-results,.cps-screenfit .cps-print-output{
 background:rgba(244,255,253,.78)!important;
 border-color:rgba(238,255,252,.8)!important;color:#173d3e!important;
 backdrop-filter:blur(3px);
}
/* Deliberately keep book cover canvas and form fields readable and unchanged. */
.cps-screenfit .cps-beyond{background:rgba(5,37,43,.29)!important;}
body:has(.video-stage) .door.primary,body:has(.video-stage) .door.secondary{
 background:linear-gradient(110deg,rgba(8,44,45,.31),rgba(29,53,49,.24))!important;
 border-color:rgba(192,255,228,.7)!important;color:#fff!important;
 text-shadow:0 1px 7px #06232b;
 backdrop-filter:blur(4px);
}
body:has(.video-stage) .door:before{background:linear-gradient(180deg,rgba(255,255,255,.13),transparent)!important;}
/* Title Wizard: one stage only, no adjacent panel, fixed controls and form scroll in viewport. */
.cw-screenflow .cw-main{max-width:1280px;}
.cw-screenflow .cw-glass.cw-main-panel{
 background:linear-gradient(125deg,rgba(6,36,39,.27),rgba(13,40,40,.19))!important;
 border-color:rgba(181,255,229,.5)!important;
 backdrop-filter:blur(4px)!important;
}
.cw-screenflow .cw-drafts-bar,.cw-screenflow .cw-mini-cover,
.cw-screenflow .cw-note,.cw-screenflow .cw-stage-header,
.cw-screenflow .cw-tax-guidance,.cw-screenflow .cw-checkset label{
 background:rgba(6,39,43,.20)!important;
 border-color:rgba(168,249,230,.32)!important;
}
.cw-screenflow .cw-steps{display:flex!important;flex-wrap:nowrap!important;gap:7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a9f5dc transparent;}
.cw-screenflow .cw-step{flex:1 0 min(12.8%,145px);min-width:120px;min-height:45px;padding:6px 9px;border-color:rgba(166,246,225,.43);background:rgba(8,41,43,.29)!important;color:#eafffa;}
.cw-screenflow .cw-step.is-active{background:rgba(40,139,124,.52)!important;border-color:#b6ffe7;box-shadow:0 0 15px rgba(105,250,214,.23)!important;}
.cw-screenflow .cw-step span{color:#d4fff0;border-color:rgba(162,245,221,.42);background:rgba(29,89,81,.28);}
.cw-screenflow .cw-step.is-active span{background:rgba(177,255,225,.9);color:#134139;}
.cw-screenflow .cw-track>span{background:linear-gradient(90deg,#8fe3d0,#bef8f1,#ffe2b8);}
.cw-screenflow .cw-back,.cw-screenflow .cw-link,.cw-screenflow .cw-secondary{
 background:rgba(8,43,48,.40)!important;border-color:rgba(170,255,230,.55)!important;color:#f7fffd!important;
}
.cw-screenflow .cw-primary{background:linear-gradient(110deg,#b2ffe8,#d2fcf8)!important;color:#11383a!important;box-shadow:0 3px 0 rgba(21,108,97,.7)!important;}
.cw-screenflow .cw-save-status,.cw-screenflow .cw-draft-badge,.cw-screenflow .cw-index{color:#b7ffe8!important;}
.cw-screenflow .cw-veil{z-index:1;}
.cw-screenflow .cw-main,.cw-screenflow .cw-top{position:relative;z-index:2;}
.cw-screenflow .cw-controls{background:rgba(6,31,37,.40)!important;}
@media(min-width:901px){
 .cw-screenflow{height:100dvh;min-height:0;overflow:hidden!important;}
 .cw-screenflow .cw-top{height:62px;min-height:62px;position:relative;flex:none;}
 .cw-screenflow .cw-main{height:calc(100dvh - 62px);min-height:0;display:flex;flex-direction:column;overflow:hidden!important;padding:8px clamp(10px,1.8vw,26px);}
 .cw-screenflow .cw-headline{flex:none;margin-bottom:7px;}
 .cw-screenflow .cw-steps{flex:none;margin-bottom:8px;}
 .cw-screenflow .cw-grid.cw-single-column{flex:1 1 auto;min-height:0;display:flex;}
 .cw-screenflow .cw-main-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:11px 15px;}
 .cw-screenflow .cw-drafts-bar,.cw-screenflow .cw-stage-header,.cw-screenflow .cw-scroll-cue,.cw-screenflow .cw-controls{flex:none;}
 .cw-screenflow #cw-form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 9px 0 0;-webkit-overflow-scrolling:touch;}
 .cw-screenflow .cw-footer{display:none;}
}
@media(max-width:900px){
 .cw-screenflow .cw-main{padding:8px 9px 7px;}
 .cw-screenflow .cw-headline p{font-size:.72rem;line-height:1.3;}
 .cw-screenflow .cw-steps{margin-bottom:7px;}
 .cw-screenflow .cw-step{flex:0 0 145px;min-width:130px;}
 .cw-screenflow .cw-drafts-bar{gap:6px;}
 .cw-screenflow .cw-grid.cw-single-column{display:flex;min-height:0;}
 .cw-screenflow .cw-main-panel{width:100%;min-width:0;}
}
@media(min-width:600px) and (max-width:900px){
 .cw-screenflow{height:100dvh;min-height:0;overflow:hidden!important;}
 .cw-screenflow .cw-top{height:61px;min-height:61px;}
 .cw-screenflow .cw-main{height:calc(100dvh - 61px);min-height:0;display:flex;flex-direction:column;overflow:hidden!important;}
 .cw-screenflow .cw-headline,.cw-screenflow .cw-steps{flex:none;}
 .cw-screenflow .cw-grid.cw-single-column{flex:1;min-height:0;}
 .cw-screenflow .cw-main-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
 .cw-screenflow #cw-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
 .cw-screenflow .cw-footer{display:none;}
}
@media(max-width:599px){
 .cw-screenflow{height:100dvh;min-height:0;overflow:hidden!important;}
 .cw-screenflow .cw-top{height:59px;min-height:59px;}
 .cw-screenflow .cw-main{height:calc(100dvh - 59px);min-height:0;display:flex;flex-direction:column;overflow:hidden!important;}
 .cw-screenflow .cw-headline{flex:none;margin:0 0 4px;}
 .cw-screenflow .cw-headline p{display:none;}
 .cw-screenflow .cw-progress{max-width:100%;margin-top:4px;}
 .cw-screenflow .cw-steps{flex:none;}
 .cw-screenflow .cw-grid.cw-single-column{flex:1;min-height:0;}
 .cw-screenflow .cw-main-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px 11px;}
 .cw-screenflow .cw-drafts-bar{flex:none;margin:0 0 4px;padding:6px;gap:6px;}
 .cw-screenflow .cw-mini-cover,.cw-screenflow .cw-compact-progress{display:none;}
 .cw-screenflow .cw-stage-header{flex:none;padding-bottom:6px;margin-bottom:4px;}
 .cw-screenflow .cw-stage-header h2{font-size:1.25rem;}
 .cw-screenflow .cw-stage-header p{font-size:.69rem;line-height:1.25;}
 .cw-screenflow #cw-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
 .cw-screenflow .cw-controls{flex:none;gap:5px;margin:4px 0 0;padding:5px 0 0;}
 .cw-screenflow .cw-controls button{padding:7px;min-height:34px;font-size:.69rem;}
 .cw-screenflow .cw-save-status{font-size:.61rem;order:0;flex:1 1 100%;}
 .cw-screenflow .cw-footer{display:none;}
}
@media(prefers-reduced-motion:reduce){
 .ps-services-page .ps-world-video,.cps-screenfit .cps-film,.cw-screenflow .cw-film{display:none!important;}
 .ps-services-page.ps-tools-first,.cps-screenfit,.cw-screenflow{background:linear-gradient(#0c2d35,#07161f)!important;}
 .cw-screenflow #cw-form{scroll-behavior:auto;}
}


/* Create a Title full-page scroll recovery v2.
   Remove the viewport overflow trap so every field, action and footer is reachable
   with mouse wheel, trackpad, keyboard, touch and browser find. Keep ONE stage only.
   Cinematic video remains fixed behind the transparent workspace. */
html:has(body.cw-screenflow){
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto;
}
body.cw-screenflow{
  height:auto!important;
  min-height:100svh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
.cw-screenflow .cw-top{
  position:sticky!important;
  top:0;
  z-index:20;
}
.cw-screenflow .cw-main{
  box-sizing:border-box;
  height:auto!important;
  min-height:calc(100svh - 62px)!important;
  max-height:none!important;
  display:block!important;
  overflow:visible!important;
  padding-bottom:24px;
}
.cw-screenflow .cw-grid.cw-single-column{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.cw-screenflow .cw-main-panel{
  display:flex!important;
  flex-direction:column;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.cw-screenflow #cw-form{
  flex:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scroll-behavior:auto!important;
  padding:0!important;
}
.cw-screenflow .cw-controls{
  display:flex!important;
  position:sticky;
  bottom:0;
  z-index:9;
  margin-top:12px;
  padding:10px 9px max(9px,env(safe-area-inset-bottom));
  border:1px solid rgba(175,252,223,.48);
  border-radius:11px;
  background:rgba(7,32,37,.85)!important;
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
  box-shadow:0 -4px 19px rgba(0,11,18,.22);
}
.cw-screenflow .cw-footer{
  display:flex!important;
  position:relative;
  margin-top:18px;
  padding-bottom:calc(12px + env(safe-area-inset-bottom));
}
@media(max-width:599px){
  .cw-screenflow .cw-top{min-height:59px;}
  .cw-screenflow .cw-controls{gap:6px;flex-wrap:wrap;}
  .cw-screenflow .cw-save-status{flex:1 1 100%;order:3;}
}
@media(prefers-reduced-motion:reduce){
  html:has(body.cw-screenflow){scroll-behavior:auto!important;}
}


/* Readable, genuinely translucent buttons. Prevent the lower action row
   and the seven stage buttons from being cropped or covered. */
html:has(body.cw-screenflow){
  overflow-x:clip!important;
  scrollbar-width:auto;
  scrollbar-color:rgba(148,250,229,.8) rgba(6,24,29,.38);
}
body.cw-screenflow{
  overflow-x:clip!important;
  overflow-y:visible!important;
}
.cw-screenflow .cw-steps{
  width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  padding:3px 3px 10px;
  margin-bottom:9px;
  scrollbar-width:thin;
  scrollbar-color:rgba(159,247,220,.9) rgba(4,26,31,.35);
}
.cw-screenflow .cw-steps::-webkit-scrollbar{height:7px;}
.cw-screenflow .cw-steps::-webkit-scrollbar-thumb{
  border-radius:10px;background:rgba(159,247,220,.85);
}
.cw-screenflow .cw-step{
  flex-shrink:0;
  box-sizing:border-box;
  min-height:44px;
  background:linear-gradient(120deg,rgba(5,41,44,.29),rgba(10,49,52,.23))!important;
  border:1px solid rgba(165,252,229,.63)!important;
  color:#f6fffc!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 4px 11px rgba(0,8,17,.16)!important;
}
.cw-screenflow .cw-step.is-active{
  background:linear-gradient(120deg,rgba(44,136,121,.43),rgba(43,116,125,.30))!important;
  border-color:rgba(207,255,232,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 0 15px rgba(130,250,214,.24)!important;
}
.cw-screenflow .cw-step strong{color:#effff9!important;}
.cw-screenflow .cw-step:hover,.cw-screenflow .cw-step:focus-visible{
  border-color:#ecfff4!important;
  box-shadow:0 0 17px rgba(126,255,218,.30)!important;
}
.cw-screenflow .cw-controls{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  background:linear-gradient(120deg,rgba(8,44,48,.47),rgba(11,45,43,.39))!important;
  border-color:rgba(190,255,226,.53)!important;
  color:#f7fffd;
  padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
  overflow:visible!important;
}
.cw-screenflow .cw-controls .cw-primary,
.cw-screenflow .cw-controls .cw-secondary,
.cw-screenflow .cw-download{
  background:linear-gradient(120deg,rgba(17,71,74,.33),rgba(35,96,91,.27))!important;
  border:1px solid rgba(175,255,232,.82)!important;
  color:#f6fffc!important;
  box-shadow:0 0 13px rgba(129,252,213,.15),inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  white-space:normal;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.cw-screenflow .cw-controls .cw-primary{
  background:linear-gradient(110deg,rgba(49,147,126,.48),rgba(45,135,140,.36))!important;
  border-color:rgba(210,255,236,.9)!important;
}
.cw-screenflow .cw-controls button:focus-visible{
  outline:2px solid #fbffdd;outline-offset:3px;
}
.cw-screenflow .cw-controls button:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 0 19px rgba(142,251,219,.30)!important;
}
.cw-screenflow .cw-save-status{color:#d2ffee!important;}
.cw-screenflow .cw-footer{color:#dafffa!important;}
.cw-screenflow .cw-footer a{color:#c7ffe8!important;}
.cw-screenflow .cw-scroll-cue{
  display:flex!important;
  justify-content:flex-end;
  font-size:.72rem;
  color:#cbffed;
}
@media(max-width:599px){
  .cw-screenflow .cw-controls{
    position:relative;
    bottom:auto;
    padding:8px 7px calc(9px + env(safe-area-inset-bottom))!important;
  }
  .cw-screenflow .cw-controls button{
    flex:1 1 28%;
    min-width:0;
    min-height:39px;
    padding:8px 6px!important;
    font-size:.70rem!important;
  }
  .cw-screenflow .cw-save-status{
    flex:1 1 100%;
    order:3;
    font-size:.67rem;
  }
}