#dataset-summary { grid-template-columns: repeat(3, 1fr); }
#dataset-summary > article { position: relative; display: flex; min-height: 247px; flex-direction: column; overflow: hidden; padding: 19px; border-color: #38516a; background: linear-gradient(145deg, #17283a, #111c28 68%); box-shadow: inset 0 1px #ffffff0b, 0 12px 30px #0002; transition: border-color .18s, box-shadow .18s; }
#dataset-summary > article::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: #8dc8ff; content: ""; }
#dataset-summary > article:nth-child(2)::before { background: #8ce0cf; }
#dataset-summary > article:nth-child(3)::before { background: #c6a1ff; }
#dataset-summary > article:hover { border-color: #6d97b5; box-shadow: inset 0 1px #ffffff12, 0 16px 35px #0004; }
#dataset-summary > article > span { display: inline-flex; width: fit-content; margin-bottom: 13px; padding: 3px 8px; border: 1px solid #42637e; border-radius: 999px; background: #14293a; color: #b7dcf5; font-size: .79rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
#dataset-summary > article:nth-child(2) > span { border-color: #397368; background: #112c2a; color: #a3e9db; }
#dataset-summary > article:nth-child(3) > span { border-color: #65547f; background: #211b34; color: #d5bdff; }


.dataset-example { position: relative; display: inline-block; width: fit-content; margin: auto 0 0; padding-top: 12px; }
.card-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 0 13px; overflow: hidden; border: 1px solid #2f4a61; border-radius: 9px; background: #0d1823a8; }
.card-metrics .metric-line { display: flex; min-width: 0; flex-direction: column; gap: 0; padding: 10px 11px; }
.card-metrics .metric-line + .metric-line { border-left: 1px solid #2f4a61; }
.card-metrics strong { font-size: 1.62rem; line-height: 1.1; letter-spacing: -.04em; }
.metric-examples { color: #8dc8ff; }
.metric-databases { color: #8ce0cf; }
.metric-line small { color: inherit; margin-top: 3px; font-size: .8rem; }
#dataset-summary > article > small { min-height: 18px; color: #b2c0cf; }
.file-path { display: block; margin-top: 8px; color: #718fa7; font-size: .76rem; line-height: 1.35; overflow-wrap: anywhere; }
.header-note { margin: -9px 0 20px; color: #8ce0cf; font-size: .87rem; white-space: nowrap; }

.dataset-example button { border: 1px solid #3c6e7f; border-radius: 999px; background: #142938; color: #b6e0f4; cursor: pointer; font: inherit; font-size: .84rem; padding: 6px 11px; transition: background .15s, border-color .15s, color .15s; }
.dataset-example button:hover { border-color: #8dc8ff; background: #1a3b50; color: #e6f6ff; }
#dataset-summary + .table-card th:nth-child(n+3) { font-weight: 500; }
.metric-note { margin: -7px 0 15px; color: #9daebf; font-size: .83rem; line-height: 1.55; }
.metric-note p { margin: 0 0 6px; }
.metric-note ul { margin: 0; padding-left: 1.25rem; }
.metric-note li + li { margin-top: 4px; }
.metric-note b { color: #b9d8ef; }
.conclusion-box { margin-top: 16px; padding: 16px 18px; border: 1px solid #7a5a35; border-left: 3px solid #e8a85d; border-radius: 10px; background: linear-gradient(110deg, #302317, #1c1a1a); }
.conclusion-box h3 { margin: 0 0 6px; color: #f1bd78; font-size: .9rem; letter-spacing: .02em; }
.conclusion-box p { margin: 0; color: #f5f5f5; font-size: .88rem; }
.conclusion-box ul { margin: 0; padding-left: 1.2rem; color: #f5f5f5; font-size: .88rem; }
.conclusion-box li + li { margin-top: 5px; }
.alert-box { border-color: #8f3b3b; border-left-color: #ef5350; background: linear-gradient(110deg, #3a1a1c, #1f1617); }
.alert-box strong { color: #ff9c98; }
.prompt-recipes + .table-card { margin-top: 16px; }
.prompt-recipes .evaluation-table { min-width: 0; white-space: normal; }
.prompt-recipes .evaluation-table th,.prompt-recipes .evaluation-table td { width: 42%; text-align: left; vertical-align: top; }
.prompt-recipes .evaluation-table th:first-child,.prompt-recipes .evaluation-table td:first-child { width: 16%; white-space: nowrap; }
.distribution-box { border-color: #27799b; border-left-color: #26c3ff; background: linear-gradient(110deg, #123443, #171d22); }

#entrainements .section-heading,#optimisation-lora .section-heading,#data-scaling .section-heading,#quelles-donnees .section-heading { max-width: none; }
.section-heading > .eyebrow { color: #60d3ff; }
.lora-subsection { margin: 30px 0 16px; }
.lora-subsection h3 { margin: 0; font-size: 1.25rem; letter-spacing: -.025em; }
.lora-subsection p:not(.eyebrow) { margin: 7px 0 0; color: var(--muted); }
.pipeline-internal-subsection { margin: 28px 0 14px; padding: 14px 0 0 13px; border-top: 1px solid #294354; border-left: 2px solid #35576b; }
.pipeline-internal-subsection .eyebrow { margin: 0; color: #a8bac8; font-size: .77rem; font-weight: 650; letter-spacing: .045em; text-transform: none; }
.pipeline-results-subsection { margin-top: 30px; }
#optimisation-lora > p { margin: 10px 0 0; color: var(--muted); font-size: 1.05rem; }
#optimisation-lora > p + .table-card { margin-top: 12px; }
#data-scaling > p { margin: 10px 0 0; color: var(--muted); font-size: 1.05rem; }
.training-parameters { margin: -10px 0 16px; padding: 13px 16px; border: 1px solid var(--border); border-radius: 12px; background: #141d28; color: var(--muted); font-size: .87rem; }
.training-parameters strong { color: var(--text); white-space: nowrap; }
.dataset-card { margin-top: 0; padding: 20px; border-color: var(--border); border-left: 4px solid var(--border); background: #141d28; line-height: 1.6; }
.dataset-card > p:first-child { display: inline-block; margin: 0 0 13px; padding: 3px 10px; border: 1px solid #27799b; border-radius: 999px; color: #60d3ff; font-size: .79rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.dataset-badge { display: inline-block; padding: 3px 10px; border: 1px solid; border-radius: 999px; font-size: .79rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.dataset-badge-a { border-color: #8b54bf; color: #c084fc; }.dataset-badge-b { border-color: #168ba0; color: #22d3ee; }.dataset-badge-c { border-color: #b34b97; color: #f472d0; }.dataset-badge-d { border-color: #0050d8; color: #005ffe; }
.dataset-badge-note { display: block; margin-top: 3px; }
.dataset-card > strong { display: block; margin: 14px 0 3px; color: #60d3ff; font-size: .81rem; letter-spacing: .06em; text-transform: uppercase; }
.dataset-card > strong:first-of-type { margin-top: 0; }
.dataset-card > p:not(:first-child) { margin: 0; }
.dataset-card > p > strong:not(:first-child)::before { content: ""; display: block; height: 8px; }
.dataset-cards-carousel { display: flex; gap: 14px; margin-top: 16px; overflow-x: auto; padding: 0 0 14px; }
.dataset-cards-carousel .dataset-card { flex: 0 0 calc(50% - 7px); min-width: 0; margin: 0; }
.dataset-objectives-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; overflow: visible; padding: 0; scroll-snap-type: none; }
.dataset-objectives-grid .dataset-card { padding: 14px 16px; }
.dataset-objectives-grid .dataset-card > p:first-child { margin-bottom: 10px; }
.dataset-results-carousel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; overflow: visible; padding: 0; scroll-snap-type: none; }
.dataset-results-carousel .dataset-card { flex: initial; padding: 14px 16px; }
.dataset-results-carousel p { line-height: 1.48; }
.dataset-results-carousel .dataset-card > p:first-child { margin-bottom: 10px; }
.dataset-results-carousel .dataset-card-details { margin-bottom: 12px; }
.dataset-results-carousel .dataset-card > p:not(:first-child):not(.dataset-card-details) { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.48; }
.dataset-results-carousel .train-distribution-reminder { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.48; }
.dataset-card-a { border-left-color: #c084fc; }
.dataset-card-b { border-left-color: #22d3ee; }
.dataset-card-c { border-left-color: #f472d0; }
.dataset-card-d { border-left-color: #005ffe; }
.dataset-card-a > p:first-child, .dataset-card-a .dataset-card-detail strong { color: #c084fc; }
.dataset-card-b > p:first-child, .dataset-card-b .dataset-card-detail strong { color: #22d3ee; }
.dataset-card-c > p:first-child, .dataset-card-c .dataset-card-detail strong { color: #f472d0; }
.dataset-card-d > p:first-child, .dataset-card-d .dataset-card-detail strong { color: #005ffe; }
.dataset-card-a > p:first-child { border-color: #8b54bf; }
.dataset-card-b > p:first-child { border-color: #168ba0; }
.dataset-card-c > p:first-child { border-color: #b34b97; }
.dataset-card-d > p:first-child { border-color: #0050d8; }
.dataset-card-details { display: grid; gap: 10px; }
.dataset-card-detail { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; align-items: start; color: var(--muted); font-size: .84rem; line-height: 1.45; }
.dataset-card-detail + .dataset-card-detail { padding-top: 10px; border-top: 1px solid #294354; }
.dataset-card-detail svg { width: 38px; height: 38px; padding: 7px; border: 1px solid; border-radius: 10px; stroke-width: 2; fill: none; }
.dataset-card-detail:first-child svg { border-color: #257fa6; background: #0d3145; stroke: #58d8ff; }
.dataset-card-detail + .dataset-card-detail svg { border-color: #257fa6; background: #0d3145; stroke: #58d8ff; }
.dataset-card-detail strong { display: block; margin-bottom: 2px; color: #60d3ff; font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; }
.difficulty-levels { display: flex; flex-wrap: wrap; gap: 6px; }
.difficulty-bubble { opacity: .38; }
.difficulty-bubble.is-active { opacity: 1; }
.difficulty-bubble code { font-size: .78rem; }
.difficulty-easy code { color: #8fe5a9; }
.difficulty-medium code { color: #ffda72; }
.difficulty-hard code { color: #ffa468; }
.difficulty-extra code { color: #ff9298; }
@media (max-width: 1000px) { .dataset-objectives-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1000px) { .dataset-results-carousel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .dataset-objectives-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .dataset-results-carousel { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .dataset-cards-carousel .dataset-card { flex-basis: calc(100% - 20px); } }
.new-databases-carousel { display: flex; gap: 14px; overflow-x: auto; margin-top: 16px; padding: 2px 0 15px; }
.new-database-step { position: relative; flex: 0 0 228px; min-height: 126px; padding: 16px; border: 1px solid #31556b; border-radius: 12px; background: linear-gradient(145deg, #142737, #111b27 70%); }
.new-database-step:nth-child(3),.new-database-step:nth-child(4) { flex-basis: 360px; }
.new-databases-carousel:not(.data-creation-carousel) > .new-database-step:nth-child(3) { flex-basis: 480px; }
.new-database-step::after { position: absolute; top: 31px; right: -22px; z-index: 1; width: 28px; height: 1px; background: #4a7791; content: ""; }
.new-database-step:last-child::after { display: none; }
.new-database-step-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.new-database-step-number { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-bottom: 9px; border: 1px solid #3b8daf; border-radius: 50%; background: #102c3c; color: #74d9ff; font-size: .77rem; font-weight: 800; }
.data-creation-carousel .new-database-step-title { margin: 0 0 9px; color: #d6eaf6; font-size: .86rem; line-height: 1.2; }
.judge-badge { display: inline-block; margin-left: 5px; padding: 2px 5px; border-radius: 999px; background: #382818; color: #f1bd78; font-size: .72rem; font-weight: 800; letter-spacing: .02em; vertical-align: 1px; white-space: nowrap; }
.new-database-actions { display: flex; gap: 5px; }
.new-database-example-button { border: 1px solid #3c6e7f; border-radius: 999px; background: #142938; color: #b6e0f4; cursor: pointer; font: inherit; font-size: .76rem; font-weight: 700; padding: 4px 7px; transition: background .15s, border-color .15s, color .15s; }
.new-database-example-button:hover { border-color: #8dc8ff; background: #1a3b50; color: #e6f6ff; }
.new-database-step > p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.48; }
.new-database-step > .new-database-rejection-reasons { margin-top: 12px; padding-top: 10px; border-top: 1px solid #31556b; font-size: .81rem; }
.new-database-step strong { color: var(--text); }
.new-database-catalog-keys { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 10px; margin: 11px 0 0; }
.new-database-catalog-keys div { min-width: 0; }
.new-database-catalog-keys dt,.new-database-catalog-keys dd { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new-database-catalog-keys dt code { color: #a9d9fb; font-size: .78rem; }
.new-database-catalog-keys dd { color: #98aebb; font-size: .76rem; }
.data-creation-carousel { align-items: flex-start; margin-top: 16px; }
.data-creation-carousel .new-database-step { flex-basis: 270px; min-height: 176px; }
.data-creation-carousel .new-database-step:first-child { flex-basis: 960px; }
.data-creation-carousel .new-database-step:nth-child(3),.data-creation-carousel .new-database-step:nth-child(4) { flex-basis: 310px; }
.quota-variants { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.quota-common-list { margin: 8px 0 0; padding-left: 18px; color: var(--muted); font-size: .81rem; line-height: 1.45; }
.quota-common-list li + li { margin-top: 3px; }
.new-database-step > .quota-variants-intro { margin-top: 10px; }
.quota-variant { min-width: 0; padding: 10px; border: 1px solid #35576b; border-radius: 9px; background: rgb(8 22 31 / 48%); }
.quota-variant > strong { display: block; margin-bottom: 5px; color: #c9eafb; font-size: .79rem; }
.quota-variant-a { border-left: 3px solid #c084fc; }.quota-variant-a > strong { color: #c084fc; }
.quota-variant-b { border-left: 3px solid #22d3ee; }.quota-variant-b > strong { color: #22d3ee; }
.quota-variant-c { border-left: 3px solid #f472d0; }.quota-variant-c > strong { color: #f472d0; }
.quota-variant-d { border-left: 3px solid #005ffe; }.quota-variant-d > strong { color: #005ffe; }
.quota-variant > p { margin: 0; color: #9fb5c2; font-size: .78rem; line-height: 1.43; }
.quota-variant > p .quota-variant-example,
.quota-variant > p .quota-variant-example code { color: #8dc8ff; }
.data-creation-carousel .new-database-step:nth-child(n+3):nth-child(-n+4) { border-color: #62507e; background: linear-gradient(145deg, #29213a, #171427 70%); }
.data-creation-carousel .new-database-step:nth-child(n+3):nth-child(-n+4)::after { background: #876bb1; }
.data-creation-carousel .new-database-step:nth-child(n+3):nth-child(-n+4) .new-database-step-number { border-color: #8669b1; background: #2b2043; color: #d4baff; }
.data-creation-carousel .new-database-step:nth-child(n+3):nth-child(-n+4) .new-database-example-button { border-color: #8669b1; background: #2b2043; color: #d4baff; }
.data-creation-carousel .new-database-step:nth-child(n+3):nth-child(-n+4) .new-database-example-button:hover { border-color: #d4baff; background: #40305f; color: #f0e6ff; }
.data-creation-carousel .new-database-step:nth-child(n+5):nth-child(-n+6) { border-color: #7a5a35; background: linear-gradient(145deg, #302317, #1c1a1a 70%); }
.data-creation-carousel .new-database-step:nth-child(n+5):nth-child(-n+6)::after { background: #9b7347; }
.data-creation-carousel .new-database-step:nth-child(n+5):nth-child(-n+6) .new-database-step-number { border-color: #a77a48; background: #382818; color: #f1bd78; }
.data-creation-carousel .new-database-step:nth-child(n+5):nth-child(-n+6) .new-database-example-button { border-color: #a77a48; background: #382818; color: #f1bd78; }
.data-creation-carousel .new-database-step:nth-child(n+5):nth-child(-n+6) .new-database-example-button:hover { border-color: #f1bd78; background: #543b20; color: #fff0d6; }
.data-creation-carousel .new-database-step:nth-child(7) { border-color: #37685e; background: linear-gradient(145deg, #15342f, #102321 70%); }
.data-creation-carousel .new-database-step:nth-child(7) .new-database-step-number { border-color: #4b917f; background: #153a32; color: #8ce0cf; }
.data-creation-carousel .new-database-step:nth-child(7) .new-database-example-button { border-color: #4b917f; background: #153a32; color: #8ce0cf; }
.data-creation-carousel .new-database-step:nth-child(7) .new-database-example-button:hover { border-color: #8ce0cf; background: #1d4c41; color: #d8fff5; }
.report-lightbox { position: fixed; z-index: 30; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgb(3 8 13 / 72%); }
.report-lightbox[hidden] { display: none; }
.report-lightbox-panel { flex: 0 1 920px; width: min(920px, 100%); min-width: 0; max-height: 82vh; overflow: hidden; padding: 22px; border: 1px solid #5d849b; border-radius: 12px; background: #0d1620; box-shadow: 0 12px 32px #0009; }
.report-lightbox-panel.is-wide { flex-basis: 1200px; width: min(1200px, 100%); }
.report-lightbox-panel > p { margin: 0 36px 14px 0; color: #b6e0f4; font-size: .86rem; font-weight: 750; }
#report-lightbox-content { max-height: calc(82vh - 56px); overflow: auto; clear: both; }
.report-lightbox .json-code { max-height: min(67vh, 620px); font-size: .84rem; }
.request-example-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.request-example-split section { min-width: 0; }
.request-example-split h3 { margin: 0 0 8px; color: #b6e0f4; font-size: .83rem; }
.request-example-split .json-code { max-height: min(62vh, 560px); }
.request-example-split .request-input-code,.request-example-split .response-text-code { overflow-x: hidden; white-space: pre-wrap; overflow-wrap: anywhere; }
.report-lightbox-close { float: right; border: 0; background: transparent; color: #b6e0f4; cursor: pointer; font-size: 1.5rem; line-height: 1; padding: 0 0 8px 12px; }
body.has-open-lightbox { overflow: hidden; }
@media (max-width: 720px) { .new-database-step { flex-basis: calc(100% - 46px); }.new-database-step::after { display: none; } }
@media (max-width: 720px) { .request-example-split { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .data-creation-carousel .new-database-step:first-child { flex-basis: calc(100% - 46px); }.quota-variants { grid-template-columns: 1fr; } }
.evaluation-table .model-qwen-0-8b td { background: #172938; }.evaluation-table .model-qwen-0-8b:hover td { background: #213b50; }
.evaluation-table .model-qwen-2b td { background: #182f36; }.evaluation-table .model-qwen-2b:hover td { background: #22434c; }
.evaluation-table .baseline-row td { background: var(--surface); }.evaluation-table .baseline-row:hover td { background: #1a2939; }
.evaluation-table .model-qwen-4b td { background: #252b40; }.evaluation-table .model-qwen-4b:hover td { background: #353f5c; }
.evaluation-table .model-qwen-9b td { background: #33283f; }.evaluation-table .model-qwen-9b:hover td { background: #4a385a; }
.evaluation-table .model-gpt-5-6-luna td { background: #050505; }.evaluation-table .model-gpt-5-6-luna:hover td { background: #101010; }
.worst { color: #ff9d9d; font-weight: 750; }
.evaluation-table th:nth-child(3),.evaluation-table td:nth-child(3) { border-right: 1px solid rgb(255 255 255 / 90%); border-left: 1px solid rgb(255 255 255 / 90%); }
.evaluation-table th:nth-child(3) { border-top: 1px solid rgb(255 255 255 / 90%); color: rgb(255 255 255 / 90%); }
.evaluation-table tbody tr:last-child td:nth-child(3) { border-bottom: 1px solid rgb(255 255 255 / 90%); }
.training-results .evaluation-table th:nth-child(3),.training-results .evaluation-table td:nth-child(3) { border-right: 0; border-left: 0; }
.training-results .evaluation-table th:nth-child(3) { border-top: 0; color: #b5c4d7; }
.training-results .evaluation-table tbody tr:last-child td:nth-child(3) { border-bottom: 0; }
.training-reminder { margin: 23px 0 10px; color: var(--muted); font-size: 1.05rem; }
.base-bubbles { display: grid; grid-template-columns: 2fr 2fr 1fr; gap: 14px; }
.base-bubbles article { padding: 17px; border: 1px solid var(--border); border-radius: 12px; background: #141d28; color: var(--muted); font-size: .87rem; }
.base-bubbles strong { color: var(--text); font-weight: 750; }
.base-bubbles .base-best { padding: 10px 14px; font-size: .81rem; }
.scaling-bubbles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 14px; }
.scaling-bubbles article { padding: 17px; border: 1px solid var(--border); border-radius: 12px; background: #141d28; color: var(--muted); font-size: .87rem; font-weight: 650; letter-spacing: -.015em; white-space: nowrap; }
.scaling-bubbles strong { color: var(--text); font-weight: 600; }
.difficulty-comparison { display: grid; gap: 9px; margin-top: 9px; }
.difficulty-source { color: #b5c4d7; font-size: .78rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.historical-proportions-note { color: #73bff5; font-weight: 200; }
.difficulty-bubbles { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 5px; }
.difficulty-bubbles span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 1px solid #31556b; border-radius: 999px; background: #101c28; color: var(--muted); font-size: .79rem; }
.difficulty-bubbles code { color: #60d3ff; font-size: .78rem; }
.difficulty-bubbles span:nth-child(1) { border-color: #4f9264; background: #142c1b; }.difficulty-bubbles span:nth-child(1) code { color: #8fe5a9; }
.difficulty-bubbles span:nth-child(2) { border-color: #9c8240; background: #302817; }.difficulty-bubbles span:nth-child(2) code { color: #ffda72; }
.difficulty-bubbles span:nth-child(3) { border-color: #9f6740; background: #332015; }.difficulty-bubbles span:nth-child(3) code { color: #ffa468; }
.difficulty-bubbles span:nth-child(4) { border-color: #974b57; background: #32181d; }.difficulty-bubbles span:nth-child(4) code { color: #ff9298; }
.dataset-card-c .difficulty-bubbles span:nth-child(1),.dataset-card-d .difficulty-bubbles span:nth-child(1) { border-color: #9f6740; background: #332015; }.dataset-card-c .difficulty-bubbles span:nth-child(1) code,.dataset-card-d .difficulty-bubbles span:nth-child(1) code { color: #ffa468; }
.dataset-card-c .difficulty-bubbles span:nth-child(2),.dataset-card-d .difficulty-bubbles span:nth-child(2) { border-color: #974b57; background: #32181d; }.dataset-card-c .difficulty-bubbles span:nth-child(2) code,.dataset-card-d .difficulty-bubbles span:nth-child(2) code { color: #ff9298; }
.difficulty-bubbles strong { color: var(--text); font-size: .82rem; }
.difficulty-bubbles small { color: var(--text); font-size: .77rem; font-weight: 400; }
.difficulty-bars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.difficulty-bars article { padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.difficulty-bar-label { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: var(--muted); font-size: .86rem; }
.difficulty-bar-label strong { color: var(--text); font-size: .92rem; }
.difficulty-count-correct { color: #55c995; }
.difficulty-count-error { color: #e27c7c; }
.difficulty-bar-track { display: flex; min-height: 28px; overflow: hidden; border-radius: 7px; background: #26313f; }
.difficulty-bar-track span { display: flex; align-items: center; justify-content: center; min-width: 0; color: #fff; font-size: .79rem; font-weight: 750; white-space: nowrap; }
.difficulty-bar-track .difficulty-correct { background: #286d52; }
.difficulty-bar-track .difficulty-error { background: #934343; color: #fff; }
.difficulty-example { margin-top: 12px; color: var(--muted); font-size: .83rem; }
.difficulty-example > span { color: var(--blue); font-size: .77rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.difficulty-example p { display: inline; margin: 0 0 0 6px; color: var(--text); }
.difficulty-example code { display: block; overflow-wrap: anywhere; color: #a9d9fb; font: .77rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; }

/* Tableau de plan d'experiences : volontairement discret. */
.experiment-plan { border-color: #1d2835; background: #0e151e; box-shadow: none; }
.experiment-plan .table-scroll { overflow: visible; }
.experiment-plan .evaluation-table { min-width: 0; }
.experiment-plan .evaluation-table th { background: #111923; color: #9aaaba; white-space: normal; }
.experiment-plan .evaluation-table .model-qwen-2b td { background: #0e151e; }
.experiment-plan .evaluation-table .model-qwen-2b:hover td { background: #141e29; }
.experiment-plan-row { display: flex; align-items: center; gap: 28px; }
.experiment-plan-goal { flex: 1; margin: 0; color: var(--muted); }
.experiment-plan-goal strong { color: var(--text); }
@media (min-width: 721px) { .experiment-plan { width: 50%; } }
@media (max-width: 720px) { .experiment-plan-row { display: block; }.experiment-plan-goal { margin-top: 16px; } }
@media (max-width: 720px) { .base-bubbles { grid-template-columns: 1fr; } }
.json-code { max-height: 390px; margin: 0; overflow: auto; color: #dce7f2; font: .79rem/1.42 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; }
.json-key { color: #6cbcff !important; font-weight: 700; }.json-string { color: #9ce2bb; }.json-value { color: #efca84; }
.popup-grid { display: grid; grid-template-columns: 1fr; gap: 14px; clear: both; }
.popup-grid section { min-width: 0; padding: 14px; border: 1px solid #30485b; border-radius: 9px; background: #101c28; }
.popup-grid section:nth-child(2) { border-color: #4a3b66; background: #191529; }
.popup-grid .prediction-target { border-color: #77522d; background: #281c10; }
.prediction-target h3 { color: #f0c77f; }
.prediction-target .json-code { color: #ffd99a; }
.popup-grid .test-prediction-target { border-color: #356a87; background: #102534; }
.test-prediction-target h3 { color: #83d8ff; }
.test-prediction-target .json-code { color: #b8eaff; }
.sequence-examples { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 13px; }
.sequence-anatomy,.sequence-token-map { padding: 14px 16px; border: 1px solid #30485b; border-radius: 12px; background: #101c28; }
.sequence-anatomy p,.sequence-token-map p { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 0 0 9px; align-items: baseline; }
.sequence-anatomy p span,.sequence-token-map p span { color: #a6b4c5; font-size: .83rem; }
.sequence-anatomy p .prediction-legend { color: #ffd99a; font-style: normal; }
.sequence-anatomy pre,.sequence-token-map pre { margin: 0; overflow: auto; color: #dce7f2; font: .81rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; }
.tokenized-example { max-height: 370px; white-space: normal !important; }
.complete-sequence { max-height: 370px; white-space: pre-wrap !important; }
.complete-sequence .sequence-part { padding: 0; border: 0; background: transparent; }
.complete-sequence .token-structural { color: #e5caff; font-weight: 700; }
.complete-sequence .token-content { color: #b7e5ef; }
.complete-sequence .token-prediction { color: #ffd99a; font-weight: 700; }
.token-chip { display: inline-block; margin: 2px 3px 2px 0; padding: 2px 5px; border-radius: 4px; }
.sequence-part { display: inline; padding: 1px 4px; border-radius: 4px; }
.token-structural { border: 1px solid #9566c8; background: #332447; color: #e5caff; font-weight: 700; }
.token-content { border: 1px solid #3e7181; background: #162c38; color: #b7e5ef; }
.token-prediction { border: 1px solid #9b6b30; background: #3b2915; color: #ffd99a; font-weight: 700; }
.sequence-token { color: #e4a8ff; font-weight: 700; }.sequence-role { color: #8dc8ff; font-weight: 700; }.sequence-thinking { color: #d9d3ff; }.sequence-target { color: #ffd99a; font-weight: 700; }
.sequence-token-map [class^="token-"] { display: inline-block; margin: 1px 2px 1px 0; padding: 1px 5px; border-radius: 4px; }
.token-gap { display: block; margin: 6px 0; color: #8192a5; font-style: italic; }
.token-1 { background: #173452; color: #a8d8ff; }.token-2 { background: #294a72; color: #c7e4ff; }.token-3 { background: #24415b; color: #b7d9f3; }.token-4 { background: #4b283d; color: #ffb8db; }.token-5 { background: #16433d; color: #a6f0da; }.token-6 { background: #276253; color: #c1ffea; }.token-7 { background: #215248; color: #b3eadb; }.token-8 { background: #63314e; color: #ffc4e3; }.token-9 { background: #40285b; color: #e4bdff; }.token-10 { background: #5a3b79; color: #efd6ff; }.token-11 { background: #343042; color: #ded6ff; }.token-12 { background: #51476b; color: #e6ddff; }.token-13 { background: #56391d; color: #ffd99a; }.token-14 { background: #6b394f; color: #ffd0e6; }.token-15 { background: #653638; color: #ffcdca; }.token-16 { background: #334c34; color: #c8edbc; }.token-17 { background: #4e4531; color: #f0e2a8; }.token-18 { background: #304e5b; color: #b5e5f6; }.token-19 { background: #4c3c69; color: #decaff; }.token-20 { background: #674d2f; color: #ffe0a5; }.token-21 { background: #3d566d; color: #c4e1ff; }.token-22 { background: #643558; color: #ffc5ed; }.token-23 { background: #4e4e4e; color: #eeeeee; }.token-24 { background: #5c472b; color: #ffe2ae; }.token-25 { background: #2f5a55; color: #baf1e9; }.token-26 { background: #6c2c40; color: #ffd0dd; }

.popup-grid h3 { margin: 0 0 8px; color: #aebed1; font-size: .83rem; letter-spacing: .06em; text-transform: uppercase; }
.chat-code { color: #d9d3ff; }.chat-token { color: #e4a8ff; font-weight: 700; }.chat-role { color: #8dc8ff; font-weight: 700; }
.popup-grid .json-code { max-height: 27vh; }