/* Content is ordinary Gutenberg blocks. Only the enhanced composition pins. */
.coee-method .coee-method-decoration { display:none; }
.coee-method-story { margin:15px auto 0; }
.coee-method-topics { max-width:1170px; margin:20px auto 0; padding:0 24px; }
.coee-method-topics > summary { width:max-content; max-width:100%; margin:0 auto 32px; cursor:pointer; font:700 14px 'Nunito Sans',sans-serif; text-underline-offset:4px; }
.coee-method-topic { max-width:800px; margin:45px auto 65px; }
.coee-method-topic h3 { color:#e1af3c; font:400 45px/1.05 'Bebas Neue',sans-serif; text-transform:uppercase; margin:0 0 12px; }
.coee-method-topic > p { font:700 30px/1.2 'Cormorant Garamond',serif; margin:0 0 24px; }
.coee-method-topic figure { margin:0; }
.coee-method-topic img { display:block; width:100%; aspect-ratio:2/1; object-fit:cover; object-position:50% 40%; border-radius:0 0 50% 50% / 0 0 100% 100%; }
.coee-method-run { position:relative; height:calc(var(--method-stage-height) + var(--method-travel)); }
.coee-method-pin { position:sticky; top:var(--wp-admin--admin-bar--height,0px); width:100%; padding:18px 24px 12px; background:#fff; box-sizing:border-box; overflow:hidden; }
.coee-method-canvas { position:relative; width:min(1170px,100%,calc((100svh - var(--wp-admin--admin-bar--height,0px) - 178px)*1.828125)); aspect-ratio:1170/640; margin:0 auto; isolation:isolate; }
.coee-method-images { position:absolute; left:15.812%; top:0; width:68.376%; height:62.5%; border-radius:0 0 50% 50% / 0 0 100% 100%; overflow:hidden; background:#f5f0ea; }
.coee-method-images img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%; transform:none; }
.coee-method-orbit { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; }
.coee-method-orbit text { text-anchor:middle; }
.coee-method-orbit .coee-method-title-path { font:400 45px 'Bebas Neue',sans-serif; fill:#e1af3c; text-transform:uppercase; }
.coee-method-orbit .coee-method-description-path { font:700 32px 'Cormorant Garamond',serif; fill:#323232; }
.coee-method-mobile-copy { display:none; }
.coee-method-controls { display:flex; justify-content:center; align-items:center; gap:10px; margin:0 auto; padding:0; }
.coee-method-controls button { width:44px; height:44px; border:1px solid #b7b2ac; border-radius:50%; background:#fff; color:#323232; font:700 14px 'Nunito Sans',sans-serif; cursor:pointer; }
.coee-method-controls button[aria-pressed=true] { color:#fff; background:#323232; border-color:#323232; }
.coee-method-controls button:focus-visible,.coee-method-read-all:focus-visible,.coee-method-topics summary:focus-visible { outline:3px solid #c58c10; outline-offset:5px; }
.coee-method-read-all { display:block; margin:12px auto 0; padding:0; border:0; background:none; color:#323232; font:700 13px/1.4 'Nunito Sans',sans-serif; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.coee-method-story.is-method-enhanced:not(.is-method-reading) > .coee-method-topics { margin-top:10px; }
.coee-method-story.is-method-enhanced:not(.is-method-reading) > .coee-method-topics > summary { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); }
.coee-method-story.is-method-reading .coee-method-run { display:none; }
.coee-method-story.is-method-reading > .coee-method-topics > summary { text-decoration:underline; }
@media(max-width:700px) {
 .coee-method-story { margin:35px -24px 0; }
 .coee-method-pin { padding:24px 20px 18px; }
 .coee-method-canvas { width:100%; aspect-ratio:1170/610; }
 .coee-method-images { height:65.574%; }
 .coee-method-orbit { height:104.918%; }
 .coee-method-text-orbit { display:none; }
 .coee-method-mobile-copy { display:grid; position:relative; max-width:390px; min-height:162px; margin:-8px auto 16px; text-align:center; }
 .coee-method-mobile-copy > div { grid-area:1/1; }
 .coee-method-mobile-copy h3 { margin:0 0 12px; font:400 30px/1.05 'Bebas Neue',sans-serif; text-transform:uppercase; color:#e1af3c; }
 .coee-method-mobile-copy p { margin:0; font:700 23px/1.15 'Cormorant Garamond',serif; }
 .coee-method-topic h3 { font-size:34px; }
 .coee-method-topic > p { font-size:25px; }
 .coee-method-topics { padding:0 24px; }
}
@media(prefers-reduced-motion:reduce) {
 .coee-method-run { display:none; }
 .coee-method-story > .coee-method-topics > summary { position:static!important; width:auto!important; height:auto!important; clip-path:none!important; }
}
/* Reserve the original control area; expose controls on keyboard focus only.
   Native core-block anchors remain visible in the unenhanced Details view. */
.coee-method-access { position:relative; min-height:74px; }
.is-method-enhanced:not(.is-method-reading) .coee-method-access:not(:focus-within) .coee-method-controls,
.is-method-enhanced:not(.is-method-reading) .coee-method-access:not(:focus-within) .coee-method-read-all {
 position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;
}
.coee-method-fallback-controls { justify-content:center; gap:10px; margin:0 auto 32px; }
.coee-method-fallback-controls .wp-block-button__link { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #b7b2ac; border-radius:50%!important; color:#323232; background:white; }
.coee-method-topic { scroll-margin-top:70px; }

/* Same editable statement, directly below the diagram in the enhanced pin. */
.coee-home .coee-method-pin .coee-method-evidence { margin:16px auto 0; max-width:1170px; }