.unit-experience{--ud-cyan:#087987;--ud-coral:#b44935;--ud-paper:var(--flagship-page,#fff);--ud-ink:var(--flagship-ink,#172526);--ud-muted:var(--flagship-muted,#626c6b);--ud-rule:var(--flagship-rule,#d2d9d8);color:var(--ud-ink)}
.unit-experience [hidden]{display:none!important}
.unit-experience .ud-intro{font-size:1rem;line-height:1.65;max-width:64ch;margin:0 0 1.75rem}.ud-intro strong{font-weight:600}
.ud-presets{display:flex;gap:1.25rem;border-bottom:1px solid var(--ud-rule)}
.ud-presets button{display:flex;align-items:center;gap:.55rem;padding:.8rem 0 1rem;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--ud-muted);font:500 .8125rem/1.4 var(--flagship-ui,Arial,sans-serif);cursor:pointer;min-height:48px;text-align:left}.ud-presets button span{font-size:.7rem;font-variant-numeric:tabular-nums;opacity:.8}.ud-presets button[aria-pressed=true]{color:var(--ud-ink);border-bottom-color:var(--ud-cyan)}.ud-presets button:hover{color:var(--ud-cyan)}
.ud-observation{margin-top:1.6rem;min-height:5.1rem}.ud-observation p{font-size:.8125rem;line-height:1.5;margin:.5rem 0 0;color:var(--ud-muted)}.ud-observation .ud-count{font-size:clamp(1.1rem,2.1vw,1.35rem);line-height:1.4;color:var(--ud-ink);margin:0}.ud-count strong{font-weight:650;color:var(--ud-cyan);font-variant-numeric:tabular-nums}
.ud-drawing{position:relative;max-width:650px;margin:0 auto}.ud-board,.ud-fallback-board{display:block;width:100%;height:auto;overflow:visible}.ud-board{touch-action:pan-y}.ud-board text,.ud-fallback-board text{font-family:var(--flagship-ui,Arial,sans-serif);font-size:13px;fill:var(--ud-muted)}
.ud-reference circle,.ud-fallback-circle{fill:none;stroke:var(--ud-cyan);stroke-width:1.2;stroke-dasharray:3 5;opacity:.6}.ud-radius{stroke:var(--ud-cyan);stroke-width:1;stroke-dasharray:3 5;opacity:.45}.ud-edge,.ud-fallback-edges{stroke:var(--ud-cyan);stroke-width:2.4;fill:none;stroke-linecap:round}.ud-measure-line{stroke:var(--ud-coral);stroke-width:1.6;stroke-dasharray:5 5;fill:none}
.ud-point{cursor:grab;touch-action:none;outline:none}.ud-point:active{cursor:grabbing}.ud-point-hit{fill:transparent;stroke:none}.ud-point-dot,.ud-fallback-points circle{fill:var(--ud-ink);stroke:var(--ud-paper);stroke-width:3}.ud-point-halo{fill:none;stroke:transparent;stroke-width:1.5}.ud-point[data-selected=true] .ud-point-dot{fill:var(--ud-coral)}.ud-point[data-selected=true] .ud-point-halo{stroke:var(--ud-coral)}.ud-point:focus-visible .ud-point-halo{stroke:var(--ud-ink);stroke-width:3}.ud-point text{font-size:13px;font-weight:600;fill:var(--ud-ink);paint-order:stroke;stroke:var(--ud-paper);stroke-width:4px;stroke-linejoin:round;pointer-events:none}
.ud-ruler path{fill:none;stroke:var(--ud-ink);stroke-width:1.4}.ud-ruler text{fill:var(--ud-ink)}.ud-measurement{text-align:center;font:500 .8125rem/1.5 var(--flagship-ui,Arial,sans-serif);color:var(--ud-coral);font-variant-numeric:tabular-nums;min-height:1.5em;margin:.6rem 0 0}.ud-measurement[data-exact=true]{color:var(--ud-cyan)}.ud-drag-help{font-size:.75rem;line-height:1.6;color:var(--ud-muted);text-align:center;max-width:58ch;margin:1rem auto 1.5rem}
.ud-controls{display:grid;grid-template-columns:1fr auto;gap:1rem 1.5rem;border-top:1px solid var(--ud-rule);padding-top:1rem;font-size:.75rem}.ud-select{display:flex;align-items:center;gap:.7rem;font-weight:500}.ud-select select{font:inherit;min-width:4rem;min-height:44px;padding:.5rem .7rem;border:1px solid var(--ud-rule);border-radius:0;color:var(--ud-ink);background:var(--ud-paper);cursor:pointer}
.ud-reset,.ud-snap{font:500 .75rem/1.4 var(--flagship-ui,Arial,sans-serif);color:var(--ud-ink);background:none;cursor:pointer;min-height:44px}.ud-reset{border:0;padding:.5rem 0;text-decoration:underline;text-decoration-color:var(--ud-rule);text-underline-offset:4px}.ud-reset:hover{text-decoration-color:var(--ud-ink)}
.ud-position{grid-column:1/-1;display:grid;grid-template-columns:7rem minmax(0,1fr) 7rem minmax(0,1fr);align-items:center;gap:.8rem}.ud-position label{display:flex;flex-direction:column;gap:.15rem;color:var(--ud-muted);line-height:1.4}.ud-position output{font-variant-numeric:tabular-nums;color:var(--ud-ink)}.ud-position input{accent-color:var(--ud-coral);width:100%;height:44px;margin:0;cursor:ew-resize}.ud-control-note{color:var(--ud-muted);max-width:48ch;margin:0;font-size:.7rem;line-height:1.5;align-self:center}.ud-snap{border:1px solid var(--ud-rule);padding:.6rem .9rem;align-self:start}.ud-snap:hover{border-color:var(--ud-cyan);color:var(--ud-cyan)}
.ud-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ud-fallback{max-width:650px;margin:auto}.ud-fallback>p{font-size:.875rem;line-height:1.6;max-width:58ch;margin:1rem auto 0;text-align:center}.unit-experience :is(button,select,input):focus-visible{outline:2px solid var(--ud-cyan);outline-offset:4px}.unit-experience ::selection{background:var(--ud-cyan);color:var(--ud-paper)}
html[data-aligned-feature-theme=night] .unit-experience{--ud-cyan:#6dd8e0;--ud-coral:#fa9c85}
@media(max-width:600px){.ud-presets{gap:1rem;justify-content:space-between}.ud-presets button{font-size:.72rem;gap:.3rem}.ud-observation{min-height:6rem;margin-top:1.25rem}.ud-observation .ud-count{font-size:1.05rem}.ud-observation p{font-size:.75rem}.ud-board text,.ud-fallback-board text{font-size:16px}.ud-board [data-ud-circle-label]{font-size:14px}.ud-point text{font-size:17px}.ud-measurement{font-size:.75rem}.ud-drag-help{font-size:.7rem;margin-top:.8rem}.ud-position{grid-template-columns:6rem minmax(0,1fr);row-gap:.35rem}.ud-controls{column-gap:.8rem}.ud-control-note{grid-column:1/-1}.ud-snap{grid-column:1/-1;width:fit-content}.ud-ruler text{font-size:17px}}
@media print{.ud-live{display:none!important}.ud-fallback[hidden]{display:block!important}}

.unit-experience h2{max-width:25ch;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15}.ud-adjustments{margin-top:1rem;border-top:1px solid var(--ud-rule)}.ud-adjustments summary{cursor:pointer;padding:1rem 0;font:.8rem/1.4 var(--flagship-ui);min-height:48px}.ud-adjustments .ud-controls{border-top:0;padding-top:0}.ud-adjustments summary:focus-visible{outline:2px solid var(--ud-cyan);outline-offset:4px}
@media(max-width:600px){.ud-board text,.ud-fallback-board text{font-size:24px}.ud-board [data-ud-circle-label]{font-size:23px}.ud-point text{font-size:23px}.ud-ruler text{font-size:25px}.unit-experience h2{max-width:21ch}.ud-drag-help{font-size:.75rem}}