.mind-art { position: relative; overflow: hidden; min-width: 0; background: #201e21; }
.mind-art img, .mind-art canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }
.mind-art img { object-fit: cover; }
.mind-art canvas { pointer-events: none; }
.mind-motion { position: absolute; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #d8c2cb65; border-radius: 4px; background: #201d22ec; color: #e0d2d7; cursor: pointer; }
.mind-motion[hidden] { display: none; }
.mind-motion svg { width: 17px; height: 17px; }
.mind-motion:hover { background: #393239; }
.mind-motion:focus-visible, .mind-preview-link:focus-visible { outline: 2px solid #bad5cb; outline-offset: 4px; }
.mind-invitation { grid-column: 2; grid-row: 1; align-self: start; position: relative; min-width: 0; }
.mind-preview-link { display: block; border-block: 1px solid #c3a8b65e; }
.mind-preview-link .mind-art { aspect-ratio: 1672/941; }
.mind-tour-entry { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px 14px; background: #dbb7bd09; }
.mind-tour-entry > span { min-width: 0; }
.mind-tour-entry strong { font-size: 1.05rem; line-height: 1.4; display: block; color: #ecdfdc; }
.mind-tour-entry small { display: block; margin-top: 4px; font-size: .81rem; line-height: 1.6; color: #c7b8c0; }
.mind-tour-entry svg { width: 23px; height: 23px; flex: 0 0 auto; color: #c9d8cc; }
.mind-preview-link:hover .mind-tour-entry { background: #dbb7bd16; }
.mind-invitation > .mind-motion { right: 10px; top: 10px; }
#mind-agency-arc { grid-template-columns: minmax(300px,.95fr) minmax(0,1.15fr); }
#mind-agency-arc h3 { font-size: 2.25rem; line-height: 1.15; overflow-wrap: normal; word-break: normal; hyphens: none; }
#mind-agency-arc .mind-card-papers { grid-column: 1 / -1; grid-row: 2; padding-top: 22px; border-top: 1px solid #c3a8b645; }
.mind-card-papers .mind-support { margin-top: 20px; border-top: 1px solid #c3a8b632; }
.mind-support > summary { cursor: pointer; color: #bfafb9; font-size: .86rem; padding-block: 15px; }
@media (max-width: 860px) {
  #mind-agency-arc { grid-template-columns: minmax(0,1fr); }
  #mind-agency-arc .mind-invitation, #mind-agency-arc .mind-card-papers { grid-column: 1; grid-row: auto; }
}
@media (max-width: 650px) {
  #mind-agency-arc h3 { font-size: 2rem; }
  .mind-tour-entry { padding-inline: 10px; }
  .mind-tour-entry strong { font-size: 1rem; }
}
@media (max-width: 360px) { #mind-agency-arc h3 { font-size: 1.75rem; } }