/* Learning W26-W30. Source design remains read-only. */
.learning-page [hidden]{display:none!important}
.learning-card a{color:inherit;text-decoration:none}
.learning-card .learning-card-action a{color:var(--brand);padding:4px 0}
.learning-page .learning-main{color:var(--ink);font-size:15px}
.learn-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 26px;gap:24px}
.learn-intro h1{margin:6px 0 9px;font-size:32px;line-height:1.4;letter-spacing:.5px}
.learn-intro p{margin:0;color:var(--muted);line-height:1.7}
.learn-eyebrow{font-size:11px;color:#90949e;letter-spacing:2px}
.learn-search{display:flex;width:340px;border:1px solid var(--line);border-radius:9px;align-items:center;background:#fafbfc;padding:0 15px;gap:10px}
.learn-search input{border:0!important;background:transparent;box-shadow:none!important;min-width:0;width:100%;padding:13px 0!important;font:inherit;outline:none}
.learn-search:focus-within{outline:2px solid #f4aaaa;outline-offset:1px}
.learn-search i{color:#9299a7}
.learn-controls{border:1px solid var(--line);border-radius:12px;margin-bottom:24px;background:#fff;overflow:hidden}
.learn-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 25px;gap:36px}
.learn-tabs a{display:flex;align-items:center;gap:9px;padding:20px 0 17px;border-bottom:3px solid transparent;font-size:18px;font-weight:600;color:#767d89;text-decoration:none}
.learn-tabs a.active{border-color:var(--brand);color:var(--brand)}
.learn-tabs small{font-size:11px;font-weight:400;background:#f3f5f8;padding:3px 7px;border-radius:4px}
.learn-tabs .active small{background:var(--brand-soft);color:var(--brand)}
.learn-filter{display:flex;align-items:center;gap:20px;margin:0;padding:14px 25px;border-bottom:1px dashed #eef0f4;font-size:13px}
.learn-filter:last-child{border-bottom:0}
.learn-filter>span{min-width:45px;color:#848a94}
.learn-filter-options{display:flex;gap:8px;flex-wrap:wrap}
.learn-filter button{border:0;background:none;padding:7px 13px;border-radius:5px;color:#676e7c;cursor:pointer;font:inherit}
.learn-filter button.active{color:var(--brand);background:var(--brand-soft)}
.learn-results{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:12px}
.learn-results h2{font-size:19px;margin:0;font-weight:600}
.learn-results small{font-size:12px;color:#9298a2;font-weight:400;margin-left:10px}
.learn-results p{font-size:12px;color:#9298a2;margin:0}
.learning-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.learning-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s;text-decoration:none!important;color:var(--ink)}
.learning-card:hover{transform:translateY(-3px);box-shadow:0 8px 26px #111b300a}
.learning-art{height:210px;position:relative;overflow:hidden;background:#f8f9fb}
.learning-card-content{padding:19px 21px 0}
.learning-card-content h3{font-size:18px;line-height:1.55;font-weight:600;margin:0 0 12px;min-height:28px}
.learning-card-content p{font-size:13px;color:var(--muted);margin:0 0 15px}
.learning-card-meta{display:flex;gap:8px;font-size:11px;color:#7e8490;margin-bottom:18px;align-items:center;flex-wrap:wrap}
.learning-card-meta>span{background:#f6f7f9;border-radius:4px;padding:4px 8px}
.learning-card-action{border-top:1px solid #f0f1f4;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:13px;color:var(--brand);font-weight:600}
.learning-card-action small{font-size:11px;color:#989ca6;font-weight:400}
.learning-card-action > a{margin-left:auto}
.learn-status{font-size:11px;display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:5px;background:#f3f4f6;color:#888f9a;white-space:nowrap}
.learn-status.upcoming{color:#b57a17;background:#fff6e3}.learn-status.live{color:#e32333;background:#ffedf0}.learn-status.replay{color:#178366;background:#eaf7f1}
.learn-status.live:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.learn-demo-note{font-size:11px;color:#a3a7ae;margin:24px 0 8px;text-align:center}
.learn-empty{padding:65px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.learn-empty h3{font-size:18px;margin:12px 0}.learn-empty p{font-size:14px;margin:10px 0 20px}
.learning-detail-hero{display:grid;grid-template-columns:380px minmax(0,1fr);gap:36px;padding:28px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px;align-items:center}
.learning-detail-hero>.learning-art{height:260px;border-radius:9px}
.learning-detail-info h1{font-size:29px;line-height:1.5;margin:14px 0;color:var(--ink)}
.learning-detail-info p{font-size:14px;color:#858b97;line-height:1.8;margin:10px 0}
.learn-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.learn-type{color:var(--brand);background:var(--brand-soft);border-radius:5px;padding:5px 10px;font-size:12px}
.learn-facts{display:flex;gap:26px;margin:18px 0;flex-wrap:wrap;font-size:13px;color:#6c7482}
.learn-facts b{color:var(--ink);font-size:16px;font-weight:600}
.learning-actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap}
.learning-actions .btn{min-width:138px;display:inline-flex;justify-content:center;gap:8px;align-items:center}
.learn-disabled{background:#f0f1f4!important;color:#a0a5af!important;border-color:#e8eaf0!important;cursor:default!important;pointer-events:none}
.learning-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}
.learning-page .learn-panel{border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff;margin-bottom:20px}
.learn-panel h2{font-size:20px;margin:0 0 20px;font-weight:600}
.learn-panel p{font-size:15px;line-height:1.9;color:#686f7d;margin:0}
.learn-outline{list-style:none;margin:0;padding:0}
.learn-outline li{display:flex;gap:15px;align-items:center;padding:18px 0;border-top:1px solid #f1f2f5;font-size:14px;color:#505966}
.learn-outline li:first-child{border-top:0;padding-top:0}.learn-outline li:last-child{padding-bottom:0}
.learn-outline span{font-size:12px;color:#a6abb5;letter-spacing:1px;flex-shrink:0}
.learn-provider{display:flex;gap:13px;align-items:center;margin-bottom:18px}.learn-avatar{display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background:#f1f5fc;color:#4277b6;font-size:20px;flex-shrink:0}
.learn-provider strong{font-size:15px}.learn-provider small{display:block;color:#9297a1;font-size:12px;margin-top:7px}
.learn-provider-facts{display:grid;gap:15px;font-size:13px}.learn-provider-facts div{display:flex;justify-content:space-between;gap:12px}.learn-provider-facts span{color:#9198a2}.learn-provider-facts b{font-weight:400}
.learn-access{max-width:740px;margin:40px auto;padding:44px;text-align:center;border:1px solid var(--line);border-radius:14px}
.learn-access-symbol{width:68px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:28px;margin:0 auto 24px}
.learn-access h1{font-size:24px;margin:15px 0;line-height:1.5}.learn-access p{color:#8a909b;font-size:14px;line-height:1.9}.learn-access .learning-actions{justify-content:center}.learn-access-info{margin:28px 0;padding:20px;background:#fafbfc;border-radius:8px;text-align:left}.learn-access-info strong{font-size:16px}.learn-access-info p{margin:8px 0 0}
.learn-notice{border-radius:8px;background:#fafbfc;border:1px solid #eef0f4;padding:14px 18px;font-size:13px;color:#7b8492;line-height:1.8;margin:18px 0}
/* W26 / W29: shared course catalog, scoped away from details and mini-programs. */
body.learning-catalog .learning-main { max-width: 1360px; width: calc(100% - 80px); margin-top: 38px; }
.learning-catalog .learn-intro { margin-bottom: 24px; gap: 32px; }
.learning-catalog .learn-intro h1 { font-size: 28px; font-weight: 600; line-height: 1.3; letter-spacing: 0; margin: 0 0 8px; }
.learning-catalog .learn-intro p { font-size: 15px; color: #717987; }
.learning-catalog .learn-intro--gradient { align-items: center; min-height: 196px; padding: 20px 40px; margin-bottom: 28px; gap: 48px; border-radius: 12px; background: #e0e7fc url("assets/learning-heading/learning-gradient-v1.png") center / 100% 100% no-repeat; }
.learn-intro-copy { min-width: 0; padding-left: 24px; }
.learning-catalog .learn-intro--gradient h1 { position: relative; margin: 0 0 12px; color: var(--ink); font-size: 48px; font-weight: 700; line-height: 58px; letter-spacing: -1px; }
.learning-catalog .learn-intro--gradient h1::before { content: ""; position: absolute; left: -24px; top: 50%; height: 38px; border-left: 4px solid var(--brand); border-radius: 2px; transform: translateY(-50%); }
.learning-catalog .learn-intro--gradient p { margin: 0 0 8px; font-size: 20px; line-height: 32px; color: #526b88; }
.learn-intro-themes { display: flex; align-items: center; gap: 12px; list-style: none; margin: 0; padding: 0; color: #647b96; font-size: 15px; line-height: 24px; white-space: nowrap; }
.learn-intro-themes li + li::before { content: "·"; margin-right: 12px; color: #869bb4; }
.learn-intro-book { display: block; flex: 0 0 280px; width: 280px; height: 158px; object-fit: contain; pointer-events: none; }
@media (max-width: 1679px) {
    body.learning-catalog.has-contact-rail > main.learning-main { width: calc(100% - 152px); }
}
.learning-catalog .learn-search { width: 360px; flex-shrink: 0; background: #fff; border-color: #dfe3e9; border-radius: 8px; gap: 12px; }
.learning-catalog .learn-search input { font-size: 14px; padding: 13px 0 !important; }
.learning-catalog .learn-search i { font-size: 17px; }
.learning-catalog .learn-tabs { padding: 0; gap: 28px; margin: 0 0 20px; }
.learning-catalog .learn-tabs a { padding: 16px 24px 17px 12px; gap: 15px; border-bottom-width: 2px; color: #737b8a; min-width: 190px; }
.learning-catalog .learn-tabs a + a { position: relative; }
.learning-catalog .learn-tabs a + a::before { content: ''; position: absolute; left: -14px; top: 20px; bottom: 20px; width: 1px; background: var(--line); }
.learning-catalog .learn-tabs a > .bi { font-size: 29px; line-height: 1; }
.learning-catalog .learn-tabs a.active { color: var(--brand); }
.learning-catalog .learn-tabs b { font-size: 18px; font-weight: 600; }
.learning-catalog .learn-tabs small { background: none; padding: 0 0 0 9px; font-size: 14px; }
.learning-catalog .learn-tabs em { display: block; font-size: 12px; font-style: normal; font-weight: 400; color: #858c98; margin-top: 2px; }
/* Catalog: horizontal discovery controls and bounded, compact results. */
.catalog-workspace { display: grid; gap: 24px; }
.catalog-filters { display: flex; align-items: flex-start; gap: 24px; padding: 18px 22px; border-radius: 8px; background: #f7f8fa; }
.catalog-filter-rows { flex: 1; min-width: 0; display: grid; gap: 10px; }
.catalog-reset { flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 7px 0; color: #717987; font-size: 12px; }
.catalog-reset:hover { color: var(--brand); }
.learning-catalog .learn-filter { display: flex; align-items: baseline; gap: 16px; padding: 0; margin: 0; border: 0; }
.learning-catalog .learn-filter > span { flex: 0 0 60px; font-size: 13px; color: #606b7a; }
.learning-catalog .learn-filter-options { display: flex; flex-wrap: wrap; gap: 6px; }
.learning-catalog .learn-filter a { width: auto; padding: 6px 16px; font-size: 13px; border-radius: 5px; color: #586375; white-space: nowrap; }
.learning-catalog .learn-filter a:hover { background: #eceff3; }
.learning-catalog .learn-filter a.active { background: #ffebed; color: var(--brand); font-weight: 500; }
.catalog-results { min-width: 0; scroll-margin-top: 100px; }
.catalog-results:focus { outline: none; }
.catalog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.catalog-result-heading { min-width: 0; }
.learning-catalog .catalog-result-heading h2 { margin: 0; font-size: 22px; line-height: 1.5; font-weight: 600; }
.catalog-result-heading small { margin-left: 12px; font-size: 13px; color: #7b8594; font-weight: 400; white-space: nowrap; }
.catalog-result-heading p { margin: 5px 0 0; color: #717987; font-size: 13px; line-height: 1.6; }
.catalog-tools { display: flex; align-items: center; gap: 14px; flex: none; }
.learning-catalog .catalog-tools .learn-search { width: 292px; padding: 0 0 0 13px; gap: 8px; border-radius: 6px; overflow: hidden; }
.learning-catalog .catalog-tools .learn-search input { font-size: 13px; padding: 10px 0 !important; }
.learning-catalog .catalog-tools .learn-search button { align-self: stretch; flex: 0 0 42px; background: var(--brand); color: #fff; cursor: pointer; }
.learning-catalog .catalog-tools .learn-search i { color: inherit; font-size: 16px; }
.catalog-view-switch { display: flex; gap: 6px; }
.catalog-view-switch button { display: grid; place-items: center; width: 38px; height: 40px; border: 1px solid #dfe3e9; background: #fff; border-radius: 6px; color: #697587; cursor: pointer; font-size: 19px; }
.catalog-view-switch button[aria-pressed=true] { background: var(--brand); border-color: var(--brand); color: #fff; }
.catalog-view-switch button:focus-visible,.catalog-filters a:focus-visible,.learning-pagination a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
.learning-catalog .learning-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
.learning-catalog .learning-card { display: flex; flex-direction: column; min-width: 0; border-radius: 10px; border-color: #e6eaf0; transition: border-color .18s, transform .18s; box-shadow: none; }
.learning-catalog .learning-card:hover { border-color: #b9c5d7; transform: translateY(-2px); box-shadow: none; }
.learning-card-cover-link { display: block; margin: 0; }
.learning-card-cover-link:focus-visible { outline: 3px solid var(--brand); outline-offset: -3px; }
/* Match the 760 x 520 (19:13) crop used by both course editors. */
.catalog-cover { aspect-ratio: 19 / 13; position: relative; overflow: hidden; background: #f1f4f8; }
.catalog-cover-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; background: #f1f4f8; }
.catalog-cover-image-status { position: absolute; top: 10px; right: 10px; }
.catalog-cover-fallback { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; color: #74869b; background: linear-gradient(125deg,#eef3fa,#f8fafc); font-size: 13px; }
.catalog-cover-fallback > i { font-size: 30px; line-height: 1.2; color: #a1b3ca; }
.catalog-cover-fallback small { font-size: 11px; color: #95a0ae; }
.learning-catalog .learning-card-content { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 16px; }
.learning-catalog .learning-card-content h3 { font-size: 16px; line-height: 1.6; min-height: 51.2px; font-weight: 600; margin: 0 0 8px; overflow-wrap: anywhere; }
.learning-catalog .learning-card-content h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.learning-catalog .learning-card-content h3 a:hover { color: var(--brand); }
.learning-catalog .learning-card-content p { color: #7b8594; font-size: 13px; line-height: 1.7; margin: 0 0 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.learning-catalog .learning-card-meta { margin: 0 0 12px; color: #818b99; font-size: 11px; }
.learning-catalog .learning-card-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid #f0f2f5; }
.learning-catalog .learning-card .learning-engagement { flex: 1; gap: 8px; border: 0; padding: 0; margin: 0; min-height: 24px; font-size: 11px; }
.learning-catalog .learning-engagement i { font-size: 11px; }
.learning-catalog .learning-views { margin-left: 0; }
.learning-catalog .learning-card-action { flex: none; border: 0; margin: 0 0 0 auto; padding: 0; font-size: 12px; white-space: nowrap; }
.learning-catalog .learning-card-action a { display: inline-flex; gap: 4px; align-items: center; padding: 0; }
.learning-catalog .learning-cards[data-catalog-layout=list] { grid-template-columns: 1fr; gap: 0; }
.learning-catalog [data-catalog-layout=list] .learning-card { flex-direction: row; gap: 20px; border: 0; border-bottom: 1px solid #e9edf2; border-radius: 0; padding: 18px 0; }
.learning-catalog [data-catalog-layout=list] .learning-card:first-child { padding-top: 0; }
.learning-catalog [data-catalog-layout=list] .learning-card:hover { transform: none; }
.learning-catalog [data-catalog-layout=list] .learning-card-cover-link { flex: 0 0 228px; margin: 0; }
.learning-catalog [data-catalog-layout=list] .catalog-cover { border-radius: 8px; }
.learning-catalog [data-catalog-layout=list] .learning-card-content { padding: 0; }
.learning-catalog [data-catalog-layout=list] .learning-card-content h3 { min-height: 0; font-size: 16px; }
.learning-catalog [data-catalog-layout=list] .learning-card-content p { margin-bottom: 6px; }
.learning-catalog [data-catalog-layout=list] .learning-card-footer { border: 0; padding-top: 4px; }
.learning-catalog [data-catalog-layout=list] .learning-engagement { gap: 20px; font-size: 12px; }
.learning-catalog [data-catalog-layout=list] .learning-card-action { font-size: 13px; }
.learning-catalog [data-catalog-layout=list] .learning-card-meta { margin-bottom: 4px; }
/* Live cards keep the full 19:13 poster and use a compact information stack. */
.learning-catalog .learning-card--live .learning-card-content { padding: 12px 14px 10px; }
.learning-catalog .learning-card--live .learning-card-content h3 { min-height: 0; line-height: 1.5; margin-bottom: 6px; }
.learning-catalog .learning-card--live .learning-card-content p { font-size: 12px; line-height: 1.5; margin-bottom: 6px; }
.learning-catalog .learning-card--live .learning-card-meta { gap: 5px; margin-bottom: 8px; color: #687588; font-size: 12px; line-height: 1.5; }
.learning-catalog .learning-card--live .learning-card-meta small { font-size: inherit; }
.learning-catalog .learning-card--live .learning-card-footer { gap: 8px; padding-top: 8px; }
.learning-catalog .learning-card--live .learning-engagement { gap: 10px; font-size: 12px; font-variant-numeric: tabular-nums; }
.learning-catalog .learning-card--live .learning-engagement i { font-size: 13px; }
.learning-catalog .learning-card--live .learning-engagement button { min-height: 28px; cursor: pointer; }
.learning-catalog .learning-card--live .learning-engagement-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.learning-catalog .learning-card--live .learning-card-action a { min-height: 28px; padding: 3px 8px; border-radius: 5px; background: var(--brand-soft); line-height: 1.5; }
.learning-catalog .learning-card--live .learning-card-action a:hover { background: #ffe3e5; }
.learning-catalog .learning-card--live .learning-card-action a:focus-visible,.learning-catalog .learning-card--live .learning-engagement button:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.learning-catalog [data-catalog-layout=list] .learning-card--live .learning-card-content { padding: 2px 0; }
.learning-catalog [data-catalog-layout=list] .learning-card--live .learning-card-cover-link { flex-basis: 190px; }
.catalog-pagination-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; margin-top: 24px; border-top: 1px solid var(--line); }
.catalog-pagination-bar > p { margin: 0; font-size: 12px; color: #7b8594; }
.catalog-pagination-bar b { font-weight: 500; color: #586375; }
.catalog-pagination-bar p > span { margin-left: 14px; color: #98a0ad; }
.learning-catalog .catalog-pagination-bar .learning-pagination { margin: 0; gap: 6px; }
.learning-catalog .learning-pagination a,.learning-catalog .pagination-disabled { min-width: 34px; padding: 6px 11px; text-align: center; border-radius: 5px; }
.learning-catalog .learning-pagination a.active { background: var(--brand); border-color: var(--brand); color: #fff; }
.learning-catalog .pagination-disabled { background: #f5f6f8; color: #b4bdc9; border: 1px solid #f5f6f8; }
.pagination-ellipsis { padding: 0 3px; }
.learning-catalog .learn-empty { background: #fcfcfd; padding: 65px 20px; }
.learning-catalog .learn-demo-note { margin-top: 30px; font-size: 11px; }

/* Shared W06/W14/W16/W18/W20/W26/W29 poster carousel, matching W08. */

.learning-page{--brand:#ed2729;--brand-soft:#fff0f1;--ink:#111b30}
.learning-page .learning-main{padding:0;max-width:1400px;width:calc(100% - 40px);margin:24px auto 50px;min-height:620px;line-height:1.65}
body.learning-catalog .learning-main{max-width:1360px;width:calc(100% - 80px);margin-top:38px}
.learning-access-page .learning-main{min-height:802px;margin-top:40px;margin-bottom:28px}
.learning-access-page .learn-access{margin:0 auto}
.learning-page .learning-main h2{margin-top:0;line-height:1.5}
.learning-page .learn-search{padding:0 15px;gap:12px}
.learning-page .learn-search button{border:0;background:transparent;padding:0;color:#9299a7;display:grid;place-items:center}
.learning-page .learn-search input{font-size:14px;line-height:1.5}
.learning-page .learn-search input[type=hidden]{display:none}
.learning-page .learn-filter a{display:block;line-height:20px;border:0;background:none;cursor:pointer}
.catalog-filter-heading h2{margin:0}
.catalog-filter-heading>a{color:#858d9a;font-size:12px}
.learning-art .learning-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.learning-detail-info .learning-engagement{border:1px solid var(--line);border-radius:9px;background:#fafbfc;padding:17px 20px;margin-top:20px;min-height:60px;justify-content:flex-start;gap:24px}
.learning-engagement{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f5;padding:13px 0 8px;margin-top:18px;min-height:41px;color:#7d899b;font-size:11px;flex-wrap:wrap}
.learning-engagement button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;color:inherit;font:inherit;line-height:1.7;white-space:nowrap}
.learning-engagement i{font-size:13px}.learning-engagement button.active{color:var(--brand)}
.learning-engagement button:hover{color:var(--brand)}.learning-engagement button:disabled{opacity:.55;cursor:wait}
.learning-views{display:inline-flex;gap:4px;align-items:center;margin-left:auto;white-space:nowrap}
.learning-detail-info .learning-views{margin-left:0}
.learning-detail-info .learning-engagement{font-size:13px}
.learning-page .learning-actions .button{min-width:138px;min-height:41px;font-size:14px}
.learning-page .learning-actions .button+.button{margin-left:10px}
.learning-detail-info{min-height:395px}
.learning-prose{white-space:pre-wrap;overflow-wrap:anywhere}
.learning-page .learning-content-panel{padding:0;overflow:hidden}
.learning-content-tabs{display:flex;align-items:center;gap:30px;padding:0 26px;border-bottom:1px solid var(--line)}
.learning-content-tabs button{padding:18px 0 17px;border:0;border-bottom:2px solid transparent;background:transparent;color:#748297;font:inherit;font-size:14px;line-height:1.5;cursor:pointer}
.learning-content-tabs button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}
.learning-content-tabs button:hover{color:var(--brand)}
.learning-content-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:2px}
.learning-content-body{padding:26px}
.learning-content-body>[role=tabpanel]:focus-visible{outline:2px solid var(--brand);outline-offset:6px;border-radius:3px}
.learn-outline li{line-height:1.8;overflow-wrap:anywhere}
.learn-outline span{min-width:15px}
.learn-provider strong,.learn-provider small,.learn-provider-facts b{overflow-wrap:anywhere}
.learning-access-link{display:block;color:#376298;font-size:13px;margin-top:12px}
.learning-copy-url{display:block;width:100%;margin-top:18px;font-size:13px}
.learning-replay-source{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;font-size:14px}
.learning-replay-source small{display:block}.learning-replay-source a{color:var(--brand);white-space:nowrap}
.learning-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:25px 0 0;font-size:13px;flex-wrap:wrap}
.learning-pagination a{border:1px solid var(--line);border-radius:5px;padding:8px 12px}.learning-pagination a.active{background:var(--brand-soft);color:var(--brand)}
.learning-pagination span{color:var(--muted)}
.catalog-workspace[aria-busy=true]{opacity:.65}
.learning-page [hidden]{display:none!important}
.learning-page .coverflow-ads{margin-bottom:26px}
.learning-page .learn-empty>.bi{font-size:30px}.learning-page .learn-tabs small{background:none;color:inherit}
@media(prefers-reduced-motion:reduce){.learning-page .learning-card,.learning-page .ad-slide{transition:none}.learning-page .learning-card:hover{transform:none}}

/* Course collections: a set of lessons opens inside the site before choosing a learning link. */
.collection-cover-label{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;background:rgba(17,27,48,.8);color:#fff;font-size:12px}
.collection-cover-count{position:absolute;right:12px;bottom:12px;padding:4px 10px;background:rgba(17,27,48,.8);border-radius:5px;color:#fff;font-size:12px}
.collection-platforms{color:var(--brand);font-size:12px;margin-bottom:6px}
.collection-update{color:#939caa;font-size:11px}
.learning-catalog .learning-card--collection .learning-card-content h3{min-height:0;margin-bottom:6px}
.learning-catalog .learning-card--collection .learning-card-content p{margin-bottom:18px}
.learning-catalog .learning-card--collection:hover{border-color:var(--brand)}
.collection-breadcrumb{display:flex;align-items:center;gap:12px;color:#929baa;font-size:13px;margin-bottom:22px}
.collection-breadcrumb a:hover,.collection-back:hover{color:var(--brand)}
.collection-breadcrumb i{font-size:10px}
.collection-hero{display:grid;grid-template-columns:320px 1fr;gap:36px;background:#f7f8fb;border:1px solid #edf0f5;border-radius:12px;padding:30px;margin-bottom:36px}
.collection-hero-cover{border-radius:9px;align-self:start}
.collection-hero-info{min-width:0;align-self:center}
.collection-eyebrow{display:flex;gap:7px;align-items:center;color:var(--brand);font-size:13px}
.collection-hero h1{font-size:28px;line-height:1.5;margin:9px 0 12px;overflow-wrap:anywhere}
.collection-hero-info>p{margin:0 0 16px;color:#748093;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.collection-facts{display:flex;flex-wrap:wrap;gap:20px;color:#7f8999;font-size:13px;margin-bottom:20px}
.collection-facts i{margin-right:6px}
.learning-page .collection-hero .button.primary{display:inline-flex;align-items:center;gap:12px;border:0;background:var(--brand);color:#fff;padding:10px 18px;border-radius:6px;font-size:13px}
.collection-directory{scroll-margin-top:100px}
.collection-directory .catalog-result-heading h2{font-size:22px}
.collection-back{font-size:13px;color:#788294;white-space:nowrap}
.collection-lessons{list-style:none;margin:0;padding:0;border:1px solid #e8ecf2;border-radius:10px;overflow:hidden}
.collection-lesson{display:flex;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #edf0f5}
.collection-lesson:last-child{border-bottom:0}
.collection-lesson:hover{background:#fcfcfd}
.collection-lesson-number{flex:0 0 28px;color:#9ba4b2;font-size:18px;font-variant-numeric:tabular-nums}
.collection-lesson-cover{display:block;flex:0 0 160px;border-radius:6px}
.collection-lesson-info{min-width:0;flex:1}
.collection-lesson-info h3{font-size:16px;line-height:1.65;margin:0 0 8px;overflow-wrap:anywhere}
.collection-lesson-info h3 a:hover{color:var(--brand)}
.collection-lesson-info>p{margin:0;color:#8c95a3;font-size:12px}
.collection-lesson .learning-engagement{border:0;padding:0;margin:10px 0 0;min-height:24px;gap:18px;font-size:12px}
.collection-lesson .learning-views{margin-left:0}
.collection-lesson-action{flex:none;display:inline-flex;gap:8px;align-items:center;padding:9px 16px;border-radius:6px;color:var(--brand);background:var(--brand-soft);font-size:13px}
.collection-lesson-action:hover{background:#ffe3e5}
.learning-card--collection a:focus-visible,.collection-directory a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

/* Recorded course player: one continuous watching surface, with optional content below. */
.course-watch-back{margin:0 0 14px;font-size:13px}
.course-watch-back a{display:inline-flex;align-items:center;gap:8px;color:#718096;text-decoration:none}
.course-watch-back a:hover{color:var(--brand)}
.course-watch-heading{margin-bottom:22px}
.course-watch-heading h1{margin:0;color:var(--ink);font-size:28px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.course-watch-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 0;margin-top:10px;color:#7a8595;font-size:13px;line-height:1.7}
.course-watch-meta>*+*::before{content:"·";padding:0 10px;color:#b5bdc8}
.course-watch-meta time{color:#98a1ae}
.course-video-player{margin:0;overflow:hidden;background:#101722;border-radius:12px;scroll-margin-top:24px}
.course-video-player video{display:block;width:100%;height:auto;min-height:280px;max-height:calc(100vh - 300px);aspect-ratio:16/9;object-fit:contain;background:#000}
.course-video-error{padding:18px 24px 24px;color:#fff;text-align:center;font-size:14px}
.course-video-error p{margin:0 0 14px;line-height:1.8}
.course-video-error[hidden]{display:none}
.course-watch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;border-bottom:1px solid var(--line)}
.course-watch-toolbar .learning-engagement{border:0;background:none;padding:0;margin:0;min-height:0;font-size:13px;gap:24px}
.course-watch-toolbar .learning-engagement button{cursor:pointer;gap:6px;min-height:40px}
.course-watch-details{padding-top:28px}
.course-watch-details>section{padding:0 0 26px;margin:0 0 24px;border-bottom:1px solid #edf0f5}
.course-watch-details>section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.course-watch-details h2{margin:0 0 14px;font-size:18px;font-weight:600;color:var(--ink)}
.course-watch-details p{max-width:1100px;margin:0;color:#657183;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.course-watch-details .learn-outline{max-width:1100px}
.course-watch-details .learn-outline li{padding:12px 0}
.course-watch-details .learn-outline li:first-child{padding-top:0}
.course-watch a:focus-visible,.course-watch button:focus-visible{outline:2px solid var(--brand);outline-offset:4px}