/* Local review refinements; preserve the incumbent product copy and components. */
:root { --fs-h2-lg:clamp(1.875rem,1.55rem + 1.34vw,2.75rem); }
.direct-edit { padding-block:clamp(3rem,6vw,6rem); }
.direct-edit-heading h2 { max-width:26ch; }
.direct-edit-stage { gap:clamp(2rem,3.4vw,3rem); }
.capability-index { gap:10px; border-color:transparent; background:transparent; }
.capability-card-copy { background:#e8ece4; }

/* Give the desktop page more of the editor's available workspace. */
@media (min-width:64.01rem) {
  .hero .editor-body { grid-template-columns:44px 150px minmax(0,1fr) 160px; }
  .hero .editor-canvas { padding:24px; }
  .hero .editor:not([data-preview="tablet"]):not([data-preview="mobile"]) .canvas-page { width:100%; max-width:none; }
}

.native-wordpress-heading { grid-template-columns:1fr; justify-items:center; text-align:center; gap:var(--space-md); }
.native-wordpress-heading h2 { max-width:24ch; }
.native-wordpress-heading > p { max-width:62ch; margin-inline:auto; }

/* Stack the WordPress preview before its two minimum-width columns exceed the canvas. */
@media (max-width:84rem) {
  .wordpress-release-view { grid-template-columns:minmax(0,1fr); }
}

/* Release paths occupy the space beside the introduction, connecting the canvas to its output. */
#ownership { position:relative; }
.release-story { position:relative; }
.release-heading { position:relative; max-width:none; padding-right:40%; }
.release-heading h2, .release-heading p { position:relative; z-index:1; }
.release-heading h2 { max-width:16ch; }
.release-composition { position:absolute; right:0; top:0; width:34%; height:100%; min-height:200px; color:var(--green); pointer-events:none; }
.release-composition .construction { stroke:currentColor; opacity:.12; }
.release-composition .release-path { stroke:currentColor; opacity:.65; }
.release-composition .release-frame { fill:#141d12; stroke:currentColor; stroke-opacity:.35; }
.release-composition .release-detail { stroke:currentColor; opacity:.5; }

/* A saturated brand canvas replaces the rejected paper-and-watermark treatment. */
#try.closing { position:relative; isolation:isolate; overflow:hidden; color:var(--ink); background:var(--green); padding-block:clamp(4rem,7vw,7rem); min-height:28rem; }
#try::before, #try::after { content:none; }
.closing-inner { position:relative; z-index:1; grid-template-columns:minmax(0,1fr); align-items:start; gap:var(--space-lg); }
.closing h2 { max-width:19ch; }
.closing p { max-width:47ch; color:#33451e; font-family:var(--font-ui); }
.closing-actions { justify-items:start; }
.closing-actions .button--ink { box-shadow:none; }
.closing-composition { position:absolute; width:40%; height:100%; top:0; right:-2%; pointer-events:none; color:#263b10; }
.closing-composition .canvas-guide { stroke:currentColor; opacity:.17; }
.closing-composition .canvas-frame { fill:#c4f768; stroke:currentColor; stroke-opacity:.5; }
.closing-composition .canvas-block { fill:#263b10; }
.closing-composition .canvas-rule { stroke:currentColor; opacity:.55; }
.closing-composition .canvas-anchor { fill:var(--green); stroke:currentColor; }

@media (max-width:56.24rem) {
  .release-heading { padding-right:0; }
  .release-composition { position:relative; display:block; margin:2rem 0 0 auto; width:min(100%,26rem); height:180px; min-height:0; }
  #try.closing { min-height:0; }
  .closing-inner { padding-right:var(--gutter); }
  .closing-composition { width:60%; right:-30%; opacity:.35; }
  .closing h2, .closing p { max-width:100%; }
}
@media (max-width:40rem) {
  .native-wordpress-heading { gap:var(--space-sm); }
  .release-composition { height:150px; margin-top:1.5rem; }
  .closing-composition { display:none; }
}

/* Keep the miniature navigation inside the page canvas at compact widths. */
.hero .canvas-menu { display:none; position:relative; z-index:4; flex:0 0 auto; }
.hero .canvas-menu > summary { width:44px; height:44px; display:grid; place-items:center; list-style:none; cursor:pointer; }
.hero .canvas-menu > summary::-webkit-details-marker { display:none; }
.hero .canvas-menu > summary svg { width:20px; height:20px; display:block; }
.hero .canvas-menu-items { position:absolute; top:calc(100% + 2px); right:0; z-index:5; width:min(11rem,70vw); padding:.35rem 0; border:1px solid #1d211e; background:#f1eee8; box-shadow:0 8px 18px rgba(0,0,0,.16); }
.hero .canvas-menu-items span { display:block; padding:.55rem .75rem; color:#1d211e; font-family:var(--font-ui); font-size:.72rem; line-height:1.2; white-space:nowrap; }
.hero .canvas-nav > .canvas-nav-links { display:flex; align-items:center; gap:.8rem; }
.hero .editor[data-preview="mobile"] .canvas-nav > .canvas-nav-links { display:none; }
.hero .editor[data-preview="mobile"] .canvas-menu { display:block; }
@media (max-width:40rem) {
  .hero .canvas-nav > .canvas-nav-links { display:none; }
  .hero .canvas-menu { display:block; }
}

/* Keep the brand statement together and reserve the right side for resources. */
.site-footer .footer-inner { grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:2rem; }
.footer-identity { display:grid; justify-items:start; gap:var(--space-2xs); min-width:0; }
.footer-brand { min-height:44px; }
.footer-identity p { max-width:52ch; line-height:1.6; }
.site-footer .footer-links { display:flex; align-items:center; justify-content:flex-end; justify-self:end; flex-wrap:nowrap; gap:var(--space-sm); text-align:right; }
.footer-socials { display:flex; align-items:center; gap:var(--space-3xs); }
.site-footer .footer-socials a { width:44px; height:44px; justify-content:center; }
.footer-socials svg { width:20px; height:20px; display:block; fill:currentColor; }
.site-footer .footer-socials a[aria-disabled="true"] { color:var(--on-dark-muted); cursor:default; }
@media (max-width:40rem) {
  .site-footer .footer-inner { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
}