.skill-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - var(--site-nav-height));color:var(--text);background:radial-gradient(ellipse 48% 34% at 74% 10%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 74%),radial-gradient(ellipse 34% 24% at 8% 36%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 76%),var(--bg)}.skill-page:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:min(900px,82vh);pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--brand) 4.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 4.5%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 78%);mask-image:linear-gradient(180deg,#000 0,transparent 78%)}.skill-detail{position:relative;z-index:1;width:min(1120px,calc(100% - 64px));margin:0 auto;padding:24px 0 104px}.skill-breadcrumb{margin-bottom:6px}.skill-intro{padding:68px 0 82px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;grid-gap:clamp(48px,7vw,88px);gap:clamp(48px,7vw,88px)}.skill-label{width:-moz-fit-content;width:fit-content;margin-bottom:22px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--brand) 7%,var(--bg));color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.08em}.skill-intro h1{max-width:620px;margin:0;font-size:clamp(42px,4.8vw,60px);font-weight:650;line-height:1;letter-spacing:-.045em;text-wrap:balance}.skill-hero-context{display:block;margin-bottom:10px;color:var(--text-2);font-size:.62em;font-weight:560;line-height:1.15;letter-spacing:-.022em}.skill-intro h1 strong{display:block;font-size:1em;font-weight:720;letter-spacing:-.055em}.skill-hero-accent{color:var(--brand)}html[lang^=en] .skill-intro h1{font-size:clamp(38px,4.1vw,52px);font-weight:700;line-height:1.06}.skill-intro-copy>p{max-width:650px;margin:24px 0 0;color:var(--text-2);font-size:16px;line-height:1.85}.skill-facts{margin-top:34px;display:flex;align-items:center;gap:30px;color:var(--text-3)}.skill-fact{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.skill-fact+.skill-fact{padding-left:30px;border-left:1px solid var(--border)}.skill-fact b{color:var(--text);font-size:22px;line-height:1}.skill-fact i{color:var(--brand);font-size:19px}.skill-fact span{font-size:12px}.skill-browser-demo{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg);box-shadow:0 30px 80px rgba(24,24,27,.13)}.skill-browser-chrome{height:45px;padding:0 12px;display:grid;grid-template-columns:auto 27px minmax(0,1fr) auto;grid-gap:9px;gap:9px;align-items:center;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 80%,var(--bg))}.skill-browser-dots{display:flex;gap:5px}.skill-browser-dots i{width:8px;height:8px;border-radius:50%;background:#ff6258}.skill-browser-dots i:nth-child(2){background:#ffbd2e}.skill-browser-dots i:nth-child(3){background:#28c840}.skill-browser-back{width:27px;height:27px;display:grid;place-items:center;color:var(--border)}.skill-browser-address{min-width:0;height:28px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg)}.skill-browser-address i{flex:none;color:var(--text-3);font-size:10px}.skill-browser-address span{overflow:hidden;color:var(--text-3);font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.skill-browser-more{width:22px;color:var(--text-3);font-size:10px;letter-spacing:1px}.skill-browser-tab{height:34px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-light);color:var(--text-2);background:var(--bg);font-size:10.5px;font-weight:650}.skill-browser-tab i{color:var(--brand);font-size:13px}.skill-browser-viewport{min-height:348px;padding:24px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--brand) 7%,transparent),transparent 38%),color-mix(in srgb,var(--bg-soft) 58%,var(--bg))}.skill-browser-thread{min-height:300px;display:flex;flex-direction:column;gap:24px;animation:skill-browser-view-in .22s ease both}.skill-browser-user{max-width:84%;align-self:flex-end;padding:12px 15px;border-radius:14px 14px 4px 14px;background:color-mix(in srgb,var(--text) 7%,var(--bg));color:var(--text-2);font-size:12.5px;line-height:1.65}.skill-browser-agent{min-width:0;display:grid;grid-gap:12px;gap:12px}.skill-browser-agent-head{display:flex;align-items:center;gap:7px}.skill-browser-agent-head>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--brand);background:var(--brand-light);font-size:14px}.skill-browser-agent-head strong{font-size:12px}.skill-browser-agent-head>span{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--text-3);font-size:10px}.skill-browser-agent-head>span i{color:#16a34a}.skill-browser-agent-bubble{position:relative;padding:15px 16px;border:1px solid var(--border-light);border-radius:4px 14px 14px 14px;background:var(--bg);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 6%,transparent)}.skill-browser-agent-bubble:before{content:"";position:absolute;top:-1px;left:-7px;border:7px solid transparent;border-top:7px solid var(--border-light)}.skill-browser-agent-bubble:after{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top:6px solid var(--bg)}.skill-browser-agent-bubble>p{margin:0;color:var(--text-2);font-size:12.5px;line-height:1.75}.skill-browser-term-trigger{margin:0;padding:0;border:0;color:var(--brand);background:transparent;font:inherit;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--brand) 42%,transparent);text-decoration-color:color-mix(in srgb,var(--brand) 42%,transparent);text-underline-offset:3px}.skill-browser-term-trigger:hover,.skill-browser-term-trigger[aria-expanded=true]{color:var(--brand-hover);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.skill-browser-term-trigger:focus-visible{border-radius:3px;outline:2px solid color-mix(in srgb,var(--brand) 38%,transparent);outline-offset:3px}.skill-browser-agent>small{margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.skill-browser-agent>small i{color:var(--brand);font-size:13px}.skill-browser-term-popover{z-index:4;right:0;bottom:calc(100% + 10px);left:0;margin:0;padding:15px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));border-radius:12px;box-shadow:0 14px 32px color-mix(in srgb,var(--brand) 10%,transparent);animation:skill-browser-view-in .22s ease both}.skill-browser-term-popover,.skill-browser-term-popover:before{position:absolute;background:color-mix(in srgb,var(--brand-light) 34%,var(--bg))}.skill-browser-term-popover:before{content:"";bottom:-7px;left:42%;width:12px;height:12px;border-right:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));border-bottom:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));transform:rotate(45deg)}.skill-browser-term-popover header{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-browser-term-popover header>span{color:var(--brand);font-size:9.5px;font-weight:700;letter-spacing:.06em}.skill-browser-term-popover header button{position:relative;z-index:1;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;color:var(--text-3);background:transparent}.skill-browser-term-popover header button:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.skill-browser-term-popover header button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.skill-browser-term-popover h2{margin:5px 0 8px;font-size:21px;line-height:1.1;letter-spacing:-.035em}.skill-browser-term-popover h2 small{margin-left:8px;color:var(--text-3);font-size:11px;font-weight:550;letter-spacing:0}.skill-browser-term-popover>strong{display:block;color:var(--text);font-size:11.5px;line-height:1.55}.skill-browser-term-popover>p{margin:7px 0 10px;color:var(--text-2);font-size:10.5px;line-height:1.65}.skill-browser-term-popover>a{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-size:10.5px;font-weight:700}.skill-browser-term-popover>a:hover{color:var(--brand-hover)}.skill-browser-term-popover>a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.skill-browser-term-popover>a i{font-size:12px}@keyframes skill-browser-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skill-install{scroll-margin-top:88px;padding:36px 40px;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);grid-gap:40px;gap:40px;align-items:center;border-radius:16px;background:var(--text);color:var(--bg);box-shadow:0 20px 48px rgba(24,24,27,.16)}.skill-install-copy small{color:rgba(255,255,255,.5);font-size:12px;letter-spacing:.12em}.skill-install-copy h2{margin:8px 0;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.015em}.skill-install-copy p{margin:0;color:rgba(255,255,255,.55);font-size:13.5px;line-height:1.6}.skill-install-prompt{min-width:0;padding:16px 18px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.skill-install-prompt code{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.skill-install-prompt code a{overflow:hidden;color:color-mix(in srgb,var(--brand) 45%,#fff);text-overflow:ellipsis;white-space:nowrap}.skill-install-prompt code span{color:rgba(255,255,255,.85)}.skill-copy{position:relative;width:var(--skill-copy-idle-width,116px);min-height:34px;padding:0;overflow:hidden;flex:none;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-2);font-size:12.5px;font-weight:600;white-space:nowrap;transition:width .36s cubic-bezier(.22,1,.36,1),border-color .28s var(--ease),color .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease),transform .18s var(--ease)}.skill-copy-state{position:absolute;top:50%;left:50%;width:max-content;min-height:34px;padding:6px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transform:translate(-50%,-50%);transition:opacity .24s var(--ease),transform .36s cubic-bezier(.22,1,.36,1)}.skill-copy-state i{font-size:14px;transition:transform .36s cubic-bezier(.22,1,.36,1)}.skill-copy-idle{opacity:1}.skill-copy-success{opacity:0;transform:translate(-50%,calc(-50% + 5px)) scale(.92)}.skill-copy-success i{transform:rotate(-18deg) scale(.8)}.skill-copy.is-copied{width:var(--skill-copy-success-width,76px);border-color:color-mix(in srgb,var(--green) 36%,var(--border));color:#15803d;background:var(--green-light);box-shadow:0 6px 18px color-mix(in srgb,var(--green) 12%,transparent)}.skill-copy.is-copied .skill-copy-idle{opacity:0;transform:translate(-50%,calc(-50% - 5px)) scale(.94)}.skill-copy.is-copied .skill-copy-success{opacity:1;transform:translate(-50%,-50%) scale(1)}.skill-copy.is-copied .skill-copy-success i{transform:rotate(0) scale(1)}.skill-copy:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--border));color:var(--brand)}.skill-copy:active{transform:scale(.98)}.skill-copy:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.skill-install .skill-copy{min-height:38px;border-color:#fff;background:#fff;color:var(--text)}.skill-install .skill-copy-state{min-height:38px;padding:7px 18px}.skill-install .skill-copy:hover{border-color:#fff;background:color-mix(in srgb,var(--brand) 8%,#fff);color:var(--brand-hover)}.skill-install .skill-copy.is-copied{border-color:color-mix(in srgb,var(--green) 28%,#fff);color:#15803d;background:color-mix(in srgb,var(--green-light) 82%,#fff)}.skill-copy.is-copied:hover{border-color:color-mix(in srgb,var(--green) 44%,var(--border));color:#15803d;background:var(--green-light)}.skill-block{padding-top:88px}.skill-block-title{max-width:740px;margin-bottom:32px}.skill-block-title>span{display:block;margin-bottom:8px;color:var(--brand);font-size:11px;font-weight:680;letter-spacing:.1em}.skill-block-title h2{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.25;letter-spacing:-.03em}.skill-block-title p{margin:13px 0 0;color:var(--text-2);font-size:15px;line-height:1.8}.skill-rewrite-visual,.skill-suggest-visual{padding:clamp(24px,4vw,48px);border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--bg-soft) 68%,var(--bg))}.skill-rewrite-after,.skill-rewrite-before{border:1px solid var(--border);border-radius:13px;background:var(--bg)}.skill-rewrite-before{padding:20px 24px}.skill-rewrite-after header>span,.skill-rewrite-before span{color:var(--text-3);font-size:11px;font-weight:650}.skill-rewrite-before p{margin:8px 0 0;color:var(--text-2);font-size:15px;line-height:1.7}.skill-rewrite-arrow{width:34px;height:34px;margin:12px 0 12px 26px;display:grid;place-items:center;border-radius:50%;background:var(--brand-light);color:var(--brand);font-size:16px}.skill-rewrite-after{border-color:color-mix(in srgb,var(--brand) 24%,var(--border));box-shadow:0 12px 32px color-mix(in srgb,var(--brand) 8%,transparent)}.skill-rewrite-after header{min-height:56px;padding:10px 16px 10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-light)}.skill-rewrite-after p{margin:0;padding:24px;font-size:clamp(17px,2vw,21px);line-height:1.75}.skill-term-link{color:var(--brand);font-weight:680;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--brand) 38%,transparent);text-decoration-color:color-mix(in srgb,var(--brand) 38%,transparent);text-decoration-thickness:1px;text-underline-offset:4px}.skill-term-link:hover{color:var(--brand-hover);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.skill-term-link:focus-visible{border-radius:3px;outline:2px solid color-mix(in srgb,var(--brand) 38%,transparent);outline-offset:3px}.skill-suggest-visual{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-gap:18px;gap:18px}.skill-dialogue-agent,.skill-dialogue-user{padding:22px 24px;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.skill-dialogue-agent small,.skill-dialogue-user small{color:var(--text-3);font-size:11px;font-weight:650}.skill-dialogue-agent p,.skill-dialogue-user p{margin:11px 0 0;font-size:15px;line-height:1.75}.skill-dialogue-user p{color:var(--text-2)}.skill-dialogue-agent{border-color:color-mix(in srgb,var(--brand) 24%,var(--border));box-shadow:0 12px 32px color-mix(in srgb,var(--brand) 7%,transparent)}.skill-dialogue-agent header{display:flex;align-items:center;gap:7px}.skill-dialogue-agent header i{color:var(--brand);font-size:15px}.skill-suggest-rules{grid-column:1/-1;margin:0;padding:18px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;border-top:1px solid var(--border-light);list-style:none}.skill-suggest-rules li{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:8px;gap:8px;color:var(--text-3);font-size:12px;line-height:1.6}.skill-suggest-rules i{margin-top:2px;color:var(--brand);font-size:14px}@media (max-width:900px){.skill-intro{grid-template-columns:1fr;gap:46px;padding:56px 0 72px}.skill-browser-demo{width:min(620px,100%)}.skill-install{grid-template-columns:1fr;gap:24px}}@media (max-width:720px){.skill-detail{width:calc(100% - 40px);padding-bottom:72px}.skill-intro h1{font-size:clamp(38px,11vw,46px)}html[lang^=en] .skill-intro h1{font-size:clamp(34px,9.4vw,44px)}.skill-facts{align-items:flex-start;flex-wrap:wrap;gap:18px}.skill-fact+.skill-fact{padding-left:18px}.skill-install{padding:26px 24px}.skill-install-prompt{align-items:stretch;flex-direction:column}.skill-install-prompt code a{overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.skill-install .skill-copy{width:100%}.skill-block{padding-top:68px}.skill-suggest-rules,.skill-suggest-visual{grid-template-columns:1fr}}@media (max-width:430px){.skill-detail{width:calc(100% - 32px)}.skill-intro{padding-top:44px}.skill-facts{display:grid;grid-template-columns:1fr 1fr}.skill-fact+.skill-fact{padding-left:0;border-left:0}.skill-fact:last-child{grid-column:1/-1}.skill-browser-chrome{grid-template-columns:auto 27px minmax(0,1fr)}.skill-browser-more{display:none}.skill-browser-viewport{min-height:372px;padding:18px}.skill-browser-user{max-width:92%}.skill-browser-term-popover h2 small{display:block;margin:5px 0 0}.skill-rewrite-visual,.skill-suggest-visual{padding:18px}.skill-rewrite-after header{align-items:flex-start;flex-direction:column;padding:16px 18px}.skill-rewrite-after p{padding:20px 18px}.skill-dialogue-agent,.skill-dialogue-user{padding:19px 18px}}@media (prefers-reduced-motion:reduce){.skill-browser-term-popover,.skill-browser-thread{animation:none}.skill-copy,.skill-copy-state,.skill-copy-state i{transition-duration:.01ms}}.learning-lab-page{position:relative;min-height:calc(100vh - var(--site-nav-height));overflow:hidden;color:var(--text);background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--brand) 7%,transparent),transparent 30%),var(--bg)}.learning-lab-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--brand) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 4%,transparent) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%);mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%)}.learning-lab-shell{position:relative;z-index:1;width:min(1080px,calc(100% - 64px));margin:0 auto;padding:20px 0 84px}.learning-lab-topbar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.learning-generated{display:inline-flex;align-items:center;gap:7px;color:var(--text-3);font-size:12px}.learning-generated i{color:var(--brand);font-size:15px}.learning-intro{max-width:760px;padding:52px 0 42px}.learning-intro-context{margin-bottom:12px;color:var(--brand);font-size:11px;font-weight:680;letter-spacing:.04em}.learning-intro h1{margin:0;font-family:Manrope Variable,sans-serif;font-size:clamp(38px,4.5vw,56px);font-weight:770;font-variation-settings:"wght" 770;letter-spacing:-.045em;line-height:1.12}.learning-intro>p{margin:18px 0 0;color:var(--text-2);font-size:15px;line-height:1.75}.learning-route{margin:28px 0 0;padding:0;display:flex;align-items:center;gap:0;list-style:none}.learning-route li{display:inline-flex;align-items:center;color:var(--text-3);font-size:12px}.learning-route li+li:before{content:"";width:34px;height:1px;margin:0 12px;background:var(--border)}.learning-route li.is-current{color:var(--text);font-weight:650}.learning-route li.is-done{color:var(--brand)}.learning-stage{padding-top:30px;border-top:1px solid var(--border)}.learning-stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.learning-stage-header small,.learning-tuning header small{display:block;color:var(--text-3);font-size:10.5px;letter-spacing:.08em}.learning-stage-header h2{margin:4px 0 0;font-size:24px;font-weight:710;letter-spacing:-.025em}.learning-reset{min-height:32px;padding:5px 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--text-3);font-size:11.5px}.learning-reset:hover{color:var(--text)}.learning-compare-row{margin-top:16px}.learning-option-cards{width:min(680px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.learning-option-cards button{min-width:0;min-height:92px;padding:15px 16px;display:grid;grid-template-columns:22px minmax(0,1fr);align-content:center;grid-column-gap:11px;column-gap:11px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--bg) 92%,var(--bg-soft));color:var(--text-2);text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.learning-option-cards button>i{grid-row:1/4;width:22px;height:22px;display:grid;place-items:center;align-self:center;border:1px solid var(--border);border-radius:50%;color:transparent;font-size:12px}.learning-option-cards button small{color:var(--text-3);font-size:9.5px;letter-spacing:.04em}.learning-option-cards button b{margin-top:2px;color:var(--text);font-size:12px;font-weight:660}.learning-option-cards button span{margin-top:4px;color:var(--text-3);font-size:10.5px;line-height:1.45}.learning-option-cards button:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}.learning-option-cards button.is-active{border-color:color-mix(in srgb,var(--brand) 58%,var(--border));background:color-mix(in srgb,var(--brand) 5%,var(--bg));box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 7%,transparent)}.learning-option-cards button.is-active>i{border-color:var(--brand);background:var(--brand);color:#fff}.learning-choose{min-height:34px;padding:7px 13px;display:inline-flex;align-items:center;gap:6px;flex:none;border:0;border-radius:7px;background:var(--brand);color:#fff;font-size:11.5px;font-weight:650;transition:background-color .2s ease,transform .2s var(--ease)}.learning-choose:hover{background:var(--brand-hover);transform:translateY(-1px)}.learning-observe-action{min-height:58px;padding-top:14px;display:flex;align-items:center;justify-content:flex-end;gap:18px}.learning-observe-action p{margin:0;color:var(--text-3);font-size:11px}.learning-product{overflow:hidden;min-height:404px;border:1px solid var(--border);border-radius:11px;background:radial-gradient(circle at 75% 44%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 28%),#fff;box-shadow:0 18px 48px rgba(24,24,27,.055)}.learning-preview-caption{min-height:36px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-light);background:var(--bg-soft);color:var(--text-3);font-size:10.5px}.learning-preview-caption b{color:var(--text-2);font-weight:580}.learning-product-nav{height:48px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#3f3f46}.learning-product-brand{display:inline-flex;align-items:center;gap:7px;font-family:Manrope Variable,sans-serif;font-size:12px;font-weight:750}.learning-product-brand i{width:16px;height:16px;border-radius:5px 9px 6px 8px;background:var(--brand);transform:rotate(-8deg)}.learning-product-nav nav{display:flex;align-items:center;gap:22px;font-size:9.5px}.learning-product-login{justify-self:end;color:#71717a;font-size:9.5px}.learning-product-hero{min-height:318px;padding:12px 54px 28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);align-items:center;grid-gap:34px;gap:34px}.learning-product-copy small{display:block;margin-bottom:9px;color:var(--brand);font-size:9px;font-weight:650;letter-spacing:.08em}.learning-product-copy h2{margin:0;font-family:Manrope Variable,sans-serif;letter-spacing:-.045em;line-height:1.04}.learning-product-copy p{max-width:360px}.learning-product-actions{display:flex;align-items:center;gap:7px}.learning-product-actions span{min-height:29px;padding:5px 12px;display:inline-flex;align-items:center;border-radius:6px;font-size:9.5px;font-weight:620;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.learning-product-proof{display:flex;gap:18px}.learning-product-proof span{color:#a1a1aa;font-size:8.5px}.learning-product-proof b{color:#52525b;font-weight:650}.learning-product.is-flat .learning-product-copy small{color:#71717a}.learning-product.is-flat .learning-product-copy h2{color:#3f3f46;font-size:39px;font-weight:650}.learning-product.is-flat .learning-product-copy p{margin:13px 0;color:#52525b;font-size:12px;line-height:1.55}.learning-product.is-flat .learning-product-actions{margin-top:13px}.learning-product.is-flat .learning-product-actions span{border:1px solid #d4d4d8;background:#fff;color:#3f3f46}.learning-product.is-flat .learning-product-proof{margin-top:17px;opacity:.9}.learning-product.is-enhanced .learning-product-copy h2{color:#18181b;font-size:var(--learning-title);font-weight:780;font-variation-settings:"wght" 780}.learning-product.is-enhanced .learning-product-copy p{margin:calc(var(--learning-gap) * .45) 0 0;color:#71717a;opacity:var(--learning-muted);font-size:11px;line-height:1.65}.learning-product.is-enhanced .learning-product-actions{margin-top:calc(var(--learning-gap) * .55)}.learning-product.is-enhanced .learning-product-actions span:first-child{border:1px solid var(--brand);background:var(--brand);color:#fff}.learning-product.is-enhanced .learning-product-actions span:last-child{border:1px solid transparent;background:transparent;color:#71717a}.learning-product.is-enhanced .learning-product-proof{margin-top:calc(var(--learning-gap) * .6);opacity:var(--learning-muted)}.learning-product.is-enhanced.priority-action .learning-product-actions span:first-child{padding-inline:16px;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 18%,transparent);transform:translateY(-1px)}.learning-product.is-enhanced.priority-proof .learning-product-proof{opacity:1}.learning-product.is-enhanced.priority-proof .learning-product-proof b{color:var(--brand)}.learning-product.is-enhanced.priority-proof .learning-product-copy h2{font-size:calc(var(--learning-title) * .9)}.learning-product-art{position:relative;width:100%;min-height:236px}.learning-art-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--brand) 17%,transparent);border-radius:50%}.orbit-one{width:216px;height:216px;right:14px;top:7px}.orbit-two{width:148px;height:148px;right:48px;top:40px}.learning-art-card{position:absolute;width:146px;height:178px;padding:15px;border:1px solid rgba(255,255,255,.72);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 18px 40px rgba(24,24,27,.11)}.card-back{right:76px;top:32px;transform:rotate(-9deg);opacity:.62}.card-front{right:28px;top:24px;transform:rotate(5deg)}.learning-art-card i{display:block;width:100%;height:76px;margin-bottom:12px;border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 70%,#fff),color-mix(in srgb,var(--brand) 18%,#fff))}.learning-art-card strong{display:block;color:#27272a;font-size:9px}.learning-art-card span{display:block;width:82%;height:5px;margin-top:8px;border-radius:3px;background:#e4e4e7}.learning-art-card span:last-child{width:54%}.learning-art-dot{position:absolute;border-radius:50%;background:var(--brand);box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 24%,transparent)}.dot-one{width:12px;height:12px;right:28px;top:12px}.dot-two{width:7px;height:7px;right:190px;bottom:18px;opacity:.4}.learning-insight{max-width:740px;margin:18px 0 0;padding-left:13px;border-left:2px solid var(--brand);color:var(--text-2);font-size:12.5px;line-height:1.72}.learning-insight b{margin:0 3px;color:var(--brand);font-weight:680}.learning-module{margin-top:34px;padding-top:30px;border-top:1px solid var(--border-light)}.learning-module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.learning-module-heading small{display:block;margin-bottom:5px;color:var(--brand);font-size:10.5px;font-weight:650;letter-spacing:.06em}.learning-module-heading h3{margin:0;font-size:19px;font-weight:690;letter-spacing:-.02em}.learning-module-heading p{margin:6px 0 0;color:var(--text-2);font-size:12px;line-height:1.6}.learning-priority-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.learning-priority-options button{min-width:0;min-height:96px;padding:17px 18px;display:grid;grid-template-columns:19px minmax(0,1fr);align-content:center;grid-column-gap:10px;column-gap:10px;border:0;background:transparent;color:var(--text-2);text-align:left;transition:background-color .2s ease}.learning-priority-options button+button{border-left:1px solid var(--border-light)}.learning-priority-options button:hover{background:color-mix(in srgb,var(--brand) 3%,transparent)}.learning-priority-options button>i{grid-row:1/3;width:19px;height:19px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:transparent;font-size:11px}.learning-priority-options button b{color:var(--text);font-size:12px;font-weight:650}.learning-priority-options button span{margin-top:4px;color:var(--text-3);font-size:10.5px;line-height:1.5}.learning-priority-options button.is-active{background:color-mix(in srgb,var(--brand) 5%,transparent)}.learning-priority-options button.is-active>i{border-color:var(--brand);background:var(--brand);color:#fff}.learning-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.learning-control{min-width:0;padding-right:24px;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;grid-gap:9px;gap:9px}.learning-control+.learning-control{padding-left:24px;border-left:1px solid var(--border-light)}.learning-control>span{color:var(--text);font-size:11px;font-weight:610}.learning-control input{grid-column:1/-1;width:100%;height:3px;accent-color:var(--brand);cursor:ew-resize}.learning-control output{justify-self:end;color:var(--brand);font-family:Manrope Variable,sans-serif;font-size:10px;font-weight:650}.learning-finish,.learning-next{min-height:36px;padding:7px 13px;display:flex;align-items:center;justify-content:center;gap:7px;flex:none;border:0;border-radius:7px;font-size:11.5px;font-weight:650}.learning-next{background:var(--bg-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.learning-next:hover{border-color:var(--text-3);background:var(--bg-hover)}.learning-finish{background:var(--text);color:var(--bg)}.learning-finish:hover:not(:disabled){background:color-mix(in srgb,var(--text) 88%,var(--bg))}.learning-finish:disabled{opacity:.26;cursor:not-allowed}.learning-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.learning-checks button{min-height:58px;padding:13px 16px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text-2);font-size:11px;line-height:1.45;text-align:left}.learning-checks button+button{border-left:1px solid var(--border-light)}.learning-checks button i{width:20px;height:20px;display:grid;place-items:center;flex:none;border:1px solid var(--border);border-radius:5px;color:transparent;font-size:12px}.learning-checks button.is-checked{color:var(--text);background:color-mix(in srgb,var(--brand) 4%,transparent)}.learning-checks button.is-checked i{border-color:var(--brand);background:var(--brand);color:#fff}.learning-verify-action{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-verify-action p{margin:0;color:var(--text-3);font-size:11px}.learning-result{margin-top:34px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--border));border-radius:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 7%,var(--bg)),var(--bg) 58%)}.learning-result small{color:var(--brand);font-size:10px;font-weight:650}.learning-result h3{margin:5px 0 0;font-size:17px;font-weight:690;letter-spacing:-.015em}.learning-result p{margin:6px 0 0;color:var(--text-2);font-size:11px}.learning-result-actions{display:flex;gap:7px}.learning-result-actions button{min-height:36px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text-2);font-size:11.5px;font-weight:650}.learning-result-actions button:first-child{border-color:var(--brand);background:var(--brand);color:#fff}.learning-result-actions button:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}@media (max-width:800px){.learning-lab-shell{width:calc(100% - 40px)}.learning-generated{display:none}.learning-intro{padding:40px 0 34px}.learning-intro h1{font-size:clamp(34px,9vw,46px)}.learning-product-hero{padding-inline:30px;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.learning-priority-options{grid-template-columns:1fr}.learning-priority-options button+button{border-top:1px solid var(--border-light);border-left:0}.learning-priority-options button{min-height:76px}.learning-controls{grid-template-columns:1fr;gap:15px}.learning-control{padding:0}.learning-control+.learning-control{padding:15px 0 0;border-top:1px solid var(--border-light);border-left:0}.learning-checks{grid-template-columns:1fr}.learning-checks button+button{border-top:1px solid var(--border-light);border-left:0}.learning-result{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.learning-lab-shell{width:calc(100% - 32px);padding-top:14px}.learning-intro{padding-top:34px}.learning-intro>p{font-size:13.5px}.learning-route{align-items:flex-start;flex-direction:column;gap:7px}.learning-route li+li:before{width:1px;height:8px;margin:-7px 8px 0 5px}.learning-stage{padding-top:24px}.learning-stage-header h2{font-size:21px}.learning-reset{font-size:0}.learning-reset i{font-size:15px}.learning-option-cards{grid-template-columns:1fr}.learning-option-cards button{min-height:82px}.learning-product{min-height:560px}.learning-preview-caption b{display:none}.learning-product-nav{grid-template-columns:1fr 1fr;padding-inline:20px}.learning-product-nav nav{display:none}.learning-product-hero{min-height:470px;padding:28px 24px 20px;grid-template-columns:1fr;align-content:start}.learning-product.is-enhanced .learning-product-copy h2{font-size:min(var(--learning-title),46px)}.learning-product-art{min-height:184px;transform:scale(.76);transform-origin:top center}.learning-art-card{right:50%!important;margin-right:-78px}.orbit-one{right:50%;margin-right:-108px}.orbit-two{right:50%;margin-right:-74px}.dot-one{right:calc(50% - 110px)}.dot-two{right:calc(50% + 82px)}.learning-observe-action{align-items:flex-end;flex-direction:column;gap:8px}.learning-module-heading{flex-direction:column}.learning-next{align-self:flex-start}.learning-verify-action{align-items:stretch;flex-direction:column}.learning-finish,.learning-result-actions{align-self:stretch}.learning-result-actions button{flex:1 1}}