/* Generowane przez npm run page:cialo-w-pracy:sync. Nie edytuj ręcznie. */
.tb-work-content {
      --tb-ink: #111d40;
      --tb-copy: #596579;
      --tb-accent: #58b9cc;
      --tb-accent-dark: #168ba4;
      --tb-soft: #f2f8fa;
      --tb-line: #d7e5e9;
      --tb-white: #fff;
      --tb-max: 1440px;
      --tb-radius: 2rem;
      --tb-shadow: 0 28px 80px rgba(17, 29, 64, .1);
    }

    .tb-work-content * { box-sizing: border-box; }
    .tb-work-content { margin: 0; overflow-x: clip; color: var(--tb-ink); background: var(--tb-white); font-family: Arial, Helvetica, sans-serif; }
    .tb-work-content button, .tb-work-content a { font: inherit; }
    .tb-work-content a { color: inherit; }
    .tb-work-content img { display: block; max-width: 100%; }
    .tb-work-content :focus-visible { outline: 3px solid #9be7ef; outline-offset: 4px; }

    .tb-work-content .tb-shell { width: min(calc(100% - 5rem), var(--tb-max)); margin-inline: auto; }
    .tb-work-content .tb-button { min-height: 60px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 999px; padding: .85rem 1.7rem; text-decoration: none; font-weight: 800; }

    .tb-work-content .tb-hero { position: relative; min-height: clamp(640px, calc(100vh - 112px), 700px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 76% 34%, rgba(88,185,204,.2), transparent 26rem), linear-gradient(116deg, #fff 0 43%, #f6fbfc 72%, #eaf6f8 100%); }
    .tb-work-content .tb-hero::before, .tb-work-content .tb-hero::after { content: ""; position: absolute; z-index: -1; border: 1px solid rgba(88,185,204,.26); border-radius: 50%; }
    .tb-work-content .tb-hero::before { width: 48rem; aspect-ratio: 1; right: -8rem; top: -13rem; }
    .tb-work-content .tb-hero::after { width: 31rem; aspect-ratio: 1; right: 4rem; top: 3rem; }
    .tb-work-content .tb-hero__grid { min-height: inherit; display: grid; grid-template-columns: minmax(0,.88fr) minmax(33rem,1.12fr); grid-template-areas: "copy visual" "controls controls"; grid-template-rows: minmax(0,1fr) auto; align-items: center; column-gap: 3rem; }
    .tb-work-content .tb-hero__copy { grid-area: copy; position: relative; z-index: 3; padding: 2.8rem 0 1.2rem; }
    .tb-work-content .tb-eyebrow { display: flex; align-items: center; gap: 1rem; margin: 0 0 1.4rem; color: var(--tb-ink); font-size: .78rem; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
    .tb-work-content .tb-eyebrow::before { content: ""; width: 3.3rem; height: 2px; background: var(--tb-accent); }
    .tb-work-content h1 { max-width: 9.5ch; margin: 0; font-size: clamp(4.3rem, 6.3vw, 7rem); line-height: .92; letter-spacing: -.06em; }
    .tb-work-content .tb-lead { max-width: 38rem; margin: 1.8rem 0 0; color: var(--tb-copy); font-size: clamp(1.15rem, 1.5vw, 1.42rem); line-height: 1.6; }
    .tb-work-content .tb-hero__controls { grid-area: controls; position: relative; z-index: 6; display: grid; grid-template-columns: 22.5rem minmax(0,36rem); justify-content: space-between; align-items: start; gap: 2rem; padding: .4rem 0 2.5rem; }
    .tb-work-content .tb-actions { display: grid; width: min(100%, 22.5rem); gap: .8rem; margin: 0; }
    .tb-work-content .tb-button { width: 100%; min-width: 0; }
    .tb-work-content .tb-button--accent { color: var(--tb-ink); background: var(--tb-accent); }
    .tb-work-content .tb-button--ghost { border-color: var(--tb-line); background: rgba(255,255,255,.72); }
    .tb-work-content .tb-dayline { --day-progress: 42%; width: 100%; max-width: 36rem; margin: 0; padding: 1rem 1.1rem 1.15rem; border: 1px solid rgba(17,29,64,.1); border-radius: 1.15rem; background: rgba(255,255,255,.84); box-shadow: 0 12px 36px rgba(17,29,64,.065); }
    .tb-work-content .tb-dayline__head, .tb-work-content .tb-dayline__ends { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
    .tb-work-content .tb-dayline__head span { color: var(--tb-accent-dark); font-size: .66rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    .tb-work-content .tb-dayline__head output { color: var(--tb-ink); font-size: .9rem; font-weight: 850; }
    .tb-work-content .tb-dayline input { width: 100%; height: 1.75rem; margin: .6rem 0 .15rem; appearance: none; background: transparent; cursor: ew-resize; }
    .tb-work-content .tb-dayline input::-webkit-slider-runnable-track { height: 3px; border-radius: 999px; background: linear-gradient(90deg,var(--tb-accent) 0 var(--day-progress),var(--tb-line) var(--day-progress) 100%); }
    .tb-work-content .tb-dayline input::-webkit-slider-thumb { width: 1rem; aspect-ratio: 1; margin-top: -.42rem; appearance: none; border: 3px solid #fff; border-radius: 50%; background: var(--tb-accent); box-shadow: 0 0 0 .45rem rgba(88,185,204,.16); }
    .tb-work-content .tb-dayline input::-moz-range-track { height: 3px; border-radius: 999px; background: var(--tb-line); }
    .tb-work-content .tb-dayline input::-moz-range-progress { height: 3px; border-radius: 999px; background: var(--tb-accent); }
    .tb-work-content .tb-dayline input::-moz-range-thumb { width: .9rem; height: .9rem; border: 3px solid #fff; border-radius: 50%; background: var(--tb-accent); box-shadow: 0 0 0 .4rem rgba(88,185,204,.16); }
    .tb-work-content .tb-dayline__ends { color: var(--tb-copy); font-size: .68rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
    .tb-work-content .tb-dayline > p:has(input) { min-height: 0; margin: 0; }
    .tb-work-content .tb-dayline > p:empty { display: none; }
    .tb-work-content .tb-dayline [data-day-message] { min-height: 2.7em; margin: .8rem 0 0; color: #34425c; font-size: 1rem; font-weight: 560; line-height: 1.55; }

    .tb-work-content .tb-hero__visual { grid-area: visual; position: relative; align-self: stretch; min-height: 520px; }
    .tb-work-content .tb-hero__visual::before { content: ""; position: absolute; inset: 7% -10% 5% 0; border-radius: 50% 0 0 50%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.92), rgba(255,255,255,.25) 55%, transparent 72%); }
    .tb-work-content .tb-hero__visual::after { content: ""; position: absolute; z-index: 1; inset: 7% 1% 5% 3%; border-radius: 50%; background: conic-gradient(from 20deg, transparent 0 18%, rgba(88,185,204,.66) 19% 20%, transparent 21% 52%, rgba(17,29,64,.2) 53% 54%, transparent 55% 82%, rgba(88,185,204,.44) 83% 84%, transparent 85% 100%); -webkit-mask: radial-gradient(circle, transparent 0 64%, #000 65% 66%, transparent 67%); mask: radial-gradient(circle, transparent 0 64%, #000 65% 66%, transparent 67%); opacity: .72; pointer-events: none; }
    .tb-work-content .tb-hero__visual img { position: absolute; z-index: 2; right: 0; top: 1%; width: min(55vw, 780px); height: auto; object-fit: contain; object-position: right top; filter: saturate(.82) contrast(.98); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18%, #000 100%); mask-image: linear-gradient(90deg, transparent 0, #000 18%, #000 100%); }
    .tb-work-content .tb-hero__note { position: absolute; z-index: 4; left: -1%; top: 8%; width: min(16.5rem, 40%); padding: 1.1rem 1.25rem; border: 1px solid rgba(17,29,64,.08); border-radius: 1rem; background: rgba(255,255,255,.88); box-shadow: var(--tb-shadow); backdrop-filter: blur(10px); }
    .tb-work-content .tb-hero__note small { color: var(--tb-accent-dark); font-size: .68rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
    .tb-work-content .tb-hero__note strong { display: block; margin-top: .45rem; font-size: 1.14rem; line-height: 1.25; }
    .tb-work-content .tb-hero__chip { position: absolute; z-index: 5; right: 8%; bottom: 10%; display: flex; align-items: center; gap: .7rem; padding: .75rem 1rem; border-radius: 999px; background: var(--tb-ink); color: #fff; font-weight: 800; }
    .tb-work-content .tb-hero__chip::before { content: ""; width: .7rem; aspect-ratio: 1; border-radius: 50%; background: var(--tb-accent); box-shadow: 0 0 0 .4rem rgba(88,185,204,.18); }

    .tb-work-content .tb-intro { padding: clamp(5rem, 8vw, 8rem) 0; }
    .tb-work-content .tb-intro__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 7vw, 7rem); align-items: start; }
    .tb-work-content .tb-intro h2, .tb-work-content .tb-reset h2, .tb-work-content .tb-finish h2 { margin: 0; font-size: clamp(2.8rem, 5vw, 5.4rem); line-height: .98; letter-spacing: -.05em; }
    .tb-work-content .tb-intro__copy { color: var(--tb-copy); font-size: clamp(1.2rem, 1.7vw, 1.5rem); line-height: 1.65; }
    .tb-work-content .tb-intro__copy p { margin-top: 0; }
    .tb-work-content .tb-intro__copy strong { color: var(--tb-ink); }

    .tb-work-content .tb-journey { --progress: 0; position: relative; padding: clamp(5rem, 8vw, 8rem) 0; color: var(--tb-ink); background: linear-gradient(180deg, #f8fbfc 0%, #edf6f8 54%, #f9fbfc 100%); }
    .tb-work-content .tb-journey::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 20% 25%, rgba(88,185,204,.16), transparent 23rem), linear-gradient(rgba(17,29,64,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,29,64,.035) 1px, transparent 1px); background-size: auto, 80px 80px, 80px 80px; }
    .tb-work-content .tb-journey__header { position: relative; z-index: 2; max-width: 62rem; margin-bottom: 4rem; }
    .tb-work-content .tb-journey__header .tb-eyebrow { color: var(--tb-accent-dark); }
    .tb-work-content .tb-journey__header h2 { margin: 0; color: var(--tb-ink); font-size: clamp(3.3rem, 6vw, 6rem); line-height: .95; letter-spacing: -.055em; }
    .tb-work-content .tb-journey__header > p:last-child { max-width: 48rem; color: var(--tb-copy); font-size: 1.25rem; line-height: 1.65; }
    .tb-work-content .tb-journey__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(24rem,.82fr) minmax(0,1.18fr); gap: clamp(3rem, 7vw, 8rem); align-items: start; }
    .tb-work-content .tb-route { position: sticky; top: 2rem; min-height: 680px; padding: 2.25rem; border: 1px solid rgba(17,29,64,.08); border-radius: var(--tb-radius); color: #fff; background: linear-gradient(155deg, #1b2b54, #111d40); box-shadow: 0 24px 70px rgba(17,29,64,.16); }
    .tb-work-content .tb-route__meta { display: flex; justify-content: space-between; gap: 1rem; color: #9be7ef; font-size: .68rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
    .tb-work-content .tb-route__track { position: absolute; left: 3.2rem; top: 6.5rem; bottom: 3.5rem; width: 2px; background: rgba(255,255,255,.14); }
    .tb-work-content .tb-route__fill { position: absolute; inset: 0 0 auto; height: calc(var(--progress) * 100%); background: linear-gradient(var(--tb-accent), #9be7ef); transition: height 520ms cubic-bezier(.22,1,.36,1); }
    .tb-work-content .tb-route__traveller { position: absolute; z-index: 3; left: 50%; top: calc(var(--progress) * 100%); width: 2.65rem; aspect-ratio: 1; display: grid; place-items: center; border: 2px solid #9be7ef; border-radius: 50%; color: var(--tb-ink); background: #fff; box-shadow: 0 0 0 .55rem rgba(88,185,204,.16); font-size: .64rem; font-style: normal; font-weight: 900; transform: translate(-50%,-50%); transition: top 520ms cubic-bezier(.22,1,.36,1); }
    .tb-work-content .tb-route__list { display: grid; gap: .35rem; margin: 2rem 0 0; padding: 0; list-style: none; }
    .tb-work-content .tb-route__list button { position: relative; width: 100%; min-height: 72px; display: grid; grid-template-columns: 3rem 1fr; align-items: center; gap: .85rem; border: 0; border-radius: 1rem; padding: .75rem .85rem; color: rgba(255,255,255,.58); background: transparent; text-align: left; cursor: pointer; transition: color 180ms ease, background 180ms ease, transform 180ms ease; }
    .tb-work-content .tb-route__list button::before { content: attr(data-number); position: relative; z-index: 4; width: 2.1rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: inherit; background: var(--tb-ink); font-size: .68rem; font-weight: 850; }
    .tb-work-content .tb-route__list button:hover, .tb-work-content .tb-route__list button.is-active { color: #fff; background: rgba(255,255,255,.08); transform: translateX(.25rem); }
    .tb-work-content .tb-route__list button.is-active::before { border-color: var(--tb-accent); color: var(--tb-ink); background: var(--tb-accent); }
    .tb-work-content .tb-route__list strong { font-size: 1rem; }
    .tb-work-content .tb-route__list small { display: block; margin-top: .2rem; color: rgba(255,255,255,.48); font-size: .76rem; }

    .tb-work-content .tb-chapters { min-width: 0; display: grid; gap: 17vh; padding: 1rem 0 16vh; }
    .tb-work-content .tb-chapter { min-width: 0; min-height: 62vh; display: flex; flex-direction: column; justify-content: center; opacity: .66; transform: translateY(2rem); transition: opacity 420ms ease, transform 520ms ease; }
    .tb-work-content .tb-chapter.is-active { opacity: 1; transform: none; }
    .tb-work-content .tb-chapter__number { color: var(--tb-accent-dark); font-size: .72rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
    .tb-work-content .tb-chapter h3 { max-width: 13ch; margin: .85rem 0 1rem; color: var(--tb-ink); font-size: clamp(2.5rem, 4.6vw, 5rem); line-height: .98; letter-spacing: -.05em; }
    .tb-work-content .tb-chapter > p { max-width: 43rem; margin: 0; color: var(--tb-copy); font-size: clamp(1.08rem, 1.5vw, 1.3rem); line-height: 1.7; }
    .tb-work-content .tb-chapter__facts { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.6rem; }
    .tb-work-content .tb-chapter__facts span { border: 1px solid rgba(31,147,171,.22); border-radius: 999px; padding: .6rem .8rem; color: var(--tb-ink); background: rgba(255,255,255,.72); font-size: .75rem; font-weight: 800; }

    .tb-work-content .tb-bodymap { width: 100%; min-width: 0; max-width: 48rem; margin-top: 2rem; overflow: hidden; border: 1px solid rgba(17,29,64,.08); border-radius: var(--tb-radius); background: radial-gradient(circle at 58% 37%, rgba(88,185,204,.2), transparent 17rem), #17264c; box-shadow: 0 20px 55px rgba(17,29,64,.14); }
    .tb-work-content .tb-bodymap__stage { position: relative; isolation: isolate; }
    .tb-work-content .tb-bodymap__stage::before { content: ""; position: absolute; inset: 8% 16% 10% 22%; z-index: -1; border: 1px solid rgba(155,231,239,.13); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(88,185,204,.035), 0 0 0 8rem rgba(88,185,204,.02); }
    .tb-work-content .tb-bodymap svg { display: block; width: 100%; height: auto; }
    .tb-work-content .tb-bodymap__figure { fill: rgba(255,255,255,.09); stroke: rgba(255,255,255,.78); stroke-linecap: round; stroke-linejoin: round; stroke-width: 8; }
    .tb-work-content .tb-bodymap__furniture { fill: none; stroke: rgba(155,231,239,.35); stroke-linecap: round; stroke-linejoin: round; stroke-width: 5; }
    .tb-work-content .tb-bodymap__screen { fill: rgba(88,185,204,.09); stroke: rgba(155,231,239,.55); stroke-width: 4; }
    .tb-work-content .tb-bodymap__line { fill: none; stroke: rgba(88,185,204,.55); stroke-dasharray: 5 10; stroke-width: 3; }
    .tb-work-content .tb-bodymap__point { position: absolute; width: 2.4rem; aspect-ratio: 1; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; padding: 0; color: var(--tb-ink); background: var(--tb-accent); box-shadow: 0 0 0 .5rem rgba(88,185,204,.14), 0 .45rem 1.3rem rgba(0,0,0,.22); font-size: .67rem; font-weight: 900; cursor: pointer; transform: translate(-50%,-50%); transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease; }
    .tb-work-content .tb-bodymap__point:hover, .tb-work-content .tb-bodymap__point[aria-pressed="true"] { background: #fff; box-shadow: 0 0 0 .62rem rgba(88,185,204,.24), 0 .55rem 1.5rem rgba(0,0,0,.28); transform: translate(-50%,-50%) scale(1.08); }
    .tb-work-content .tb-bodymap__point[data-signal="eyes"] { left: 47.5%; top: 18%; }
    .tb-work-content .tb-bodymap__point[data-signal="neck"] { left: 50.5%; top: 27%; }
    .tb-work-content .tb-bodymap__point[data-signal="upper-back"] { left: 43.5%; top: 38%; }
    .tb-work-content .tb-bodymap__point[data-signal="hands"] { left: 69%; top: 43.5%; }
    .tb-work-content .tb-bodymap__point[data-signal="back"] { left: 47%; top: 53%; }
    .tb-work-content .tb-bodymap__point[data-signal="energy"] { left: 59%; top: 72%; }
    .tb-work-content .tb-bodymap__legend { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; border-top: 1px solid rgba(255,255,255,.11); padding: 1rem; }
    .tb-work-content .tb-bodymap__legend button { min-width: 0; min-height: 48px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; padding: .55rem .7rem; color: rgba(255,255,255,.7); background: rgba(255,255,255,.045); font-size: .76rem; font-weight: 780; overflow-wrap: anywhere; cursor: pointer; }
    .tb-work-content .tb-bodymap__legend button:hover, .tb-work-content .tb-bodymap__legend button[aria-pressed="true"] { border-color: var(--tb-accent); color: #fff; background: rgba(88,185,204,.16); }
    .tb-work-content .tb-signal-output { min-height: 5.6rem; max-width: 44rem; margin-top: .8rem; border: 1px solid rgba(17,29,64,.08); border-left: 3px solid var(--tb-accent); border-radius: 0 1rem 1rem 0; padding: .9rem 1rem; color: var(--tb-copy); background: rgba(255,255,255,.82); box-shadow: 0 12px 32px rgba(17,29,64,.06); line-height: 1.55; }
    .tb-work-content .tb-signal-output strong { color: var(--tb-ink); }
    .tb-work-content .tb-signal-output__links { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-top: .65rem; }
    .tb-work-content .tb-signal-output a { display: inline-flex; color: var(--tb-accent-dark); font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: .25rem; }

    .tb-work-content .tb-capacity-map { position: relative; width: min(100%, 44rem); min-height: 330px; margin-top: 2rem; overflow: hidden; border: 1px solid rgba(17,29,64,.08); border-radius: var(--tb-radius); background: radial-gradient(circle at 50% 50%, rgba(88,185,204,.19), transparent 42%), #17264c; box-shadow: 0 20px 55px rgba(17,29,64,.14); }
    .tb-work-content .tb-capacity-map::before, .tb-work-content .tb-capacity-map::after { content: ""; position: absolute; inset: 15%; border: 1px solid rgba(155,231,239,.2); border-radius: 50%; }
    .tb-work-content .tb-capacity-map::after { inset: 27%; border-style: dashed; border-color: rgba(155,231,239,.38); }
    .tb-work-content .tb-capacity-map__core { position: absolute; left: 50%; top: 50%; width: 9rem; aspect-ratio: 1; display: grid; place-content: center; border: 1px solid rgba(155,231,239,.35); border-radius: 50%; color: #fff; background: rgba(17,29,64,.88); box-shadow: 0 0 0 1rem rgba(88,185,204,.07); text-align: center; transform: translate(-50%,-50%); }
    .tb-work-content .tb-capacity-map__core small { color: #9be7ef; font-size: .64rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
    .tb-work-content .tb-capacity-map__core strong { margin-top: .3rem; font-size: 1.05rem; line-height: 1.05; }
    .tb-work-content .tb-capacity-map__node { position: absolute; min-width: 7.4rem; border: 1px solid rgba(155,231,239,.25); border-radius: 999px; padding: .65rem .8rem; color: #d8f7f9; background: rgba(255,255,255,.07); font-size: .74rem; font-weight: 850; text-align: center; }
    .tb-work-content .tb-capacity-map__node:nth-of-type(1) { left: 7%; top: 12%; }
    .tb-work-content .tb-capacity-map__node:nth-of-type(2) { right: 6%; top: 17%; }
    .tb-work-content .tb-capacity-map__node:nth-of-type(3) { right: 3%; bottom: 16%; }
    .tb-work-content .tb-capacity-map__node:nth-of-type(4) { left: 7%; bottom: 12%; }
    .tb-work-content .tb-capacity-map__node:nth-of-type(5) { left: 2%; top: 46%; }

    .tb-work-content .tb-life-path { position: relative; width: min(100%, 46rem); display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; margin-top: 2rem; border: 1px solid rgba(17,29,64,.08); border-radius: 1.4rem; padding: 3.8rem 1.2rem 1.3rem; background: rgba(255,255,255,.82); box-shadow: 0 18px 50px rgba(17,29,64,.08); }
    .tb-work-content .tb-life-path::before, .tb-work-content .tb-life-path::after { content: ""; position: absolute; left: 8%; right: 8%; top: 2rem; height: 2px; background: rgba(17,29,64,.13); transform-origin: left; }
    .tb-work-content .tb-life-path::after { background: linear-gradient(90deg, var(--tb-accent), #9be7ef); transform: scaleX(0); transition: transform 1200ms cubic-bezier(.22,1,.36,1); }
    .tb-work-content .tb-chapter.is-active .tb-life-path::after { transform: scaleX(1); }
    .tb-work-content .tb-life-path__step { position: relative; min-width: 0; color: var(--tb-copy); font-size: .78rem; line-height: 1.4; }
    .tb-work-content .tb-life-path__step::before { content: ""; position: absolute; left: .1rem; top: -2.5rem; z-index: 2; width: 1rem; aspect-ratio: 1; border: 3px solid #fff; border-radius: 50%; background: var(--tb-accent); box-shadow: 0 0 0 .35rem rgba(88,185,204,.13); }
    .tb-work-content .tb-life-path__step small { display: block; color: var(--tb-accent-dark); font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
    .tb-work-content .tb-life-path__step strong { display: block; margin-top: .35rem; color: var(--tb-ink); font-size: 1rem; line-height: 1.15; }

    .tb-work-content .tb-reset { padding: clamp(5rem, 8vw, 8rem) 0; background: var(--tb-soft); }
    .tb-work-content .tb-reset, .tb-work-content .tb-finish { content-visibility: auto; contain-intrinsic-size: auto 760px; }
    .tb-work-content .tb-reset__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
    .tb-work-content .tb-reset__copy > p { max-width: 38rem; color: var(--tb-copy); font-size: 1.2rem; line-height: 1.65; }
    .tb-work-content .tb-reset__panel { padding: clamp(1.4rem, 3vw, 2.5rem); border: 1px solid var(--tb-line); border-radius: var(--tb-radius); background: #fff; box-shadow: var(--tb-shadow); }
    .tb-work-content .tb-reset__panel fieldset { margin: 0 0 1.5rem; border: 0; padding: 0; }
    .tb-work-content .tb-reset__panel legend { margin-bottom: .7rem; font-size: .74rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
    .tb-work-content .tb-choice { display: flex; flex-wrap: wrap; gap: .55rem; }
    .tb-work-content .tb-choice button { min-height: 44px; border: 1px solid var(--tb-line); border-radius: 999px; padding: .55rem .8rem; color: var(--tb-copy); background: #fff; cursor: pointer; }
    .tb-work-content .tb-choice button[aria-pressed="true"] { border-color: var(--tb-accent); color: var(--tb-ink); background: rgba(88,185,204,.16); font-weight: 800; }
    .tb-work-content .tb-reset__result { min-height: 10rem; display: flex; flex-direction: column; justify-content: center; border-radius: 1.4rem; padding: 1.5rem; color: #fff; background: var(--tb-ink); }
    .tb-work-content .tb-signal-output { view-transition-name: tb-signal-output; }
    .tb-work-content .tb-reset__result { view-transition-name: tb-reset-result; }
    .tb-work-content .tb-reset__result small { color: #9be7ef; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
    .tb-work-content .tb-reset__result strong { display: block; margin: .6rem 0; font-size: 1.45rem; line-height: 1.2; }
    .tb-work-content .tb-reset__result p { margin: 0; color: rgba(255,255,255,.7); line-height: 1.55; }

    .tb-work-content .tb-finish { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 9rem) 0; }
    .tb-work-content .tb-finish::after { content: ""; position: absolute; z-index: -1; width: 38rem; aspect-ratio: 1; right: -11rem; bottom: -18rem; border: 1px solid rgba(88,185,204,.3); border-radius: 50%; box-shadow: 0 0 0 7rem rgba(88,185,204,.05), 0 0 0 14rem rgba(88,185,204,.035); }
    .tb-work-content .tb-finish__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 4rem; align-items: end; }
    .tb-work-content .tb-finish p { max-width: 43rem; color: var(--tb-copy); font-size: 1.2rem; line-height: 1.65; }
    .tb-work-content .tb-finish__actions { display: grid; gap: .75rem; justify-items: stretch; }
    .tb-work-content .tb-finish__actions .tb-button { width: 100%; }

    @media (prefers-reduced-motion: no-preference) {
      ::view-transition-old(tb-signal-output),
      ::view-transition-old(tb-reset-result) { animation: 150ms ease both tbFadeOut; }
      ::view-transition-new(tb-signal-output),
      ::view-transition-new(tb-reset-result) { animation: 260ms ease both tbFadeIn; }
      @keyframes tbFadeOut { to { opacity: 0; transform: translateY(-.3rem); } }
      @keyframes tbFadeIn { from { opacity: 0; transform: translateY(.45rem); } }
      .tb-work-content .tb-chapter.is-active .tb-capacity-map::after { animation: tbOrbit 18s linear infinite; }
      .tb-work-content .tb-hero__visual::after { animation: tbHeroOrbit 20s linear infinite; }
      .tb-work-content .tb-hero__chip::before { animation: tbHeroPulse 2.8s ease-in-out infinite; }
      @keyframes tbOrbit { to { transform: rotate(1turn); } }
      @keyframes tbHeroOrbit { to { transform: rotate(1turn); } }
      @keyframes tbHeroPulse { 50% { box-shadow: 0 0 0 .75rem rgba(88,185,204,.08); transform: scale(.9); } }
    }

    @media (prefers-reduced-motion: reduce) {
      .tb-work-content .tb-chapter { opacity: 1; transform: none; transition: none; }
      .tb-work-content .tb-route__fill, .tb-work-content .tb-route__traveller, .tb-work-content .tb-bodymap__point { transition: none; }
    }

    @media (max-width: 1100px) {
      .tb-work-content .tb-shell { width: min(calc(100% - 3rem), var(--tb-max)); }
      .tb-work-content .tb-hero__grid { grid-template-columns: minmax(0,.94fr) minmax(28rem,1.06fr); }
      .tb-work-content .tb-hero__controls { grid-template-columns: 20rem minmax(0,1fr); }
      .tb-work-content .tb-hero__visual img { right: 0; width: 66vw; }
    }

    @media (max-width: 900px) {
      .tb-work-content .tb-shell { width: calc(100% - 2rem); }
      .tb-work-content .tb-hero { min-height: auto; }
      .tb-work-content .tb-hero__grid { display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "copy" "visual" "controls"; grid-template-rows: auto auto auto; gap: 0; }
      .tb-work-content .tb-hero__copy { padding: 2.5rem 0 1.2rem; }
      .tb-work-content h1 { max-width: 10ch; font-size: clamp(3.45rem, 14.8vw, 5.1rem); }
      .tb-work-content .tb-hero__controls { grid-template-columns: minmax(0,1fr); gap: 1rem; padding: 1rem 0 2rem; }
      .tb-work-content .tb-actions, .tb-work-content .tb-button { width: 100%; }
      .tb-work-content .tb-hero__visual { width: calc(100% + 2rem); min-height: 430px; margin-inline: -1rem; }
      .tb-work-content .tb-hero__visual img { right: -4%; top: auto; bottom: 0; width: 118%; height: auto; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 94%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 94%, transparent 100%); }
      .tb-work-content .tb-hero__note { left: 1rem; right: auto; top: 1.5rem; width: min(17rem, 68%); }
      .tb-work-content .tb-hero__chip { right: 1rem; bottom: 1.5rem; }
      .tb-work-content .tb-intro__grid, .tb-work-content .tb-reset__grid, .tb-work-content .tb-finish__grid { grid-template-columns: 1fr; gap: 2rem; }
      .tb-work-content .tb-journey__grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
      .tb-work-content .tb-chapters, .tb-work-content .tb-chapter, .tb-work-content .tb-bodymap { width: 100%; max-width: 100%; }
      .tb-work-content .tb-route { position: relative; top: auto; min-height: auto; padding: 1rem; }
      .tb-work-content .tb-route__meta, .tb-work-content .tb-route__track { display: none; }
      .tb-work-content .tb-route__list { display: flex; gap: .5rem; overflow-x: auto; margin: 0; padding-bottom: .4rem; scrollbar-width: thin; }
      .tb-work-content .tb-route__list li { flex: 0 0 auto; }
      .tb-work-content .tb-route__list button { width: auto; min-height: 52px; grid-template-columns: 2rem auto; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: .4rem .8rem .4rem .45rem; }
      .tb-work-content .tb-route__list button::before { width: 2rem; }
      .tb-work-content .tb-route__list small { display: none; }
      .tb-work-content .tb-chapters { gap: 6rem; padding-bottom: 5rem; }
      .tb-work-content .tb-chapter { min-height: auto; opacity: 1; transform: none; }
      .tb-work-content .tb-bodymap__legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .tb-work-content .tb-bodymap__point { width: 2.05rem; font-size: .58rem; }
      .tb-work-content .tb-capacity-map { min-height: 370px; }
      .tb-work-content .tb-capacity-map__node { min-width: 6.7rem; font-size: .68rem; }
      .tb-work-content .tb-capacity-map__node:nth-of-type(1) { left: 4%; top: 7%; }
      .tb-work-content .tb-capacity-map__node:nth-of-type(2) { right: 3%; top: 9%; }
      .tb-work-content .tb-capacity-map__node:nth-of-type(3) { right: 2%; bottom: 10%; }
      .tb-work-content .tb-capacity-map__node:nth-of-type(4) { left: 3%; bottom: 8%; }
      .tb-work-content .tb-capacity-map__node:nth-of-type(5) { left: 1%; top: 44%; }
      .tb-work-content .tb-life-path { grid-template-columns: 1fr; gap: 1.3rem; padding: 1.4rem 1rem 1.4rem 3.2rem; }
      .tb-work-content .tb-life-path::before, .tb-work-content .tb-life-path::after { left: 1.4rem; right: auto; top: 1.7rem; bottom: 1.7rem; width: 2px; height: auto; transform-origin: top; }
      .tb-work-content .tb-life-path::after { transform: scaleY(0); }
      .tb-work-content .tb-chapter.is-active .tb-life-path::after { transform: scaleY(1); }
      .tb-work-content .tb-life-path__step::before { left: -2.3rem; top: .1rem; }
      .tb-work-content .tb-finish__actions { width: 100%; }
    }

    @media (prefers-reduced-motion: reduce) {
      .tb-work-content *, .tb-work-content *::before, .tb-work-content *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
      .tb-work-content .tb-chapter { opacity: 1; transform: none; }
    }