/* Uses the site's existing type roles and keeps the cards themselves simple. */
.arr-insight-page .arr-insight-garden { max-width: 58rem; margin: .35rem auto 0; }
.arr-insight-page .arr-page-title { margin-bottom: .35rem !important; }
.arr-insight-garden [hidden], .arr-garden-preview [hidden] { display: none !important; }
.arr-garden-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem 1.5rem; margin: .3rem auto 0 !important; }
html body .wp-site-blocks main .arr-garden-tab {
  min-height: 2.75rem; padding: .35rem .15rem; border: 0; border-bottom: 2px solid transparent;
  border-radius: 0; background: none; color: #874d73; box-shadow: none;
  font: 400 var(--arr-control-font-size, 1.1rem)/1.65 var(--arr-font-accent, 'Trebuchet MS', sans-serif);
  cursor: pointer;
}
html body .wp-site-blocks main .arr-garden-tab[aria-selected="true"] { color: #66344f; border-bottom-color: #b18a62; }
.arr-garden-tab:is(:hover, :focus-visible) { filter: var(--arr-link-glow); }
html body .wp-site-blocks main .arr-garden-guidance {
  width: 100%; max-width: none; margin: -.45rem auto .85rem !important;
  color: #684e61; font: 400 1rem/1.55 var(--arr-font-story, Georgia, serif) !important;
  text-align: center !important;
}
html body .wp-site-blocks main .arr-garden-guidance strong { font-weight: 700; }
html body .wp-site-blocks main .arr-garden-guidance em { font-style: italic; }
@media (min-width: 60rem) {
  html body .wp-site-blocks main .arr-garden-guidance { white-space: nowrap; }
}
.arr-insight-garden .arr-garden-deck {
  --card-border: #f8edd8;
  --deck-art: url('insight-wisdom-cedar-v5.jpg');
  --card-face: radial-gradient(circle at 50% 44%, #fff 0%, #eefaff 24%, #d6edf7 58%, #b7d9e8 100%);
  --wisdom-stage-height: min(82vw, 38rem);
  --deck-ink: #385d4b;
  container-type: inline-size; position: relative; box-sizing: border-box;
  margin: 0 !important; padding: .35rem 1.5rem 1.5rem; border-radius: .5rem;
  background: radial-gradient(ellipse at center, rgba(255,250,240,.7), transparent 72%);
  animation: arr-garden-change .3s ease both;
}
.arr-insight-garden #garden-inquiry { --deck-art: url('insight-inquiry-eye-v2.jpg'); --deck-ink: #825239; --card-border: #000; --card-face: radial-gradient(circle at 50% 44%, #fffaf0 0%, #f6e7c9 26%, #e7c99f 62%, #c99567 100%); }
.arr-insight-garden #garden-affirmations { --deck-art: url('insight-affirmations-lotus-v3.jpg'); --deck-ink: #496b8a; --card-face: radial-gradient(circle at 50% 44%, rgba(255,252,226,.98) 0%, rgba(255,226,201,.72) 28%, rgba(255,255,255,0) 63%), linear-gradient(180deg, #d8dff1 0%, #e6bfd1 45%, #f6c4ad 73%, #efaf88 100%); }
html body .wp-site-blocks main .arr-insight-garden .arr-wisdom-heading { text-align: center !important; }
html body .wp-site-blocks main .arr-insight-garden .arr-wisdom-invitation { text-align: center !important; max-width: 36rem; margin: 0 auto !important; }
.arr-insight-garden .arr-wisdom-interface { margin-top: 1rem !important; }
.arr-insight-garden .arr-wisdom-stage {
  --wisdom-stage-height: min(100cqi, 38rem);
  position: relative; width: min(100%, 38rem); min-height: 0; aspect-ratio: 1;
  margin: 0 auto; isolation: isolate;
}
.arr-insight-garden .arr-wisdom-deck {
  display: block; position: absolute; inset: auto; left: 50%; top: 50%; width: 100%; height: auto; aspect-ratio: 1; margin: 0 !important;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 .2rem .3rem rgba(53,25,48,.2));
}
/* Real overlapping rectangles, rotated around the inner ring. Borders and corners
   remain visible so the circle reads as separate cards rather than a clipped disc. */
html body .wp-site-blocks main .arr-insight-garden .arr-wisdom-card-back,
html body .wp-site-blocks main .arr-insight-garden .arr-wisdom-card-back:is(:hover, :focus-visible) {
  position: absolute; left: 50%; top: 50%; width: 22%; height: 33%; aspect-ratio: 2 / 3;
  transform: translate(-50%, -100%) rotate(var(--angle)) translateY(-38%); transform-origin: 50% 100%;
  clip-path: none;
  border: 0; border-radius: .35rem; outline: none; overflow: visible;
  box-shadow: none; padding: 0; background: transparent;
  z-index: calc(var(--position) + 1); cursor: pointer; pointer-events: none;
}
.arr-insight-garden :is(.arr-wisdom-card-hit, .arr-wisdom-card-surface) {
  position: absolute; inset: 0; box-sizing: border-box;
  clip-path: polygon(0 0, 72.2% 0, 22.5% 90.9%, 60.6% 100%, 0 100%);
}
.arr-insight-garden .arr-wisdom-card-hit {
  pointer-events: auto;
}
.arr-insight-garden .arr-wisdom-card-back:is(:hover, :focus-visible)::before {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 8%; box-sizing: border-box;
  pointer-events: none;
  border: 0; border-radius: 0 0 .35rem .35rem;
  box-shadow: none;
  background: #f8f1e5 var(--deck-art) 58% 100% / cover no-repeat;
}
.arr-insight-garden .arr-wisdom-card-surface {
  pointer-events: none;
  border: 2px solid var(--card-border); border-radius: .35rem;
  box-shadow: -.15rem .15rem .3rem rgba(48,24,42,.35), inset 0 0 0 1px #a28266;
  background: #f8f1e5 var(--deck-art) center / cover no-repeat;
  transition: transform .22s ease, filter .22s ease;
}
.arr-insight-garden .arr-wisdom-card-back:is(:hover, :focus-visible) { z-index: 50 !important; }
.arr-insight-garden .arr-wisdom-card-back:is(:hover, :focus-visible) .arr-wisdom-card-surface {
  filter: brightness(1.08);
  clip-path: none;
  transform: translateY(-7.5%);
  box-shadow: -.15rem .15rem .3rem rgba(48,24,42,.35), inset 0 0 0 1px #a28266, 0 0 .45rem rgba(225,164,205,.5);
}
.arr-insight-garden .arr-wisdom-result {
  z-index: 30; width: min(80%, 18rem); height: auto; aspect-ratio: 2 / 3;
  background: var(--card-face);
}
.arr-insight-garden #garden-inquiry .arr-wisdom-result { border-color: #000; outline-color: #000; }
.arr-insight-garden.is-ready .arr-wisdom-library { display: none; }
.arr-garden-preview {
  grid-column: 1; grid-row: 1; padding: 1.4rem; margin: 0 !important;
  background: rgba(255,251,244,.8); box-sizing: border-box;
}
.arr-inspirations-layout:has(> .arr-garden-preview) { row-gap: 2rem; }
.arr-inspirations-layout:has(> .arr-garden-preview) > .arr-inspirations-collection { grid-row: 2; }
.arr-inspirations-layout:has(> .arr-garden-preview) > .arr-inspirations-sidebar { grid-row: 1 / span 2; }
html body .wp-site-blocks main .arr-garden-preview .arr-garden-preview-title {
  margin: 0 0 1.5rem !important; text-align: left !important; font: 700 var(--arr-type-subheading-size, 1.75rem)/1.25 var(--arr-font-story, Georgia, serif); color: #66344f; text-shadow: none;
}
html:root body .wp-site-blocks main .arr-inspirations-page .arr-garden-preview :is(.arr-garden-preview-title, .arr-garden-preview-card-title) a[href] { font: inherit !important; color: inherit !important; -webkit-text-fill-color: inherit !important; text-align: inherit !important; text-decoration: none; }
.arr-garden-preview-cards { display: flex; align-items: start; justify-content: center; gap: 1rem; }
.arr-garden-preview-card { min-width: 0; flex: 1; text-align: center; }
.arr-garden-preview-cards > .arr-garden-preview-card { margin-block-start: 0 !important; }
.arr-garden-preview-inquiry { --card-border: #000; }
.arr-garden-preview-card a { display: block; color: #66344f; text-decoration: none; }
.arr-garden-preview-card img { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; background: #f8f1e5; border: 3px solid var(--card-border, #f8edd8); border-radius: .4rem; box-sizing: border-box; box-shadow: 0 .2rem .6rem #35193033; transition: transform .2s ease; }
html:root body .wp-site-blocks main .arr-inspirations-page .arr-garden-preview .arr-garden-preview-card .arr-garden-preview-card-title { display: block; margin: .75rem 0 0 !important; color: #66344f; font: 400 var(--arr-control-font-size, 1.1rem)/var(--arr-control-line, 1.65) var(--arr-font-accent, 'Trebuchet MS', sans-serif) !important; text-align: center; }
.arr-garden-preview-card a:is(:hover,:focus-visible) img { transform: translateY(-.3rem); }
@keyframes arr-garden-change { from { opacity: .2; transform: scale(.98); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 781px) {
  .arr-inspirations-layout:has(> .arr-garden-preview) > .arr-inspirations-sidebar { grid-column: 1; grid-row: 2; }
  .arr-inspirations-layout:has(> .arr-garden-preview) > .arr-inspirations-collection { grid-row: 3; }
  .arr-insight-garden .arr-garden-deck { padding: .25rem 0 1rem; }
  .arr-garden-preview-cards { gap: .5rem; }
  .arr-insight-garden .arr-wisdom-stage { margin-top: 1rem; min-height: 27rem; }
  .arr-insight-garden .arr-wisdom-result { width: min(100%, 18rem); }
}
@media (prefers-reduced-motion: reduce) {
  .arr-insight-garden *, .arr-garden-preview * { animation: none !important; transition: none !important; }
}

html:root body .wp-site-blocks main .arr-inspirations-page .arr-inspiration-story .wp-block-post-title,
html:root body .wp-site-blocks main .arr-inspirations-page .arr-inspiration-story .wp-block-post-title a[href] {
  font: 700 var(--arr-type-subheading-size, 1.75rem)/1.25 var(--arr-font-story, Georgia, serif) !important;
  color: #66344f !important; -webkit-text-fill-color: #66344f !important; text-shadow: none;
  margin-bottom: .4rem !important;
}
@media (min-width: 1200px) {
  .arr-inspirations-page .arr-inspirations-layout:has(> .arr-garden-preview) { column-gap: clamp(7rem, 9vw, 9rem); }
}
