/* Shared tutorial library and accessible Learn navigation. */
.tl-main{background:#f8f7fc;color:#242034;padding:32px 0 72px}.tl-container{max-width:1160px;margin:auto;padding:0 24px}.tl-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;margin-bottom:36px}.tl-main a{color:#673aad}.tl-main a:hover{text-decoration:underline}.tl-header{max-width:800px;margin-bottom:40px}.tl-header h1{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:700;line-height:1.12;margin:12px 0 20px}.tl-header>p:last-of-type{font-size:1.2rem;color:#575365;line-height:1.65}.tl-eyebrow{color:#7447aa;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.tl-links{display:flex;gap:24px;flex-wrap:wrap}.tl-main h2{font-size:1.65rem;font-weight:650;margin:0 0 16px}.tl-start{background:#eee7fa;border:1px solid #dfd1f0;border-radius:20px;padding:30px;margin:0 0 48px}.tl-start ol{margin-bottom:0;padding-left:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px}.tl-start li{padding-left:5px}.tl-start li span{color:#676072;font-size:.85rem;margin-left:12px}.tl-filters{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:24px 0 14px}.tl-filters label{font-weight:600;display:block}.tl-filters input,.tl-filters select{display:block;width:100%;padding:12px 14px;border:1px solid #b8b1c5;border-radius:8px;margin-top:8px;background:white;color:#242034;font-size:1rem}.tl-result-count{font-size:.9rem;color:#656073;margin:0 0 20px}.tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tl-card{background:white;border:1px solid #e2dfe9;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #23123d06}.tl-card>a{display:block;height:100%;color:inherit;text-decoration:none}.tl-card>a:hover{text-decoration:none}.tl-card:hover{border-color:#9f79c9;box-shadow:0 8px 20px #3d185312}.tl-thumb{position:relative;aspect-ratio:16/9;background:#201636}.tl-thumb img{width:100%;height:100%;object-fit:cover}.tl-thumb>span{position:absolute;bottom:10px;right:10px;padding:3px 7px;border-radius:4px;background:#21172ce6;color:white;font-size:.8rem}.tl-card-body{padding:22px}.tl-card h3{font-size:1.23rem;font-weight:650;line-height:1.35;color:#292335}.tl-card-body>p:not(.tl-eyebrow){font-size:.95rem;line-height:1.6;color:#61596a}.tl-watch{display:block;color:#7741af;font-weight:600;margin-top:20px}.tl-empty{text-align:center;padding:48px 20px;background:white;border-radius:12px}.tl-empty button,.tl-button{background:#7543b6;color:white!important;border:0;padding:12px 22px;border-radius:8px;display:inline-block}.tl-watch-container{max-width:1040px}.tl-player{aspect-ratio:16/9;background:#21172c;border-radius:16px;overflow:hidden}.tl-player button{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#21172c}.tl-player img{width:100%;height:100%;object-fit:cover}.tl-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;background:#7041b8f5;color:white;padding:17px 25px;border-radius:40px;font-size:1.1rem;white-space:nowrap;box-shadow:0 5px 25px #1d10396b}.tl-player iframe{display:block;width:100%;height:100%;border:0}.tl-player-note{font-size:.87rem;line-height:1.6;color:#655e70;margin:16px 0 40px}.tl-watch-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:40px;line-height:1.7}.tl-watch-columns li{margin-bottom:8px}.tl-next{background:#eee7fa;border:1px solid #dfd1f0;border-radius:16px;padding:28px;margin:0 0 30px}.tl-next a{font-weight:650}.tl-home{padding:72px 0;background:#f8f7fc;color:#242034}.tl-home h2{font-size:2.2rem;font-weight:700;margin:0 0 16px}.tl-home .tl-grid{margin:30px 0}.tl-main [hidden]{display:none!important}.tl-main :focus-visible,.tl-home :focus-visible,details.nav-learn :focus-visible{outline:3px solid #e14b9e;outline-offset:4px}details.nav-learn{position:relative;text-align:left}details.nav-learn>summary{cursor:pointer;padding:10px 12px;list-style-position:inside;font-weight:600}details.nav-learn>div{position:absolute;top:100%;left:0;background:#412361;box-shadow:0 8px 24px #1e11364d;border-radius:10px;min-width:200px;padding:8px;z-index:1200}details.nav-learn>div>a{display:block!important;padding:10px 14px!important;color:white;text-decoration:none;border-radius:5px}details.nav-learn>div>a:hover{background:#ffffff20}#mobile-navigation details.nav-learn{display:block;max-width:240px;margin:0 auto;text-align:center}#mobile-navigation details.nav-learn>div{position:static;background:#ffffff12;box-shadow:none}#mobile-navigation details.nav-learn>div>a{padding:7px!important}.nav-learn-item{list-style:none}
@media(max-width:767px){.tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-container{padding:0 20px}.tl-header{margin-bottom:28px}.tl-start{padding:24px}.tl-start ol{grid-template-columns:1fr}.tl-watch-columns{grid-template-columns:1fr;gap:24px}.tl-home{padding:48px 0}.tl-main{padding-top:24px}}
@media(max-width:520px){.tl-grid{grid-template-columns:1fr;gap:20px}.tl-filters{grid-template-columns:1fr;gap:14px}.tl-breadcrumb{font-size:.8rem;margin-bottom:28px}.tl-header h1{font-size:2.3rem}.tl-card-body{padding:20px}.tl-play{font-size:1rem;padding:12px 18px}.tl-start{padding:20px}.tl-home h2{font-size:1.8rem}}
details.nav-learn>summary{color:white;font-size:1.1rem}.navigation>.nav-learn-item{margin:auto 0;padding:0!important}#mobile-navigation{max-height:calc(100vh - 76px);overflow-y:auto}details.nav-learn[open]>summary{color:#ffc3dd}

.tl-filters input,
.tl-filters select {
 box-sizing:border-box;
 height:52px;
 line-height:1.5;
}
.tl-filters select {
 appearance:none;
 padding-right:48px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23575365' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:right 16px center;
 background-size:16px 16px;
}
.tl-era{display:inline-block;padding:4px 9px;border-radius:6px;background:#eee9f7;color:#57416f;font-size:12px;font-weight:600;margin-bottom:8px}.tl-interface-note{padding:14px 18px;border-left:3px solid #8764ab;background:#f4f0f8;color:#57416f;border-radius:4px;line-height:1.6}