.ex-learning{--exl-pad-y:.7rem;--exl-title-lh:1.35rem;--exl-node:1.5rem;--exl-gap:.5rem;border:1px solid var(--docs-line);border-radius:var(--docs-radius);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--sl-color-text) 9%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--sl-color-bg);margin:1.5rem 0 2rem;container:ex-learning/inline-size}.ex-learning .ex-learning-steps{gap:var(--exl-gap);margin:0;padding:1.25rem 1.5rem;list-style:none;display:grid}.ex-learning .ex-learning-step{grid-template-columns:var(--exl-node) minmax(0, 1fr);align-items:start;column-gap:.85rem;margin:0;line-height:1.45;display:grid;position:relative}.ex-learning-num{width:var(--exl-node);height:var(--exl-node);margin-top:calc(var(--exl-pad-y) + (var(--exl-title-lh) - var(--exl-node)) / 2);border:1px solid var(--docs-line);background:var(--sl-color-bg);color:var(--sl-color-text);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.72rem;font-weight:650;display:grid}.ex-learning-step:not(:last-child):before{content:"";top:calc(var(--exl-pad-y) + (var(--exl-title-lh) + var(--exl-node)) / 2 + 4px);bottom:calc(-1 * var(--exl-gap) - var(--exl-pad-y) - (var(--exl-title-lh) - var(--exl-node)) / 2 + 4px);left:calc(var(--exl-node) / 2 - .5px);background:color-mix(in srgb, var(--docs-muted) 45%, transparent);width:1px;position:absolute}.ex-learning-card{min-width:0;padding:var(--exl-pad-y) 1rem;border:1px solid var(--docs-line);border-radius:var(--docs-radius);background:var(--docs-panel);grid-template-columns:clamp(9.5rem,30cqi,13rem) minmax(0,1fr);column-gap:1.25rem;transition:background-color .14s,border-color .14s;display:grid;position:relative}.ex-learning-card:hover{border-color:color-mix(in srgb, var(--docs-muted) 45%, var(--docs-line));background:var(--docs-hover)}.ex-learning .ex-learning-title{color:var(--sl-color-text);font-size:.95rem;font-weight:650;line-height:var(--exl-title-lh);text-decoration:none}.ex-learning-title:after{content:"";border-radius:var(--docs-radius);position:absolute;inset:0}.ex-learning-card:hover .ex-learning-title{text-decoration:underline;text-decoration-color:var(--docs-accent);text-underline-offset:3px}.ex-learning .ex-learning-title:focus-visible{outline:none}.ex-learning .ex-learning-title:focus-visible:after{outline:2px solid var(--docs-accent);outline-offset:2px}.ex-learning-body{min-width:0}.ex-learning .ex-learning-note{color:var(--docs-muted);font-size:.86rem;line-height:var(--exl-title-lh);margin:0}.ex-learning .ex-learning-links{flex-wrap:wrap;gap:.2rem 1rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.ex-learning .ex-learning-links li{margin:0;line-height:1.5}.ex-learning .ex-learning-links a{z-index:1;color:var(--sl-color-text);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--docs-muted) 60%, transparent);text-underline-offset:3px;font-size:.82rem;font-weight:550;position:relative}.ex-learning .ex-learning-links a:hover{color:var(--docs-accent);text-decoration-color:currentColor}@container ex-learning (width<=36rem){.ex-learning .ex-learning-steps{padding:1rem}.ex-learning .ex-learning-step{column-gap:.65rem}.ex-learning-card{grid-template-columns:minmax(0,1fr);row-gap:.15rem;padding-inline:.85rem}}@media (prefers-reduced-motion:reduce){.ex-learning-card{transition:none}}.ex-panel{border:1px solid var(--docs-line);border-radius:var(--docs-radius);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--sl-color-text) 9%, transparent) 1px, transparent 0) 0 0 / 18px 18px, var(--sl-color-bg);color:var(--sl-color-text);margin:1.5rem 0 2rem;line-height:1.45;display:block;container:ex-panel/inline-size}.ex-panel-body{padding:1.5rem}.ex-panel-head{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.ex-panel .ex-hint{color:var(--docs-muted);margin:0;font-size:.84rem;line-height:1.45}.ex-choices{border:1px solid var(--docs-line);border-radius:calc(var(--docs-radius) + 3px);background:var(--docs-panel);flex-wrap:wrap;gap:3px;padding:3px;display:flex}.ex-panel button{font:inherit;cursor:pointer;margin:0}.ex-choices button{border-radius:var(--docs-radius);min-height:2.5rem;color:var(--sl-color-text);white-space:nowrap;background:0 0;border:1px solid #0000;padding:.4rem .9rem;font-size:.86rem;font-weight:600;line-height:1.25;transition:background-color .14s,border-color .14s,color .14s}.ex-choices button:hover{background:var(--docs-hover)}.ex-choices button[aria-pressed=true]{border-color:color-mix(in srgb, var(--docs-accent) 60%, transparent);background:color-mix(in srgb, var(--docs-accent) 11%, var(--docs-panel));color:var(--docs-accent)}.ex-panel button:focus-visible{outline:2px solid var(--docs-accent);outline-offset:2px}.ex-panel [data-job-state]{--ex-state:var(--docs-state-waiting)}.ex-panel [data-job-state=active]{--ex-state:var(--docs-state-active)}.ex-panel [data-job-state=delayed]{--ex-state:var(--docs-state-delayed)}.ex-panel [data-job-state=completed]{--ex-state:var(--docs-state-completed)}.ex-panel [data-job-state=failed]{--ex-state:var(--docs-state-failed)}.ex-panel .ex-state{background:color-mix(in srgb, var(--ex-state) 11%, transparent);color:var(--ex-state);font-family:var(--sl-font-mono);white-space:nowrap;border-radius:999px;padding:0 .45rem;font-size:.7rem;font-weight:500;line-height:1.6;display:inline-block}.ex-panel .ex-fail{color:var(--docs-state-failed);white-space:nowrap;align-items:center;gap:.25rem;font-size:.74rem;font-weight:650;line-height:1.6;display:inline-flex}.ex-panel .ex-fail[hidden]{display:none}:root .ex-panel.not-content :not(pre)>code{background:color-mix(in srgb, var(--sl-color-text) 8%, transparent);color:var(--sl-color-text);font-family:var(--sl-font-mono);border:0;border-radius:4px;padding:.05em .35em;font-size:.85em}.ex-stack{display:grid}.ex-stack>*{grid-area:1/1;min-width:0}.ex-route[hidden],.ex-topology-panel[hidden]{visibility:hidden}.ex-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container ex-panel (width<=44rem){.ex-panel-body{padding:1rem}}@container ex-panel (width<=39rem){.ex-journey .ex-choices{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.ex-journey .ex-choices button{text-align:left;white-space:normal}}@container ex-panel (width<=30rem){.ex-topology .ex-choices{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.ex-topology .ex-choices button{text-align:left;white-space:normal}}@media (prefers-reduced-motion:reduce){.ex-choices button{transition:none}}.ex-journey{--exj-node:1.5rem;--exj-gap:.5rem}.ex-journey .ex-route-stage{border:1px solid var(--docs-line);border-radius:var(--docs-radius);background:var(--docs-panel);margin-top:1.25rem;padding:1rem}.ex-journey .ex-route{gap:var(--exj-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.ex-journey .ex-route li{flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;margin:0;line-height:1.3;display:flex;position:relative}.ex-route-node{width:var(--exj-node);height:var(--exj-node);border:1px solid var(--docs-line);background:var(--sl-color-bg);color:var(--docs-muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;margin-bottom:.2rem;font-size:.72rem;font-weight:650;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s;display:grid}.ex-journey .ex-route li:not(:last-child):before{content:"";top:calc(var(--exj-node) / 2);right:calc(-1 * var(--exj-gap) + 5px);left:calc(var(--exj-node) + 5px);border-top:1px dashed color-mix(in srgb, var(--docs-muted) 50%, transparent);position:absolute}.ex-journey .ex-route li[data-state=done]:before{border-top-style:solid;border-top-color:var(--docs-muted)}.ex-route-label{color:var(--docs-muted);font-size:.82rem;font-weight:600}.ex-route-tags{flex-wrap:wrap;align-items:center;gap:.2rem .4rem;display:flex}.ex-route li[data-state=done] .ex-route-node{border-color:var(--docs-muted);color:var(--sl-color-text)}.ex-route li[data-state=done] .ex-route-label,.ex-route li[data-state=current] .ex-route-label{color:var(--sl-color-text)}.ex-route li[data-state=current] .ex-route-label{font-weight:700}.ex-route li[data-state=current] .ex-route-node{border-color:var(--ex-state);background:var(--ex-state);box-shadow:0 0 0 4px color-mix(in srgb, var(--ex-state) 20%, transparent);color:var(--sl-color-bg)}.ex-journey .ex-now{border:1px solid var(--docs-line);border-left:3px solid var(--ex-state);border-radius:var(--docs-radius);background:var(--docs-panel);margin:.75rem 0 0;padding:.8rem 1rem;transition:border-color .16s}.ex-now-head{flex-wrap:wrap;align-items:center;gap:.25rem .55rem;display:flex}.ex-now-head strong{color:var(--sl-color-text);font-size:.95rem;font-weight:650}.ex-journey .ex-now-text{margin:0}.ex-now-detail{color:var(--sl-color-text);margin-top:.3rem;font-size:.9rem;line-height:1.5;display:block}.ex-now-ghost{visibility:hidden}.ex-step-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;margin-top:1rem;display:grid}.ex-step-controls button{border:1px solid var(--docs-line);border-radius:var(--docs-radius);background:var(--docs-panel);min-height:2.5rem;color:var(--sl-color-text);white-space:nowrap;padding:.4rem .95rem;font-size:.86rem;font-weight:600}.ex-step-controls button:first-child{justify-self:start}.ex-step-controls button:last-child{justify-self:end}.ex-step-controls button:hover:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--docs-muted) 50%, var(--docs-line));background:var(--docs-hover)}.ex-step-controls button[aria-disabled=true]{color:var(--docs-muted);cursor:not-allowed;background:0 0;border-style:dashed}.ex-step-count{color:var(--docs-muted);font-variant-numeric:tabular-nums;font-size:.84rem}@container ex-panel (width<=44rem){.ex-journey .ex-route-stage{padding:.85rem}.ex-journey .ex-route{grid-auto-columns:auto;grid-auto-flow:row;align-content:start;gap:.7rem}.ex-journey .ex-route li{flex-direction:row;align-items:center;gap:.6rem}.ex-route-node{margin-bottom:0}.ex-route-label{flex:1;min-width:0}.ex-route-tags{flex-wrap:nowrap}.ex-journey .ex-route li:not(:last-child):before{top:calc(var(--exj-node) + 3px);bottom:calc(3px - .7rem);right:auto;left:calc(var(--exj-node) / 2 - .5px);border-top:0;border-left:1px dashed color-mix(in srgb, var(--docs-muted) 50%, transparent)}.ex-journey .ex-route li[data-state=done]:before{border-left-style:solid;border-left-color:var(--docs-muted)}.ex-step-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.ex-step-count{text-align:center;grid-area:1/1/auto/-1}.ex-step-controls button{width:100%}}@container ex-panel (width<=30rem){.ex-step-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.ex-route-node,.ex-journey .ex-now{transition:none}}.ex-topology .ex-topology-stage{margin-top:1.25rem}.ex-topology .ex-topology-panel{flex-direction:column;gap:.85rem;display:flex}.ex-topology .ex-topology-summary{color:var(--sl-color-text);margin:0;font-size:.92rem;line-height:1.5}.ex-topology-visual{align-items:stretch;display:flex}.ex-topology-layer{border:1px dashed color-mix(in srgb, var(--docs-muted) 45%, transparent);border-radius:var(--docs-radius);background:color-mix(in srgb, var(--sl-color-bg) 70%, transparent);flex-direction:column;flex:1 1 0;gap:.55rem;min-width:0;padding:.75rem;display:flex}.ex-topology-layer-label{color:var(--docs-muted);font-size:.78rem;font-weight:600;line-height:1.3}.ex-topology-nodes{flex-direction:column;flex:1;justify-content:center;gap:.4rem;display:flex}.ex-topology-node{border:1px solid var(--docs-line);border-radius:calc(var(--docs-radius) - 2px);background:var(--docs-panel);color:var(--sl-color-text);padding:.5rem .7rem;font-size:.86rem;font-weight:600;line-height:1.3}.ex-topology-link{text-align:center;flex-direction:column;flex:0 7rem;justify-content:center;align-items:center;gap:.4rem;min-width:6.5rem;padding:0 .6rem;display:flex}.ex-topology-link-label{color:var(--sl-color-text);font-size:.76rem;line-height:1.3}.ex-topology-wire{background:var(--docs-muted);width:100%;height:1px;position:relative}.ex-topology-wire:before,.ex-topology-wire:after{content:"";border-top:1px solid var(--docs-muted);border-right:1px solid var(--docs-muted);width:8px;height:8px;position:absolute;top:-3.5px}.ex-topology-wire:before{left:0;transform:rotate(-135deg)}.ex-topology-wire:after{right:0;transform:rotate(45deg)}.ex-topology .ex-topology-facts{border:1px solid var(--docs-line);border-radius:var(--docs-radius);background:var(--docs-panel);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.ex-topology .ex-topology-facts>div{min-width:0;padding:.7rem 1rem}.ex-topology .ex-topology-facts>div+div{border-left:1px solid var(--docs-line)}.ex-topology .ex-topology-facts dt{color:var(--docs-muted);margin:0;font-size:.78rem;font-weight:600;line-height:1.3}.ex-topology .ex-topology-facts dd{color:var(--sl-color-text);margin:.2rem 0 0;font-size:.88rem;line-height:1.45}@container ex-panel (width<=44rem){.ex-topology-visual{flex-direction:column}.ex-topology-layer{gap:.45rem;padding:.6rem}.ex-topology-nodes{flex-flow:wrap;gap:.35rem}.ex-topology-node{text-align:center;flex:auto;padding:.4rem .6rem;font-size:.84rem}.ex-topology-link{text-align:left;flex-direction:row;flex:none;justify-content:center;gap:.7rem;min-width:0;padding:.3rem 0}.ex-topology-wire{order:-1;width:1px;height:1.6rem}.ex-topology-wire:before,.ex-topology-wire:after{left:-3.5px;right:auto}.ex-topology-wire:before{top:0;transform:rotate(-45deg)}.ex-topology-wire:after{top:auto;bottom:0;transform:rotate(135deg)}.ex-topology .ex-topology-facts{grid-template-columns:minmax(0,1fr)}.ex-topology .ex-topology-facts>div+div{border-top:1px solid var(--docs-line);border-left:0}}