div[class~=cp]{& h2{line-height:1.3em;letter-spacing:.025em}>div>div[class~=header]{text-align:center;padding-bottom:1rem}>div>ul[class~=cards],ol[class~=cards]{display:flex;gap:2rem;justify-content:center;flex-flow:column;&[class~=vertical]{align-items:stretch;>li{flex-flow:row}& div[class~=header]{flex-basis:18rem;flex-shrink:0;flex-grow:0}}&[class*=horizontal]{>li{flex-flow:column}& div[class~=header]{height:7rem;flex-basis:auto;flex-shrink:0;flex-grow:0}}>li[class~=card]{display:flex;border:.05em solid var(--card-border-color);border-radius:1rem;overflow:clip;box-shadow:var(--card-shadow);color:var(--card-color);background-color:var(--card-background-color);& div[class~=header]{color:var(--card-header-color);background-color:var(--card-header-background-color);background:var(--card-header-background);display:flex;padding:1.5rem;justify-content:center;line-height:1.3em;letter-spacing:.025em;>strong{text-align:center;font-weight:700;font-size:1.5rem;margin-top:auto;margin-bottom:auto;line-height:1.3em;letter-spacing:.025em;text-shadow:var(--card-header-text-shadow)}}>div[class~=main]{flex-grow:2}>div[class~=main],>div[class~=footer]{padding:1.5rem;line-height:1.3em;letter-spacing:.025em}}}@container (width >= 60rem){>div>ul[class~=cards][class~=horizontal_60]{flex-flow:row}>div>ul[class~=cards][class~=horizontal_60]>li{max-width:var(--max-width);flex-grow:1;flex-shrink:1}}@container (width >= 40rem){>div>ul[class~=cards][class~=horizontal_40]{flex-flow:row}>div>ul[class~=cards][class~=horizontal_40]>li{max-width:var(--max-width);flex-grow:1;flex-shrink:1}}@container (width < 40rem){>div>ul[class~=cards][class~=vertical]>li{flex-flow:column}>div>ul[class~=cards][class~=vertical]>li>div[class~=header]{flex-basis:0}}}