/* Short travel, soft depth and a clear destination. Content is visible at rest. */
:root{--motion-quick:180ms;--motion-card:280ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
main [data-interactive-card]{position:relative;isolation:isolate;transition:transform var(--motion-card) var(--motion-ease),box-shadow var(--motion-card) var(--motion-ease),background-color var(--motion-card) ease}
main .programme-card[data-interactive-card]{box-shadow:inset 0 0 0 1px rgb(0 0 0 / .035)}
main .programme-card [data-card-link]::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;cursor:pointer}
main .programme-card .card-bottom{position:static}
main .programme-card [data-card-link]{position:static;text-decoration:none;text-underline-offset:5px}
main .programme-card .card-top>span[aria-hidden="true"]{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:50%;font-size:24px;line-height:1;flex:none;transition:transform var(--motion-card) var(--motion-ease),background-color var(--motion-card) ease}
main .programme-card .card-bottom{transition:border-color var(--motion-card) ease}
main [data-interactive-card]:focus-within{outline:2px solid #176b87;outline-offset:5px}
main .programme-card [data-card-link]:focus-visible{outline:none}
main .journal-card-visual>img{transition:transform 420ms var(--motion-ease)}
main .journal-card-bottom>span{display:inline-block;transition:transform var(--motion-card) var(--motion-ease)}
main .resource-arrow{display:inline-block;transition:transform var(--motion-card) var(--motion-ease)}
body .button{transition:background-color var(--motion-quick) ease,color var(--motion-quick) ease,border-color var(--motion-quick) ease,box-shadow var(--motion-quick) ease,transform var(--motion-quick) var(--motion-ease)}
body .button>span[aria-hidden="true"],body .subtle-link>span[aria-hidden="true"]{display:inline-block;transition:transform var(--motion-quick) var(--motion-ease)}
body :is(.button,.subtle-link,.text-link,.audience-link):focus-visible{outline:2px solid #176b87;outline-offset:5px}
main :is(.text-link,.subtle-link,.audience-link){text-decoration-thickness:1px;text-underline-offset:5px;transition:color var(--motion-quick) ease,text-decoration-color var(--motion-quick) ease}
main :is(details>summary,button[aria-pressed],.journey-stage){transition:background-color var(--motion-quick) ease,border-color var(--motion-quick) ease,color var(--motion-quick) ease}
@media(hover:hover) and (pointer:fine){
 main .programme-card[data-interactive-card]:hover,main .programme-card[data-interactive-card]:focus-within{transform:translateY(-6px);box-shadow:0 14px 30px -16px rgb(20 30 27 / .34),inset 0 0 0 1px rgb(0 0 0 / .13)}
 main .programme-card[data-interactive-card]:is(:hover,:focus-within) .card-top>span[aria-hidden="true"]{transform:translate(2px,-2px);background:rgb(255 255 255 / .20)}
 main .programme-card[data-interactive-card]:is(:hover,:focus-within) [data-card-link]{text-decoration:underline}
 main [data-interactive-card="supporting"]:hover{transform:translateY(-4px);box-shadow:0 12px 26px -18px rgb(20 30 27 / .32)}
 main .journal-card:hover .journal-card-visual>img{transform:scale(1.025)}
 main .journal-card:hover .journal-card-bottom>span{transform:translate(3px,-2px)}
 main .resource-card:hover .resource-arrow{transform:translate(3px,-2px)}
 body .button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 14px -9px rgb(0 0 0 / .35)}
 body .button:hover>span[aria-hidden="true"],body .subtle-link:hover>span[aria-hidden="true"]{transform:translate(2px,-2px)}
 main :is(.subtle-link,.text-link,.audience-link):hover{text-decoration:underline}
 main details>summary:hover{background-color:rgb(23 44 37 / .035)}
}
@media(hover:none),(pointer:coarse){
 main [data-interactive-card]:hover,body .button:hover{transform:none;box-shadow:none}
 main .programme-card[data-interactive-card]:active{box-shadow:inset 0 0 0 2px rgb(0 0 0 / .18)}
}
body .button:not(:disabled):active{transform:translateY(0);box-shadow:none}
@media(prefers-reduced-motion:reduce){
 body [data-interactive-card],body [data-interactive-card] *,body .button,body .button>span,body .subtle-link,body .subtle-link>span,body .journal-card-visual>img,body .journal-card-bottom>span{transition:none!important}
 body [data-interactive-card]:is(:hover,:focus-within),body .button:is(:hover,:active),body .button:hover>span,body .subtle-link:hover>span,body .journal-card:hover .journal-card-visual>img,body .journal-card:hover .journal-card-bottom>span,body .resource-card:hover .resource-arrow,body .programme-card:is(:hover,:focus-within) .card-top>span[aria-hidden="true"]{transform:none!important}
}
footer .footer-policies{flex-wrap:wrap;row-gap:12px}
[data-whatsapp-contact][hidden]{display:none!important}
main .whatsapp-contact{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;text-decoration:underline;text-underline-offset:5px}
footer .whatsapp-contact{min-height:44px;display:inline-flex;align-items:center}