/* Generated by bin/build-scss.py from scss/catalog.scss - DO NOT EDIT, edit the .scss partials and rebuild. */
.cc-card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #E4E1DA;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(23,32,54,0.07);transition:transform 0.18s ease, box-shadow 0.18s ease}.cc-card:hover,.cc-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 38px rgba(23,32,54,0.16)}.cc-card__banner{position:relative;display:grid;place-items:center;min-height:9.5rem;padding:1rem;color:#fff;text-decoration:none;overflow:hidden;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px);background-size:auto, 16px 16px}.cc-card__bgicon{position:absolute;right:-1.2rem;bottom:-1.6rem;opacity:0.16;transform:rotate(-12deg)}.cc-card__bgicon .icon{width:9rem;height:9rem}.cc-card__icon{display:grid;place-items:center;width:4.6rem;height:4.6rem;border-radius:50%;background:rgba(255,255,255,0.95);box-shadow:0 8px 22px rgba(0,0,0,0.22)}.cc-card__icon .icon{width:2.2rem;height:2.2rem}.cc-card__pills{position:absolute;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:0.35rem;max-width:calc(100% - 6rem)}.cc-card__ribbon{position:absolute;top:.75rem;right:0;display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.8rem 0.3rem 0.9rem;border-radius:99px 0 0 99px;background:#FFD21F;color:#172036;font-size:0.75rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.cc-card__cat{position:absolute;left:.75rem;bottom:.75rem;max-width:calc(100% - 1.5rem);font-family:"DM Sans","DM Sans Fallback","Segoe UI",system-ui,-apple-system,sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,0.4)}.cc-card__body{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem .75rem}.cc-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin:0;color:#5A6470;font-size:.875rem}.cc-card__learners{display:inline-flex;align-items:center;gap:0.3rem}.cc-card__title{margin:0;font-family:"Fraunces","Fraunces Fallback","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:1.3rem;line-height:1.22}.cc-card__title a{color:#2C3950;text-decoration:none}.cc-card__title a:hover,.cc-card__title a:focus-visible{text-decoration:underline}.cc-card__text{margin:0;color:#5A6470;font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cc-card__learn{padding:.75rem;background:#F1EEE8;border-radius:12px}.cc-card__learn-title{margin:0 0 0.35rem;color:#2C3950;font-size:0.75rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.cc-card__learn ul{list-style:none;margin:0;padding:0;display:grid;gap:0.3rem}.cc-card__learn li{display:flex;align-items:flex-start;gap:0.4rem;font-size:.9375rem;line-height:1.3;color:#1D1E20}.cc-card__learn li .icon{flex:none;margin-top:0.1rem;color:#1F8A55}.cc-card__facts{display:flex;flex-wrap:wrap;gap:0.3rem 1rem;margin:auto 0 0;padding:.75rem 0 0;border-top:1px dashed #E4E1DA;list-style:none;color:#5A6470;font-size:.875rem}.cc-card__facts li{display:inline-flex;align-items:center;gap:0.3rem}.cc-card__foot{padding:.5rem 1.5rem 1.5rem}.cc-pill{display:inline-flex;align-items:center;gap:0.3rem;padding:0.22rem 0.65rem;border-radius:99px;background:rgba(255,255,255,0.92);color:#172036;font-size:0.72rem;font-weight:800}.cc-pill--free{background:#FFD21F;letter-spacing:0.06em;text-transform:uppercase}.cc-level{display:inline-flex;align-items:center;gap:0.4rem;font-weight:700;color:#2C3950}.cc-level__dots{display:inline-flex;gap:3px}.cc-level__dots i{width:0.55rem;height:0.55rem;border-radius:50%;background:#E4E1DA}.cc-level__dots i.is-on{background:#D6A151}.cc-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.8rem 1.2rem;border-radius:99px;background:#2C3950;color:#fff;font-family:"DM Sans","DM Sans Fallback","Segoe UI",system-ui,-apple-system,sans-serif;font-size:0.88rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:background-color 0.15s ease, gap 0.15s ease}.cc-btn:hover,.cc-btn:focus-visible{background:#172036;gap:0.8rem}.cc-tone-basics .cc-card__banner{background-color:#1F3A5F;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #1F3A5F, #3B6EA8);background-size:auto, 16px 16px, auto}.cc-tone-basics .cc-card__icon{color:#1F3A5F}.cc-tone-office .cc-card__banner{background-color:#0F6E6E;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #0F6E6E, #2FA39A);background-size:auto, 16px 16px, auto}.cc-tone-office .cc-card__icon{color:#0F6E6E}.cc-tone-internet .cc-card__banner{background-color:#0B6290;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #0B6290, #2E9BCB);background-size:auto, 16px 16px, auto}.cc-tone-internet .cc-card__icon{color:#0B6290}.cc-tone-marketing .cc-card__banner{background-color:#A24A06;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #A24A06, #E99A30);background-size:auto, 16px 16px, auto}.cc-tone-marketing .cc-card__icon{color:#A24A06}.cc-tone-design .cc-card__banner{background-color:#6D28B5;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #6D28B5, #A862D8);background-size:auto, 16px 16px, auto}.cc-tone-design .cc-card__icon{color:#6D28B5}.cc-tone-security .cc-card__banner{background-color:#1F5A41;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #1F5A41, #3D9A6C);background-size:auto, 16px 16px, auto}.cc-tone-security .cc-card__icon{color:#1F5A41}.cc-tone-careers .cc-card__banner{background-color:#7A5000;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #7A5000, #CC9A38);background-size:auto, 16px 16px, auto}.cc-tone-careers .cc-card__icon{color:#7A5000}.cc-tone-web .cc-card__banner{background-color:#0E6B82;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #0E6B82, #1FAFC5);background-size:auto, 16px 16px, auto}.cc-tone-web .cc-card__icon{color:#0E6B82}.cc-tone-coding .cc-card__banner{background-color:#3F37B8;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #3F37B8, #7870EA);background-size:auto, 16px 16px, auto}.cc-tone-coding .cc-card__icon{color:#3F37B8}.cc-tone-ai .cc-card__banner{background-color:#5B21B6;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #5B21B6, #9A63EC);background-size:auto, 16px 16px, auto}.cc-tone-ai .cc-card__icon{color:#5B21B6}.cc-tone-hardware .cc-card__banner{background-color:#3F4D60;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #3F4D60, #8497AE);background-size:auto, 16px 16px, auto}.cc-tone-hardware .cc-card__icon{color:#3F4D60}.cc-tone-data .cc-card__banner{background-color:#0B6F67;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #0B6F67, #2FB5A0);background-size:auto, 16px 16px, auto}.cc-tone-data .cc-card__icon{color:#0B6F67}.cc-tone-cloud .cc-card__banner{background-color:#1B45C0;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #1B45C0, #5A9BF0);background-size:auto, 16px 16px, auto}.cc-tone-cloud .cc-card__icon{color:#1B45C0}.cc-tone-business .cc-card__banner{background-color:#8D2F10;background-image:radial-gradient(circle at 20% 120%, rgba(255,255,255,0.22) 0, transparent 45%),radial-gradient(rgba(255,255,255,0.16) 1.5px, transparent 1.6px),linear-gradient(135deg, #8D2F10, #E07A3A);background-size:auto, 16px 16px, auto}.cc-tone-business .cc-card__icon{color:#8D2F10}@media (prefers-reduced-motion: reduce){.cc-card,.cc-btn{transition:none}.cc-card:hover{transform:none}}