html .maincontent .card_content>:is(.button,.linkbutton){margin-block-start:1.5rem}html .cards:has(.card_number){--grid_gutter: var(--space_s);--surface_space: var(--space_l);--card_number_color: var(--primary_color);--card_number_color_hover: var(--dark_color)}html .cards:has(.card_number) .card_content{grid-template-rows:none;min-height:0;grid-template-columns:minmax(0, 1fr);grid-template-areas:"number" "title" "text" "link";column-gap:var(--space_m);row-gap:var(--space_s);align-items:baseline}@media(min-width: 1020px){html .cards:has(.card_number) .card_content{grid-template-columns:minmax(0, 15rem) minmax(0, 1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"number text" "title text" "title link";column-gap:var(--space_l);align-items:start}}html .cards:has(.card_number) .card_content>*{grid-column:auto;grid-row:auto}html .cards:has(.card_number) .card_content>.card_number{grid-area:number;font-family:"Ivar Display","Times",serif;font-size:2.2rem;line-height:1;letter-spacing:0;transition:color calc(.3s*var(--motion_ok, 1))}html .cards:has(.card_number) .card_content>.title{grid-area:title;align-self:start;hyphens:auto}html .cards:has(.card_number) .card_content>.text_styled{grid-area:text}html .cards:has(.card_number) .card_content>.linkbutton{grid-area:link;align-self:start}