.tutorial-library-toolbar { min-height:42px;margin:0 0 11px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(101,214,170,.16);border-radius:8px;background:rgba(101,214,170,.035); }
.tutorial-library-toolbar span { color:#83999f;font-size:10.5px; }.tutorial-library-toolbar span b { margin-right:4px;color:#69dbb4;font-size:13px; }.tutorial-library-toolbar small { color:#58717a;font-size:9.5px; }
.tutorial-card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.tutorial-card { min-width:0;overflow:hidden;border:1px solid rgba(166,195,204,.11);border-radius:10px;background:#0b1922;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.tutorial-card:hover { transform:translateY(-2px);border-color:rgba(101,214,170,.3);box-shadow:0 12px 24px rgba(1,8,12,.25); }.tutorial-card[hidden]{display:none!important}
.tutorial-card-preview { height:92px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 78% 28%,rgba(81,208,169,.14),transparent 30%),linear-gradient(145deg,#0e2330,#08131b); }
.tutorial-card-preview::before { content:"";position:absolute;inset:15px 18px;border:1px solid rgba(166,195,204,.12);border-radius:6px;background:linear-gradient(90deg,rgba(101,214,170,.08) 1px,transparent 1px),linear-gradient(rgba(101,214,170,.08) 1px,transparent 1px);background-size:18px 18px; }
.tutorial-card-preview > span { position:absolute;left:13px;top:12px;width:28px;height:28px;z-index:1;display:grid;place-items:center;border:1px solid rgba(101,214,170,.34);border-radius:7px;color:#72dfbb;background:#0b1b24;font-size:9px;font-weight:800; }
.tutorial-card-preview > div { width:62%;height:36px;z-index:1;display:flex;align-items:end;gap:5px; }.tutorial-card-preview > div i { flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#6eddb9,#276d65);animation:tutorial-bars 2.4s ease-in-out infinite alternate; }.tutorial-card-preview > div i:nth-child(1){height:45%}.tutorial-card-preview > div i:nth-child(2){height:72%;animation-delay:-.8s}.tutorial-card-preview > div i:nth-child(3){height:38%;animation-delay:-1.5s}.tutorial-card-preview > div i:nth-child(4){height:88%;animation-delay:-.4s}
.tutorial-card-preview > b { position:absolute;right:12px;bottom:10px;width:29px;height:29px;z-index:2;display:grid;place-items:center;border-radius:50%;color:#07141a;background:#65d6aa;font-size:10px;box-shadow:0 0 0 6px rgba(101,214,170,.1); }
.tutorial-card > header { min-height:48px;padding:11px 12px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }.tutorial-card > header small,.tutorial-card > header strong { display:block; }.tutorial-card > header small { color:#58747d;font-size:8.5px;text-transform:uppercase;letter-spacing:.45px; }.tutorial-card > header strong { margin-top:3px;color:#c9d6d8;font-size:11.5px;line-height:1.25; }.tutorial-card > header time { flex:0 0 auto;color:#6bdab4;font:700 9px Roboto,Arial,sans-serif; }
.tutorial-card > p { min-height:58px;margin:5px 12px 0;color:#708991;font-size:10px;line-height:1.45; }.tutorial-card > footer { min-height:39px;margin-top:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(166,195,204,.08); }.tutorial-card > footer span { color:#526c75;font-size:8.5px; }.tutorial-card > footer button { border:0;color:#6bdab4;background:transparent;font:800 8.5px Roboto,Arial,sans-serif;letter-spacing:.4px;cursor:pointer; }

.tutorial-player { width:min(1050px,calc(100vw - 28px));height:min(750px,calc(100vh - 28px));padding:0;overflow:hidden;border:1px solid rgba(154,193,200,.22);border-radius:16px;color:#bdcacc;background:#07131b;box-shadow:0 32px 100px rgba(0,0,0,.7);font-family:Roboto,"Helvetica Neue",Arial,sans-serif; }
.tutorial-player::backdrop { background:rgba(1,7,11,.84);backdrop-filter:blur(7px); }.tutorial-player > article { height:100%;display:grid;grid-template-rows:75px minmax(310px,1fr) auto 44px 68px; }
.tutorial-player > article > header { padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(166,195,204,.11);background:linear-gradient(90deg,rgba(101,214,170,.07),transparent 55%); }
.tutorial-brand { display:flex;align-items:center;gap:12px; }.tutorial-brand > span,.tutorial-demo-top > span { display:flex;align-items:end;gap:3px;transform:skew(-17deg); }.tutorial-brand > span i,.tutorial-demo-top > span i { width:5px;border-radius:2px;background:#61d8ae;box-shadow:0 0 10px rgba(97,216,174,.35); }.tutorial-brand > span i:nth-child(1){height:19px}.tutorial-brand > span i:nth-child(2){height:28px}.tutorial-brand > span i:nth-child(3){height:15px}.tutorial-brand small,.tutorial-brand h2,.tutorial-brand p { display:block; }.tutorial-brand small { color:#63d7ad;font-size:9px;font-weight:700;letter-spacing:.8px; }.tutorial-brand h2 { margin:3px 0 0;color:#e1e9e9;font-size:18px;line-height:1.15; }.tutorial-brand p { margin:3px 0 0;color:#647c84;font-size:10px; }
.tutorial-player > article > header > button { width:34px;height:34px;border:1px solid rgba(166,195,204,.15);border-radius:8px;color:#7d9299;background:#0a1a23;font-size:19px;cursor:pointer; }
.tutorial-stage { min-height:0;position:relative;overflow:hidden;padding:20px 24px;background:radial-gradient(circle at 80% 20%,rgba(54,188,157,.14),transparent 30%),linear-gradient(145deg,#0b1d28,#071119 65%); }
.tutorial-stage::before { content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(107,218,180,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(107,218,180,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 88%); }
.tutorial-demo { width:min(780px,87%);height:100%;min-height:280px;position:relative;z-index:1;margin:auto;overflow:hidden;border:1px solid rgba(166,195,204,.17);border-radius:11px;background:#0a1821;box-shadow:0 24px 55px rgba(0,0,0,.35);transform:perspective(1200px) rotateX(1deg); }
.tutorial-demo-top { height:35px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(166,195,204,.11);background:#0b1b25; }.tutorial-demo-top > span i { width:3px}.tutorial-demo-top > span i:nth-child(1){height:9px}.tutorial-demo-top > span i:nth-child(2){height:14px}.tutorial-demo-top > span i:nth-child(3){height:7px}.tutorial-demo-top b { color:#b9c9cb;font-size:7px;letter-spacing:.5px; }.tutorial-demo-top em { width:6px;height:6px;margin-left:auto;border-radius:50%;background:#65d6aa;box-shadow:0 0 9px #65d6aa; }
.tutorial-demo-sidebar { width:92px;position:absolute;left:0;top:35px;bottom:0;padding:14px 10px;border-right:1px solid rgba(166,195,204,.08);background:#08151d; }.tutorial-demo-sidebar i { height:18px;margin-bottom:7px;display:block;border-radius:4px;background:rgba(111,139,147,.09); }.tutorial-demo-sidebar i:first-child { background:rgba(101,214,170,.16);box-shadow:inset 2px 0 #65d6aa; }
.tutorial-demo-workspace { position:absolute;left:92px;right:0;top:35px;bottom:0;padding:12px; }.tutorial-demo-filters { height:33px;padding:0 7px;display:flex;align-items:center;gap:6px;border:1px solid rgba(166,195,204,.1);border-radius:5px;background:#0b1b24;transition:all .35s ease; }.tutorial-demo-filters i { width:22%;height:16px;border:1px solid rgba(166,195,204,.11);border-radius:3px; }.tutorial-demo-filters b { height:17px;margin-left:auto;padding:0 7px;display:grid;place-items:center;border-radius:3px;color:#082018;background:#63d4aa;font-size:5px; }
.tutorial-demo-kpis { height:42px;margin-top:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;transition:all .35s ease; }.tutorial-demo-kpis i { border:1px solid rgba(166,195,204,.09);border-radius:4px;background:linear-gradient(120deg,rgba(101,214,170,.08),rgba(101,214,170,.01)); }.tutorial-demo-canvas { position:absolute;left:12px;right:12px;top:101px;bottom:12px;overflow:hidden;border:1px solid rgba(166,195,204,.1);border-radius:5px;background:radial-gradient(circle at 50% 55%,rgba(101,214,170,.07),transparent 40%),#091720;transition:all .35s ease; }
.tutorial-demo-canvas .route { position:absolute;left:7%;right:8%;height:4px;border-radius:5px;background:linear-gradient(90deg,#69dcb6,#f1bf52,#ef735d,#65d7ae);transform:rotate(-8deg);box-shadow:0 0 10px rgba(101,214,170,.18); }.tutorial-demo-canvas .route.one { top:34%; }.tutorial-demo-canvas .route.two { top:54%;transform:rotate(7deg);opacity:.72; }.tutorial-demo-canvas .event { position:absolute;width:8px;height:8px;border:2px solid #f4c15b;border-radius:50%;box-shadow:0 0 0 4px rgba(244,193,91,.12); }.tutorial-demo-canvas .event.a{left:44%;top:27%}.tutorial-demo-canvas .event.b{left:68%;top:53%}
.tutorial-demo-chart { position:absolute;left:5%;right:5%;bottom:10%;height:39%;display:flex;align-items:end;gap:5px;opacity:.18;transition:all .35s ease; }.tutorial-demo-chart i { flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#67dab2,#24685f); }.tutorial-demo-chart i:nth-child(1){height:28%}.tutorial-demo-chart i:nth-child(2){height:43%}.tutorial-demo-chart i:nth-child(3){height:71%}.tutorial-demo-chart i:nth-child(4){height:49%}.tutorial-demo-chart i:nth-child(5){height:86%}.tutorial-demo-chart i:nth-child(6){height:66%}.tutorial-demo-chart i:nth-child(7){height:38%}
.tutorial-demo-decision { position:absolute;right:20px;bottom:19px;width:155px;height:48px;padding:0 10px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(101,214,170,.28);border-radius:5px;background:rgba(7,24,28,.94);opacity:.08;transform:translateY(8px);transition:all .35s ease; }.tutorial-demo-decision span { color:#6e8b8b;font-size:6px; }.tutorial-demo-decision b { margin-top:4px;color:#6cdfb9;font-size:7px; }
.tutorial-stage-label { position:absolute;z-index:3;left:36px;bottom:30px;display:flex;align-items:center;gap:9px; }.tutorial-stage-label span { width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(101,214,170,.4);border-radius:8px;color:#70dfba;background:#081820;font-size:10px;font-weight:800; }.tutorial-stage-label small { color:#b6c7c8;font-size:9px;font-weight:700;letter-spacing:.6px; }
.tutorial-stage[data-phase="overview"] .tutorial-demo { box-shadow:0 22px 65px rgba(0,0,0,.42),0 0 0 1px rgba(101,214,170,.08); }.tutorial-stage[data-phase="filters"] .tutorial-demo-filters { border-color:#65d6aa;box-shadow:0 0 0 4px rgba(101,214,170,.1);transform:scale(1.015); }.tutorial-stage[data-phase="run"] .tutorial-demo-kpis { filter:brightness(1.7);transform:scale(1.01); }.tutorial-stage[data-phase="run"] .tutorial-demo-top em { animation:tutorial-pulse .8s ease-in-out infinite alternate; }.tutorial-stage[data-phase="results"] .tutorial-demo-chart { opacity:.95; }.tutorial-stage[data-phase="results"] .tutorial-demo-canvas { border-color:rgba(101,214,170,.36); }.tutorial-stage[data-phase="decision"] .tutorial-demo-decision { opacity:1;transform:translateY(0);box-shadow:0 8px 24px rgba(0,0,0,.32); }
.tutorial-caption { min-height:103px;padding:15px 24px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;border-top:1px solid rgba(166,195,204,.08);background:#081720; }.tutorial-caption small { color:#60d6ad;font-size:9px;font-weight:700;letter-spacing:.65px; }.tutorial-caption h3 { margin:5px 0 0;color:#e0e8e8;font-size:18px; }.tutorial-caption p { margin:0;color:#8da1a6;font-size:13px;line-height:1.55; }
.tutorial-timeline { padding:0 24px;display:grid;grid-template-columns:1fr 42px;gap:12px;align-items:center;border-top:1px solid rgba(166,195,204,.07); }.tutorial-timeline > div { display:flex;gap:6px; }.tutorial-chapter-dot { height:4px;position:relative;flex:1;overflow:hidden;padding:0;border:0;border-radius:8px;background:#1b3039;cursor:pointer; }.tutorial-chapter-dot i { width:0;height:100%;display:block;border-radius:8px;background:#63d7ae; }.tutorial-chapter-dot.complete i { width:100%; }.tutorial-player.is-playing .tutorial-chapter-dot.active i { animation:tutorial-progress var(--chapter-duration,9.5s) linear forwards; }.tutorial-timeline > span { color:#698089;font-size:9px;text-align:right; }
.tutorial-player > article > footer { padding:0 20px;display:grid;grid-template-columns:auto minmax(155px,1fr) auto auto;gap:10px;align-items:center;border-top:1px solid rgba(166,195,204,.1);background:#091720; }.tutorial-transport { display:flex;gap:5px; }.tutorial-transport button,.tutorial-voice,.tutorial-open-module { height:34px;border:1px solid rgba(166,195,204,.14);border-radius:7px;color:#84999f;background:#0b1b24;font:700 9px Roboto,Arial,sans-serif;cursor:pointer; }.tutorial-transport > button { width:36px;font-size:18px; }.tutorial-transport > button:disabled { opacity:.3;cursor:default; }.tutorial-transport .tutorial-play { width:112px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#b9c9cc;font-size:9px; }.tutorial-play > span { color:#69dbb4;font-size:12px; }.tutorial-voice { padding:0 11px; }.tutorial-voice span { margin-left:5px;color:#677d84; }.tutorial-voice.active { border-color:rgba(101,214,170,.34);color:#69dcb5;background:rgba(101,214,170,.07); }.tutorial-voice.active span { color:#69dcb5; }.tutorial-open-module { min-width:130px;padding:0 14px;border-color:rgba(101,214,170,.35);color:#072019;background:#65d6aa; }
@keyframes tutorial-bars { to { transform:scaleY(.68);filter:brightness(1.25); } } @keyframes tutorial-pulse { to { box-shadow:0 0 16px 4px rgba(101,214,170,.48); } } @keyframes tutorial-progress { from{width:0}to{width:100%} }
@media (max-width:900px) { .tutorial-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-caption{grid-template-columns:190px 1fr}.tutorial-demo{width:94%} }
@media (max-width:650px) { .tutorial-card-grid{grid-template-columns:1fr}.tutorial-library-toolbar{align-items:flex-start;flex-direction:column;padding:9px 11px}.tutorial-player{width:calc(100vw - 12px);height:calc(100vh - 12px)}.tutorial-player>article{grid-template-rows:70px minmax(250px,1fr) auto 40px 62px}.tutorial-stage{padding:14px 8px}.tutorial-demo{width:100%;min-height:235px}.tutorial-demo-sidebar{width:62px}.tutorial-demo-workspace{left:62px}.tutorial-caption{padding:13px 16px;grid-template-columns:1fr;gap:7px}.tutorial-caption h3{font-size:15px}.tutorial-caption p{font-size:11px}.tutorial-player>article>footer{padding:0 10px;grid-template-columns:auto 1fr auto}.tutorial-voice{display:none}.tutorial-open-module{min-width:105px;padding:0 8px}.tutorial-transport .tutorial-play{width:44px}.tutorial-play b{display:none}.tutorial-stage-label{left:18px;bottom:19px} }
@media (prefers-reduced-motion:reduce) { .tutorial-card,.tutorial-card-preview>div i,.tutorial-demo-top em,.tutorial-chapter-dot i{animation:none!important;transition:none!important}.tutorial-card:hover{transform:none}.tutorial-player.is-playing .tutorial-chapter-dot.active i{width:35%} }

/* Manual audiovisual 2026.08: pantallas reales, foco contextual y voz seleccionable. */
.tutorial-card-preview { isolation:isolate;display:block;background:#07131b; }
.tutorial-card-preview::before { z-index:1;inset:0;border:0;border-radius:0;background:linear-gradient(180deg,transparent 25%,rgba(5,14,20,.78)); }
.tutorial-card-preview > img { width:100%;height:100%;display:block;object-fit:cover;object-position:top center;filter:saturate(.92) brightness(.78);transition:transform .35s ease,filter .35s ease; }
.tutorial-card:hover .tutorial-card-preview > img { transform:scale(1.035);filter:saturate(1.04) brightness(.92); }
.tutorial-card-preview > em { position:absolute;z-index:2;left:48px;top:15px;padding:4px 6px;border:1px solid rgba(101,214,170,.2);border-radius:4px;color:#8ce7c8;background:rgba(5,20,25,.82);font:700 7px Roboto,Arial,sans-serif;letter-spacing:.45px; }
.tutorial-card-preview > span,.tutorial-card-preview > b { z-index:3; }
.tutorial-card > footer > div { display:flex;align-items:center;gap:10px; }.tutorial-card > footer > div button:first-child { color:#81989f; }

.tutorial-real-screen { width:min(930px,92%);height:100%;max-height:100%;position:relative;z-index:1;margin:0 auto;overflow:hidden;border:1px solid rgba(166,195,204,.22);border-radius:10px;background:#061119;box-shadow:0 24px 58px rgba(0,0,0,.42); }
.tutorial-real-screen > img { width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#07131b;transition:transform .65s cubic-bezier(.2,.72,.2,1),filter .35s ease; }
.tutorial-real-screen > figcaption { position:absolute;z-index:5;right:10px;top:10px;padding:6px 8px;border:1px solid rgba(101,214,170,.24);border-radius:5px;color:#9ab0b5;background:rgba(5,18,25,.9);font:700 7.5px Roboto,Arial,sans-serif;letter-spacing:.55px;backdrop-filter:blur(5px); }
.tutorial-real-screen > figcaption i { width:6px;height:6px;margin-right:5px;display:inline-block;border-radius:50%;background:#65d6aa;box-shadow:0 0 8px #65d6aa; }
.tutorial-screen-shade { position:absolute;z-index:2;inset:0;background:rgba(1,8,12,.1);transition:background .35s ease;pointer-events:none; }
.tutorial-screen-focus { position:absolute;z-index:4;border:2px solid #68ddb7;border-radius:8px;box-shadow:0 0 0 999px rgba(1,8,12,.38),0 0 0 5px rgba(101,214,170,.13),0 0 24px rgba(101,214,170,.28);opacity:0;transition:inset .55s cubic-bezier(.2,.72,.2,1),left .55s cubic-bezier(.2,.72,.2,1),top .55s cubic-bezier(.2,.72,.2,1),width .55s cubic-bezier(.2,.72,.2,1),height .55s cubic-bezier(.2,.72,.2,1),opacity .25s ease;pointer-events:none; }
.tutorial-stage[data-phase="overview"] .tutorial-real-screen > img { transform:scale(1); }
.tutorial-stage[data-phase="filters"] .tutorial-screen-focus { left:25%;top:11%;width:72%;height:17%;opacity:1; }
.tutorial-stage[data-phase="run"] .tutorial-screen-focus { left:69%;top:4%;width:27%;height:14%;opacity:1; }
.tutorial-stage[data-phase="results"] .tutorial-screen-focus { left:26%;top:29%;width:70%;height:62%;opacity:1; }
.tutorial-stage[data-phase="decision"] .tutorial-screen-focus { left:25%;top:21%;width:72%;height:72%;opacity:1;border-color:#f0bf58;box-shadow:0 0 0 999px rgba(1,8,12,.38),0 0 0 5px rgba(240,191,88,.12),0 0 24px rgba(240,191,88,.24); }
.tutorial-stage-label > div { min-width:0; }.tutorial-stage-label b { margin-top:3px;display:block;color:#5f7a82;font:600 7.5px Roboto,Arial,sans-serif;letter-spacing:.35px; }

.tutorial-voice-picker { height:34px;min-width:0;padding:0 9px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;border:1px solid rgba(166,195,204,.14);border-radius:7px;background:#0b1b24; }
.tutorial-voice-picker > span { color:#5f7981;font:700 8px Roboto,Arial,sans-serif;letter-spacing:.4px; }.tutorial-voice-picker select { min-width:0;max-width:230px;border:0;outline:0;color:#9cb0b5;background:transparent;font:600 8.5px Roboto,Arial,sans-serif; }
.tutorial-voice-picker[data-quality="natural"] { border-color:rgba(101,214,170,.25); }.tutorial-voice-picker[data-quality="natural"] > span::after { content:" · NATURAL";color:#66dab4; }
.tutorial-voice-picker[data-quality="system"] > span::after { content:" · SISTEMA";color:#e3b659; }
.tutorial-voice-picker[data-quality="captions"] > span::after { content:" · SUBTÍTULOS";color:#e5767a; }

.help-context-tab { min-height:58px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;border:1px solid rgba(101,214,170,.15)!important;background:linear-gradient(135deg,rgba(101,214,170,.085),rgba(101,214,170,.015))!important; }
.help-context-tab > span { grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(101,214,170,.3);border-radius:7px;color:#6fdfba;background:#091a22;font-size:8.5px;font-weight:800; }.help-context-tab > b,.help-context-tab > small { min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.help-context-tab > b { align-self:end;color:#c7d5d7;font-size:9.5px; }.help-context-tab > small { align-self:start;margin-top:2px;color:#5f7880;font-size:8px; }

.contextual-manual > header { margin-bottom:12px; }.contextual-manual-screen { position:relative;margin:0;overflow:hidden;border:1px solid rgba(166,195,204,.15);border-radius:10px;background:#07131b;box-shadow:0 15px 34px rgba(0,0,0,.2); }.contextual-manual-screen img { width:100%;max-height:355px;display:block;object-fit:cover;object-position:top center; }.contextual-manual-screen figcaption { position:absolute;left:0;right:0;bottom:0;min-height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8da3aa;background:linear-gradient(90deg,rgba(5,18,25,.96),rgba(5,18,25,.78));font:700 8px Roboto,Arial,sans-serif;letter-spacing:.35px;backdrop-filter:blur(5px); }.contextual-manual-screen figcaption i { width:6px;height:6px;margin-right:5px;display:inline-block;border-radius:50%;background:#65d6aa;box-shadow:0 0 8px #65d6aa; }.contextual-manual-screen figcaption b { color:#66d8b3;font-size:8px; }
.contextual-manual-actions { margin:9px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px; }.contextual-manual-actions button { min-height:52px;padding:0 12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid rgba(101,214,170,.18);border-radius:8px;color:#a9bbbf;background:#0b1a23;text-align:left;cursor:pointer; }.contextual-manual-actions button:hover { border-color:rgba(101,214,170,.4);background:rgba(101,214,170,.065); }.contextual-manual-actions button > span { grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#061a14;background:#65d6aa;font-size:11px; }.contextual-manual-actions strong { align-self:end;font-size:8.5px;letter-spacing:.35px; }.contextual-manual-actions small { align-self:start;margin-top:2px;color:#5e7780;font-size:8px; }
.contextual-manual-grid { display:grid;grid-template-columns:1fr 1fr;gap:9px; }.contextual-manual-grid article { min-height:122px;position:relative;padding:13px 13px 13px 47px;border:1px solid rgba(166,195,204,.1);border-radius:8px;background:#0b1922; }.contextual-manual-grid article > b { position:absolute;left:12px;top:13px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(101,214,170,.22);border-radius:6px;color:#6bdcb7;font-size:8px; }.contextual-manual-grid article > small,.contextual-manual-grid article > strong { display:block; }.contextual-manual-grid article > small { color:#58737c;font-size:7.5px;font-weight:700;letter-spacing:.55px; }.contextual-manual-grid article > strong { margin-top:4px;color:#c2d1d4;font-size:10.5px; }.contextual-manual-grid article > p { margin:7px 0 0;color:#718890;font-size:9.5px;line-height:1.5; }
.manual-quality-check { margin-top:9px;padding:13px;border:1px solid rgba(240,191,88,.17);border-radius:8px;background:rgba(240,191,88,.035); }.manual-quality-check > header { display:flex;align-items:center;gap:9px; }.manual-quality-check > header > span { width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#07120f;background:#e6bb57;font-weight:900; }.manual-quality-check small,.manual-quality-check strong { display:block; }.manual-quality-check small { color:#8c7750;font-size:7.5px;letter-spacing:.5px; }.manual-quality-check strong { margin-top:3px;color:#d8c292;font-size:10px; }.manual-quality-check ol { margin:11px 0 0;padding-left:19px;columns:2;column-gap:30px; }.manual-quality-check li { margin:0 0 6px;color:#7c8987;font-size:9px;line-height:1.4;break-inside:avoid; }

html[data-theme="light"] .tutorial-card,html[data-theme="light"] .contextual-manual-grid article,html[data-theme="light"] .contextual-manual-actions button { border-color:rgba(39,83,76,.14);background:#fff;box-shadow:0 8px 22px rgba(31,66,60,.06); }
html[data-theme="light"] .tutorial-card :is(strong,p),html[data-theme="light"] .contextual-manual-grid article :is(strong,p) { color:#294740; }
html[data-theme="light"] .tutorial-player { color:#294740;border-color:rgba(39,83,76,.2);background:#f5f9f8;box-shadow:0 30px 90px rgba(31,66,60,.26); }
html[data-theme="light"] .tutorial-player > article > :is(header,footer),html[data-theme="light"] .tutorial-caption { border-color:rgba(39,83,76,.12);background:#fff; }
html[data-theme="light"] .tutorial-brand h2,html[data-theme="light"] .tutorial-caption h3 { color:#17322d; }html[data-theme="light"] .tutorial-caption p { color:#607a75; }
html[data-theme="light"] .tutorial-stage { background:radial-gradient(circle at 80% 20%,rgba(22,140,110,.1),transparent 30%),#eaf1ef; }
html[data-theme="light"] .tutorial-voice-picker,html[data-theme="light"] .tutorial-transport button,html[data-theme="light"] .tutorial-voice { color:#3f5c56;border-color:rgba(39,83,76,.15);background:#f5f9f8; }
html[data-theme="light"] .help-center { color:#294740;border-color:rgba(39,83,76,.2);background:#f6faf9;box-shadow:0 30px 90px rgba(31,66,60,.24); }
html[data-theme="light"] .help-center > form > :is(header,footer),html[data-theme="light"] .help-center-layout > aside { border-color:rgba(39,83,76,.12);background:#fff; }
html[data-theme="light"] .help-center > form > header h3,html[data-theme="light"] .help-section > header h4,html[data-theme="light"] .help-context-tab > b { color:#17322d; }
html[data-theme="light"] .help-center > form > header p,html[data-theme="light"] .help-section > header p,html[data-theme="light"] .help-context-tab > small { color:#607a75; }
html[data-theme="light"] .help-search { border-color:rgba(39,83,76,.15);background:rgba(255,255,255,.98);box-shadow:0 8px 18px rgba(31,66,60,.08); }html[data-theme="light"] .help-search input { color:#17322d; }
html[data-theme="light"] .help-center-layout > aside button:hover,html[data-theme="light"] .help-center-layout > aside button.active { color:#17322d;background:rgba(22,140,110,.08); }
html[data-theme="light"] .help-tool-card-rich > dl > div,html[data-theme="light"] .help-tool-card-rich > footer { border-color:rgba(39,83,76,.1); }html[data-theme="light"] .help-tool-card-rich dd { color:#56716b; }

@media (max-width:760px) {
  .tutorial-player > article > footer { grid-template-columns:auto 1fr auto; }.tutorial-voice-picker { display:none; }.tutorial-voice { justify-self:end; }.tutorial-open-module { grid-column:3;grid-row:1; }
  .contextual-manual-grid,.contextual-manual-actions { grid-template-columns:1fr; }.manual-quality-check ol { columns:1; }.contextual-manual-screen img { max-height:260px; }
}