.ax-playground-tabs{position:relative;display:flex;width:fit-content;max-width:100%;gap:4px;padding:4px;border:1px solid var(--ax-rule);border-radius:9px;background:var(--community-wash);isolation:isolate}
.ax-playground-tabs a{position:relative;z-index:1;padding:10px 20px;min-height:44px;border:0;border-radius:6px;color:var(--ax-muted);white-space:nowrap}
.ax-playground-tabs a[aria-selected=true]{color:var(--ax-text);border:0}
.ax-tab-indicator{position:absolute;z-index:0;left:0;top:4px;height:calc(100% - 8px);border-radius:6px;background:var(--community-surface);border:1px solid var(--ax-rule);pointer-events:none}
.ax-playground-stage{position:relative}
.ax-example-plot{position:relative}
.ax-plot-drag{position:absolute;left:calc(91.96% - 19px);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:var(--ax-blue);color:var(--community-on-action);cursor:ns-resize;touch-action:none;box-shadow:0 3px 12px #16294a24;z-index:2}
.ax-plot-drag svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ax-plot-drag:hover,.ax-plot-drag[data-dragging]{background:var(--ax-blue-hover)}
:is(.ax-home-playground,.ax-question-detail){max-width:1320px}
:is(.ax-home-playground,.ax-question-detail) .ax-example{background:var(--community-surface);color:var(--ax-text);border:1px solid var(--ax-rule);padding:32px;border-radius:12px}
:is(.ax-home-playground,.ax-question-detail) .ax-example-heading h2{color:var(--ax-text);max-width:36ch;font-size:30px}
:is(.ax-home-playground,.ax-question-detail) .ax-example-heading>p{color:var(--ax-muted)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-axis{stroke:var(--ax-muted)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-fit,:is(.ax-home-playground,.ax-question-detail) .ax-plot-curve{stroke:var(--ax-blue)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-vector{stroke:var(--ax-muted)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-projection{stroke:var(--ax-blue)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-residual{stroke:var(--ax-chart-teal,#007f6d)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-point{fill:var(--ax-chart-teal,#007f6d);stroke:var(--community-surface);stroke-width:1.5}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-point-alt{fill:var(--ax-blue);stroke:var(--community-surface);stroke-width:1.5}
:is(.ax-home-playground,.ax-question-detail) :is(.ax-plot-label,.ax-plot-tick,.ax-job-label){fill:var(--ax-text)}
:is(.ax-home-playground,.ax-question-detail) .ax-plot-overlay span{color:var(--ax-text)}
:is(.ax-home-playground,.ax-question-detail) .ax-job{fill:transparent;stroke:var(--ax-muted)}
:is(.ax-home-playground,.ax-question-detail) .ax-job.is-chosen{fill:var(--ax-success-wash);stroke:var(--ax-chart-teal,#007f6d)}
:is(.ax-home-playground,.ax-question-detail) .ax-job.is-greedy{stroke:var(--ax-blue)}
:is(.ax-home-playground,.ax-question-detail) .ax-job-label.is-chosen-label{fill:var(--ax-text)}
:is(.ax-home-playground,.ax-question-detail) .ax-readings{border-color:var(--ax-rule)}
:is(.ax-home-playground,.ax-question-detail) .ax-readings dt,:is(.ax-home-playground,.ax-question-detail) .ax-range-control label,:is(.ax-home-playground,.ax-question-detail) .ax-choice-control legend{color:var(--ax-muted)}
:is(.ax-home-playground,.ax-question-detail) .ax-readings dd{color:var(--ax-text);font-variant-numeric:tabular-nums;font-size:30px}
:is(.ax-home-playground,.ax-question-detail) .ax-range-control input[type=range]{accent-color:#315cdb}
:is(.ax-home-playground,.ax-question-detail) .ax-range-control input[type=number]{background:var(--community-surface);border:1px solid var(--ax-field-border);color:var(--ax-text);border-radius:5px;min-height:44px}
:is(.ax-home-playground,.ax-question-detail) .ax-reset{color:var(--ax-link,#254dbd);border-color:var(--ax-field-border);background:transparent}
:is(.ax-home-playground,.ax-question-detail) .ax-reset:hover{background:var(--ax-selected)}
:is(.ax-home-playground,.ax-question-detail) .ax-example-open{color:var(--ax-link,#254dbd);border-top:1px solid var(--ax-rule);padding-top:18px;margin-top:0}
:is(.ax-home-playground,.ax-question-detail) .ax-choice-control span{border-color:var(--ax-field-border);color:var(--ax-text)}
:is(.ax-home-playground,.ax-question-detail) .ax-choice-control input:checked+span{background:#254dbd;color:#fff;border-color:var(--ax-link,#254dbd)}
:is(.ax-home-playground,.ax-question-detail) .ax-control-error{color:var(--ax-error-text)}
@media(min-width:1001px){
 :is(.ax-home-playground,.ax-question-detail) .ax-example{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px 32px;align-items:start}
 :is(.ax-home-playground,.ax-question-detail) .ax-example-heading{grid-column:1/-1;align-items:center}
 :is(.ax-home-playground,.ax-question-detail) .ax-example-plot{grid-column:1;grid-row:2/4;align-self:center;max-width:none;width:100%;margin:0}
 :is(.ax-home-playground,.ax-question-detail) .ax-example-controls{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0}
 :is(.ax-home-playground,.ax-question-detail) .ax-range-control{width:100%;min-width:0;flex:none}
 :is(.ax-home-playground,.ax-question-detail) .ax-range-control>div{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px}
 :is(.ax-home-playground,.ax-question-detail) .ax-range-control input[type=number]{width:100%;font-size:15px}
 :is(.ax-home-playground,.ax-question-detail) .ax-readings{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:18px;border-block:0;padding:0;margin:0}
 :is(.ax-home-playground,.ax-question-detail) .ax-readings dt{font-size:13px;line-height:1.5}
 :is(.ax-home-playground,.ax-question-detail) .ax-readings dd{font-size:28px;line-height:1.3;margin:8px 0 0}
 :is(.ax-home-playground,.ax-question-detail) .ax-example-open{grid-column:1/-1}
 :is(.ax-home-playground,.ax-question-detail) .ax-control-error:empty{display:none}
}
@media(forced-colors:active){.ax-tab-indicator,.ax-plot-drag,:is(.ax-home-playground,.ax-question-detail) .ax-example{border:1px solid CanvasText}:is(.ax-home-playground,.ax-question-detail) :is(.ax-plot-fit,.ax-plot-curve,.ax-plot-axis,.ax-plot-residual){stroke:CanvasText}:is(.ax-home-playground,.ax-question-detail) :is(.ax-plot-point,.ax-plot-point-alt){fill:LinkText}:is(.ax-home-playground,.ax-question-detail) :is(.ax-plot-label,.ax-plot-tick,.ax-job-label){fill:CanvasText}}

.ax-example-scenario{flex-basis:100%;display:grid;gap:8px}
.ax-example-scenario label{font-size:14px;color:inherit}
.ax-example-scenario select{min-height:44px;width:100%;padding:9px 34px 9px 12px;border:1px solid var(--ax-field-border);border-radius:5px;background:var(--community-surface);color:var(--ax-text);font:inherit;font-size:15px}
:is(.ax-home-playground,.ax-question-detail) .ax-example-scenario label{color:var(--ax-muted)}
:is(.ax-home-playground,.ax-question-detail) .ax-reset{align-self:flex-start;border:0;padding:4px 0;min-height:36px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
:is(.ax-home-playground,.ax-question-detail) .ax-reset:hover{background:transparent}
:is(.ax-home-playground,.ax-question-detail) [data-example="stats-mean-residual"][data-direct-control=centre] input[type=range]{display:none}
:is(.ax-home-playground,.ax-question-detail) [data-example="stats-mean-residual"][data-direct-control=centre] .ax-range-control{display:flex;align-items:center;justify-content:space-between;gap:16px}
:is(.ax-home-playground,.ax-question-detail) [data-example="stats-mean-residual"][data-direct-control=centre] .ax-range-control>div{display:block;flex:none;width:110px}

/* A chosen question opens directly into its working context. */
.ax-example-intro{padding-block:30px 26px}
.ax-example-intro>.ax-text-link{font-weight:400;margin-bottom:14px}
.ax-example-intro h1{font-size:clamp(34px,3.8vw,52px);max-width:27ch}
.has-question .ax-explore-layout{padding-top:0}
.ax-question-detail .ax-example-observation,.ax-question-detail .ax-example-values{grid-column:1/-1}
.ax-question-detail .ax-example-observation{margin-top:0!important}
.ax-question-detail .ax-example-values{width:100%;border-color:var(--ax-rule);margin-top:0}
.ax-question-detail .ax-example-values caption{color:var(--ax-muted)}
.ax-question-detail .ax-example-values :is(th,td){border-color:var(--ax-rule)}
.ax-question-detail .ax-example-plot{max-width:650px}
.ax-direct-handle{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ax-link,#254dbd);transform:translate(-50%,-50%);cursor:grab!important;touch-action:none!important}
.ax-direct-handle:not(.ax-plot-drag)::before{content:'';position:absolute;inset:13px;border:2px solid var(--ax-link,#254dbd);border-radius:50%;box-shadow:0 0 0 3px var(--community-surface,#f7f9fc);pointer-events:none}
.ax-direct-handle:hover::before,.ax-direct-handle[data-dragging]::before{border-width:3px}
.ax-direct-handle[data-dragging]{cursor:grabbing!important}
.ax-direct-variable{position:absolute;left:3px;top:1px;font:italic 16px/1 var(--ax-font-serif);color:var(--ax-link,#254dbd);pointer-events:none}
.ax-direct-handle.ax-plot-drag{width:44px;height:44px;background:#254dbd;color:#fff;border:2px solid #fff}
.ax-range-control[data-direct-field]{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ax-range-control[data-direct-field]>label{margin:0;min-width:0}
.ax-range-control[data-direct-field]>div{display:block!important;flex:none;width:96px}
.ax-range-control[data-direct-field] input[type=number]{width:100%}
@media(forced-colors:active){.ax-direct-handle:not(.ax-plot-drag)::before{border-color:ButtonText;box-shadow:none}.ax-direct-handle:focus-visible{outline-color:Highlight}}
@media(min-width:1201px){
 .ax-explore-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}
 .ax-question-detail .ax-example{grid-template-columns:minmax(0,1fr) 230px;gap:24px}
 .ax-question-detail .ax-example-heading h2{font-size:30px;max-width:36ch}
}
@media(max-width:1200px){
 .ax-explore-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .has-question .ax-question-list{position:relative;top:auto;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 12px}
 .has-question .ax-question-list .ax-result-count{display:none}
 .has-question .ax-question-list>a:not(.ax-text-link){flex:none;min-height:44px;border:1px solid #cbd5e5;border-radius:6px;padding:9px 15px;display:flex;align-items:center}
 .has-question .ax-question-list>a>span{margin:0;font-size:15px;white-space:nowrap}
 .has-question .ax-question-list>a[aria-current=page]>span{color:var(--ax-link,#254dbd);font-weight:600}
 .has-question .ax-question-list>a>:is(strong,svg){display:none}
}
@media(max-width:900px){
 .ax-example-intro{padding-block:24px 18px}
 .ax-example-intro h1{font-size:clamp(32px,6.8vw,46px)}
 .ax-question-detail .ax-example{padding:24px 18px}
 .ax-question-detail .ax-example-heading h2{font-size:26px}
 .ax-question-detail .ax-example-plot{margin:18px auto}
 .ax-question-detail .ax-example-observation{margin-top:24px!important}
 .ax-question-detail .ax-example-values{margin-top:20px}
}

