.essay-diagrams.what-llms-actually-see .fetch-code {
            font-size: 12px;
            line-height: 1.6;
            overflow: hidden;
        }
.essay-diagrams.what-llms-actually-see .fetch-line {
            white-space: nowrap;
            overflow: hidden;
        }
.essay-diagrams.what-llms-actually-see .fetch-tag { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .fetch-content { color: var(--text-bright); }
.essay-diagrams.what-llms-actually-see .fetch-noise { color: var(--dim);  }
.essay-diagrams.what-llms-actually-see .fetch-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 16px;
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .fetch-status {
            color: var(--green);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
.essay-diagrams.what-llms-actually-see .fetch-url { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .fetch-size {
            margin-left: auto;
            color: var(--yellow);
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .fetch-highlight-label {
            margin-top: 16px;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: flex;
            gap: 16px;
        }
.essay-diagrams.what-llms-actually-see .fetch-highlight-label span:first-child { color: var(--text-bright); }
.essay-diagrams.what-llms-actually-see .fetch-highlight-label span:last-child { color: var(--dim);  }
.essay-diagrams.what-llms-actually-see .strip-columns {
            display: flex;
            gap: 24px;
        }
.essay-diagrams.what-llms-actually-see .strip-column { flex: 1; }
.essay-diagrams.what-llms-actually-see .strip-column-header {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 12px;
            padding-bottom: 8px;
            border-bottom: 1px solid var(--bg-light);
        }
.essay-diagrams.what-llms-actually-see .strip-column-header-before { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .strip-column-header-after { color: var(--green); }
.essay-diagrams.what-llms-actually-see .strip-before,
.essay-diagrams.what-llms-actually-see .strip-after {
            font-size: 12px;
            line-height: 1.8;
        }
.essay-diagrams.what-llms-actually-see .strip-removed {
            text-decoration: line-through;

            color: var(--dim);
        }
.essay-diagrams.what-llms-actually-see .strip-kept { color: var(--text-bright); }
.essay-diagrams.what-llms-actually-see .strip-counter {
            display: flex;
            justify-content: space-between;
            margin-top: 16px;
            padding-top: 12px;
            border-top: 1px solid var(--bg-light);
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .strip-counter-removed { color: var(--red);  }
.essay-diagrams.what-llms-actually-see .strip-counter-kept { color: var(--green); }
.essay-diagrams.what-llms-actually-see .chunk-text {
            font-size: 12px;
            line-height: 1.8;
        }
.essay-diagrams.what-llms-actually-see .chunk-block {
            padding: 12px 14px;
            border-radius: 4px;
            margin-bottom: 6px;
            position: relative;
            border-left: 3px solid transparent;
        }
.essay-diagrams.what-llms-actually-see .chunk-block-1 { border-left-color: var(--green); background: rgba(39, 37, 34, 0.05); }
.essay-diagrams.what-llms-actually-see .chunk-block-2 { border-left-color: var(--yellow); background: rgba(39, 37, 34, 0.05); }
.essay-diagrams.what-llms-actually-see .chunk-block-3 { border-left-color: var(--dim); background: rgba(39, 37, 34, 0.03); }
.essay-diagrams.what-llms-actually-see .chunk-block-4 { border-left-color: var(--green);  background: rgba(39, 37, 34, 0.04); }
.essay-diagrams.what-llms-actually-see .chunk-block-5 { border-left-color: var(--yellow);  background: rgba(39, 37, 34, 0.04); }
.essay-diagrams.what-llms-actually-see .chunk-block-6 { border-left-color: var(--dim); background: rgba(39, 37, 34, 0.03); }
.essay-diagrams.what-llms-actually-see .chunk-label {
            display: block;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;

            margin-bottom: 6px;
        }
.essay-diagrams.what-llms-actually-see .chunk-block-1 .chunk-label { color: var(--green); }
.essay-diagrams.what-llms-actually-see .chunk-block-2 .chunk-label { color: var(--yellow); }
.essay-diagrams.what-llms-actually-see .chunk-block-3 .chunk-label { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .chunk-block-4 .chunk-label { color: var(--green); }
.essay-diagrams.what-llms-actually-see .chunk-block-5 .chunk-label { color: var(--yellow); }
.essay-diagrams.what-llms-actually-see .chunk-block-6 .chunk-label { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .chunk-overlap {
            text-align: center;
            font-size: 12px;
            color: var(--dim);

            margin: -2px 0;
            letter-spacing: 2px;
        }
.essay-diagrams.what-llms-actually-see .chunk-summary {
            display: flex;
            justify-content: space-between;
            margin-top: 16px;
            padding-top: 12px;
            border-top: 1px solid var(--bg-light);
            font-size: 12px;
            color: var(--dim);
        }
.essay-diagrams.what-llms-actually-see .chunk-summary-total { color: var(--text); }
.essay-diagrams.what-llms-actually-see .retrieve-query {
            text-align: center;
            margin-bottom: 20px;
            padding: 10px 16px;
            background: var(--bg-light);
            border-radius: 4px;
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-query-label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--dim);
            margin-bottom: 4px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-query-text { color: var(--text-bright); }
.essay-diagrams.what-llms-actually-see .retrieve-chunks {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 14px;
            border-radius: 4px;
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-selected {
            background: rgba(39, 37, 34, 0.08);
            border: 1px solid rgba(39, 37, 34, 0.3);
            color: var(--text-bright);
        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-skipped {
            background: transparent;
            border: 1px solid var(--bg-light);
            color: var(--dim);

        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-id {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            flex-shrink: 0;
            width: 56px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-selected .retrieve-chunk-id { color: var(--green); }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-skipped .retrieve-chunk-id { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-text {
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-score {
            flex-shrink: 0;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-selected .retrieve-chunk-score { color: var(--green); }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-skipped .retrieve-chunk-score { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .retrieve-result {
            text-align: center;
            margin-top: 16px;
            padding-top: 12px;
            border-top: 1px solid var(--bg-light);
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .retrieve-result-kept { color: var(--green); }
.essay-diagrams.what-llms-actually-see .retrieve-result-dropped { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .generate-sources {
            display: flex;
            gap: 8px;
        }
.essay-diagrams.what-llms-actually-see .generate-source {
            flex: 1;
            padding: 12px;
            border-radius: 4px;
            font-size: 12px;
            line-height: 1.6;
        }
.essay-diagrams.what-llms-actually-see .generate-source-you {
            border: 1px solid rgba(39, 37, 34, 0.4);
            background: rgba(39, 37, 34, 0.05);
        }
.essay-diagrams.what-llms-actually-see .generate-source-other {
            border: 1px solid var(--bg-light);
        }
.essay-diagrams.what-llms-actually-see .generate-source-label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .generate-source-you .generate-source-label { color: var(--green); }
.essay-diagrams.what-llms-actually-see .generate-source-other .generate-source-label { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .generate-source-you .generate-source-text { color: var(--text-bright); }
.essay-diagrams.what-llms-actually-see .generate-source-other .generate-source-text { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .generate-arrow {
            text-align: center;
            color: var(--yellow);
            font-size: 12px;
            margin: 12px 0;
        }
.essay-diagrams.what-llms-actually-see .generate-output {
            padding: 16px;
            border-radius: 4px;
            border: 1px solid rgba(39, 37, 34, 0.3);
            background: rgba(39, 37, 34, 0.03);
            font-size: 12px;
            line-height: 1.8;
            color: var(--text);
        }
.essay-diagrams.what-llms-actually-see .generate-output-label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--yellow);
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .generate-cite-you {
            border-bottom: 1px dashed var(--green);
            color: var(--text-bright);
        }
.essay-diagrams.what-llms-actually-see .generate-cite-other {
            border-bottom: 1px dashed var(--dim);
        }
.essay-diagrams.what-llms-actually-see .fanout {
            text-align: center;
        }
.essay-diagrams.what-llms-actually-see .fanout-query {
            display: inline-block;
            padding: 10px 20px;
            background: var(--bg-light);
            border-radius: 4px;
            font-size: 12px;
            color: var(--text-bright);
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .fanout-query-label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--dim);
            margin-bottom: 4px;
        }
.essay-diagrams.what-llms-actually-see .fanout-arrow-down {
            color: var(--yellow);
            font-size: 14px;
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .fanout-branches {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            justify-content: center;
            margin-bottom: 12px;
        }
.essay-diagrams.what-llms-actually-see .fanout-branch {
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 12px;
            border: 1px solid var(--bg-light);
            color: var(--dim);
        }
.essay-diagrams.what-llms-actually-see .fanout-branch-hit {
            border-color: rgba(39, 37, 34, 0.4);
            color: var(--green);
            background: rgba(39, 37, 34, 0.05);
        }
.essay-diagrams.what-llms-actually-see .fanout-arrow-converge {
            color: var(--yellow);
            font-size: 14px;
            margin: 8px 0;
        }
.essay-diagrams.what-llms-actually-see .fanout-result {
            display: inline-block;
            padding: 10px 20px;
            border: 1px solid rgba(39, 37, 34, 0.3);
            border-radius: 4px;
            font-size: 12px;
            color: var(--yellow);
        }
.essay-diagrams.what-llms-actually-see .token-callout {
            background: var(--bg-light);
            border-radius: 4px;
            padding: 16px 20px;
            margin: 24px 0;
            font-size: 13px;
            line-height: 1.7;
        }
.essay-diagrams.what-llms-actually-see .token-callout-header {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--yellow);
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .token-compare {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 32px;
            padding: 16px 0;
        }
.essay-diagrams.what-llms-actually-see .token-bar-group {
            text-align: center;
        }
.essay-diagrams.what-llms-actually-see .token-bar {
            width: 80px;
            background: var(--bg-light);
            border-radius: 4px 4px 0 0;
            margin: 0 auto 8px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .token-bar-html {
            height: 160px;
            border: 1px solid var(--dim);
        }
.essay-diagrams.what-llms-actually-see .token-bar-md {
            height: 32px;
            border: 1px solid var(--green);
        }
.essay-diagrams.what-llms-actually-see .token-bar-number {
            font-size: 13px;
            font-weight: 600;
        }
.essay-diagrams.what-llms-actually-see .token-bar-html .token-bar-number {
            color: var(--text);
            padding-top: 8px;
            align-self: flex-start;
        }
.essay-diagrams.what-llms-actually-see .token-bar-md .token-bar-number {
            color: var(--green);
        }
.essay-diagrams.what-llms-actually-see .token-bar-label {
            font-size: 12px;
            color: var(--dim);
        }
.essay-diagrams.what-llms-actually-see .token-reduction {
            text-align: center;
            margin-top: 12px;
            font-size: 13px;
            color: var(--yellow);
        }
.essay-diagrams.what-llms-actually-see .u-bars {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 3px;
            height: 120px;
            padding: 0 20px;
        }
.essay-diagrams.what-llms-actually-see .u-bar {
            flex: 1;
            max-width: 28px;
            border-radius: 2px 2px 0 0;
        }
.essay-diagrams.what-llms-actually-see .u-bar-1 { height: 95%; background: var(--green); }
.essay-diagrams.what-llms-actually-see .u-bar-2 { height: 85%; background: var(--green);  }
.essay-diagrams.what-llms-actually-see .u-bar-3 { height: 70%; background: var(--yellow); }
.essay-diagrams.what-llms-actually-see .u-bar-4 { height: 55%; background: var(--yellow);  }
.essay-diagrams.what-llms-actually-see .u-bar-5 { height: 38%; background: var(--dim); }
.essay-diagrams.what-llms-actually-see .u-bar-6 { height: 28%; background: var(--dim); }
.essay-diagrams.what-llms-actually-see .u-bar-7 { height: 25%; background: var(--dim);  }
.essay-diagrams.what-llms-actually-see .u-bar-8 { height: 28%; background: var(--dim); }
.essay-diagrams.what-llms-actually-see .u-bar-9 { height: 38%; background: var(--dim); }
.essay-diagrams.what-llms-actually-see .u-bar-10 { height: 55%; background: var(--yellow);  }
.essay-diagrams.what-llms-actually-see .u-bar-11 { height: 70%; background: var(--yellow); }
.essay-diagrams.what-llms-actually-see .u-bar-12 { height: 85%; background: var(--green);  }
.essay-diagrams.what-llms-actually-see .u-bar-13 { height: 95%; background: var(--green); }
.essay-diagrams.what-llms-actually-see .u-bars-labels {
            display: flex;
            justify-content: space-between;
            margin-top: 12px;
            font-size: 12px;
            padding: 0 20px;
        }
.essay-diagrams.what-llms-actually-see .u-bars-labels span:first-child,
.essay-diagrams.what-llms-actually-see .u-bars-labels span:last-child {
            color: var(--green);
        }
.essay-diagrams.what-llms-actually-see .u-bars-labels span:nth-child(2) {
            color: var(--dim);
        }
.essay-diagrams.what-llms-actually-see .u-bars-y-label {
            font-size: 12px;
            color: var(--dim);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .mechanisms {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
.essay-diagrams.what-llms-actually-see .mechanism-row {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 14px;
            border-radius: 4px;
            border: 1px solid var(--bg-light);
        }
.essay-diagrams.what-llms-actually-see .mechanism-label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--dim);
            flex-shrink: 0;
            width: 120px;
        }
.essay-diagrams.what-llms-actually-see .mechanism-bar-track {
            flex: 1;
            height: 6px;
            background: var(--bg-light);
            border-radius: 3px;
            overflow: hidden;
            position: relative;
        }
.essay-diagrams.what-llms-actually-see .mechanism-bar-fill {
            height: 100%;
            border-radius: 3px;
        }
.essay-diagrams.what-llms-actually-see .mechanism-bar-gradient {
            background: linear-gradient(to right, var(--green), var(--yellow) 40%, var(--dim) 70%, transparent 100%);
        }
.essay-diagrams.what-llms-actually-see .mechanism-bar-spike {
            background: var(--green);
            width: 15%;
        }
.essay-diagrams.what-llms-actually-see .mechanism-bar-slope {
            background: linear-gradient(to right, var(--green), var(--yellow) 50%, var(--dim) 100%);
        }
.essay-diagrams.what-llms-actually-see .mechanism-desc {
            font-size: 12px;
            color: var(--text);
            flex-shrink: 0;
            text-align: right;
            width: 100px;
        }
.essay-diagrams.what-llms-actually-see .mechanism-converge {
            text-align: center;
            padding: 10px 0 0;
            font-size: 12px;
            color: var(--yellow);
        }
.essay-diagrams.what-llms-actually-see .mechanism-converge-arrow {
            font-size: 14px;
            display: block;
            margin-bottom: 4px;
        }
.essay-diagrams.what-llms-actually-see .mechanism-conclusion {
            text-align: center;
            padding: 10px 16px;
            border: 1px solid rgba(39, 37, 34, 0.3);
            border-radius: 4px;
            font-size: 12px;
            color: var(--green);
            background: rgba(39, 37, 34, 0.04);
        }
@media (max-width: 500px){
.essay-diagrams.what-llms-actually-see .mechanism-row {
                flex-wrap: wrap;
                gap: 6px;
            }
.essay-diagrams.what-llms-actually-see .mechanism-label {
                width: 100%;
            }
.essay-diagrams.what-llms-actually-see .mechanism-desc {
                width: 100%;
                text-align: left;
            }
}
.essay-diagrams.what-llms-actually-see .evidence-spectrum {
            padding: 0;
        }
.essay-diagrams.what-llms-actually-see .evidence-bar {
            height: 8px;
            background: linear-gradient(to right, var(--green), var(--yellow), var(--dim));
            border-radius: 4px;
            margin-bottom: 8px;
        }
.essay-diagrams.what-llms-actually-see .evidence-bar-labels {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
        }
.essay-diagrams.what-llms-actually-see .evidence-bar-labels span:first-child {
            color: var(--green);
        }
.essay-diagrams.what-llms-actually-see .evidence-bar-labels span:last-child {
            color: var(--dim);
        }
.essay-diagrams.what-llms-actually-see .evidence-tiers {
            display: flex;
            justify-content: space-between;
            gap: 12px;
        }
.essay-diagrams.what-llms-actually-see .evidence-tier {
            flex: 1;
            text-align: center;
            font-size: 12px;
            line-height: 1.6;
        }
.essay-diagrams.what-llms-actually-see .evidence-tier-marker {
            font-size: 12px;
            margin-bottom: 4px;
        }
.essay-diagrams.what-llms-actually-see .evidence-strong { color: var(--green); }
.essay-diagrams.what-llms-actually-see .evidence-moderate { color: var(--yellow); }
.essay-diagrams.what-llms-actually-see .evidence-weak { color: var(--dim); }
.essay-diagrams.what-llms-actually-see .platform-table {
            font-size: 12px;
            width: 100%;
            overflow-x: auto;
        }
.essay-diagrams.what-llms-actually-see .platform-table table {
            width: 100%;
            border-collapse: collapse;
        }
.essay-diagrams.what-llms-actually-see .platform-table th {
            text-align: left;
            padding: 10px 8px;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--yellow);
            background: var(--bg-light);
            font-weight: normal;
            border-bottom: 1px solid var(--bg);
        }
.essay-diagrams.what-llms-actually-see .platform-table th:first-child {
            border-radius: 4px 0 0 0;
        }
.essay-diagrams.what-llms-actually-see .platform-table th:last-child {
            border-radius: 0 4px 0 0;
        }
.essay-diagrams.what-llms-actually-see .platform-table td {
            padding: 10px 8px;
            border-bottom: 1px solid var(--bg-light);
            vertical-align: top;
            color: var(--text);
        }
.essay-diagrams.what-llms-actually-see .platform-table td:first-child {
            color: var(--dim);
            font-size: 12px;
        }
.essay-diagrams.what-llms-actually-see .platform-table tr:last-child td {
            border-bottom: none;
        }
.essay-diagrams.what-llms-actually-see .overlap-visual {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0;
            padding: 16px 0;
        }
.essay-diagrams.what-llms-actually-see .overlap-circle {
            width: 140px;
            height: 140px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: 12px;
            text-align: center;
        }
.essay-diagrams.what-llms-actually-see .overlap-circle-left {
            border: 2px solid var(--yellow);
            margin-right: -30px;
            z-index: 1;
            padding-right: 20px;
        }
.essay-diagrams.what-llms-actually-see .overlap-circle-right {
            border: 2px solid var(--green);
            margin-left: -30px;
            padding-left: 20px;
        }
.essay-diagrams.what-llms-actually-see .overlap-circle .overlap-pct {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 2px;
        }
.essay-diagrams.what-llms-actually-see .overlap-circle-left .overlap-pct {
            color: var(--yellow);
        }
.essay-diagrams.what-llms-actually-see .overlap-circle-right .overlap-pct {
            color: var(--green);
        }
.essay-diagrams.what-llms-actually-see .overlap-center-label {
            position: relative;
            z-index: 2;
            background: var(--bg-dark);
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 600;
            color: var(--text-bright);
            margin: 0 -15px;
        }
.essay-diagrams.what-llms-actually-see .js-compare {
            display: flex;
            gap: 16px;
            justify-content: center;
        }
.essay-diagrams.what-llms-actually-see .js-compare-panel {
            flex: 1;
            max-width: 260px;
            border-radius: 4px;
            overflow: hidden;
        }
.essay-diagrams.what-llms-actually-see .js-compare-header {
            padding: 8px 12px;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: center;
        }
.essay-diagrams.what-llms-actually-see .js-compare-header-human {
            background: var(--bg-light);
            color: var(--green);
        }
.essay-diagrams.what-llms-actually-see .js-compare-header-bot {
            background: var(--bg-light);
            color: var(--red);

        }
.essay-diagrams.what-llms-actually-see .js-compare-body {
            padding: 16px 12px;
            font-size: 12px;
            line-height: 1.6;
            min-height: 120px;
        }
.essay-diagrams.what-llms-actually-see .js-compare-body-full {
            border: 1px solid var(--bg-light);
            border-top: none;
        }
.essay-diagrams.what-llms-actually-see .js-compare-body-empty {
            border: 1px solid var(--bg-light);
            border-top: none;
            color: var(--dim);
            display: flex;
            align-items: center;
            justify-content: center;
            font-style: italic;
        }
.essay-diagrams.what-llms-actually-see .js-rendered-line {
            margin-bottom: 6px;
            padding: 3px 6px;
            background: rgba(39, 37, 34, 0.05);
            border-radius: 2px;
        }
.essay-diagrams.what-llms-actually-see .js-shell-line {
            color: var(--dim);

        }
@media (max-width: 500px){
.essay-diagrams.what-llms-actually-see .strip-columns {
                flex-direction: column;
                gap: 16px;
            }
.essay-diagrams.what-llms-actually-see .generate-sources {
                flex-direction: column;
            }
.essay-diagrams.what-llms-actually-see .retrieve-chunk-text {
                display: none;
            }
.essay-diagrams.what-llms-actually-see .retrieve-chunk {
                justify-content: space-between;
            }
.essay-diagrams.what-llms-actually-see .u-bars {
                gap: 2px;
                padding: 0 8px;
            }
.essay-diagrams.what-llms-actually-see .token-compare {
                gap: 20px;
            }
.essay-diagrams.what-llms-actually-see .token-bar {
                width: 60px;
            }
.essay-diagrams.what-llms-actually-see .evidence-tier {
                font-size: 12px;
            }
.essay-diagrams.what-llms-actually-see .platform-table {
                font-size: 12px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
.essay-diagrams.what-llms-actually-see .platform-table table {
                min-width: 500px;
            }
.essay-diagrams.what-llms-actually-see .overlap-visual {
                transform: scale(0.85);
            }
.essay-diagrams.what-llms-actually-see .js-compare {
                flex-direction: column;
                align-items: center;
            }
.essay-diagrams.what-llms-actually-see .js-compare-panel {
                max-width: 100%;
            }
.essay-diagrams.what-llms-actually-see .u-bars-labels {
                padding: 0 8px;
            }
}