/*! AKNB Learn (guides hub). Loaded on the Learn page only; every rule hangs off body.cc-lrn-page. Markup: page-learn.php + inc/learn.php. */
html body.cc-lrn-page .cc-lrn{padding-block-end:clamp(48px,7vw,96px)}
html body.cc-lrn-page .cc-lrn-wrap{max-inline-size:1597px;margin-inline:auto;padding-inline:var(--cc-gutter,clamp(1rem,2vw,2rem))}

/* ---- hero ---- */
html body.cc-lrn-page .cc-lrn-hero{position:relative;isolation:isolate;overflow:hidden;margin-block-end:28px;padding-block:clamp(44px,7vw,92px);color:#fff;background:radial-gradient(120% 90% at 0% 0%,rgb(143 212 255 / .30),transparent 55%),radial-gradient(90% 70% at 100% 100%,rgb(47 123 255 / .38),transparent 60%),linear-gradient(160deg,#0A1F4D 0%,#123A9A 55%,#1B4FCB 125%)}
html body.cc-lrn-page .cc-lrn-hero::before{content:'';position:absolute;z-index:-1;inset:0;opacity:.4;background-image:linear-gradient(rgb(255 255 255 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .07) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
html body.cc-lrn-page .cc-lrn-hero::after{content:'';position:absolute;z-index:-1;inset-block-end:-70px;inset-inline-end:-40px;inline-size:460px;block-size:460px;opacity:.1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M86,18 L16,182 L78,182 L94,72 Z' fill='%23fff'/%3E%3Cpath d='M114,18 L184,182 L122,182 L106,72 Z' fill='%23dbeafe'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-lrn-page .cc-lrn-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,5vw,64px)}
html body.cc-lrn-page .cc-lrn-eyebrow{font:700 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:rgb(255 255 255 / .8)}
html body.cc-lrn-page .cc-lrn-h1{margin:14px 0 0;font:700 clamp(40px,6vw,76px)/1.02 var(--font-display);letter-spacing:-.025em;color:#fff}
html body.cc-lrn-page .cc-lrn-h1 em{font-style:normal;background:linear-gradient(90deg,#8FD4FF,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.cc-lrn-page .cc-lrn-lead{margin:18px 0 0;max-inline-size:54ch;font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:rgb(255 255 255 / .86)}
html body.cc-lrn-page .cc-lrn-search{display:flex;gap:10px;max-inline-size:620px;margin-block-start:28px}
html body.cc-lrn-page .cc-lrn-search__box{position:relative;flex:1;min-inline-size:0}
html body.cc-lrn-page .cc-lrn-search__box svg{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:18px;transform:translateY(-50%);color:rgb(255 255 255 / .75);pointer-events:none}
html body.cc-lrn-page .cc-lrn-search input[type=search]{inline-size:100%;block-size:56px;margin:0;padding-block:0;padding-inline:50px 16px;border:1px solid rgb(255 255 255 / .3);border-radius:16px;background-color:rgb(255 255 255 / .12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 16px/1.2 var(--font-body);box-shadow:none;-webkit-appearance:none;appearance:none}
html body.cc-lrn-page .cc-lrn-search input[type=search]::placeholder{color:rgb(255 255 255 / .68);opacity:1}
html body.cc-lrn-page .cc-lrn-search input[type=search]:focus{outline:none;border-color:#fff;background-color:rgb(255 255 255 / .18);box-shadow:0 0 0 3px rgb(255 255 255 / .2)}
html body.cc-lrn-page .cc-lrn-stats{display:flex;flex-wrap:wrap;gap:10px 24px;margin:22px 0 0;padding:0;list-style:none;font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:rgb(255 255 255 / .75)}
html body.cc-lrn-page .cc-lrn-stats li{margin:0;padding:0;color:rgb(255 255 255 / .75)}
html body.cc-lrn-page .cc-lrn-stats b{font-size:15px;color:#fff}
html body.cc-lrn-page .cc-lrn-note{margin:18px 0 0;max-inline-size:62ch;font-size:13px;line-height:1.6;color:rgb(255 255 255 / .74)}
html body.cc-lrn-page .cc-lrn-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}
html body.cc-lrn-page .cc-lrn-hero__art{position:relative;min-block-size:360px}
html body.cc-lrn-page .cc-lrn-art{position:absolute;display:grid;gap:12px;inline-size:min(250px,82%);padding:18px;border:1px solid rgb(255 255 255 / .24);border-radius:22px;background:linear-gradient(150deg,color-mix(in srgb,var(--a) 72%,transparent),color-mix(in srgb,var(--b) 58%,transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 50px -24px rgb(0 0 0 / .55);animation:cc-lrn-float 7s ease-in-out infinite}
html body.cc-lrn-page .cc-lrn-art--1{inset-block-start:0;inset-inline-end:6%;transform:rotate(-4deg)}
html body.cc-lrn-page .cc-lrn-art--2{inset-block-start:36%;inset-inline-start:0;transform:rotate(3deg);animation-delay:-2s}
html body.cc-lrn-page .cc-lrn-art--3{inset-block-end:0;inset-inline-end:0;transform:rotate(-2deg);animation-delay:-4s}
html body.cc-lrn-page .cc-lrn-art__ico{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:14px;color:#fff;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .28)}
html body.cc-lrn-page .cc-lrn-art__name{font:700 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff}
html body.cc-lrn-page .cc-lrn-art__line{display:block;block-size:8px;border-radius:99px;background:rgb(255 255 255 / .34)}
html body.cc-lrn-page .cc-lrn-art__line--s{inline-size:58%}
@keyframes cc-lrn-float{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* ---- buttons ---- */
html body.cc-lrn-page .cc-lrn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:52px;padding:0 24px;border:0;border-radius:var(--cc-r-md);background:var(--cc-cobalt-grad);color:#fff;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 12px 26px -12px rgb(47 123 255 / .85);transition:transform .15s ease,box-shadow .15s ease}
html body.cc-lrn-page .cc-lrn-btn:hover{color:#fff;transform:translateY(-1px)}
html body.cc-lrn-page .cc-lrn-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
html body.cc-lrn-page .cc-lrn-hero .cc-lrn-btn,html body.cc-lrn-page .cc-lrn-cta .cc-lrn-btn{background:#fff;color:#0A1F4D;box-shadow:0 12px 26px -12px rgb(0 0 0 / .5)}
html body.cc-lrn-page .cc-lrn-hero .cc-lrn-btn:hover,html body.cc-lrn-page .cc-lrn-cta .cc-lrn-btn:hover{color:#0A1F4D}
html body.cc-lrn-page .cc-lrn-cta .cc-lrn-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .6)}
html body.cc-lrn-page .cc-lrn-cta .cc-lrn-btn--ghost:hover{background:rgb(255 255 255 / .12);color:#fff}

/* ---- topics ---- */
html body.cc-lrn-page .cc-lrn-topics{display:flex;gap:10px;margin:0 0 28px;padding:4px 2px 12px;overflow-x:auto;scrollbar-width:none}
html body.cc-lrn-page .cc-lrn-topics::-webkit-scrollbar{display:none}
html body.cc-lrn-page .cc-lrn-topic{flex:none;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-bg);color:var(--cc-ink-2);font:600 13.5px/1 var(--font-body);text-decoration:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
html body.cc-lrn-page .cc-lrn-topic svg{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-lrn-page .cc-lrn-topic b{padding:3px 8px;border-radius:999px;font:700 11px/1 var(--font-mono);color:var(--cc-ink-2);background:color-mix(in srgb,var(--cc-ink) 8%,transparent)}
html body.cc-lrn-page .cc-lrn-topic:hover{border-color:var(--cc-cobalt);color:var(--cc-ink)}
html body.cc-lrn-page .cc-lrn-topic:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:2px}
html body.cc-lrn-page .cc-lrn-topic.is-active,html body.cc-lrn-page .cc-lrn-topic[aria-pressed=true]{border-color:transparent;background:var(--cc-cobalt-grad);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 10px 22px -10px rgb(47 123 255 / .8)}
html body.cc-lrn-page .cc-lrn-topic.is-active svg,html body.cc-lrn-page .cc-lrn-topic[aria-pressed=true] svg{color:#fff}
html body.cc-lrn-page .cc-lrn-topic.is-active b,html body.cc-lrn-page .cc-lrn-topic[aria-pressed=true] b{color:#fff;background:rgb(255 255 255 / .22)}

/* ---- featured ---- */
html body.cc-lrn-page .cc-lrn-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-block-end:clamp(36px,5vw,56px);border:1px solid var(--cc-border);border-radius:28px;overflow:hidden;background:var(--cc-bg);box-shadow:var(--cc-shadow-lg)}
html body.cc-lrn-page .cc-lrn-feature__media{position:relative;display:block;min-block-size:340px;background:var(--cc-surface);overflow:hidden}
html body.cc-lrn-page .cc-lrn-feature__media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .6s ease}
html body.cc-lrn-page .cc-lrn-feature:hover .cc-lrn-feature__media img{transform:scale(1.03)}
html body.cc-lrn-page .cc-lrn-badge{position:absolute;z-index:2;inset-block-start:18px;inset-inline-start:18px;padding:8px 14px;border-radius:999px;background:var(--cc-cobalt-grad);color:#fff;font:700 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 20px -8px rgb(47 123 255 / .8)}
html body.cc-lrn-page .cc-lrn-feature__body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,4vw,52px)}
html body.cc-lrn-page .cc-lrn-feature__title{margin:0;font:700 clamp(26px,3vw,38px)/1.15 var(--font-display);letter-spacing:-.015em}
html body.cc-lrn-page .cc-lrn-feature__title a,html body.cc-lrn-page .cc-lrn-card__title a{color:var(--cc-ink);text-decoration:none}
html body.cc-lrn-page .cc-lrn-feature__title a:hover,html body.cc-lrn-page .cc-lrn-card__title a:hover{color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-lrn-page .cc-lrn-feature__title a::after,html body.cc-lrn-page .cc-lrn-card__title a::after{content:'';position:absolute;inset:0;z-index:1}
html body.cc-lrn-page .cc-lrn-feature__excerpt{margin:0;font-size:16px;line-height:1.6;color:var(--cc-ink-3)}
html body.cc-lrn-page .cc-lrn-feature .cc-lrn-btn{position:relative;z-index:2}

/* ---- list + cards ---- */
html body.cc-lrn-page .cc-lrn-list__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 16px;margin-block-end:22px}
html body.cc-lrn-page .cc-lrn-h2{margin:0;font:700 clamp(24px,2.6vw,32px)/1.15 var(--font-display);letter-spacing:-.01em;color:var(--cc-ink)}
html body.cc-lrn-page .cc-lrn-count{font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-3)}
html body.cc-lrn-page .cc-lrn-clear{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--cc-border);border-radius:999px;font:600 13px/1 var(--font-body);color:var(--cc-ink-2);text-decoration:none;transition:border-color .15s ease}
html body.cc-lrn-page .cc-lrn-clear:hover{border-color:var(--cc-cobalt);color:var(--cc-ink)}
html body.cc-lrn-page .cc-lrn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body.cc-lrn-page .cc-lrn-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--cc-border);border-radius:22px;background:var(--cc-bg);box-shadow:var(--cc-shadow-xs);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
html body.cc-lrn-page .cc-lrn-card:hover{transform:translateY(-4px);border-color:var(--cc-cobalt);box-shadow:var(--cc-shadow-lg)}
html body.cc-lrn-page .cc-lrn-card[hidden]{display:none}
html body.cc-lrn-page .cc-lrn-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cc-surface)}
html body.cc-lrn-page .cc-lrn-card__media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .5s ease}
html body.cc-lrn-page .cc-lrn-card:hover .cc-lrn-card__media img{transform:scale(1.04)}
html body.cc-lrn-page .cc-lrn-cover{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--b) 65%,transparent),transparent 60%),linear-gradient(150deg,var(--a),var(--b))}
html body.cc-lrn-page .cc-lrn-cover::before{content:'';position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgb(255 255 255 / .09) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .09) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
html body.cc-lrn-page .cc-lrn-cover__ico{position:relative;display:grid;place-items:center;inline-size:84px;block-size:84px;border:1px solid rgb(255 255 255 / .3);border-radius:24px;background:rgb(255 255 255 / .14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 22px 40px -18px rgb(0 0 0 / .6)}
html body.cc-lrn-page .cc-lrn-cover__label{position:relative;font:700 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:rgb(255 255 255 / .88)}
html body.cc-lrn-page .cc-lrn-card__body{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px 22px 22px}
html body.cc-lrn-page .cc-lrn-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
html body.cc-lrn-page .cc-lrn-pill{position:relative;z-index:2;display:inline-flex;padding:6px 11px;border-radius:999px;font:700 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink));background:color-mix(in srgb,var(--cc-cobalt) 13%,transparent);transition:background-color .15s ease}
html body.cc-lrn-page a.cc-lrn-pill:hover{background:color-mix(in srgb,var(--cc-cobalt) 24%,transparent)}
html body.cc-lrn-page .cc-lrn-meta{font:600 12px/1 var(--font-body);color:var(--cc-ink-3)}
html body.cc-lrn-page .cc-lrn-card__title{margin:0;font:700 20px/1.25 var(--font-display);letter-spacing:-.005em}
html body.cc-lrn-page .cc-lrn-card__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:14.5px;line-height:1.6;color:var(--cc-ink-3)}
html body.cc-lrn-page .cc-lrn-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:auto;padding-block-start:6px}
html body.cc-lrn-page .cc-lrn-card__cta{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--cc-cobalt) 78%,var(--cc-ink))}
html body.cc-lrn-page .cc-lrn-card__cta svg{transition:transform .2s ease}
html body.cc-lrn-page .cc-lrn-card:hover .cc-lrn-card__cta svg{transform:translateX(4px)}
html body.cc-lrn-page .cc-lrn-bm{position:relative;z-index:3;display:grid;place-items:center;inline-size:40px;block-size:40px;padding:0;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-bg);color:var(--cc-ink-3);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
html body.cc-lrn-page .cc-lrn-bm:hover{border-color:var(--cc-cobalt);color:var(--cc-ink)}
html body.cc-lrn-page .cc-lrn-bm[aria-pressed=true]{border-color:transparent;background:var(--cc-cobalt-grad);color:#fff}
html body.cc-lrn-page .cc-lrn-bm[aria-pressed=true] svg{fill:currentColor}
html body.cc-lrn-page .cc-lrn-bm:focus-visible{outline:2px solid var(--cc-cobalt);outline-offset:2px}
html body.cc-lrn-page .cc-lrn-saved-empty{margin:18px 0 0;padding:26px;border:1.5px dashed var(--cc-border);border-radius:var(--cc-r-2xl);text-align:center;color:var(--cc-ink-3)}
html body.cc-lrn-page .cc-lrn-saved-empty[hidden]{display:none}

/* ---- pager / empty / cta ---- */
html body.cc-lrn-page .cc-lrn-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-block-start:36px}
html body.cc-lrn-page .cc-lrn-page{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-inline-size:44px;block-size:44px;padding:0 14px;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-bg);color:var(--cc-ink-2);font:700 13px/1 var(--font-mono);text-decoration:none;transition:border-color .15s ease,color .15s ease}
html body.cc-lrn-page a.cc-lrn-page:hover{border-color:var(--cc-cobalt);color:var(--cc-ink)}
html body.cc-lrn-page .cc-lrn-page.is-current{border-color:transparent;background:var(--cc-cobalt-grad);color:#fff}
html body.cc-lrn-page .cc-lrn-page--nav{padding-inline:16px}
html body.cc-lrn-page .cc-lrn-none{display:grid;justify-items:center;gap:12px;padding:56px 24px;text-align:center;border:1.5px dashed color-mix(in srgb,var(--cc-cobalt) 35%,var(--cc-border));border-radius:var(--cc-r-2xl);background:radial-gradient(60% 90% at 50% 0%,color-mix(in srgb,var(--cc-cobalt) 9%,transparent),transparent 70%)}
html body.cc-lrn-page .cc-lrn-none__ico{display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:22px;color:#fff;background:var(--cc-cobalt-grad);box-shadow:0 18px 34px -12px rgb(47 123 255 / .8)}
html body.cc-lrn-page .cc-lrn-none h3{margin:0;font:700 24px/1.2 var(--font-display);color:var(--cc-ink)}
html body.cc-lrn-page .cc-lrn-none p{margin:0;max-inline-size:46ch;color:var(--cc-ink-3);line-height:1.6}
html body.cc-lrn-page .cc-lrn-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 32px;margin-block-start:clamp(48px,7vw,84px);padding:clamp(28px,4vw,52px);border-radius:28px;color:#fff;background:radial-gradient(120% 90% at 0% 0%,rgb(143 212 255 / .30),transparent 55%),linear-gradient(160deg,#0A1F4D 0%,#123A9A 55%,#1B4FCB 125%)}
html body.cc-lrn-page .cc-lrn-cta::after{content:'';position:absolute;z-index:-1;inset-block-end:-60px;inset-inline-end:-30px;inline-size:300px;block-size:300px;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M86,18 L16,182 L78,182 L94,72 Z' fill='%23fff'/%3E%3Cpath d='M114,18 L184,182 L122,182 L106,72 Z' fill='%23dbeafe'/%3E%3C/svg%3E") center/contain no-repeat}
html body.cc-lrn-page .cc-lrn-cta__text h2{margin:10px 0 8px;font:700 clamp(26px,3vw,36px)/1.15 var(--font-display);color:#fff}
html body.cc-lrn-page .cc-lrn-cta__text p{margin:0;max-inline-size:52ch;font-size:16px;line-height:1.55;color:rgb(255 255 255 / .84)}
html body.cc-lrn-page .cc-lrn-cta__actions{display:flex;flex-wrap:wrap;gap:12px}
html[dir="rtl"] body.cc-lrn-page :is(.cc-lrn-card__cta,.cc-lrn-btn,.cc-lrn-page--nav) svg{transform:scaleX(-1)}
html[dir="rtl"] body.cc-lrn-page .cc-lrn-card:hover .cc-lrn-card__cta svg{transform:scaleX(-1) translateX(4px)}
@media (max-width:1000px){
  html body.cc-lrn-page .cc-lrn-hero__grid{grid-template-columns:minmax(0,1fr)}
  html body.cc-lrn-page .cc-lrn-hero__art{display:none}
  html body.cc-lrn-page .cc-lrn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  html body.cc-lrn-page .cc-lrn-search{flex-direction:column}
  html body.cc-lrn-page .cc-lrn-search .cc-lrn-btn{inline-size:100%}
  html body.cc-lrn-page .cc-lrn-grid{grid-template-columns:minmax(0,1fr)}
  html body.cc-lrn-page .cc-lrn-cta__actions{inline-size:100%}
  html body.cc-lrn-page .cc-lrn-cta__actions .cc-lrn-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  html body.cc-lrn-page .cc-lrn-art{animation:none}
  html body.cc-lrn-page .cc-lrn-card,html body.cc-lrn-page .cc-lrn-card__media img,html body.cc-lrn-page .cc-lrn-feature__media img{transition:none}
}
html body.cc-lrn-page .cc-lrn-feature .cc-lrn-cover__ico{inline-size:116px;block-size:116px;border-radius:32px}
html body.cc-lrn-page .cc-lrn-feature .cc-lrn-cover__ico svg{inline-size:52px;block-size:52px}
html body.cc-lrn-page .cc-lrn-feature .cc-lrn-cover__label{font-size:12px}
@media (max-width:820px){
  html body.cc-lrn-page .cc-lrn-feature{grid-template-columns:minmax(0,1fr)}
  html body.cc-lrn-page .cc-lrn-feature__media{min-block-size:0;aspect-ratio:16/9}
}