.workspace,
.idea-workshop__figure-body {
    background: linear-gradient(145deg, var(--color-editor-near), var(--color-editor-bg) 65%);
}

.workspace::before {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, var(--color-canvas-grid) 0.7px, transparent 0.7px);
    background-size: 48px 48px;
    content: "";
    pointer-events: none;
}

.connection-label,
.gantt-axis-label,
.project-axis-label,
.heatmap-axis-label,
.kanban-column-label,
.burn-axis-label,
.time-axis-label,
.swot-axis-label,
.priority-axis-label,
.decision-axis-label,
.hypothesis-axis-label,
.story-axis-label,
.affinity-axis-label,
.raci-axis-label,
.surface-axis-label,
.relationship-center-label {
    fill: var(--color-canvas-ink);
    paint-order: stroke;
    stroke: var(--color-editor-bg);
    stroke-width: 6px;
    stroke-linejoin: round;
}

.workspace[data-mode="connect"] {
    cursor: crosshair;
}

.workspace[data-panning="true"] {
    cursor: grabbing;
}

.world {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--world-width);
    height: var(--world-height);
    transform: translate(var(--pan-x), var(--pan-y)) scale(var(--zoom));
    transform-origin: 0 0;
    will-change: transform;
}

.world[hidden],
.idea-workshop[hidden] {
    display: none !important;
}

.world::before {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
}

.node-layer {
    position: absolute;
    inset: 0;
}

.connection-layer {
    position: absolute;
    inset: 0;
    overflow: visible;
    width: 100%;
    height: 100%;
}

