.cg{--cg-cols:3}.cg--cols-2{--cg-cols:2}.cg--cols-4{--cg-cols:4}.cg-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--cg-cols),minmax(0,1fr))}.cg-card{align-items:flex-start;background:var(--color-surface-raised);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-border-radius);color:var(--color-text);display:flex;flex-direction:column;padding:var(--space-3xl)}.cg-card--soft{background:var(--color-card-bg)}.cg-card--tint{background:var(--color-manila);border-color:var(--color-manila)}.cg-card--dark{background:var(--color-ground-dark);border-color:var(--color-ground-dark);color:var(--color-on-dark)}.cg-card--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--btn-on-dark-primary-color)}.bg-dark .cg .cg-card--dark{background:var(--color-surface-on-dark);border-color:var(--color-border-on-dark)}.cg-icon{background:var(--color-primary);border-radius:var(--radius-md);color:var(--btn-primary-color);display:grid;height:var(--btn-height-sm);margin-bottom:var(--space-2xl);place-items:center;width:var(--btn-height-sm)}.cg-icon .theme-icon{color:inherit}.cg-icon svg{height:var(--icon-size);width:var(--icon-size)}.cg-card--accent .cg-icon,.cg-card--dark .cg-icon{background:var(--btn-on-dark-primary-color);color:var(--color-accent)}.cg-card--dark .cg-icon{background:var(--color-accent);color:var(--btn-on-dark-primary-color)}.cg .cg-card .cg-title{color:var(--color-heading);font-size:var(--font-size-h4);line-height:var(--line-height-snug);margin:0 0 var(--space-xl)}.cg .cg-card--dark .cg-title{color:var(--color-background)}.cg .cg-card--accent .cg-title{color:var(--btn-on-dark-primary-color)}.cg-items{display:grid;list-style:none;padding:0;width:100%}.cg .cg-items li,.cg-items{gap:var(--space-lg);margin:0}.cg .cg-items li{color:inherit;display:flex;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.cg--check .cg-items li:before{background:var(--color-accent-light);border-radius:var(--radius-full);color:var(--color-success);content:"✓";display:grid;flex:none;font-size:var(--font-size-micro);font-weight:var(--font-weight-heading);height:var(--icon-size-tick);line-height:var(--line-height-none);margin-top:var(--space-2xs);place-items:center;width:var(--icon-size-tick)}.cg--dot .cg-items li:before{background:var(--color-accent);border-radius:var(--radius-full);content:"";flex:none;height:var(--space-md);margin-top:calc(var(--space-md) - var(--space-2xs));width:var(--space-md)}.cg-card--dark.cg-card .cg-items li:before{background:var(--color-accent);color:var(--btn-on-dark-primary-color)}.cg-card--accent.cg-card .cg-items li:before{background:var(--btn-on-dark-primary-color);color:var(--color-accent)}.cg--check .cg-card--tint .cg-items li:before{background:var(--color-surface-raised)}.cg-note{color:var(--color-muted);font-size:var(--font-size-xs);margin:var(--space-3xl) 0 0}.bg-dark .cg .cg-note,.bg-dark .cg .tm-head p{color:var(--color-muted-on-dark)}@media (max-width:1100px){.cg--cols-3,.cg--cols-4{--cg-cols:2}}@media (max-width:767px){.cg,.cg--cols-2,.cg--cols-3,.cg--cols-4{--cg-cols:1}.cg-grid{gap:var(--grid-gap-mobile)}.cg-card{padding:var(--space-2xl)}}