/* The text lives in shade; the architecture stays visible beyond it. */
/* Static inspection uses the existing caption budget: eight pixels move from
   the caption boundary into the target, without changing the proof frame. */
html body.sys-n.cinematic-finish .ni-screen .cf-inspect-caption {margin-top:6px}
html body.sys-n.cinematic-finish .cf-inspect-caption .ni-inspect {min-height:44px;font-size:13px}
html body.sys-n.cinematic-finish .cf-inspect-caption .ni-inspect:focus-visible {outline:2px solid currentColor;outline-offset:3px}
html body.sys-n.cinematic-finish.cf-about-close .fp-close .fp-invite-grid {grid-template-columns:minmax(0,1fr)!important}
html body.sys-n.cinematic-finish .cf-construction-route {border-top:1px solid var(--ni-line);margin-top:28px;padding-top:12px;scroll-margin-top:100px}
html body.sys-n.cinematic-finish .cf-construction-route .ni-link {margin:0}
html body.sys-n.cinematic-finish .cf-process-intro {display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start}
html body.sys-n.cinematic-finish .cf-process-intro h2 {margin-bottom:0}
html body.sys-n.cinematic-finish #process .ps-detail-body>.ow-lead {max-width:65ch;margin:0 0 24px}
@media(max-width:700px) {
 html body.sys-n.cinematic-finish .ni-screen .cf-inspect-caption {margin-top:12px;gap:6px}
 html body.sys-n.cinematic-finish .cf-process-intro {grid-template-columns:1fr;gap:24px}
}

html body.sys-n.walkthrough-edition.cinematic-finish.cf-ai main > header.studio-opening.ws-photo-opening .scrim.l {
 background:radial-gradient(ellipse 76% 62% at 9% 54%,rgb(10 13 13 / .88) 0%,rgb(10 13 13 / .76) 44%,rgb(10 13 13 / .2) 76%,transparent 100%)!important;
}

/* Article → questions → onward choices form one reading sequence. Only the
   stacked boundary space changes; paragraph measure and interior rhythm stay. */
html body.sys-n.np-reading.cinematic-finish.cf-guide main > .co-article {padding-bottom:40px!important}
html body.sys-n.np-reading.cinematic-finish.cf-guide main > #faq {padding-top:32px!important;padding-bottom:32px!important}
html body.sys-n.np-reading.cinematic-finish.cf-guide main > .co-where {padding-top:40px!important;padding-bottom:56px!important}
html body.sys-n.np-reading.cinematic-finish.cf-guide-index main > .co-guides {padding-top:64px!important;padding-bottom:40px!important}
html body.sys-n.np-reading.cinematic-finish.cf-guide-index main > .co-guides + .co-guides {padding-top:24px!important;padding-bottom:64px!important}

/* Inspection remains within its old vertical budget, with an actual tap target.
   The original complete desktop/phone captures and labels remain unchanged. */
html body.sys-n.cinematic-finish main .ns-inspect {margin-top:0!important;font-size:13px!important}
html body.sys-n.cinematic-finish main .ns-inspect a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:56px;padding:0 3px!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
html body.sys-n.cinematic-finish main .ns-inspect a:focus-visible {outline:2px solid currentColor;outline-offset:3px}
@media(hover:hover) {
 html body.sys-n.cinematic-finish main .ns-inspect a:hover {text-decoration-thickness:2px}
}
@media(max-width:600px) {
 html body.sys-n.walkthrough-edition.cinematic-finish.cf-ai main > header.studio-opening.ws-photo-opening .scrim.l {
  background:radial-gradient(ellipse 115% 49% at 50% 53%,rgb(10 13 13 / .88) 0%,rgb(10 13 13 / .8) 46%,rgb(10 13 13 / .32) 78%,rgb(10 13 13 / .1) 100%)!important;
 }
 html body.sys-n.np-reading.cinematic-finish.cf-guide main > .co-article {padding-bottom:24px!important}
 html body.sys-n.np-reading.cinematic-finish.cf-guide main > #faq {padding-top:24px!important;padding-bottom:24px!important}
 html body.sys-n.np-reading.cinematic-finish.cf-guide main > .co-where {padding-top:28px!important;padding-bottom:40px!important}
 html body.sys-n.np-reading.cinematic-finish.cf-guide-index main > .co-guides {padding-top:40px!important;padding-bottom:24px!important}
 html body.sys-n.np-reading.cinematic-finish.cf-guide-index main > .co-guides + .co-guides {padding-top:24px!important;padding-bottom:40px!important}
 html body.sys-n.cinematic-finish main .ns-inspect {display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:12px!important;align-items:center}
 html body.sys-n.cinematic-finish main .ns-inspect span {width:auto!important;margin:0!important;text-align:left!important;opacity:.8}
}
