/* Match each artwork with its surrounding card instead of treating it as a thumbnail. */
body .ia-collection-redesign .ia-test-card{--card-paper:#f5f2e9;--card-ink:#213d31;--card-muted:#536557;display:flex;flex-direction:column;min-width:0;padding:0 19px 19px;background:var(--card-paper);border-color:#dce1d6;color:var(--card-ink);box-shadow:none}
body .ia-collection-redesign .ia-test-card[data-tone="dark"]{--card-paper:#172e25;--card-ink:#f7f3e7;--card-muted:#c1cfbd;border-color:#172e25}
body .ia-collection-redesign .ia-test-card .ia-card-image{height:clamp(185px,17vw,235px);margin:0 -19px;overflow:hidden;border-radius:0;background:var(--card-paper)}
body .ia-collection-redesign .ia-test-card .ia-card-image>img{width:100%;height:100%;object-fit:cover}
body .ia-collection-redesign .ia-test-card .ia-card-image:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,var(--card-paper));pointer-events:none}
body .ia-collection-redesign .ia-test-card .ia-card-open{z-index:1;right:15px;bottom:16px;border:1px solid #e5e5de;background:#fffdf5}
body .ia-collection-redesign .ia-test-card .ia-card-index{z-index:1;top:14px;left:18px}
body .ia-collection-redesign .ia-test-card .ia-card-meta{position:relative;z-index:1;margin:-7px 0 10px;color:var(--card-muted);font-size:10px!important;letter-spacing:.07em}
body .ia-collection-redesign .ia-test-card h3{color:var(--card-ink);font:400 clamp(22px,2vw,27px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:0 0 12px}
body .ia-collection-redesign .ia-test-card p{min-height:0;margin:0 0 22px;color:var(--card-muted);font-size:13px;line-height:1.6}
body .ia-collection-redesign .ia-test-card .ia-card-bottom{display:block;margin-top:auto;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--card-ink) 22%,transparent);color:var(--card-ink);font-size:11px;font-weight:600}
body .ia-collection-redesign .ia-test-card:focus-visible{outline:3px solid #ad8c53;outline-offset:4px}

/* The same relationship between image and caption is used on individual tests. */
body .ia-service-intro .ia-service-visual:has(.has-art){max-width:520px;margin-inline:auto}
body .ia-service-intro .ia-service-visual{--visual-paper:#f3f0e7;--visual-ink:#244032;--visual-accent:#8a6d3d}
body .ia-service-intro[data-experience="boundaries"] .ia-service-visual,
body .ia-service-intro[data-experience="archetype"] .ia-service-visual,
body .ia-service-intro[data-experience="decisions"] .ia-service-visual{--visual-paper:#182e27;--visual-ink:#f7f1e4;--visual-accent:#d2b777}
body .ia-service-intro .ia-service-visual figcaption{margin:0;padding:15px 18px;align-items:center;border:0;background:var(--visual-paper);color:var(--visual-ink)}
body .ia-service-intro .ia-service-visual figcaption span{color:var(--visual-accent)}
body .ia-service-intro .ia-service-visual figcaption strong{color:var(--visual-ink)}
body .p-intro-visual figcaption{margin-top:0;background:#f3eef8;padding:15px 18px;border-color:#e1dce9}

/* Let the rotating celestial artwork occupy its own half of the calculator entrance. */
body[data-page="calculator"] .x-number-entry{background:linear-gradient(90deg,#f6f3e9 0 53%,#122b22 53% 100%)}
body[data-page="calculator"] .x-number-entry :is(.hero-backdrop,.hero-motion){inset:0 0 70px 53%;width:47%;height:calc(100% - 70px);border-radius:0;object-fit:cover;object-position:center 52%}
body[data-page="calculator"] .x-number-entry .immersive-copy{color:#203b30}
body[data-page="calculator"] .x-number-entry .immersive-form{background:#fffefa;border-color:#dddcd0}
body[data-page="calculator"] .x-number-entry .hero-bottom{background:#f6f3e9;border-color:#d7dfd1}

@media(max-width:760px){
 body .ia-collection-redesign .ia-test-card .ia-card-image{height:220px}
 body .ia-collection-redesign .ia-test-card h3{font-size:25px}
 body .ia-service-intro .ia-service-visual figcaption{display:flex;flex-wrap:wrap;gap:7px;padding:13px 15px}
 body .ia-service-intro .ia-service-visual figcaption strong{text-align:left}
 body[data-page="calculator"] .x-number-entry{background:#f6f3e9}
 body[data-page="calculator"] .x-number-entry :is(.hero-backdrop,.hero-motion){inset:auto 0 65px;width:100%;height:225px;border-radius:0;object-position:center 48%}
}
@media(prefers-reduced-motion:reduce){body .ia-collection-redesign .ia-test-card{transition:none}}