.connection {
    fill: none;
    stroke: var(--color-edge);
    stroke-linecap: round;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.connection--association {
    stroke: var(--color-edge);
    stroke-dasharray: 9 7;
    stroke-width: 3;
}

.connection--selected {
    stroke: var(--color-selection);
    stroke-width: 6;
}

.connection-label {
    font-size: 20px;
    font-weight: 700;
    paint-order: stroke;
    stroke-width: 7px;
    stroke-linejoin: round;
}

.tool-surface-guide {
    position: absolute;
    z-index: 2;
    top: 112px;
    left: 150px;
    display: grid;
    gap: 0.32rem;
    min-width: 18rem;
    padding: 0.78rem 1rem;
    border-left: 4px solid var(--color-brand);
    border-radius: var(--radius-small);
    background: var(--color-node-fill);
    box-shadow: var(--shadow-small);
    color: var(--color-node-ink);
    pointer-events: none;
}

.tool-surface-guide__eyebrow,
.tree-note-board__eyebrow {
    color: var(--color-brand);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tool-surface-guide strong {
    color: var(--color-node-ink);
    font-size: 1rem;
}

.connection-hit {
    fill: none;
    stroke: transparent;
    stroke-width: 22;
    cursor: pointer;
    pointer-events: stroke;
    vector-effect: non-scaling-stroke;
}

.object-node {
    --node-fill: var(--color-node-fill);
    --node-edge: var(--color-node-edge);
    position: absolute;
    display: grid;
    overflow: hidden;
    width: var(--node-width);
    height: var(--node-height);
    padding: 0.7rem 0.8rem 0.6rem;
    align-content: center;
    gap: 0.32rem;
    border: 1px solid var(--node-edge);
    border-radius: var(--radius-small);
    background: var(--node-fill);
    color: var(--color-node-ink);
    box-shadow: 0 2px 8px rgb(0 12 22 / 15%);
    text-align: left;
    cursor: grab;
    transform: translate(-50%, -50%);
    touch-action: none;
    user-select: none;
}

.object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.object-node:hover {
    border-color: var(--color-edge);
}

.object-node:active {
    cursor: grabbing;
}
.object-node[data-fixed] { cursor: pointer; }

.object-node--selected {
    border-color: var(--color-selection);
    outline: 2px solid var(--color-selection);
    outline-offset: 3px;
    box-shadow: var(--shadow-small);
}

.workspace[data-mode="connect"] .object-node {
    cursor: crosshair;
}

.object-node--connect-source {
    border-color: var(--color-edge);
    outline: 2px dashed var(--color-edge);
    outline-offset: 3px;
}

.object-node[data-role="root"],
.object-node[data-role="effect"] {
    --node-fill: var(--color-node-root);
    --node-edge: var(--color-edge);
    color: var(--color-node-root-ink);
    font-weight: 750;
}

.object-node[data-role="category"] {
    --node-fill: var(--color-node-section);
    --node-edge: var(--color-node-edge);
}

.object-node[data-color="1"] { --node-fill: #eef7df; --node-edge: #88a65d; }
.object-node[data-color="2"] { --node-fill: #e2f2f1; --node-edge: #579897; }
.object-node[data-color="3"] { --node-fill: #edf0fb; --node-edge: #7d88b8; }
.object-node[data-color="4"] { --node-fill: #f5e8f1; --node-edge: #aa78a0; }
.object-node[data-color="5"] { --node-fill: #fff0e4; --node-edge: #c68151; }
.object-node[data-color="6"] { --node-fill: #f3ece0; --node-edge: #a78b60; }
.object-node[data-color="7"] { --node-fill: #e9edf0; --node-edge: #778993; }

.object-node__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.9rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.object-node__meta,
.object-node__value {
    color: color-mix(in srgb, currentColor 70%, transparent);
    font-size: 0.68rem;
    font-weight: 750;
    line-height: 1.2;
}

.workspace[data-tool="timeline-board"] .object-node__meta {
    color: color-mix(in srgb, currentColor 80%, transparent);
    font-family: ui-monospace, Consolas, monospace;
}

.workspace[data-tool="gantt-chart"] .object-node {
    min-width: 1px;
    padding: 0.55rem 0;
    border-width: 1px;
    cursor: grab;
}

.workspace[data-tool="gantt-chart"] .object-node:active {
    cursor: grabbing;
}

.node-layer .gantt-task-label {
    position: absolute;
    left: 140px;
    display: block;
    width: 350px;
    transform: translateY(-50%);
    overflow: hidden;
    pointer-events: auto;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-layer .gantt-task-label[aria-pressed="true"] {
    border-color: var(--color-brand);
    background: var(--color-brand-soft);
}

.workspace[data-tool="gantt-chart"] .object-node[data-narrow] {
    background-image: linear-gradient(90deg, rgb(24 103 117 / 28%) var(--task-progress), transparent var(--task-progress));
}

.object-node--gantt-chart[data-narrow] > :not(.gantt-resize-handle) { display: none; }

.gantt-resize-handle {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 0.8rem;
    opacity: 0;
    background: rgb(121 185 205 / 22%);
    transition: opacity 120ms ease;
}

.gantt-resize-handle--start {
    left: 0;
    border-radius: var(--radius-small);
    cursor: ew-resize;
}

.gantt-resize-handle--end {
    right: 0;
    border-radius: var(--radius-small);
    cursor: ew-resize;
}

.workspace[data-tool="gantt-chart"] .object-node:hover .gantt-resize-handle,
.workspace[data-tool="gantt-chart"] .object-node--selected .gantt-resize-handle {
    opacity: 1;
}

.workspace[data-tool="gantt-chart"] .object-node__gantt-meta {
    color: color-mix(in srgb, currentColor 80%, transparent);
    font-family: ui-monospace, Consolas, monospace;
    font-size: 0.64rem;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.workspace[data-tool="gantt-chart"] .object-node__progress {
    display: block;
    overflow: hidden;
    padding: 0.12rem 0.25rem;
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    border-radius: var(--radius-small);
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-edge) 35%, transparent) var(--task-progress), transparent var(--task-progress));
    color: color-mix(in srgb, currentColor 80%, transparent);
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: right;
}

.gantt-grid-line,
.gantt-row-line {
    stroke: var(--color-canvas-grid);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.gantt-grid-line--edge {
    stroke: var(--color-canvas-grid);
    stroke-width: 2;
}

.gantt-row-line {
    stroke: var(--color-canvas-grid);
    stroke-dasharray: 5 8;
}

.gantt-axis-label {
    font-size: 18px;
    font-weight: 800;
    paint-order: stroke;
    stroke-width: 6px;
    stroke-linejoin: round;
}

.gantt-axis-label--task {
    font-size: 22px;
}

.gantt-arrow {
    fill: var(--color-edge);
}

.workspace[data-tool="dependency-map"] .object-node,
.workspace[data-tool="pert-critical-path"] .object-node {
    border-top: 3px solid var(--node-edge);
}

.workspace[data-tool="pert-critical-path"] .object-node--critical {
    border-color: var(--color-critical-line);
    border-top-color: var(--color-critical-line);
    background: var(--color-critical-bg);
    color: var(--color-critical-ink);
}

.workspace[data-tool="pert-critical-path"] .connection--critical {
    stroke: var(--color-critical-line);
    stroke-dasharray: none;
    stroke-width: 6;
}

.workspace[data-tool="pert-critical-path"] .object-node__meta--critical {
    color: var(--color-critical-ink);
    font-weight: 800;
}

.project-arrow {
    fill: var(--color-edge);
}

.project-axis-label {
    font-size: 18px;
}

.heatmap-panel {
    fill: var(--color-depth-raised);
    stroke: var(--color-canvas-grid);
    stroke-width: 2;
}

.heatmap-grid-line {
    stroke: var(--color-canvas-grid);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.heatmap-cell {
    fill: var(--color-glimmer);
}

.heatmap-axis-label {
    font-size: 17px;
    font-weight: 800;
}

.heatmap-axis-label--owner {
    font-size: 21px;
}

.workspace[data-tool="kanban-board"] .object-node {
    border-width: 1px;
}

.kanban-column {
    fill: var(--color-canvas-band);
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.kanban-column--todo { stroke: var(--color-edge); }
.kanban-column--doing { stroke: #d3b57e; fill: #34382f; }
.kanban-column--blocked { stroke: #dc91a1; fill: #3b2d3a; }
.kanban-column--done { stroke: #7bb7a5; fill: #183d3b; }

.kanban-column-label {
    font-size: 26px;
    font-weight: 800;
}

.burn-grid-line {
    stroke: var(--color-canvas-grid);
    stroke-dasharray: 7 9;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.burn-ideal-line {
    fill: none;
    stroke: var(--color-canvas-ink);
    stroke-dasharray: 10 9;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.burn-actual-line {
    fill: none;
    stroke: var(--color-glimmer);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 6;
    vector-effect: non-scaling-stroke;
}

.workspace[data-tool="time-blocking"] .object-node {
    border-left: 3px solid var(--node-edge);
}

.time-grid-line {
    stroke: var(--color-canvas-grid);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.time-axis-label {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 18px;
    font-weight: 800;
}

.project-dashboard {
    position: absolute;
    z-index: 3;
    top: 235px;
    left: 400px;
    display: grid;
    width: 1600px;
    gap: 1rem;
    padding: 1.35rem 1.5rem 1.5rem;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
    color: var(--color-ink);
    pointer-events: none;
}

.project-dashboard__header {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid var(--color-line);
}

.project-dashboard__header strong {
    font-family: inherit;
    font-size: 1.35rem;
}

.project-dashboard__header > span:last-child {
    color: var(--color-ink-soft);
    font-size: 0.78rem;
}

.project-dashboard__eyebrow {
    color: var(--color-brand);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.project-dashboard__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.project-dashboard__stat {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface-soft);
}

.project-dashboard__stat--progress { border-color: var(--color-brand); }
.project-dashboard__stat--warning { border-color: var(--color-warning-line); background: var(--color-warning-bg); color: var(--color-warning-ink); }
.project-dashboard__stat--good { border-color: var(--color-good-line); background: var(--color-good-bg); color: var(--color-good-ink); }
.project-dashboard__stat-label { color: inherit; font-size: 0.68rem; }
.project-dashboard__stat-value { font-size: 1.15rem; }

.project-dashboard__table-wrap { overflow: hidden; }

.project-dashboard__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1.1rem;
}

.project-dashboard__table caption {
    margin-bottom: 0.45rem;
    color: var(--color-ink-soft);
    text-align: left;
}

.project-dashboard__table th,
.project-dashboard__table td {
    overflow: hidden;
    padding: 0.35rem 0.55rem;
    border-bottom: 1px solid var(--color-line);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-dashboard__table thead th {
    color: var(--color-ink-soft);
    font-size: 0.88rem;
}

.project-dashboard__table th:first-child { width: 35%; }
.project-dashboard__table th .button {
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 2rem;
    font-size: inherit;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project-dashboard__overdue { color: var(--color-warning-ink); font-weight: 700; }

.workspace[data-tool="brainstorm"] .object-node {
    border-width: 1px;
    transform: translate(-50%, -50%);
}

.workspace[data-tool="brainstorm"] .object-node:nth-child(3n) {
    transform: translate(-50%, -50%);
}

.workspace[data-tool="brainstorm"] .object-node:nth-child(4n) {
    transform: translate(-50%, -50%);
}

.workspace[data-tool="brainstorm"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.workspace[data-tool="idea-tree"] .object-node {
    border-left-width: 3px;
}

.workspace[data-tool="swot-analysis"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="swot-analysis"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.swot-axis {
    stroke: var(--color-canvas-grid);
    stroke-dasharray: 8 10;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.workspace[data-tool="priority-matrix"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="priority-matrix"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.priority-axis {
    stroke: var(--color-canvas-grid);
    stroke-dasharray: 8 10;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.workspace[data-tool="decision-canvas"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="decision-canvas"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.workspace[data-tool="hypothesis-board"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="hypothesis-board"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.workspace[data-tool="user-story-map"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="user-story-map"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.workspace[data-tool="affinity-diagram"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="affinity-diagram"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.workspace[data-tool="raci-matrix"] .object-node[data-role="category"] {
    border-width: 1px;
}

.workspace[data-tool="raci-matrix"] .object-node[data-role="category"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.decision-axis,
.hypothesis-axis,
.story-axis,
.affinity-axis,
.raci-axis {
    stroke-dasharray: 8 10;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.decision-axis {
    stroke: var(--color-canvas-grid);
}

.hypothesis-axis {
    stroke: var(--color-canvas-grid);
}

.story-axis {
    stroke: var(--color-canvas-grid);
}

.affinity-axis {
    stroke: var(--color-canvas-grid);
}

.raci-axis {
    stroke: var(--color-canvas-grid);
}

.workspace[data-tool="fishbone"] .object-node--fishbone {
    border-width: 1px;
}

.workspace[data-tool="fishbone"] .object-node[data-role="category"] {
    transform: translate(-50%, -50%);
}

.workspace[data-tool="fishbone"] .object-node[data-role="cause"] {
    transform: translate(-50%, -50%);
}

.workspace[data-tool="relationship-map"] .object-node {
    border-width: 1px;
}

.workspace[data-tool="relationship-map"] .object-node__role {
    color: color-mix(in srgb, currentColor 80%, transparent);
}

.workspace[data-tool="relationship-map"] .connection--association {
    stroke: var(--color-edge);
    stroke-width: 3;
}

.workspace[data-tool="timeline-board"] .object-node {
    border-width: 1px;
}

.workspace[data-tool="timeline-board"] .object-node[data-lane="back"] {
    border-style: dashed;
}

.workspace[data-tool="causal-chain"] .object-node {
    border-top: 3px solid var(--node-edge);
}

.workspace[data-tool="tension-curve"] .object-node::before {
    position: absolute;
    top: -0.9rem;
    left: 50%;
    width: 0.9rem;
    height: 0.9rem;
    transform: translateX(-50%);
    border: 2px solid var(--color-edge);
    border-radius: 50%;
    background: var(--color-editor-bg);
    content: "";
}

.workspace[data-tool="tension-curve"] .object-node__value {
    color: color-mix(in srgb, currentColor 80%, transparent);
    font-family: ui-monospace, Consolas, monospace;
    font-size: 0.74rem;
}

.timeline-axis,
.tension-baseline,
.fishbone-spine {
    fill: none;
    stroke: var(--color-edge);
    stroke-linecap: round;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.timeline-axis--back {
    stroke-dasharray: 9 8;
    stroke: #7f88ad;
}

.timeline-tick {
    stroke: var(--color-canvas-grid);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.timeline-milestone-mark {
    fill: var(--color-glimmer);
    font-size: 24px;
    font-weight: 900;
    paint-order: stroke;
    stroke: var(--color-editor-bg);
    stroke-width: 5px;
}

.object-node__milestone {
    color: var(--color-accent-strong);
    font-size: 0.64rem;
    font-weight: 800;
}

.tension-grid-line {
    stroke: var(--color-canvas-grid);
    stroke-dasharray: 7 9;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.trend-series {
    stroke: var(--color-edge);
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.tension-baseline {
    stroke: var(--color-edge);
    stroke-width: 2;
}

.fishbone-spine {
    stroke: var(--color-edge);
    stroke-width: 7;
}

.surface-axis-label {
    font-size: 22px;
    font-weight: 800;
    paint-order: stroke;
    stroke-width: 8px;
    stroke-linejoin: round;
}

.relationship-ring {
    fill: none;
    stroke: var(--color-canvas-grid);
    stroke-dasharray: 12 12;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.relationship-ring--inner {
    stroke-dasharray: 4 10;
}

.relationship-center-label {
    font-size: 18px;
}

.causal-arrow {
    fill: var(--color-accent);
}

.node-layer--tree-note {
    overflow: visible;
}

.tree-note-board {
    position: absolute;
    top: 100px;
    left: 50%;
    display: grid;
    width: min(1440px, calc(100% - 360px));
    min-height: 0;
    align-content: start;
    gap: 1.4rem;
    padding: 2rem 3rem 3rem;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
    color: var(--color-ink);
    transform: translateX(-50%);
}

.tree-note-board__header {
    display: grid;
    gap: 0.3rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--color-line);
}

.tree-note-board__header strong {
    font-family: inherit;
    font-size: 1.45rem;
}

.tree-note-board__header > span:last-child {
    color: var(--color-ink-soft);
    font-size: 0.84rem;
}

.tree-note-board__list {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tree-note-board__row {
    position: relative;
    margin-left: calc(var(--tree-depth) * 2.4rem);
    padding-left: 1.4rem;
}

.tree-note-board__row::before {
    position: absolute;
    top: -0.75rem;
    bottom: -0.75rem;
    left: 0.2rem;
    border-left: 1px solid var(--color-line-strong);
    content: "";
}

.tree-note-board__row:first-child::before {
    top: 50%;
}

.tree-note-board__row:last-child::before {
    bottom: 50%;
}

.tree-note-board__row::after {
    position: absolute;
    top: 50%;
    left: 0.2rem;
    width: 0.9rem;
    border-top: 1px solid var(--color-line-strong);
    content: "";
}

.node-layer--tree-note .object-node {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 4.7rem;
    padding: 0.9rem 1.1rem;
    transform: none;
    cursor: pointer;
}

.node-layer--tree-note .object-node__note {
    font-size: 0.78rem;
}

.workspace[data-tool="tension-curve"] .connection--association {
    stroke: var(--color-edge);
    stroke-dasharray: none;
    stroke-width: 5;
}

.workspace[data-tool="tension-curve"] .object-node__value {
    color: color-mix(in srgb, currentColor 80%, transparent);
    font-family: ui-monospace, Consolas, monospace;
}

.workspace[data-tool="causal-chain"] .connection--parent {
    stroke: var(--color-edge);
    stroke-width: 5;
}

.workspace[data-tool] .connection--selected {
    stroke: var(--color-selection);
    stroke-width: 6;
}

.object-node:focus-visible,
.idea-workshop__mind-node:focus-visible,
.idea-workshop__outline-head:focus-visible {
    outline: 3px solid var(--color-selection);
    outline-offset: 3px;
}

.object-node__note {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: color-mix(in srgb, currentColor 72%, transparent);
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.35;
}

.print-document { display: none; }

.workspace[data-tool="time-blocking"] .object-node[data-compact] {
    min-width: 0;
    min-height: 0;
    padding: 0.18rem 0.5rem;
    gap: 0.12rem;
}

.object-node[data-compact] .object-node__role,
.object-node[data-compact] .object-node__note,
.object-node[data-compact="minimal"] .object-node__meta { display: none; }
.object-node[data-compact] .object-node__text { -webkit-line-clamp: 1; font-size: 0.78rem; line-height: 1.2; }
.object-node[data-compact] .object-node__meta { font-size: 0.6rem; line-height: 1.1; }

.workspace[data-tool="pert-critical-path"] .object-node:not([data-role="root"]) { padding: 0.5rem 0.65rem; gap: 0.2rem; }
.workspace[data-tool="pert-critical-path"] .object-node:not([data-role="root"]) .object-node__role,
.workspace[data-tool="pert-critical-path"] .object-node--critical .object-node__note { display: none; }


.workspace-hud {
    position: absolute;
    z-index: 20;
    bottom: max(0.75rem, env(safe-area-inset-bottom));
    display: flex;
    max-width: min(38rem, calc(100% - 1.5rem));
    padding: 0.48rem 0.7rem;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
    color: var(--color-ink-soft);
    font-size: 0.7rem;
    pointer-events: none;
}

.workspace-entry {
    position: absolute;
    z-index: 26;
    top: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    pointer-events: none;
}

.workspace-entry[hidden] {
    display: none;
}

.workspace-tool-hint {
    flex: 1;
    min-width: 0;
    max-width: 34rem;
    padding: 0.52rem 0.75rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
    color: var(--color-ink-soft);
    font-size: 0.72rem;
    line-height: 1.5;
    pointer-events: none;
}

.workspace-quick-add {
    display: grid;
    flex: 1;
    min-width: 0;
    max-width: 30rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.35rem;
    padding: 0.38rem;
    border: 1px solid color-mix(in srgb, var(--color-brand) 38%, var(--color-line));
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
    pointer-events: auto;
}

.workspace-quick-add[hidden] {
    display: none;
}

.workspace-quick-add[data-mode-available="false"] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.workspace-quick-add__mode {
    min-height: 2.35rem;
    max-width: 6.6rem;
    padding: 0.45rem 0.4rem;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-small);
    background: var(--color-bg);
    color: var(--color-ink);
    font: inherit;
}

.workspace-quick-add__mode:focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 1px;
}

.workspace-quick-add__input {
    min-width: 0;
    min-height: 2.35rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-small);
    background: var(--color-bg);
    color: var(--color-ink);
    font: inherit;
}

.workspace-quick-add__input:focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 1px;
}

.workspace-quick-add__input::placeholder,
.idea-workshop__quick-add-input::placeholder {
    color: var(--color-ink-soft);
    opacity: 1;
}

.workspace-quick-add__submit {
    min-height: 2.35rem;
}

.workspace-quick-add__context {
    grid-column: 1 / -1;
    overflow: hidden;
    padding: 0 0.25rem 0.05rem;
    color: var(--color-ink-soft);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-controls {
    position: absolute;
    z-index: 25;
    top: 50%;
    left: max(0.75rem, env(safe-area-inset-left));
    display: grid;
    padding: 0.38rem;
    gap: 0.38rem;
    transform: translateY(-50%);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
}

.workspace-controls__group {
    display: grid;
    gap: 0.28rem;
}

.workspace-controls__divider {
    width: 100%;
    height: 1px;
    background: var(--color-line);
}

.workspace-hud--left {
    left: 0.75rem;
    max-width: calc(50% - 1.5rem);
}

.workspace-hud--right {
    right: 0.75rem;
    max-width: calc(50% - 1.5rem);
}

.workspace-hud > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-hud__selection {
    overflow: hidden;
    max-width: 12rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-hud__strong {
    color: var(--color-ink);
    font-weight: 700;
}

.workspace-empty {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: min(28rem, calc(100% - 2rem));
    padding: 1.2rem;
    transform: translate(-50%, -50%);
    border: 1px dashed var(--color-line-strong);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    text-align: center;
}
.workspace-empty[hidden] { display: none; }

@media (max-width: 720px) {
    .workspace-controls {
        top: auto;
        bottom: max(0.5rem, env(safe-area-inset-bottom));
        left: 50%;
        grid-auto-flow: column;
        align-items: center;
        transform: translateX(-50%);
    }

    .workspace-controls__group {
        grid-auto-flow: column;
    }

    .workspace-controls__divider {
        width: 1px;
        height: 2rem;
    }

    .workspace-entry {
        top: 0.5rem;
        left: 0.5rem;
        right: 0.5rem;
        flex-direction: column;
        gap: 0.5rem;
    }

    .workspace-tool-hint {
        width: 100%;
        max-width: none;
        padding: 0.4rem 0.58rem;
        font-size: 0.66rem;
    }

    .workspace-hud--left {
        display: none;
    }

    .workspace-quick-add {
        width: 100%;
        max-width: none;
    }

    .workspace-quick-add__mode,
    .workspace-quick-add__input,
    .workspace-quick-add__submit {
        min-height: 2.75rem;
    }

    .workspace-hud--right {
        right: 0.5rem;
        bottom: calc(max(0.5rem, env(safe-area-inset-bottom)) + 4rem);
        max-width: calc(100% - 1rem);
    }

    .object-node {
        min-width: 10rem;
        min-height: 4.5rem;
    }

    .tool-surface-guide {
        top: 5.2rem;
        left: 5rem;
        min-width: 14rem;
        padding: 0.58rem 0.72rem;
    }

    .tree-note-board {
        top: 5.5rem;
        left: 50%;
        width: min(1440px, calc(100% - 360px));
        min-height: 0;
        padding: 1.2rem;
    }

    .tree-note-board__header strong {
        font-size: 1.15rem;
    }

    .tree-note-board__row {
        margin-left: calc(var(--tree-depth) * 1.2rem);
    }
}

/* アイデア工房。ブレインストーミングだけは、自由配置の盤面ではなく、
   図と詳細パネルを中心に考えを枝へ育てる作業面にする。 */
.idea-workshop {
    position: absolute;
    z-index: 8;
    inset: 0;
    display: flex;
    min-width: 0;
    min-height: 0;
    align-items: stretch;
    background: transparent;
    color: var(--color-ink);
}
.workspace[data-tool="brainstorm"] { touch-action: auto; }

.idea-workshop__inspector[hidden] {
    display: none;
}

.idea-workshop__figure-hint {
    color: var(--color-ink-soft);
    font-size: 0.76rem;
    line-height: 1.75;
}
.idea-workshop__inspector-close {
    padding: 0 0.35rem;
    border: 0;
    background: none;
    color: var(--color-ink-soft);
    cursor: pointer;
    font: inherit;
}

.idea-workshop__inspector-close:hover {
    color: var(--color-brand-strong);
}

.idea-workshop__figure {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1;
    flex-direction: column;
}

.idea-workshop__figure-bar {
    display: flex;
    min-height: 3.1rem;
    padding: 0.35rem 0.8rem;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.7rem;
    border-bottom: 1px solid var(--color-line);
    background: var(--color-surface);
}

.idea-workshop__figure-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.idea-workshop__quick-add {
    display: flex;
    min-width: min(100%, 16rem);
    align-items: stretch;
    flex: 1 1 17rem;
    gap: 0.35rem;
}

.idea-workshop__quick-add-input {
    min-width: 0;
    min-height: 2.15rem;
    padding: 0.4rem 0.6rem;
    flex: 1;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-small);
    background: var(--color-bg);
    color: var(--color-ink);
    font: inherit;
}

.idea-workshop__quick-add-input:focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 1px;
}

.idea-workshop__quick-add-submit {
    min-height: 2.15rem;
}

.idea-workshop__figure-tab,
.idea-workshop__crumb {
    padding: 0.28rem 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--radius-small);
    background: transparent;
    color: var(--color-ink-soft);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
}

.idea-workshop__figure-tab:hover,
.idea-workshop__figure-tab[aria-pressed="true"],
.idea-workshop__crumb:hover,
.idea-workshop__crumb--current {
    border-color: var(--color-brand);
    background: var(--color-brand-soft);
    color: var(--color-brand-strong);
}

.idea-workshop__figure-hint {
    min-width: 14rem;
    margin: 0;
    flex: 1;
}

.idea-workshop__path {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
}

.idea-workshop__crumb-sep {
    color: var(--color-ink-soft);
}

.idea-workshop__figure-body {
    overflow: auto;
    min-width: 0;
    min-height: 0;
    padding: clamp(0.75rem, 2vw, 1.5rem);
    flex: 1;
    color: var(--color-canvas-ink);
    background-image:
        radial-gradient(circle, var(--color-canvas-grid) 0.7px, transparent 0.7px),
        linear-gradient(145deg, var(--color-editor-near), var(--color-editor-bg) 65%);
    background-size: 48px 48px, 100% 100%;
}

.idea-workshop__cards {
    display: flex;
    min-height: 100%;
    padding-bottom: 3rem;
    flex-direction: column;
    gap: 0.5rem;
}

.idea-workshop__card-grid {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    align-content: stretch;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.idea-workshop__card-grid--empty {
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.idea-workshop__cards--target {
    outline: 0.12rem dashed var(--color-focus);
    outline-offset: 0.25rem;
}

.idea-workshop__tile {
    display: flex;
    min-width: 12rem;
    min-height: 7rem;
    padding: 0.55rem;
    flex: 1 1 12rem;
    flex-direction: column;
    gap: 0.42rem;
    border: 1px solid var(--color-line-strong);
    border-top: 3px solid var(--color-accent);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-small);
    color: var(--color-ink);
    cursor: grab;
}

.idea-workshop__tile--depth1 {
    background: var(--color-surface-soft);
}

.idea-workshop__tile--depth2,
.idea-workshop__tile--depth3 {
    background: var(--color-surface);
}

.idea-workshop__tile--dragging {
    opacity: 0.55;
}

.idea-workshop__tile--target {
    border-color: var(--color-focus);
    outline: 0.12rem solid var(--color-focus);
}

.idea-workshop__tile--selected {
    outline: 2px solid var(--color-selection);
    outline-offset: 0.1rem;
}

.idea-workshop__card-row-break {
    width: 0;
    height: 0;
    flex: 0 0 100%;
}

.idea-workshop__tile-head {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
}

.idea-workshop__tile-title {
    overflow: hidden;
    min-width: 0;
    padding: 0.2rem 0.3rem;
    flex: 1;
    border-radius: var(--radius-small);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.idea-workshop__tile-title:hover,
.idea-workshop__tile-note:hover {
    background: var(--color-surface-soft);
}

.idea-workshop__tile-title[contenteditable],
.idea-workshop__tile-note[contenteditable] {
    background: var(--color-surface);
    outline: 0.12rem solid var(--color-focus);
    outline-offset: 0.1rem;
    cursor: text;
}

.idea-workshop__tile-note {
    min-height: 2.8rem;
    padding: 0.15rem 0.3rem;
    color: var(--color-ink-soft);
    cursor: text;
    font-size: 0.74rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.idea-workshop__editable--empty {
    color: var(--color-ink-soft);
    font-size: 0.72rem;
}

.idea-workshop__children {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0.4rem;
}

.idea-workshop__add {
    align-self: flex-start;
    padding: 0.24rem 0.6rem;
    border: 1px dashed var(--color-line-strong);
    border-radius: var(--radius-small);
    background: transparent;
    color: var(--color-ink-soft);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
}

.idea-workshop__add:hover {
    border-color: var(--color-brand);
    color: var(--color-brand-strong);
}

.idea-workshop__cards-footer {
    display: flex;
    flex: 0 0 auto;
    padding: 0.25rem 0 0.1rem;
}

.idea-workshop__card-grid > .idea-workshop__add,
.idea-workshop__cards-footer .idea-workshop__add {
    align-self: center;
    margin: 0.5rem 0;
    padding: 0.38rem 1rem;
    border-color: var(--color-depth-edge);
    background: var(--color-depth-raised);
    color: var(--color-canvas-ink);
}

.idea-workshop__card-grid > .idea-workshop__add:hover,
.idea-workshop__cards-footer .idea-workshop__add:hover {
    border-color: var(--color-current);
    color: var(--color-current);
}

.idea-workshop__focus,
.idea-workshop__remove {
    flex: 0 0 auto;
    padding: 0.12rem 0.35rem;
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-small);
    background: transparent;
    color: var(--color-ink-soft);
    cursor: pointer;
    font: inherit;
    font-size: 0.64rem;
}

.idea-workshop__remove {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border-radius: var(--radius-small);
    opacity: 0;
}

.idea-workshop__tile:hover .idea-workshop__remove,
.idea-workshop__remove:focus-visible {
    opacity: 1;
}

.idea-workshop__focus:hover,
.idea-workshop__remove:hover {
    border-color: var(--color-brand);
    color: var(--color-brand-strong);
}

.idea-workshop__mindmap {
    overflow: auto;
    width: 100%;
    height: 100%;
    min-height: 15rem;
}

.idea-workshop__mind-canvas {
    position: relative;
    min-width: 100%;
    min-height: 100%;
}

.idea-workshop__mind-edges {
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    pointer-events: none;
}

.idea-workshop__mind-edge {
    fill: none;
    stroke: var(--color-edge);
    stroke-width: 1.6;
}

.idea-workshop__mind-nodes {
    position: absolute;
    inset: 0;
}

.idea-workshop__mind-node {
    position: absolute;
    display: block;
    width: 190px;
    min-height: 44px;
    padding: 0.4rem 0.7rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    color: var(--color-ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    text-align: start;
    overflow-wrap: anywhere;
}

.idea-workshop__mind-node--root {
    border-color: var(--color-edge);
    background: var(--color-node-root);
    color: var(--color-node-root-ink);
    font-weight: 700;
}

.idea-workshop__mind-node--selected {
    outline: 2px solid var(--color-selection);
    outline-offset: 0.1rem;
}

.idea-workshop__mind-count {
    position: absolute;
    z-index: 2;
    display: grid;
    width: 1.15rem;
    height: 1.15rem;
    place-items: center;
    border-radius: var(--radius-small);
    background: var(--color-accent-soft);
    color: var(--color-accent-strong);
    font-size: 0.64rem;
}

.idea-workshop__mind-remove {
    position: absolute;
    z-index: 3;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    color: var(--color-ink-soft);
    cursor: pointer;
    opacity: 0;
}

.idea-workshop__mind-canvas:hover .idea-workshop__mind-remove,
.idea-workshop__mind-remove:focus-visible {
    opacity: 1;
}

.idea-workshop__outline {
    min-width: min(38rem, 100%);
    padding: 0.4rem;
}

.idea-workshop__outline-list {
    display: grid;
    margin: 0;
    padding-left: 1.25rem;
    gap: 0.4rem;
}

.idea-workshop__outline-head {
    width: min(100%, 42rem);
    padding: 0.48rem 0.7rem;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    color: var(--color-ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    text-align: start;
}

.idea-workshop__outline-head:hover,
.idea-workshop__outline-head--selected {
    border-color: var(--color-brand);
    background: var(--color-brand-soft);
}

.idea-workshop__empty {
    margin: 2.5rem auto;
    max-width: 28rem;
    color: var(--color-canvas-ink);
    font-size: 0.82rem;
    line-height: 1.8;
    text-align: center;
}

.idea-workshop__inspector {
    display: flex;
    overflow-y: auto;
    width: 18rem;
    flex: 0 0 18rem;
    flex-direction: column;
    border-left: 1px solid var(--color-line);
    background: var(--color-surface);
}

.idea-workshop__inspector-bar {
    display: flex;
    padding: 0.55rem 0.8rem;
    align-items: center;
    gap: 0.4rem;
    border-bottom: 1px solid var(--color-line);
}

.idea-workshop__inspector-title {
    overflow: hidden;
    margin: 0;
    flex: 1;
    font-family: inherit;
    font-size: 0.95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.idea-workshop__inspector-body {
    display: flex;
    padding: 0.8rem;
    flex-direction: column;
    gap: 0.65rem;
}

.idea-workshop__inspector-rows {
    display: grid;
    margin: 0;
    gap: 0.25rem 0.6rem;
    grid-template-columns: auto minmax(0, 1fr);
    font-size: 0.75rem;
}

.idea-workshop__inspector-rows dt {
    color: var(--color-ink-soft);
}

.idea-workshop__inspector-rows dd {
    overflow-wrap: anywhere;
    margin: 0;
}

.idea-workshop__inspector-heading {
    margin: 0;
    color: var(--color-ink-soft);
    font-size: 0.74rem;
}

.idea-workshop__inspector-note {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.8;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.idea-workshop__object-id {
    overflow-wrap: anywhere;
    font-size: 0.68rem;
}

/* 発想の種の小窓。右クリック位置を基準にし、画面外へ出さない。 */
.workshop-spark__anchor {
    position: fixed;
    width: 0;
    height: 0;
    pointer-events: none;
}

.workshop-spark__hint {
    margin: 0 0 0.4rem;
    color: var(--color-ink-soft);
    font-size: 0.74rem;
    line-height: 1.7;
}

.workshop-spark__text {
    box-sizing: border-box;
    width: 100%;
    line-height: 1.8;
    resize: vertical;
}

.workshop-spark__actions {
    display: flex;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.workshop-spark__feedback {
    min-height: 1.2em;
    margin: 0.4rem 0 0;
    color: var(--color-ink-soft);
    font-size: 0.74rem;
}

.popover {
    position: fixed;
    z-index: 80;
    width: min(24rem, calc(100vw - 2rem));
    border: 1px solid var(--color-brand);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-float);
}

.popover__head {
    display: flex;
    padding: 0.35rem 0.4rem 0.35rem 0.7rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-line);
}

.popover__title {
    color: var(--color-brand-strong);
    font-size: 0.78rem;
    font-weight: 700;
}

.popover__close {
    padding: 0 0.4rem;
    border: 0;
    background: none;
    color: var(--color-ink-soft);
    cursor: pointer;
    font: inherit;
    line-height: 1;
}

.popover__body {
    display: flex;
    max-height: min(60vh, 32rem);
    overflow-y: auto;
    padding: 0.6rem 0.7rem 0.7rem;
    flex-direction: column;
    gap: 0.5rem;
}

.popover__field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.popover__label {
    color: var(--color-ink-soft);
    font-size: 0.7rem;
}

.popover__actions {
    display: flex;
    padding-top: 0.35rem;
    flex-wrap: wrap;
    gap: 0.35rem;
    border-top: 1px solid var(--color-line);
}

.rich-menu {
    position: fixed;
    z-index: 90;
    min-width: 12rem;
    padding: 0.25rem;
    border: 1px solid var(--color-brand);
    border-radius: var(--radius-small);
    background: var(--color-surface);
    box-shadow: var(--shadow-float);
}

.rich-menu__item {
    display: block;
    width: 100%;
    padding: 0.4rem 0.65rem;
    border: 0;
    border-radius: var(--radius-small);
    background: transparent;
    color: var(--color-ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.8rem;
    text-align: start;
}

.rich-menu__item:hover,
.rich-menu__item:focus-visible {
    background: var(--color-brand-soft);
    color: var(--color-brand-strong);
}

@media (max-width: 980px) {
    .idea-workshop {
        flex-direction: column;
    }

    .idea-workshop__figure {
        min-height: 44vh;
    }

    .idea-workshop__inspector {
        width: auto;
        max-height: 36vh;
        flex: 0 0 auto;
        border-top: 1px solid var(--color-line);
        border-left: 0;
    }
}

@media (max-width: 560px) {
    .idea-workshop__figure-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .idea-workshop__figure-hint {
        min-width: 0;
    }

    .idea-workshop__quick-add {
        width: 100%;
        min-width: 0;
        flex: 0 0 auto;
    }

    .idea-workshop__quick-add-input,
    .idea-workshop__quick-add-submit {
        min-height: 2.75rem;
    }

    .idea-workshop__path {
        max-width: 100%;
        overflow-x: auto;
    }

    .idea-workshop__tile {
        min-width: min(100%, 12rem);
    }
}

@media (pointer: coarse) {
    .idea-workshop__remove,
    .idea-workshop__mind-remove { opacity: 1; }
}