.flipcard-group{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.flipcard-group[data-layer="3"] .flipcard{--elem-bkgColour-subtleAccent-override: var(--theme-bkgColour-subtleTertiary)}@container (max-width: 782px){.flipcard-group{grid-template-columns:1fr;grid-template-rows:auto}}.flipcard{container:flipcard / inline-size;isolation:isolate}.flipcard>.wrapper{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;grid-template-areas:"content content" "button fill";height:100%;position:relative}.flipcard>.wrapper:after{content:"";display:block;grid-area:fill;width:100%;height:100%;background:var(--elem-bkgColour-subtleAccent-override, var(--elem-bkgColour-subtleAccent, var(--elem-bkg)));border-radius:0 0 var(--system-borderRadius-small) var(--system-borderRadius-small);z-index:-1}.flipcard:has([aria-expanded=true])>.wrapper:after{background:var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold))}@container flipcard (min-width: 399px){.flipcard>.wrapper{grid-template-columns:1fr auto;grid-template-areas:"content fill" "content button"}.flipcard>.wrapper:after{border-radius:0 var(--system-borderRadius-small) var(--system-borderRadius-small) 0}}.flipcard .panel-group{grid-area:content;background:var(--elem-bkgColour-subtleAccent-override, var(--elem-bkgColour-subtleAccent, var(--elem-bkg)));border-radius:var(--system-borderRadius-small) var(--system-borderRadius-small) 0 var(--system-borderRadius-small);overflow:hidden}.flipcard:has([aria-expanded=true]) .panel-group{background:var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold));color:var(--theme-fontColour-white)}.flipcard .panel-group>.wrapper{display:flex;flex-flow:column nowrap;place-self:start;padding:1.5rem;overflow:hidden;transition:height .3s ease}@container flipcard (min-width: 399px){.flipcard .panel-group{border-radius:var(--system-borderRadius-small) 0 var(--system-borderRadius-small) var(--system-borderRadius-small)}}.flipcard .panel{opacity:1;translate:0 0;transition:opacity .2s linear 50ms,translate .2s ease 50ms;overflow:hidden}@media (prefers-reduced-motion){.flipcard .panel{transition:opacity .2s linear 50ms}}.flipcard .panel[aria-hidden=true]{height:0;opacity:0;translate:0 .5rem;transition:opacity 50ms linear}.flipcard .panel .heading{display:flex;flex-flow:row nowrap;align-items:start;gap:.75rem;margin:0 0 1rem;font-family:Roboto Slab,serif;font-size:1.25rem}.flipcard .panel .heading .text-container span{font-family:Public Sans,sans-serif;font-size:1.125rem;font-weight:600}.flipcard .panel p{font-size:1rem}.flipcard .panel .icon-container{display:flex;flex-shrink:0;padding:.625rem;border-radius:var(--system-borderRadius-small);background:var(--elem-bkgColour-subtleAccent, var(--theme-bkgColour-white))}.flipcard .panel .icon-container .icon{fill:var(--elem-fontColour-accent, var(--theme-fontColour-gray))}.flipcard button{--button-borderRadius: var(--system-borderRadius-small);grid-area:button;display:flex;flex-flow:row nowrap;gap:.5rem;background:var(--elem-bkgColour-subtleAccent-override, var(--elem-bkgColour-subtleAccent, var(--elem-bkg)));position:relative;color:var(--theme-fontColour);margin:.5rem .5rem 0 0;transition:color .1s ease,background .1s ease;isolation:isolate}@media (prefers-contrast: more){.flipcard button{--button-borderWidth: 2px}}.flipcard button:is(:hover,:focus-visible){background:var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold));color:var(--theme-fontColour-white)}.flipcard button:before{content:"";width:var(--system-borderRadius-small);height:var(--system-borderRadius-small);background-image:radial-gradient(circle at 100% 100%,transparent var(--system-borderRadius-small),var(--elem-bkgColour-subtleAccent-override, var(--elem-bkgColour-subtleAccent, var(--elem-bkg))) var(--system-borderRadius-small));grid-area:button;position:absolute;right:-.5rem;top:-.5rem;rotate:90deg;z-index:-1;box-shadow:calc(var(--system-borderRadius-small) * -1) 0 0 var(--elem-bkgColour-subtleAccent-override, var(--elem-bkgColour-subtleAccent, var(--elem-bkg)))}.flipcard:has([aria-expanded=true]) button:before{background-image:radial-gradient(circle at 100% 100%,transparent var(--system-borderRadius-small),var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold)) var(--system-borderRadius-small));box-shadow:calc(var(--system-borderRadius-small) * -1) 0 0 var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold))}.flipcard button .icon-group{display:flex}.flipcard button .icon{width:1.125rem;flex-shrink:0;transition:fill .1s ease}.flipcard button:is(:hover,:focus-visible) .icon{fill:var(--theme-fontColour-white)}.flipcard button[aria-expanded=true] .icon.show,.flipcard button .icon.hide{display:none}.flipcard button[aria-expanded=true] .icon.hide{display:block}@container flipcard (min-width: 399px){.flipcard button{margin:.5rem 0 0 .5rem}.flipcard button:before{left:-.5rem;top:-.5rem;rotate:0deg}}