.tutorial-root{padding:1px 0;background:#f5f8fc;min-height:60vh}html[data-ainvestor-theme="night"] .tutorial-root{background:#071323}
.tutorial-page{--t-ink:#142943;--t-muted:#536981;--t-surface:#fff;--t-soft:#f0f6ff;--t-line:#d9e4f3;--t-link:#095fc1;width:min(1300px,calc(100% - 40px));margin:28px auto 60px;color:var(--t-ink);line-height:1.65}
html[data-ainvestor-theme="night"] .tutorial-page{--t-ink:#edf5ff;--t-muted:#b3c5dd;--t-surface:#102138;--t-soft:#132a45;--t-line:#2c4562;--t-link:#72c9ff}
.tutorial-page *{box-sizing:border-box}.tutorial-page a{color:var(--t-link);text-decoration:none}.tutorial-page a:hover{text-decoration:underline}.tutorial-page :focus-visible{outline:3px solid #f5ba22;outline-offset:5px}.tutorial-page h1,.tutorial-page h2,.tutorial-page h3{color:inherit;line-height:1.2;letter-spacing:-.035em}.tutorial-page h1{font-size:clamp(2.15rem,4.3vw,3.9rem);font-weight:850;margin:12px 0 18px}.tutorial-page h2{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:800}.tutorial-page h3{font-size:1.25rem;font-weight:780}.tutorial-page p{margin:0 0 16px}.tutorial-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--t-muted);font-size:.9rem;margin-bottom:20px}.tutorial-eyebrow{font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--t-link)}
.tutorial-hero{background:radial-gradient(ellipse at 90% 5%,#164372,transparent 50%),#07172d;color:#fff;border:1px solid #234a72;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;box-shadow:0 20px 55px #061b3b1a}.tutorial-hero-copy{padding:clamp(28px,4vw,54px);position:relative;z-index:1}.tutorial-hero .tutorial-eyebrow,.tutorial-cta .tutorial-eyebrow{color:#7be4f3}.tutorial-hero h1{font-size:clamp(2.2rem,3.4vw,3.4rem);color:#fff}.tutorial-hero-statement{font-size:clamp(1.35rem,2vw,1.85rem);font-weight:740;color:#ffe262;line-height:1.3}.tutorial-lead{color:var(--t-muted);font-size:1.08rem;max-width:850px}.tutorial-hero .tutorial-lead{color:#c9dbee;font-size:1rem}.tutorial-hero-art{display:flex;align-items:center;overflow:hidden;min-width:0}.tutorial-hero-art img{display:block;width:100%;height:auto;object-fit:contain}.tutorial-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border-radius:12px;font-weight:800;padding:13px 21px;transition:transform .15s}.tutorial-page .tutorial-button--yellow{color:#09213e;background:#ffda26;box-shadow:0 7px 20px #0002}.tutorial-button:hover{transform:translateY(-2px);text-decoration:none!important}.tutorial-hero-facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:.8rem;color:#bed4eb}.tutorial-hero-facts span+span{border-left:1px solid #416185;padding-left:14px}
.tutorial-list,.tutorial-steps,.tutorial-related{margin-top:44px;scroll-margin-top:260px}.tutorial-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 23px}.tutorial-section-heading p{color:var(--t-muted);margin-bottom:6px}.tutorial-section-heading .tutorial-eyebrow{color:var(--t-link)}.tutorial-language,.tutorial-detail-facts span{display:inline-flex;align-items:center;gap:6px;background:var(--t-soft);border:1px solid var(--t-line);padding:6px 12px;border-radius:999px;font-size:.8rem;white-space:nowrap}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tutorial-card{background:var(--t-surface);border:1px solid var(--t-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px #071b3810;display:flex;flex-direction:column}.tutorial-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#07172d}.tutorial-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.tutorial-card:hover .tutorial-card-image img{transform:scale(1.02)}.tutorial-duration{position:absolute;right:14px;bottom:13px;border:1px solid #a1bdd855;border-radius:8px;padding:3px 9px;color:white;background:#07172de6;font-size:.84rem;font-weight:700}.tutorial-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.tutorial-card-kicker{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:17px;font-size:.74rem;color:var(--t-muted);font-weight:700}.tutorial-status{padding:2px 8px;border:1px solid var(--t-line);border-radius:6px}.tutorial-status.is-ready{color:var(--t-link);background:var(--t-soft)}.tutorial-card h3 a{color:var(--t-ink)}.tutorial-card h3{font-size:1.5rem;margin-bottom:14px}.tutorial-card-body p{color:var(--t-muted)}.tutorial-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;margin-top:auto;padding-top:12px}.tutorial-card-link span{font-size:1.35rem}
.tutorial-detail-header{max-width:1000px;margin:30px 0}.tutorial-detail-facts{display:flex;flex-wrap:wrap;gap:9px}.tutorial-watch-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:24px;align-items:start}.tutorial-player-card{background:var(--t-surface);border:1px solid var(--t-line);border-radius:22px;overflow:hidden}.tutorial-player{position:relative;aspect-ratio:16/9;background:#07172d}.tutorial-player>img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-player-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(#06152b88,#06152bf0);padding:20px;text-align:center}.tutorial-player-cover strong{font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.2}.tutorial-player-cover a{color:#ffe262;font-weight:750}.tutorial-pending-icon{display:grid;place-items:center;border:1px solid #73d9f3;border-radius:50%;width:58px;height:58px;color:#73d9f3;font-size:1.4rem;padding-left:3px}.tutorial-play{border:0;border-radius:14px;display:flex;align-items:center;gap:15px;background:#ffda26;color:#09213e;font-size:1.1rem;font-weight:800;padding:16px 24px}.tutorial-play span{font-size:1.6rem}.tutorial-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tutorial-player-caption{padding:18px 24px;font-size:.88rem;color:var(--t-muted);display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between}.tutorial-player-caption strong{color:var(--t-ink)}.tutorial-player-caption p{margin:0}.tutorial-learning{background:var(--t-soft);border:1px solid var(--t-line);border-radius:22px;padding:28px}.tutorial-learning ul{padding:0;list-style:none;margin:24px 0}.tutorial-learning li{display:flex;gap:12px;margin:17px 0;line-height:1.5}.tutorial-learning li span{color:var(--t-link);font-size:1.1rem;font-weight:800}.tutorial-learning h2{font-size:1.6rem}.tutorial-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.tutorial-step{display:flex;gap:20px;align-items:start;border:1px solid var(--t-line);background:var(--t-surface);padding:25px;border-radius:18px}.tutorial-step-number{display:grid;place-items:center;min-width:40px;height:40px;background:var(--t-soft);color:var(--t-link);border-radius:12px;font-weight:850}.tutorial-step p{color:var(--t-muted);margin-bottom:0;font-size:.97rem}
.tutorial-transcript{margin-top:28px;scroll-margin-top:260px;border:1px solid var(--t-line);border-radius:20px;background:var(--t-surface);overflow:hidden}.tutorial-transcript summary{list-style:none;display:flex;justify-content:space-between;gap:18px;cursor:pointer;padding:23px 28px;font-weight:800;font-size:1.2rem}.tutorial-transcript summary::-webkit-details-marker{display:none}.tutorial-transcript summary>span:first-child{display:flex;align-items:center;gap:12px}.tutorial-transcript-plus{font-size:1.6rem;color:var(--t-link);line-height:1}.tutorial-transcript[open] .tutorial-transcript-plus{transform:rotate(45deg)}.tutorial-transcript-body{padding:0 28px 26px}.tutorial-transcript-note{color:var(--t-muted);font-size:.92rem}.tutorial-chapter{border-top:1px solid var(--t-line);display:grid;grid-template-columns:64px 1fr;gap:16px;padding:24px 0}.tutorial-chapter:last-child{padding-bottom:0}.tutorial-time{color:var(--t-link);font-variant-numeric:tabular-nums;font-weight:800;font-size:.9rem}.tutorial-chapter h3{font-size:1.12rem;letter-spacing:0;margin-bottom:10px}.tutorial-chapter p{margin:0;max-width:920px;color:var(--t-muted)}.tutorial-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tutorial-related-card{display:flex;flex-direction:column;gap:14px;background:var(--t-surface);border:1px solid var(--t-line);border-radius:16px;padding:24px}.tutorial-related-card strong{color:var(--t-ink);line-height:1.4}.tutorial-related-card>span:last-child{display:flex;justify-content:space-between;font-size:.85rem}.tutorial-related-card>span:last-child span{margin-left:auto}
.tutorial-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(ellipse at 95% 0,#214f79,transparent 60%),#07172d;color:#fff;border:1px solid #244666;border-radius:24px;padding:clamp(24px,4vw,42px);margin-top:42px}.tutorial-cta>div:first-child{max-width:680px}.tutorial-cta h2{color:#fff;margin-bottom:12px}.tutorial-cta p{color:#bdd0e6;margin-bottom:0}.tutorial-cta .tutorial-eyebrow{margin-bottom:13px}.tutorial-cta-actions{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;flex-shrink:0}.tutorial-cta-actions>a:not(.tutorial-button){color:#d5e9ff;font-size:.86rem}.tutorial-cta-actions small{color:#bdd0e6}.tutorial-disclaimer{color:var(--t-muted);text-align:center;font-size:.8rem;margin:22px auto 0!important;max-width:1000px}
@media(max-width:1000px){.tutorial-hero{grid-template-columns:1fr}.tutorial-watch-layout{grid-template-columns:1fr}.tutorial-cta{align-items:flex-start;flex-direction:column}.tutorial-cta-actions{align-items:flex-start}.tutorial-related-grid{grid-template-columns:1fr}.tutorial-hero-copy{padding:32px}}
@media(max-width:600px){.tutorial-page{width:calc(100% - 24px);margin-top:18px}.tutorial-page h1{font-size:2.1rem}.tutorial-grid,.tutorial-step-grid{grid-template-columns:1fr}.tutorial-hero-copy{padding:25px}.tutorial-section-heading{gap:12px}.tutorial-card-body{padding:21px}.tutorial-watch-layout{gap:18px}.tutorial-player-caption{padding:17px}.tutorial-player-cover{gap:8px;padding:12px}.tutorial-pending-icon{width:44px;height:44px}.tutorial-step{padding:20px;gap:12px}.tutorial-transcript summary{padding:20px;font-size:1rem}.tutorial-transcript-body{padding:0 20px 20px}.tutorial-chapter{grid-template-columns:1fr;gap:6px}.tutorial-cta-actions{width:100%}.tutorial-cta-actions .tutorial-button{width:100%}.tutorial-hero-facts{gap:10px}.tutorial-hero-facts span+span{border:0;padding:0}}
@media(prefers-reduced-motion:reduce){.tutorial-page *{transition:none!important;scroll-behavior:auto!important}}