.tutorial-shell{max-width:1196px;margin:0 auto;padding:0 32px 40px}.tutorial-shell [hidden]{display:none!important}.tutorial-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:388px;padding:64px 0 54px;gap:40px;overflow:hidden}.tutorial-hero__copy{position:relative;z-index:1;max-width:630px}.tutorial-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.23;font-weight:500;letter-spacing:-.045em;margin-bottom:19px}.tutorial-hero h1 span{color:#b4caed}.tutorial-hero__lead{color:#a9bad4;font-size:15px;line-height:1.9;margin-bottom:18px}.tutorial-help-link{display:inline-flex;align-items:center;gap:10px;color:#8fa6ca;font-size:12px;text-decoration:none}.tutorial-help-link:hover{color:#dceaff}.mobile-break{display:none}.tutorial-orbit{position:relative;flex:0 0 260px;width:260px;height:260px;margin-right:28px;opacity:.8;isolation:isolate}.tutorial-orbit__ring{position:absolute;inset:15px;border:1px solid #abc7f122;border-radius:50%;transform:rotate(-28deg) scaleY(.65)}.tutorial-orbit__ring--inner{inset:40px;transform:rotate(43deg) scaleY(.78);border-style:dashed;border-color:#bad6ff2b}.tutorial-orbit__planet{position:absolute;inset:69px;border-radius:50%;background:radial-gradient(circle at 28% 23%,#cadcff,#7294ca 26%,#2c4678 55%,#14213b 72%);box-shadow:inset -13px -13px 24px #020815a1,0 0 65px #6893e620,0 0 1px 1px #c3d9ff42}.tutorial-orbit__dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#d5e8ff;top:49px;right:53px;box-shadow:0 0 13px #a4c9ff85}.tutorial-orbit__label{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#7088ac;font:8px NovaHeading,sans-serif;letter-spacing:.22em}.tutorial-library{padding-top:29px;border-top:1px solid var(--line)}.tutorial-library__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.tutorial-library__heading .eyebrow{margin-bottom:10px;font-size:9px}.tutorial-library__heading h2{margin:0;font-size:25px;font-weight:500}.tutorial-search{display:flex;align-items:center;gap:10px;width:270px;min-height:45px;padding:0 14px;background:#a6c6ff07;border:1px solid #a7bfe52b;border-radius:11px;transition:border-color .2s,background .2s}.tutorial-search:focus-within{border-color:#bdd8ff88;background:#a6c6ff0b;box-shadow:0 0 0 2px #8bb8ff0d}.tutorial-search svg{width:17px;height:17px;flex:none;fill:none;stroke:#8da4c8;stroke-width:1.6}.tutorial-search input{font:inherit;font-size:12px;min-width:0;width:100%;height:43px;border:0;background:transparent;color:#e4edff;outline:none}.tutorial-search input::placeholder{color:#7085a5}.tutorial-search input::-webkit-search-cancel-button{cursor:pointer}.tutorial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.tutorial-filters{display:flex;flex-wrap:wrap;gap:7px}.tutorial-filters button{appearance:none;cursor:pointer;color:#98abc9;font-size:12px;line-height:1.4;border:1px solid transparent;border-radius:8px;background:transparent;padding:8px 13px;min-height:35px;transition:background .2s,color .2s,border-color .2s}.tutorial-filters button:hover{background:#91b2ee0b;color:#e5efff}.tutorial-filters button[aria-pressed=true]{background:#9abfff12;border-color:#adcaff37;color:#d5e7ff}.tutorial-result-count{white-space:nowrap;margin:0;color:#788eaf;font-size:11px}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tutorial-card{display:flex;flex-direction:column;position:relative;min-height:226px;padding:24px;border:1px solid #a1bceb20;border-radius:15px;background:linear-gradient(140deg,#19243a80,#0f17268f 70%);text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s,border-color .2s,background .2s;isolation:isolate}.tutorial-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0,#9dc2ff0b,transparent 60%);pointer-events:none}.tutorial-card:hover{transform:translateY(-3px);border-color:#adc9f351;background:linear-gradient(140deg,#21314d95,#111c2eaa 70%);color:inherit}.tutorial-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;color:#8fa9ce;font-size:10px}.tutorial-card__category{letter-spacing:.02em}.tutorial-card__pin{color:#b6cae8;font-size:9px;border:1px solid #b5cff325;padding:1px 6px;border-radius:4px;line-height:1.6}.tutorial-card h2{font-size:16px;font-weight:500;letter-spacing:-.015em;line-height:1.65;margin-bottom:13px;color:#e0ebfd;overflow-wrap:anywhere}.tutorial-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.85;color:#8198ba;margin:0 0 20px;overflow-wrap:anywhere}.tutorial-card__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;color:#7c96bd;font-size:10px}.tutorial-card time{font-variant-numeric:tabular-nums}.tutorial-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:38px 22px;text-align:center;border:1px solid #a4bce620;border-radius:15px;background:#10182766;color:#92a9cd;margin:18px 0}.tutorial-state h2{font-size:21px;color:#dce9fd;margin:0 0 13px}.tutorial-state p{font-size:13px;line-height:1.9;margin-bottom:15px}.tutorial-state p:last-child{margin:0}.tutorial-state .button{cursor:pointer;font:inherit;font-size:12px;margin-top:6px}.tutorial-state .tutorial-help-link{margin-top:18px}.tutorial-spinner{display:block;width:22px;height:22px;border:2px solid #a4c7ff22;border-top-color:#a4c7ffbb;border-radius:50%;animation:tutorial-spin .8s linear infinite;margin-bottom:14px}.tutorial-state--empty{min-height:210px}.tutorial-article{max-width:844px;margin:0 auto;padding-top:37px}.tutorial-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid #a6c5f73d;border-radius:10px;background:#8caef511;color:#d1e0f9;font-size:14px;line-height:1.5;text-decoration:none;margin-bottom:28px}.tutorial-back:hover{color:#fff;border-color:#a6c5f780;background:#8caef51c}.tutorial-article__header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:32px}.tutorial-article__header .eyebrow{font-size:10px;margin-bottom:17px}.tutorial-article__header h1{font-size:clamp(26px,3vw,37px);line-height:1.55;font-weight:500;letter-spacing:-.025em;margin-bottom:18px;overflow-wrap:anywhere}.tutorial-article__summary{font-size:14px;line-height:1.9;color:#9eb3d3;margin-bottom:17px;overflow-wrap:anywhere}.tutorial-article__date{font-size:11px;color:#738baa;margin:0}.tutorial-article__body{font-size:15px;color:#bacbe4;line-height:1.95;overflow-wrap:anywhere;min-width:0}.tutorial-article__body h2{font-size:23px;margin:35px 0 17px;color:#e1edff;line-height:1.5}.tutorial-article__body h3{font-size:18px;margin:28px 0 14px;color:#dbe9ff;line-height:1.6}.tutorial-article__body h4{font-size:16px;margin:24px 0 13px;color:#dbe9ff}.tutorial-article__body p{margin-bottom:18px}.tutorial-article__body li{margin-bottom:7px}.tutorial-article__body ul,.tutorial-article__body ol{padding-left:24px;margin-bottom:22px}.tutorial-article__body img,.tutorial-article__body video{display:block;max-width:100%;width:auto;height:auto;margin:23px auto;border:1px solid #a0b7de24;border-radius:10px;background:#09101e}.tutorial-article__body video{width:100%;max-height:70vh;min-height:160px;background:#050a12}.tutorial-article__body figure{max-width:100%;margin:26px 0}.tutorial-article__body figcaption{font-size:12px;color:#819abd;text-align:center;margin-top:-10px}.tutorial-article__body hr{border:0;border-top:1px solid var(--line);margin:29px 0}.tutorial-article__body a{overflow-wrap:anywhere}.tutorial-article__body pre{white-space:pre-wrap;border:1px solid var(--line);border-radius:9px}.tutorial-article__body blockquote{border-left:2px solid #9ebfe4;margin:20px 0;padding:10px 19px;background:#9ebfe409}.tutorial-article__body table{min-width:0;display:block;overflow-x:auto;max-width:100%}.tutorial-article__end{margin-top:42px;padding:28px 0 5px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:12px 21px}.tutorial-article__end p{margin:0 auto 0 0;font-size:12px;color:#849cc0}.tutorial-article__end .button{font-size:12px;min-height:40px}.tutorial-footer{margin-top:54px}.tutorial-footer nav{display:flex;gap:19px;flex-wrap:wrap}.tutorial-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes tutorial-spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.tutorial-shell{max-width:1260px}.tutorial-hero{min-height:405px}.tutorial-grid{gap:18px}.tutorial-card{padding:27px;min-height:238px}}
@media(max-width:1000px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-orbit{flex-basis:230px;width:230px;height:230px;margin-right:0}.tutorial-orbit__planet{inset:61px}.tutorial-orbit__dot{top:40px;right:47px}.tutorial-shell{padding-left:24px;padding-right:24px}.tutorial-hero{min-height:354px;padding:48px 0 42px}}
@media(max-width:720px){.tutorial-shell{padding:0 17px 28px}.tutorial-hero{min-height:315px;padding:39px 0 34px;gap:0}.tutorial-hero__copy{max-width:100%}.tutorial-hero h1{font-size:40px;margin-bottom:17px}.tutorial-hero .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:17px}.tutorial-hero__lead{font-size:13px;line-height:1.9;margin-bottom:15px}.tutorial-orbit{position:absolute;right:-53px;top:41px;width:183px;height:183px;opacity:.34;pointer-events:none}.tutorial-orbit__planet{inset:53px}.tutorial-orbit__ring{inset:8px}.tutorial-orbit__ring--inner{inset:28px}.tutorial-orbit__dot{top:33px;right:34px;width:5px;height:5px}.tutorial-orbit__label{display:none}.tutorial-help-link{font-size:11px;line-height:1.8}.tutorial-hero .tutorial-help-link{max-width:280px}.tutorial-library{padding-top:25px}.tutorial-library__heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:17px}.tutorial-library__heading h2{font-size:23px}.tutorial-search{width:100%;min-height:44px}.tutorial-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:17px}.tutorial-filters{width:100%;gap:5px}.tutorial-filters button{padding:8px 11px;font-size:11px}.tutorial-result-count{font-size:10px}.tutorial-grid{gap:12px}.tutorial-card{min-height:222px;padding:19px 17px;border-radius:12px}.tutorial-card h2{font-size:14px;line-height:1.7}.tutorial-card__top{margin-bottom:15px;font-size:9px}.tutorial-card__summary{font-size:11px;-webkit-line-clamp:2;margin-bottom:13px}.tutorial-card__pin{font-size:8px}.tutorial-card__bottom{font-size:9px}.tutorial-article{padding-top:26px}.tutorial-back{margin-bottom:24px}.tutorial-article__header{padding-bottom:23px;margin-bottom:25px}.tutorial-article__header h1{font-size:26px;line-height:1.6;margin-bottom:15px}.tutorial-article__summary{font-size:13px}.tutorial-article__date{font-size:10px}.tutorial-article__body{font-size:14px;line-height:1.95}.tutorial-article__body h2{font-size:21px;margin-top:30px}.tutorial-article__body h3{font-size:17px}.tutorial-article__body img,.tutorial-article__body video{border-radius:8px;margin:19px auto}.tutorial-article__body ul,.tutorial-article__body ol{padding-left:21px}.tutorial-article__end{gap:17px;margin-top:34px;padding-top:23px}.tutorial-article__end p{width:100%;font-size:11px}.tutorial-footer{margin-top:37px;font-size:10px}.tutorial-footer nav{gap:12px}.tutorial-state{min-height:190px;padding:30px 20px}.tutorial-state h2{font-size:19px}.topbar__inner{gap:12px}.topbar nav{gap:13px}.topbar nav a{font-size:11px}.topbar nav .nav-account{display:none}}
@media(max-width:440px){.tutorial-grid{grid-template-columns:minmax(0,1fr)}.tutorial-card{min-height:0;padding:21px 22px}.tutorial-card h2{font-size:16px}.tutorial-card__top{margin-bottom:15px}.tutorial-card__summary{font-size:12px;margin-bottom:17px}.tutorial-card__bottom{padding-top:0;font-size:10px}.tutorial-orbit{right:-58px;top:48px}.tutorial-filters{gap:3px}.tutorial-filters button{padding-left:10px;padding-right:10px}.tutorial-hero h1{font-size:37px}.mobile-break{display:initial}}
@media(prefers-reduced-motion:reduce){.tutorial-card,.tutorial-filters button,.tutorial-search{transition:none}.tutorial-card:hover{transform:none}.tutorial-spinner{animation:none;border-color:#a4c7ff88}}
@media print{.tutorial-hero,.tutorial-library,.tutorial-back,.tutorial-article__end,.tutorial-footer,.tutorial-state{display:none}.tutorial-shell{max-width:none;padding:0}.tutorial-article{max-width:none;padding:0}.tutorial-article__body,.tutorial-article__summary,.tutorial-article__date{color:#222}.tutorial-article__body img{max-height:750px;object-fit:contain;border:1px solid #ddd}.tutorial-article__body video{display:none}.tutorial-article__body h2,.tutorial-article__body h3{color:#111}}

/* Readable text-only tutorial cards. */
.tutorial-card{min-height:226px;padding:22px;}
.tutorial-card h2{font-size:18px;font-weight:600;line-height:1.6;margin-bottom:12px;}
@media(max-width:720px){.tutorial-card{min-height:0;padding:20px;}.tutorial-card h2{font-size:18px;line-height:1.65;}}