:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) {
    --ch05-ink: #17383d;
    --ch05-muted: #5e7378;
    --ch05-line: #789095;
    --ch05-guide: #b8c8c9;
    --ch05-surface: #f4f9f7;
    --ch05-accent: #087b70;
    --ch05-accent-soft: #cae9e2;
    --ch05-force: #086f78;
    --ch05-weight: #a64f42;
    --ch05-displacement: #b66f16;
    --ch05-velocity: #425f9e;
    --ch05-other: #b35c46;
    --ch05-gpe: #efd38a;
    margin: clamp(1rem, 2.6vw, 1.7rem) 0;
    padding: clamp(0.85rem, 2.4vw, 1.3rem);
    border: 1px solid color-mix(in srgb, var(--ch05-accent) 18%, transparent);
    border-radius: 1.2rem;
    background: linear-gradient(145deg, #fdfefd, var(--ch05-surface));
    color: var(--ch05-ink);
    box-shadow: 0 0.7rem 1.8rem rgb(23 56 61 / 0.06);
    overflow: clip;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-visual-heading, .ch05-state-controls, .ch05-timeline, .ch05-visual-drawing, .ch05-state-summary) {
    min-width: 0;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-visual-kicker {
    margin: 0 0 0.25rem;
    color: var(--ch05-accent);
    font-size: 0.74rem;
    font-weight: 760;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-visual-title {
    margin: 0;
    color: var(--ch05-ink);
    font-size: clamp(1.05rem, 2.2vw, 1.3rem);
    font-weight: 730;
    letter-spacing: -0.016em;
    line-height: 1.25;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-visual-intro {
    margin: 0.45rem 0 0;
    color: var(--ch05-muted);
    font-size: 0.91rem;
    line-height: 1.48;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-state-controls {
    display: grid;
    grid-template-columns: repeat(var(--ch05-state-count), minmax(0, 1fr));
    gap: 0.42rem;
    margin: 0.82rem 0 0.66rem;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-state-button, .ch05-timeline-button) {
    min-width: 0;
    min-height: 2.35rem;
    padding: 0.46rem 0.68rem;
    border: 1px solid color-mix(in srgb, var(--ch05-line) 58%, transparent);
    border-radius: 0.72rem;
    background: rgb(255 255 255 / 0.86);
    color: var(--ch05-ink);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 690;
    line-height: 1.15;
    white-space: nowrap;
    cursor: pointer;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-state-button, .ch05-timeline-button):is(:hover, :focus-visible) {
    border-color: var(--ch05-accent);
    outline: 2px solid color-mix(in srgb, var(--ch05-accent) 22%, transparent);
    outline-offset: 1px;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-state-button[aria-pressed="true"] {
    border-color: var(--ch05-accent);
    background: var(--ch05-accent);
    color: #fff;
    box-shadow: 0 0.25rem 0.7rem rgb(8 123 112 / 0.18);
}

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"]
) .ch05-timeline {
    display: grid;
    grid-template-columns: auto auto minmax(7rem, 1fr) 3.1rem;
    gap: 0.42rem;
    align-items: center;
    margin: 0 0 0.66rem;
}

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"]
) .ch05-timeline-button {
    min-height: 2.2rem;
    padding-inline: 0.76rem;
}

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"]
) .ch05-timeline-button[aria-pressed="true"] {
    border-color: var(--ch05-accent);
    background: var(--ch05-accent-soft);
}

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"]
) .ch05-timeline-scrub {
    width: 100%;
    min-width: 0;
    accent-color: var(--ch05-accent);
    white-space: nowrap;
}

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"]
) .ch05-timeline-phase {
    color: var(--ch05-muted);
    font-variant-numeric: tabular-nums;
    font-size: 0.78rem;
    font-weight: 680;
    text-align: end;
    white-space: nowrap;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-visual-drawing {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: clip;
    border-block: 1px solid color-mix(in srgb, var(--ch05-line) 20%, transparent);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(241 248 245 / 0.9));
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-visual-drawing svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-math-label {
    position: absolute;
    z-index: 4;
    max-width: 42%;
    color: var(--ch05-ink);
    font-size: clamp(0.78rem, 2.35vw, 1.05rem);
    font-weight: 650;
    line-height: 1;
    pointer-events: none;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    text-shadow: 0 0 3px #fff, 0 0 5px #fff;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-math-label[data-math-anchor="start"] { transform: translate(0, -50%); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-math-label[data-math-anchor="end"] { transform: translate(-100%, -50%); }

[data-unit-visual-extension="power_force_speed_derivation"] .ch05-math-label.is-formula {
    width: max-content;
    max-width: none;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-math-label mjx-container { margin: 0 !important; }

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"]
) .ch05-math-label.is-bar-caption {
    color: var(--ch05-muted);
    font-size: clamp(0.68rem, 1.9vw, 0.82rem);
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-state-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.28rem 0.8rem;
    align-items: baseline;
    padding-top: 0.7rem;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-state-title {
    color: var(--ch05-ink);
    font-size: 0.98rem;
    line-height: 1.3;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-state-text {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--ch05-muted);
    font-size: 0.91rem;
    line-height: 1.48;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-state-result {
    margin: 0;
    color: var(--ch05-accent);
    font-size: 0.98rem;
    font-weight: 690;
    white-space: nowrap;
}

/* Drawing language: environment first, objects second, vectors and labels last. */
:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-ground, .ch05-reference-line) {
    stroke: var(--ch05-line);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-construction, .ch05-zero-guide, .ch05-displacement-guide, .ch05-height-guide) {
    fill: none;
    stroke: var(--ch05-guide);
    stroke-width: 1.05;
    stroke-dasharray: 7 6;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-height-bracket, .ch05-measure-tick) {
    stroke: var(--ch05-displacement);
    stroke-width: 1.35;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-object, .ch05-load, .ch05-sledge, .ch05-device, .ch05-generator) {
    fill: #e2efeb;
    stroke: var(--ch05-ink);
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-wheel {
    fill: #fff;
    stroke: var(--ch05-ink);
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-semantic-point {
    fill: var(--ch05-ink);
    stroke: #fff;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-vector {
    fill: none;
    stroke-width: 2.25;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-vector.is-force, .ch05-arrowhead.is-force) { stroke: var(--ch05-force); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-vector.is-weight, .ch05-arrowhead.is-weight) { stroke: var(--ch05-weight); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-vector.is-displacement, .ch05-arrowhead.is-displacement) { stroke: var(--ch05-displacement); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-vector.is-velocity, .ch05-arrowhead.is-velocity) { stroke: var(--ch05-velocity); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-vector.is-transfer, .ch05-arrowhead.is-transfer) { stroke: var(--ch05-accent); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-vector.is-other, .ch05-arrowhead.is-other) { stroke: var(--ch05-other); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-arrowhead {
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-vector.is-component {
    stroke-width: 1.75;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-angle-arc {
    fill: none;
    stroke: var(--ch05-line);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-system-boundary {
    fill: rgb(202 233 226 / 0.13);
    stroke: var(--ch05-accent);
    stroke-width: 1.6;
    stroke-dasharray: 9 7;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-flow-lane {
    fill: none;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-flow-lane:is(.is-input, .is-water) { stroke: #3a8ba0; stroke-width: 3; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-flow-lane.is-useful { stroke: var(--ch05-accent); stroke-width: 2.1; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-flow-lane.is-other { stroke: var(--ch05-other); stroke-width: 0.9; stroke-dasharray: 7 5; }

[data-unit-visual-extension="complete_energy_budget"] .ch05-flow-lane.is-useful {
    stroke-width: 2.22;
}

[data-unit-visual-extension="complete_energy_budget"] .ch05-flow-lane.is-other {
    stroke-width: 0.78;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-packet { stroke: #fff; stroke-width: 1.3; vector-effect: non-scaling-stroke; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-packet:is(.is-input, .is-water) { fill: #257b91; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-packet.is-useful { fill: var(--ch05-accent); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-packet.is-other { fill: var(--ch05-other); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-energy-segment.is-kinetic { fill: #8fd4ca; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-energy-segment.is-gpe { fill: var(--ch05-gpe); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-energy-segment:is(.is-thermal, .is-other) { fill: #e9b4a5; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-energy-segment.is-useful { fill: #7bc9ba; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-energy-segment.is-sound { fill: #c9bed8; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-energy-outline {
    fill: none;
    stroke: var(--ch05-line);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-progress-fill.is-work, .ch05-progress-fill.is-kinetic) { fill: #84cfc2; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-progress-fill.is-gpe { fill: var(--ch05-gpe); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-progress-outline {
    fill: none;
    stroke: var(--ch05-line);
    stroke-width: 1.15;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-crane-mast, .ch05-crane-arm, .ch05-cable, .ch05-shaft) {
    stroke: var(--ch05-ink);
    stroke-width: 2.1;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-pulley {
    fill: #fff;
    stroke: var(--ch05-ink);
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-track {
    fill: none;
    stroke: var(--ch05-ink);
    stroke-width: 2.4;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-thermal-dot { fill: var(--ch05-other); }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-reservoir, .ch05-turbine) {
    fill: #e8f2ef;
    stroke: var(--ch05-ink);
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-water-level, .ch05-turbine-blade) {
    stroke: #32849a;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) :is(.ch05-plain-label, .ch05-device-label, .ch05-panel-label, .ch05-bar-caption) {
    fill: var(--ch05-muted);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    font-weight: 650;
    paint-order: stroke fill;
    stroke: rgb(255 255 255 / 0.92);
    stroke-width: 3px;
    stroke-linejoin: round;
}

[data-unit-visual-extension="power_rate_comparison"] .ch05-panel-label {
    font-size: 22px;
}

:is(
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="efficiency_energy_flow"]
) .ch05-device-label {
    font-size: 19px;
}

:is(
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"]
) .ch05-bar-caption {
    font-size: 20px;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-panel-divider {
    stroke: var(--ch05-guide);
    stroke-width: 1;
    stroke-dasharray: 8 8;
    vector-effect: non-scaling-stroke;
}

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-crane-scene { opacity: 0.48; }

:is(
    [data-unit-visual-extension="work_transfer_cases"],
    [data-unit-visual-extension="force_displacement_projection"],
    [data-unit-visual-extension="energy_system_ledger"],
    [data-unit-visual-extension="gpe_lifting_derivation"],
    [data-unit-visual-extension="ke_work_derivation"],
    [data-unit-visual-extension="energy_conservation_track"],
    [data-unit-visual-extension="efficiency_energy_flow"],
    [data-unit-visual-extension="power_rate_comparison"],
    [data-unit-visual-extension="power_force_speed_derivation"],
    [data-unit-visual-extension="complete_energy_budget"]
) .ch05-crane-scene.is-emphasised { opacity: 1; }

@media (max-width: 560px) {
    :is(
        [data-unit-visual-extension="work_transfer_cases"],
        [data-unit-visual-extension="force_displacement_projection"],
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="efficiency_energy_flow"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"],
        [data-unit-visual-extension="complete_energy_budget"]
    ) {
        padding: 0.78rem;
        border-radius: 1rem;
    }

    :is(
        [data-unit-visual-extension="work_transfer_cases"],
        [data-unit-visual-extension="force_displacement_projection"],
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="efficiency_energy_flow"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"],
        [data-unit-visual-extension="complete_energy_budget"]
    ) .ch05-state-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :is(
        [data-unit-visual-extension="work_transfer_cases"],
        [data-unit-visual-extension="force_displacement_projection"],
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="efficiency_energy_flow"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"],
        [data-unit-visual-extension="complete_energy_budget"]
    ) .ch05-state-button {
        min-height: 2.3rem;
        padding-inline: 0.42rem;
        font-size: 0.74rem;
    }

    :is(
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"]
    ) .ch05-timeline {
        grid-template-columns: auto auto 1fr;
    }

    :is(
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"]
    ) :is(.ch05-timeline-scrub, .ch05-timeline-phase) {
        grid-row: 2;
    }

    :is(
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"]
    ) .ch05-timeline-scrub { grid-column: 1 / 3; }

    :is(
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"]
    ) .ch05-timeline-phase { grid-column: 3; }

    :is(
        [data-unit-visual-extension="work_transfer_cases"],
        [data-unit-visual-extension="force_displacement_projection"],
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="efficiency_energy_flow"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"],
        [data-unit-visual-extension="complete_energy_budget"]
    ) .ch05-state-summary { grid-template-columns: 1fr; }

    :is(
        [data-unit-visual-extension="work_transfer_cases"],
        [data-unit-visual-extension="force_displacement_projection"],
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="efficiency_energy_flow"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"],
        [data-unit-visual-extension="complete_energy_budget"]
    ) .ch05-state-result {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    [data-unit-visual-extension="power_rate_comparison"] .ch05-paired-drawing {
        aspect-ratio: 720 / 540 !important;
    }
}

@media (max-width: 600px) {
    [data-unit-visual-extension="power_rate_comparison"] .ch05-panel-label {
        font-size: 26px;
    }

    :is(
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="efficiency_energy_flow"]
    ) .ch05-device-label {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(
        [data-unit-visual-extension="work_transfer_cases"],
        [data-unit-visual-extension="force_displacement_projection"],
        [data-unit-visual-extension="energy_system_ledger"],
        [data-unit-visual-extension="gpe_lifting_derivation"],
        [data-unit-visual-extension="ke_work_derivation"],
        [data-unit-visual-extension="energy_conservation_track"],
        [data-unit-visual-extension="efficiency_energy_flow"],
        [data-unit-visual-extension="power_rate_comparison"],
        [data-unit-visual-extension="power_force_speed_derivation"],
        [data-unit-visual-extension="complete_energy_budget"]
    ) * {
        animation: none !important;
        scroll-behavior: auto !important;
        transition: none !important;
    }
}