@layer legal-reset, processual-content, legal-features, legal-overrides;:root{--card:var(--bg-1);--surface:var(--bg-2);--line:var(--border);--brand:var(--accent)}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}@layer processual-content{.processualShell{display:grid;width:100%;height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);background:var(--bg);color:var(--text);font-family:var(--font-ui)}}.processualTopbar{justify-content:space-between;padding:8px 16px;background:var(--chrome-bg);border-bottom:1px solid var(--border);position:relative;z-index:90}.processualIdentity,.processualTopbar{display:flex;align-items:center;min-width:0}.processualIdentity{gap:10px}.processualIdentity span{display:grid;gap:2px}.processualIdentity small{font-size:11px;color:var(--muted)}.processualTopbar .topbar__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.processualTopbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:8px;padding:7px;color:var(--text)}.processualTopbar button:hover{background:var(--bg-2)}.processualPreferences{position:absolute;right:12px;top:calc(100% + 8px);width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 90px);overflow:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow-panel-soft);z-index:150;pointer-events:auto}.processualPreferences header{display:flex;align-items:center;justify-content:space-between}.processualPreferences fieldset{margin:18px 0;padding:0;border:0}.processualPreferences .desktopLayoutSetting__options{display:grid;gap:6px}.processualPreferences .desktopLayoutSetting__option{justify-content:flex-start;text-align:left;width:100%;border:1px solid var(--border);padding:10px}.processualPreferences .desktopLayoutSetting__option span{display:grid}.processualPreferences .is-selected{background:var(--bg-2);border-color:var(--accent)}.processualOfficeControls{display:grid;gap:12px;margin:16px 0}.processualPreferences select{max-width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.processualContent{min-width:0;min-height:0;overflow:auto;padding:24px;background:var(--bg)}.processualRoute:has(>.shared-chat-host){height:100%;min-height:0}.processualContent:has(.shared-chat-host){padding:0;overflow:hidden}.processualContent .shared-chat-host{height:100%;min-height:0;gap:0}.processualContent .shared-chat-host-toolbar{display:none}.processualContent .shared-chat-host iframe{border:0;border-radius:0}.processualMobileNavigation{position:fixed;inset:56px 0 0;z-index:100;background:var(--bg-1);overflow:auto;padding:16px}.processualMobileNavigation a{display:flex;align-items:center;gap:12px;padding:12px;color:var(--text);text-decoration:none}@media(min-width:1181px){.processualMobileMenu{display:none!important}.processualTopbar{display:flex!important}html[data-desktop-layout=console] .processualIdentity{visibility:hidden}html[data-desktop-layout=console] .processualTopbar{background:transparent;border:0;box-shadow:none;pointer-events:none}html[data-desktop-layout=console] .processualTopbar .topbar__actions{pointer-events:auto}html[data-desktop-layout=console] .processualTopbar .moduleAccessButton span{display:none}.processualShell .desktopChrome a{text-decoration:none}.processualShell .desktopChrome button{font:inherit}}@media(max-width:1180px){.processualContent{padding:16px}.moduleAccessButton span,.processualPreferences .desktopLayoutSetting{display:none}}.processualDemoEntry{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:12px;text-decoration:none}.processualDemoChoices{display:grid;gap:12px;padding:18px;margin:16px 0;background:var(--bg-2);border:1px solid var(--border);border-radius:12px}.processualDemoChoices h2,.processualDemoChoices p{margin:0}.processualChatEmpty{max-width:760px;margin:40px auto;padding:24px}.processualChatEmpty div{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:600px){.processualTopbar{padding:8px}.processualTopbar .topbar__actions{gap:2px}.processualTopbar .topbar__actions button span{display:none}.processualDemoEntry{padding:6px;font-size:11px}.processualIdentity small{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-width:1181px){html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualTopbar{display:contents!important}html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualIdentity{display:none}html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualTopbar .topbar__actions{position:fixed;z-index:85;bottom:0;left:0;display:flex;width:var(--desktop-classic-width);height:76px;align-items:center;justify-content:space-evenly;gap:0;padding:8px 12px;border-top:1px solid var(--border);background:var(--chrome-bg)}html:is([data-desktop-layout=classic],[data-desktop-layout=home])[data-chrome-classic=closed] .processualTopbar .topbar__actions{display:none}html:is([data-desktop-layout=classic],[data-desktop-layout=home])[data-chrome-classic=closed]:has(.desktopClassicChrome:is(.is-peek,:focus-within)) .processualTopbar .topbar__actions{display:flex}html:is([data-desktop-layout=classic],[data-desktop-layout=home])[data-chrome-classic=closed]:has(.processualPreferences) .processualTopbar .topbar__actions{display:flex}html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualPreferences{position:fixed;top:auto;right:auto;bottom:12px;left:calc(var(--desktop-classic-width) + 8px)}html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualTopbar .processualDemoEntry,html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualTopbar .topbar__actions>button>span{display:none}}.processualPreviewNotice{margin:0 0 12px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-2);background:var(--bg-2)}@media (min-width:1181px){html:is([data-desktop-layout=classic],[data-desktop-layout=home]) .processualTopbar .topbar__actions>button{width:40px;height:40px;flex:0 0 40px}html:is([data-desktop-layout=classic],[data-desktop-layout=home]) #processual-module-actions:empty{display:none}}.lesson-library{max-width:1120px;margin:16px auto 50px}.lesson-eyebrow{display:flex;gap:8px;align-items:center;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:1.4px}.lesson-library h1{font-size:clamp(28px,3.5vw,46px);letter-spacing:-1.8px;margin:18px 0 12px;line-height:1.15}.lesson-intro{max-width:730px;font-size:16px;color:var(--muted);line-height:1.8}.lesson-promise{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0 32px;color:var(--muted);font-size:12px}.lesson-promise span{display:flex;align-items:center;gap:7px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.lesson-card-top{display:flex;justify-content:space-between;color:var(--brand);font-size:12px;font-weight:700}.lesson-card-top span:last-child{color:var(--muted)}.lesson-card h2{font-size:19px;margin:18px 0 8px}.lesson-card p{color:var(--muted);font-size:13px;line-height:1.7;flex:1}.lesson-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.lesson-card footer small{color:var(--muted)}.lesson-disclosure{font-size:12px;color:var(--muted);max-width:820px;margin-top:24px;line-height:1.8}.lesson-mode .processualContent{padding-right:400px}.lesson-mode .demo-controls{display:none}.lesson-mode dialog.work-dialog{max-width:calc(100vw - 440px);margin-right:410px;max-height:calc(100dvh - 40px)}.lesson-overlay{position:fixed;inset:0;pointer-events:none;z-index:10000}.lesson-coach{position:fixed;top:60px;right:20px;width:350px;max-height:calc(100dvh - 80px);overflow:auto;pointer-events:auto;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 44px #0002;text-align:left;font-size:13px}.lesson-coach header{display:flex;align-items:center;padding:16px 18px;gap:10px}.lesson-coach header span{display:flex;align-items:center;gap:8px;flex:1;font-weight:700;color:var(--brand)}.lesson-coach header button{display:grid;place-items:center;background:transparent;border:0;color:var(--muted);padding:5px;min-width:28px}.lesson-progress{height:3px;background:var(--line)}.lesson-progress i{display:block;height:100%;background:var(--accent);transition:width .3s}.lesson-copy{padding:20px}.lesson-copy>small{font-size:10px;letter-spacing:.6px;color:var(--muted)}.lesson-copy h2{font-size:21px;line-height:1.3;margin:10px 0 18px;letter-spacing:-.5px}.lesson-copy p{font-size:13px;line-height:1.7;margin:6px 0 16px}.lesson-compare strong{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.lesson-compare>svg{display:block;color:var(--brand);margin:12px 0}.lesson-compare strong:last-of-type{color:var(--brand)}.lesson-note{background:var(--warning-bg);border-left:3px solid var(--warning-line);color:var(--warning-text);padding:10px;font-size:11px!important}.lesson-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}.lesson-buttons .button{font-size:12px;display:flex;gap:6px;align-items:center;padding:10px 12px}.lesson-coach footer{border-top:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:11px}.lesson-coach footer label{display:flex;align-items:center;gap:8px}.lesson-coach select{width:95px;font-size:11px;padding:6px 8px}.lesson-local{display:block;text-align:center;color:var(--muted);font-size:9px;letter-spacing:.8px;padding:0 12px 14px}.lesson-error{margin:0 20px 16px;color:var(--danger);font-size:12px}.lesson-highlight{border:2px solid var(--accent);border-radius:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.lesson-highlight,.lesson-pointer{position:fixed;pointer-events:none}.lesson-pointer{color:var(--brand);filter:drop-shadow(1px 2px 2px #0005);transition:left .55s cubic-bezier(.22,.7,.2,1),top .55s cubic-bezier(.22,.7,.2,1);z-index:2}.lesson-pointer svg{stroke:var(--card);stroke-width:1.3}.lesson-pointer span{display:block;background:var(--brand);color:var(--card);padding:3px 8px;border-radius:6px;font-size:10px;margin-left:16px;white-space:nowrap}.lesson-pointer.is-clicking:before{content:"";position:absolute;width:44px;height:44px;border:3px solid var(--accent);border-radius:50%;left:-20px;top:-18px;animation:lesson-click .35s ease-out}@keyframes lesson-click{0%{transform:scale(.3);opacity:1}to{transform:scale(1.2);opacity:0}}@media (max-width:1100px){.lesson-mode .processualContent{padding-right:350px}.lesson-coach{right:12px;width:310px}.lesson-mode dialog.work-dialog{max-width:calc(100vw - 360px);margin-right:340px}}@media (max-width:767px){.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:20px}.lesson-mode .processualContent{padding:16px 16px 360px}.lesson-mode .demo-layout .sidebar{display:none}.lesson-coach{width:calc(100vw - 16px);top:auto;bottom:8px;right:8px;max-height:42dvh;border-radius:14px}.lesson-coach header,.lesson-copy{padding:10px 14px}.lesson-copy h2{font-size:17px;margin:5px 0 10px}.lesson-copy p{font-size:12px}.lesson-buttons{padding:0 14px 10px;position:sticky;bottom:0;background:var(--card)}.lesson-coach footer{padding:8px 14px}.lesson-mode dialog.work-dialog{max-width:calc(100vw - 16px);width:calc(100vw - 16px);max-height:54dvh;margin:8px auto auto}.lesson-mode .work-dialog-body{max-height:calc(54dvh - 64px);overflow:auto}.lesson-mode .demo-banner span{display:none}.lesson-coach.is-compact{max-height:210px}}@media (prefers-reduced-motion:reduce){.lesson-pointer,.lesson-progress i{transition:none}.lesson-pointer.is-clicking:before{animation:none}}.lesson-actor-bar{display:flex;align-items:center;gap:20px;padding:8px 400px 8px calc(var(--sidebar) + 28px);border-bottom:1px solid var(--line);background:var(--card);font-size:11px}.lesson-actor-bar>span{color:var(--muted);white-space:nowrap}.lesson-actor-bar label{display:flex;align-items:center;gap:10px}.lesson-actor-bar select{width:180px;padding:5px 8px;font-size:11px}@media (max-width:767px){.lesson-actor-bar{padding:8px 16px;gap:12px}.lesson-actor-bar select{width:150px}}html[data-platform-embedded] .lesson-actor-bar{padding-left:16px;flex-shrink:0}@media (max-width:600px){.processualModuleNavigation .moduleLessonsButton span{display:none}}.processualContent .lesson-actor-bar{padding:8px 0;gap:12px;flex-wrap:wrap;margin-bottom:12px}