.learn-index{border:1px solid var(--mx-line);border-radius:var(--mx-radius-xl);background:var(--mx-surface);box-shadow:var(--mx-shadow);gap:18px;padding:clamp(22px,3vw,32px);display:grid}.learn-index-head{border-bottom:1px solid var(--mx-line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.learn-index-head strong{color:var(--mx-ink);font-size:17px;font-weight:650;display:block}.learn-index-head span:not(.mx-icon-tile){color:var(--mx-muted);font-size:14px;display:block}.learn-index ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.learn-index li{grid-template-columns:172px minmax(0,1fr);align-items:start;gap:4px 16px;display:grid}.learn-index-topic{letter-spacing:.04em;text-transform:uppercase;color:var(--mx-subtle);align-items:center;gap:8px;padding-top:2px;font-size:13px;font-weight:650;display:flex}.learn-index-topic em{background:var(--mx-accent-soft);min-width:22px;height:20px;color:var(--mx-accent-strong);letter-spacing:0;border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-style:normal;display:inline-grid}.learn-index-links{flex-direction:column;gap:4px;display:flex}.learn-index-links a{align-items:center;min-height:28px;font-size:15px;line-height:1.45;display:inline-flex;color:var(--mx-text)!important}.learn-index-links a:hover{text-underline-offset:3px;text-decoration:underline;color:var(--mx-accent-strong)!important}.learn-path{gap:12px}.learn-path ol{border-top:1px solid var(--mx-line);margin:8px 0 0;padding:0;list-style:none}.learn-path li+li{border-top:1px solid var(--mx-line)}.learn-path li a{justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:10px 0;font-size:15px;font-weight:520;display:flex;color:var(--mx-text)!important}.learn-path li a svg{color:var(--mx-subtle);flex-shrink:0;transition:transform .15s}.learn-path li a:hover{color:var(--mx-accent-strong)!important}.learn-path li a:hover svg{transform:translate(3px)}.learn-browse{scroll-margin-top:80px}.learn-library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.learn-search{border:1px solid var(--mx-line-strong);max-width:520px;min-height:50px;color:var(--mx-subtle);background:#fff;border-radius:12px;flex:360px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.learn-search:focus-within{border-color:var(--mx-accent);box-shadow:0 0 0 3px #4a6a1d2e}.learn-search input{min-width:0;color:var(--mx-ink);background:0 0;border:0;flex:1;padding:12px 0;font-size:15px;outline:none!important}.learn-search input::placeholder{color:#696d60}.learn-search input::-webkit-search-cancel-button{display:none}.learn-search button{color:var(--mx-muted);border-radius:6px;place-items:center;padding:6px;display:grid}.learn-search button:hover{background:var(--mx-bg)}.learn-category-filters{flex-wrap:wrap;gap:6px;display:flex}.learn-category-filters button{min-height:38px;color:var(--mx-muted);border-radius:999px;padding:0 14px;font-size:14px;font-weight:520;transition:background-color .15s,color .15s,border-color .15s;border:1px solid var(--mx-line-strong)!important;background:var(--mx-surface)!important}.learn-category-filters button:hover{color:var(--mx-ink);border-color:#b8baab!important}.learn-category-filters button[aria-pressed=true]{color:#fff;background:var(--mx-ink)!important;border-color:var(--mx-ink)!important}.learn-result-count{color:var(--mx-subtle);margin:20px 0;font-size:14px}.learn-guide-card .learn-card-top{color:var(--mx-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.learn-read-time{color:var(--mx-subtle);align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:13.5px;display:inline-flex}.learn-no-results{border:1px dashed var(--mx-line-strong);border-radius:var(--mx-radius-lg);background:var(--mx-bg);text-align:center;color:var(--mx-muted);justify-items:center;gap:10px;padding:48px 24px;display:grid}.learn-no-results h3{color:var(--mx-ink);margin:6px 0 0;font-size:20px;font-weight:650}.learn-no-results p{max-width:420px;margin:0 0 8px;font-size:15px}.learn-example-disclosure{max-width:860px;color:var(--mx-subtle);margin:28px 0 0;font-size:14px;line-height:1.65}.learn-copy-reference{border:1px solid var(--mx-accent-line);background:var(--mx-accent-soft);border-radius:14px;margin:26px 0 22px;padding:18px}.learn-copy-reference>div{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.learn-copy-reference>div>span{color:var(--mx-accent-strong);font-size:14px;font-weight:650}.learn-copy-reference button{min-height:36px;color:var(--mx-accent-strong);border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;border:1px solid var(--mx-accent-line)!important;background:#fff!important}.learn-copy-reference button:hover{border-color:var(--mx-accent)!important}.learn-copy-reference code{border:1px solid var(--mx-line);font-family:var(--mx-mono);color:var(--mx-ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.7;display:block}.learn-copy-reference>p{color:var(--mx-muted);margin:12px 0 0;font-size:14px;line-height:1.6}.learn-copy-status{color:var(--mx-accent-strong);margin-top:8px;font-size:14px;display:block}.learn-copy-status:empty{display:none}.learn-guide-crumbs{padding-top:clamp(28px,4vw,44px)}.learn-guide-crumbs .mx-breadcrumb ol{margin-bottom:0}.learn-document-layout{grid-template-columns:220px minmax(0,1fr) 200px;align-items:start;gap:clamp(28px,4vw,56px);padding:clamp(28px,4vw,44px) 0 clamp(56px,7vw,88px);display:grid}.learn-sidebar,.learn-toc{top:calc(var(--mx-header-h) + 28px);max-height:calc(100vh - var(--mx-header-h) - 48px);overscroll-behavior:contain;scrollbar-width:thin;align-self:start;position:sticky;overflow-y:auto}.learn-sidebar-title{align-items:center;gap:9px;margin-bottom:22px;font-size:15px;font-weight:650;display:flex;color:var(--mx-ink)!important}.learn-sidebar nav>div+div{margin-top:22px}.learn-sidebar h2{letter-spacing:.07em;text-transform:uppercase;color:var(--mx-subtle);margin:0 0 6px;font-size:12px;font-weight:650}.learn-sidebar nav a{border-left:2px solid var(--mx-line);margin:1px 0;padding:7px 10px;font-size:14px;line-height:1.45;transition:color .15s,border-color .15s,background-color .15s;display:block;color:var(--mx-muted)!important}.learn-sidebar nav a:hover{border-left-color:var(--mx-line-strong);color:var(--mx-ink)!important}.learn-sidebar nav a.active{border-left-color:var(--mx-accent);background:var(--mx-accent-soft);border-radius:0 8px 8px 0;font-weight:620;color:var(--mx-accent-strong)!important}.learn-sidebar-help{border-top:1px solid var(--mx-line);color:var(--mx-subtle);gap:4px;margin-top:28px;padding-top:20px;font-size:13px;display:grid}.learn-sidebar-help a{align-items:center;gap:6px;min-height:28px;font-size:14px;font-weight:600;display:inline-flex;color:var(--mx-accent-strong)!important}.learn-article{min-width:0;max-width:760px}.learn-article-header .mx-eyebrow{margin-bottom:12px}.learn-article-header h1{letter-spacing:-.035em;color:var(--mx-ink);text-wrap:balance;margin:0 0 18px;font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.08}.learn-deck{color:var(--mx-muted);margin:0 0 20px;font-size:19px;line-height:1.6}.learn-article-meta{color:var(--mx-subtle);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;display:flex}.learn-article-meta>span{align-items:center;gap:6px;display:inline-flex}.learn-article-meta>span+span:before{content:"·";color:#a3a697;margin-right:8px}.learn-before{border:1px solid var(--mx-line);border-radius:var(--mx-radius-lg);background:var(--mx-surface);grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 40px;padding:24px;display:grid}.learn-before h2{color:var(--mx-ink);margin:0 0 12px;font-size:15px;font-weight:650}.learn-before ul{color:var(--mx-muted);margin:0;padding-left:18px;font-size:15px;line-height:1.6;list-style:outside}.learn-before li+li{margin-top:8px}.learn-before ul.learn-outcomes{padding:0;list-style:none}.learn-outcomes li{color:var(--mx-text);align-items:flex-start;gap:8px;display:flex}.learn-outcomes li svg{color:var(--mx-accent);flex-shrink:0;margin-top:4px}.learn-article-section{scroll-margin-top:calc(var(--mx-header-h) + 24px);margin:0 0 48px}.learn-article-section>h2{letter-spacing:-.025em;color:var(--mx-ink);margin:0 0 16px;font-size:clamp(23px,2.4vw,28px);font-weight:650;line-height:1.25}.learn-article-section>p{color:var(--mx-text);margin:0 0 16px;font-size:17px;line-height:1.75}.learn-steps{gap:18px;margin:24px 0 28px;padding:0;list-style:none;display:grid}.learn-steps>li{align-items:flex-start;gap:14px;display:flex}.learn-steps>li>span{background:var(--mx-ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:1px;font-size:13px;font-weight:650;display:grid}.learn-steps h3{color:var(--mx-ink);margin:0 0 4px;font-size:16.5px;font-weight:650;line-height:1.45}.learn-steps p{color:var(--mx-muted);margin:0;font-size:16px;line-height:1.7}.learn-bullets{color:var(--mx-text);margin:18px 0 26px;padding-left:22px;font-size:16.5px;line-height:1.7;list-style:outside}.learn-bullets>li+li{margin-top:8px}.learn-bullets>li::marker{color:var(--mx-accent)}.learn-note{border:1px solid var(--mx-accent-line);background:var(--mx-accent-soft);border-radius:14px;align-items:flex-start;gap:14px;margin:26px 0;padding:18px 20px;display:flex}.learn-note>span{color:var(--mx-accent);flex-shrink:0;margin-top:1px}.learn-note h3{color:var(--mx-ink);margin:0 0 4px;font-size:15.5px;font-weight:650;line-height:1.45}.learn-note p{color:var(--mx-text);margin:0;font-size:15.5px;line-height:1.7}.learn-table-wrap{border:1px solid var(--mx-line);background:var(--mx-surface);border-radius:14px;margin:24px 0 30px;overflow-x:auto}.learn-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:15px;line-height:1.6}.learn-table-wrap th,.learn-table-wrap td{border-bottom:1px solid var(--mx-line);vertical-align:top;padding:13px 16px}.learn-table-wrap thead th{background:var(--mx-surface-2);letter-spacing:.03em;color:var(--mx-ink);font-size:13px;font-weight:650}.learn-table-wrap tbody th{width:32%;color:var(--mx-ink);font-weight:620}.learn-table-wrap td{color:var(--mx-muted)}.learn-table-wrap tr:last-child>*{border-bottom:0}.learn-screenshot{margin:30px 0}.learn-screenshot-frame{border:1px solid var(--mx-line-strong);box-shadow:var(--mx-shadow);background:#1f201e;border-radius:14px;overflow:hidden}.learn-screenshot-bar{min-height:32px;color:var(--mx-subtle);background:#ecece5;align-items:center;gap:6px;padding:0 12px;display:flex}.learn-screenshot-bar i{background:#c9cbbe;border-radius:50%;width:7px;height:7px}.learn-screenshot-bar span{margin-left:8px;font-size:12px}.learn-screenshot a{display:block}.learn-screenshot img{width:100%;height:auto;display:block}.learn-screenshot figcaption{color:var(--mx-subtle);margin-top:12px;font-size:14px;line-height:1.65}.learn-screenshot figcaption a{white-space:nowrap;text-underline-offset:3px;align-items:center;gap:4px;min-height:24px;margin-left:4px;font-weight:600;text-decoration:underline;display:inline-flex;color:var(--mx-accent-strong)!important}.learn-workflow-illustration{margin:28px 0}.learn-section-links{flex-wrap:wrap;gap:10px 24px;margin-top:20px;display:flex}.learn-section-links a{text-underline-offset:4px;align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:underline;display:inline-flex;color:var(--mx-accent-strong)!important}.learn-toc>span{letter-spacing:.07em;text-transform:uppercase;color:var(--mx-subtle);font-size:12px;font-weight:650}.learn-toc nav{border-left:1px solid var(--mx-line-strong);gap:6px;margin-top:14px;padding-left:14px;display:grid}.learn-toc nav a{min-height:24px;padding:2px 0;font-size:14px;line-height:1.5;display:block;color:var(--mx-muted)!important}.learn-toc nav a:hover{color:var(--mx-ink)!important}.learn-toc>div{border-top:1px solid var(--mx-line);color:var(--mx-accent);align-items:flex-start;gap:8px;margin-top:26px;padding-top:18px;display:flex}.learn-toc>div svg{flex-shrink:0;margin-top:2px}.learn-toc p{color:var(--mx-subtle);margin:0;font-size:13px;line-height:1.6}.learn-mobile-toc{display:none}.learn-article-footer{border-top:1px solid var(--mx-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 0;display:flex}.learn-article-footer div{gap:4px;display:grid}.learn-article-footer strong{color:var(--mx-ink);font-size:16px;font-weight:650}.learn-article-footer span{color:var(--mx-subtle);font-size:14px}@media (max-width:1180px){.learn-document-layout{grid-template-columns:210px minmax(0,1fr)}.learn-toc{display:none}.learn-mobile-toc{border:1px solid var(--mx-line);background:var(--mx-surface);border-radius:12px;margin:0 0 32px;padding:14px 18px;display:block}.learn-mobile-toc summary{cursor:pointer;color:var(--mx-ink);font-size:15px;font-weight:600}.learn-mobile-toc nav{gap:10px;margin-top:14px;display:grid}.learn-mobile-toc nav a{font-size:15px;color:var(--mx-accent-strong)!important}}@media (max-width:1023px){.learn-index li{grid-template-columns:130px minmax(0,1fr)}}@media (max-width:860px){.learn-document-layout{display:block}.learn-sidebar{display:none}.learn-article{max-width:none}}@media (max-width:767px){.learn-index li{grid-template-columns:minmax(0,1fr)}.learn-search{flex-basis:100%;max-width:none}.learn-before{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}.learn-deck{font-size:17px}.learn-article-meta{flex-direction:column;align-items:flex-start;gap:4px}.learn-article-meta>span+span:before{display:none}.learn-article-section>p{font-size:16px}.learn-steps p,.learn-bullets{font-size:15.5px}.learn-table-wrap table{font-size:14px}.learn-table-wrap th,.learn-table-wrap td{padding:11px 12px}.learn-copy-reference>div{flex-wrap:wrap}}
