.tl-inline-principle__canvas{position:relative;margin:22px 0 6px}.tl-inline-principle__canvas .tl-parameter-story__drawing{margin:0}.tl-inline-principle__hotspot[hidden],.tl-inline-principle__step[hidden],.tl-inline-principle__hint[hidden]{display:none}.tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__eyebrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.tl-inline-principle__hint{font:400 12px/1.5 var(--font);color:var(--muted);white-space:nowrap}.tl-inline-principle__hotspot{position:absolute;z-index:1;width:44px;height:44px;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:transparent;color:var(--brand);cursor:pointer;touch-action:manipulation}.tl-inline-principle__hotspot--1{left:12.03704%;top:82.85714%}.tl-inline-principle__hotspot--2{left:43.88889%;top:82.85714%}.tl-inline-principle__hotspot--3{left:61.48148%;top:82.85714%}.tl-inline-principle__hotspot--4{left:86.66667%;top:62%}.tl-parameter-story--conventional .tl-inline-principle__hotspot:not(.tl-inline-principle__hotspot--4),.tl-parameter-story--heating_only .tl-inline-principle__hotspot:not(.tl-inline-principle__hotspot--4){top:77.35849%}.tl-parameter-story--conventional .tl-inline-principle__hotspot--4,.tl-parameter-story--heating_only .tl-inline-principle__hotspot--4{top:49.81132%}.tl-inline-principle__hotspot:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tl-inline-principle__hotspot:hover{box-shadow:0 0 0 4px var(--brand-soft)}.tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__steps{gap:6px 12px}.tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__steps li:before{display:none}.tl-inline-principle__step{display:flex;align-items:baseline;gap:9px;min-width:0;width:100%;min-height:44px;padding:9px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);text-align:left;font:400 14px/1.5 var(--font);letter-spacing:normal;font-stretch:normal;cursor:pointer;touch-action:manipulation;transition:background 180ms ease,border-color 180ms ease,color 180ms ease}.tl-inline-principle__step .tl-inline-principle__index{flex-shrink:0;font-size:12px;color:var(--brand)}.tl-inline-principle__step:hover{background:var(--sage)}.tl-inline-principle__step[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-deep);border-color:var(--brand-soft)}.tl-inline-principle__step:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tl-inline-principle__step:active{border-color:var(--brand)}.tl-parameter-story[data-inline-motion-ready] [data-inline-part] .tl-parameter-story__shape,.tl-parameter-story[data-inline-motion-ready] [data-inline-part] .tl-parameter-story__detail,.tl-parameter-story[data-inline-motion-ready] [data-inline-part] .tl-parameter-story__recovery{transition:stroke 200ms ease,fill 200ms ease}.tl-parameter-story[data-inline-motion-ready] [data-inline-part].is-active .tl-parameter-story__shape,.tl-parameter-story[data-inline-motion-ready] [data-inline-part].is-active .tl-parameter-story__recovery{stroke:var(--brand);fill:var(--brand-soft)}.tl-parameter-story[data-inline-motion-ready] [data-inline-part].is-active .tl-parameter-story__detail{stroke:var(--brand)}.tl-parameter-story[data-inline-motion-ready] [data-inline-number] circle{transition:fill 180ms ease,stroke-width 180ms ease}.tl-parameter-story[data-inline-motion-ready] [data-inline-number].is-active circle{fill:var(--brand-soft);stroke-width:2.5}.tl-parameters--story .tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__flow{animation:none}.tl-parameter-story[data-inline-motion-ready] [data-inline-part],.tl-parameter-story[data-inline-motion-ready] [data-inline-number]{cursor:pointer}.tl-inline-principle__flow-light{opacity:0;fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.tl-inline-principle__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.tl-inline-principle__canvas{margin-top:14px}.tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__eyebrow{gap:6px 12px}.tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__drawing{max-height:none}.tl-inline-principle__step{padding:9px 6px}}
@media(max-width:380px){.tl-inline-principle__hotspot{display:none}.tl-parameter-story[data-inline-motion-ready] .tl-parameter-story__steps{grid-template-columns:minmax(0,1fr);gap:2px}.tl-inline-principle__step{padding:9px 8px}}
@media(prefers-reduced-motion:reduce){.tl-inline-principle__step,.tl-parameter-story[data-inline-motion-ready] [data-inline-part] .tl-parameter-story__shape,.tl-parameter-story[data-inline-motion-ready] [data-inline-part] .tl-parameter-story__detail,.tl-parameter-story[data-inline-motion-ready] [data-inline-part] .tl-parameter-story__recovery,.tl-parameter-story[data-inline-motion-ready] [data-inline-number] circle{transition:none}.tl-inline-principle__flow-light{display:none}}