@font-face {
    font-family: "Barlow";
    src: url("assets/Barlow-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
:root {
    color-scheme: dark;
    --bg: #111a20;
    --surface: #17232b;
    --raised: #1d2d36;
    --line: #33444e;
    --text: #e7eeef;
    --muted: #b0c0c8;
    --pass: #85e3bd;
    --pending: #455c6a;
    --fail: #ff9b90;
    --excluded: #8a7b9c;
    --excluded-text: #c8b3df;
    --unverified: #e9c875;
    --java: #91accb;
    --radius: 12px;
    font-family: "Segoe UI", system-ui, sans-serif;
    font-synthesis: none;
    line-height: 1.5;
    background: var(--bg);
    color: var(--text);
    font-size: 15px;
    scroll-behavior: smooth;
}
* {
    box-sizing: border-box;
}
body {
    margin: 0;
}
button,
input,
select {
    font: inherit;
}
button,
a,
input,
select,
summary {
    -webkit-tap-highlight-color: transparent;
}
button {
    cursor: pointer;
}
a {
    color: var(--pass);
    text-underline-offset: 4px;
}
a:hover {
    color: #c2ffe4;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible,
.application-table-wrap:focus-visible {
    outline: 2px solid var(--pass);
    outline-offset: 4px;
}
::selection {
    background: var(--pass);
    color: var(--bg);
}
* {
    scrollbar-color: var(--pending) var(--bg);
    scrollbar-width: thin;
}
input {
    caret-color: var(--pass);
}
[hidden] {
    display: none !important;
}
.masthead,
main,
footer {
    max-width: 1500px;
    margin: auto;
    padding-left: 48px;
    padding-right: 48px;
}
.masthead {
    height: 92px;
    display: flex;
    align-items: center;
    gap: 26px;
    border-bottom: 1px solid var(--line);
}
.wordmark {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--text);
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -0.03em;
    text-decoration: none;
}
.wordmark svg {
    color: var(--pass);
}
.reference {
    font-size: 13px;
    color: var(--muted);
}
.quiet-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: transparent;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 7px;
    min-height: 40px;
    padding: 8px 13px;
    font-size: 13px;
}
.quiet-button:hover {
    background: var(--raised);
    border-color: var(--muted);
}
.quiet-button:disabled {
    opacity: 0.55;
    cursor: wait;
}
.quiet-button svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#reload {
    margin-left: auto;
}
.page-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    padding-top: 38px;
    padding-bottom: 25px;
}
h1,
h2,
h3,
p {
    margin: 0;
}
h1 {
    font-size: 34px;
    font-weight: 560;
    letter-spacing: -0.035em;
    text-wrap: balance;
}
h2 {
    font-size: 21px;
    font-weight: 570;
    letter-spacing: -0.02em;
}
h3 {
    font-size: 17px;
    font-weight: 600;
}
p {
    color: var(--muted);
    max-width: 75ch;
}
#updated {
    font-size: 12px;
    text-align: right;
}
.overview {
    padding: 27px 30px 22px;
    background: var(--surface);
    border-radius: var(--radius);
}
.overview-heading {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.overview-heading p {
    font-size: 13px;
    margin-top: 5px;
}
.overall-value {
    text-align: right;
    display: flex;
    align-items: baseline;
    gap: 16px;
    font-variant-numeric: tabular-nums;
}
.overall-value strong {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 530;
    letter-spacing: -0.03em;
    color: var(--pass);
}
.overall-value span {
    font-size: 13px;
    color: var(--muted);
}
.coverage-track {
    height: 17px;
    display: flex;
    background: var(--pending);
    overflow: hidden;
    border-radius: 3px;
    margin: 23px 0 15px;
}
.segment {
    height: 100%;
}
.passed {
    --state: var(--pass);
}
.failed {
    --state: var(--fail);
}
.pending {
    --state: var(--pending);
}
.excluded {
    --state: var(--excluded);
}
.unverified {
    --state: var(--unverified);
}
.segment,
.test-cell {
    background: var(--state);
}
.legend {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}
.legend span,
.benchmark-legend span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--muted);
}
.legend b {
    font-weight: 600;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}
.dot {
    display: inline-block;
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background: var(--state);
}
.scope-note {
    margin-top: 18px;
    font-size: 12px;
    max-width: 110ch;
}
.section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 34px 0 18px;
}
.section-heading > span {
    font-size: 12px;
    color: var(--muted);
}
.section-heading p {
    font-size: 13px;
    margin-top: 4px;
}
.coverage-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.chart-labels {
    display: grid;
    grid-template-columns: 1fr 106px 74px;
    padding: 0 16px 10px;
    gap: 12px;
    color: var(--muted);
    font-size: 12px;
}
.chart-labels span:not(:first-child) {
    text-align: right;
}
.family-row {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 106px 74px;
    column-gap: 12px;
    row-gap: 9px;
    text-align: left;
    padding: 13px 16px;
    background: transparent;
    border: 1px solid transparent;
    border-bottom-color: var(--line);
    color: var(--text);
    border-radius: 0;
    transition: background 0.15s ease;
}
.family-row:hover {
    background: var(--surface);
}
.family-row[aria-pressed="true"] {
    background: var(--raised);
    border-color: #516773;
    border-radius: 7px;
}
.family-name {
    font-size: 14px;
    font-weight: 500;
}
.family-count,
.family-percent {
    font-variant-numeric: tabular-nums;
    text-align: right;
    font-size: 12px;
}
.family-count {
    color: var(--muted);
}
.family-count strong {
    color: var(--text);
    font-weight: 500;
}
.family-percent {
    color: var(--pass);
}
.family-percent.empty {
    color: var(--muted);
}
.family-track {
    display: flex;
    grid-column: 1/-1;
    height: 5px;
    background: var(--pending);
    border-radius: 2px;
    overflow: hidden;
}
.detail-panel {
    background: var(--surface);
    padding: 22px 23px;
    border-radius: var(--radius);
    min-width: 0;
    position: sticky;
    top: 16px;
}
.detail-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 15px;
}
.detail-header span {
    font-size: 12px;
    color: var(--pass);
    white-space: nowrap;
}
.test-map {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6px, 1fr));
    gap: 3px;
    max-height: 180px;
    overflow: auto;
    margin-top: 21px;
    padding: 1px;
}
.test-cell {
    aspect-ratio: 1;
    border-radius: 1px;
    min-width: 0;
    min-height: 5px;
}
.map-caption {
    font-size: 12px;
    margin-top: 10px;
}
.filter-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 133px;
    gap: 12px;
    margin-top: 23px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}
label {
    font-size: 12px;
    color: var(--muted);
}
input,
select {
    display: block;
    width: 100%;
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 6px;
    color: var(--text);
    margin-top: 6px;
    padding: 9px 10px;
    min-height: 40px;
    font-size: 13px;
}
input::placeholder {
    color: var(--muted);
}
.test-list {
    max-height: 325px;
    overflow: auto;
    margin-top: 16px;
}
.test-item {
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}
.test-line {
    display: flex;
    gap: 8px;
    align-items: baseline;
    justify-content: space-between;
}
.test-name {
    font-family: ui-monospace, "Cascadia Code", monospace;
    font-size: 12px;
    overflow-wrap: anywhere;
    color: var(--text);
}
.test-status {
    font-size: 12px;
    color: var(--state);
    white-space: nowrap;
}
.test-class {
    font-size: 12px;
    color: var(--muted);
    margin-top: 3px;
    overflow-wrap: anywhere;
}
.test-class a {
    color: var(--muted);
}
.test-reason {
    font-size: 12px;
    margin-top: 6px;
}
.list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 46px;
    padding-top: 12px;
    font-size: 12px;
    color: var(--muted);
}
.empty-results {
    font-size: 13px;
    padding: 20px 0;
}
.performance {
    border-top: 1px solid var(--line);
    margin-top: 36px;
    padding-top: 2px;
}
.tag {
    padding: 5px 9px;
    background: var(--raised);
    border-radius: 5px;
    white-space: nowrap;
}
.benchmark-legend {
    display: flex;
    gap: 22px;
    margin-bottom: 18px;
}
.benchmark-legend span:last-child {
    margin-left: auto;
}
.rust {
    background: var(--pass);
}
.java {
    background: var(--java);
}
.benchmark-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}
.benchmark {
    border-top: 1px solid var(--line);
    padding-top: 20px;
}
.benchmark h3 {
    font-size: 15px;
    font-weight: 500;
}
.benchmark-ratio {
    font-size: 27px;
    font-variant-numeric: tabular-nums;
    margin: 8px 0 20px;
    color: var(--pass);
    letter-spacing: -0.02em;
}
.benchmark-ratio span {
    font-size: 12px;
    color: var(--muted);
    letter-spacing: 0;
    margin-left: 6px;
}
.timing {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 70px;
    gap: 10px;
    align-items: center;
    font-size: 12px;
    margin-top: 12px;
}
.timing b {
    text-align: right;
    font-size: 12px;
    font-weight: 450;
    font-variant-numeric: tabular-nums;
}
.timing .bar {
    height: 12px;
    border-radius: 2px;
}
.timing-label {
    color: var(--muted);
}
.range {
    font-size: 12px;
    margin-top: 14px;
}
.benchmark-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}
.benchmark-footer p {
    font-size: 12px;
}
.benchmark-footer strong {
    color: var(--text);
    font-weight: 550;
}
.message {
    padding: 14px 18px;
    background: #3a3223;
    color: #f3d69b;
    border-radius: 7px;
    font-size: 13px;
    margin-bottom: 18px;
}
.evidence {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    padding: 30px 0;
    margin-top: 32px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
#differential p {
    font-size: 13px;
}
#differential strong {
    color: var(--pass);
    font-variant-numeric: tabular-nums;
    font-size: 17px;
    font-weight: 550;
}
#differential .note {
    font-size: 12px;
    margin-top: 7px;
}
.methodology {
    margin-top: 25px;
}
.methodology summary {
    cursor: pointer;
    color: var(--muted);
    font-size: 13px;
    padding: 8px 0;
}
.methodology-body {
    padding: 12px 0 0;
    max-width: 960px;
}
.methodology-body h3 {
    font-size: 15px;
    margin-top: 20px;
}
.methodology-body p {
    font-size: 13px;
    margin-top: 10px;
}
.commands {
    display: grid;
    gap: 5px;
    margin-top: 14px;
    font-size: 12px;
}
code,
pre {
    font-family: ui-monospace, "Cascadia Code", monospace;
}
pre {
    font-size: 12px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: var(--muted);
    padding: 16px;
    background: var(--surface);
    border-radius: 7px;
}
.methodology-body > a {
    font-size: 13px;
}
footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 45px;
    padding-bottom: 28px;
    font-size: 12px;
    color: var(--muted);
}
footer a {
    color: var(--muted);
}
.solver-benchmark-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#pillar-benchmarks .timing,
#mixed-benchmarks .timing { grid-template-columns: 40px minmax(0, 1fr) 90px; }
#pillar-benchmarks .timing b,
#mixed-benchmarks .timing b { white-space: nowrap; }

@media (min-width: 1600px) {
    .masthead,
    main,
    footer {
        padding-left: 55px;
        padding-right: 55px;
    }
}
@media (max-width: 1050px) {
    .masthead,
    main,
    footer {
        padding-left: 25px;
        padding-right: 25px;
    }
    .coverage-layout {
        gap: 18px;
        grid-template-columns: 1fr 1fr;
    }
    .family-row,
    .chart-labels {
        grid-template-columns: minmax(0, 1fr) 83px 52px;
        column-gap: 8px;
    }
    .family-row {
        padding: 12px 9px;
    }
    .detail-panel {
        padding: 19px 16px;
    }
    .overall-value {
        display: block;
    }
    .overall-value span {
        display: block;
        margin-top: 5px;
    }
    .benchmark-grid {
        gap: 18px;
    }
    .timing {
        grid-template-columns: 33px minmax(0, 1fr) 66px;
        gap: 6px;
    }
}
@media (max-width: 760px) {
    .masthead {
        height: 76px;
        gap: 15px;
    }
    .reference {
        display: none;
    }
    .page-heading {
        display: block;
        padding-top: 26px;
        padding-bottom: 20px;
    }
    h1 {
        font-size: 29px;
    }
    #updated {
        text-align: left;
        margin-top: 7px;
    }
    .overview {
        padding: 21px;
    }
    .overview-heading {
        align-items: flex-start;
    }
    .overview-heading h2 {
        font-size: 18px;
    }
    .overview-heading p {
        font-size: 12px;
        max-width: 25ch;
    }
    .overall-value strong {
        font-size: 30px;
    }
    .overall-value span {
        font-size: 12px;
    }
    .legend {
        gap: 10px 18px;
    }
    .scope-note {
        font-size: 12px;
    }
    .section-heading {
        align-items: flex-start;
        margin-top: 29px;
    }
    .section-heading > span:not(.tag) {
        display: none;
    }
    h2 {
        font-size: 20px;
    }
    .coverage-layout {
        grid-template-columns: 1fr;
    }
    .detail-panel {
        position: static;
    }
    .test-map {
        max-height: 150px;
    }
    .benchmark-grid {
        grid-template-columns: 1fr;
    }
    .benchmark {
        padding-top: 17px;
    }
    .benchmark-ratio {
        float: none;
        margin: 0 0 12px;
        font-size: 22px;
    }
    .benchmark h3 {
        padding-top: 3px;
        margin-bottom: 22px;
    }
    .benchmark-legend {
        gap: 14px;
        flex-wrap: wrap;
    }
    .benchmark-legend span:last-child {
        margin-left: 0;
    }
    .timing {
        grid-template-columns: 40px minmax(0, 1fr) 75px;
    }
    .benchmark-footer {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .evidence {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .tag {
        font-size: 12px !important;
    }
    .performance .section-heading {
        flex-direction: column;
        gap: 12px;
    }
    footer {
        flex-direction: column;
        gap: 7px;
    }
}
@media (max-width: 420px) {
    .masthead,
    main,
    footer {
        padding-left: 17px;
        padding-right: 17px;
    }
    .overview {
        padding: 18px 15px;
    }
    .overall-value strong {
        font-size: 26px;
    }
    .overview-heading {
        gap: 12px;
    }
    .overview-heading h2 {
        max-width: 18ch;
    }
    .legend span {
        font-size: 12px;
    }
    .wordmark {
        font-size: 20px;
    }
    #reload {
        font-size: 12px;
        padding: 7px 9px;
    }
    .filter-controls {
        grid-template-columns: minmax(0, 1fr) 117px;
    }
    .detail-header {
        align-items: flex-start;
    }
    .detail-header h3 {
        font-size: 16px;
    }
    .detail-header span {
        font-size: 12px;
    }
    .benchmark-ratio {
        font-size: 20px;
    }
    .benchmark-ratio span {
        font-size: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
    :root {
        scroll-behavior: auto;
    }
    * {
        transition: none !important;
    }
}

.test-status.pending {
    color: var(--muted);
}
.test-status.excluded {
    color: #c8b3df;
}

h1,
h2,
h3,
.wordmark {
    font-family: "Barlow", "Segoe UI", sans-serif;
    font-weight: 600;
}
.benchmark-note {
    font-size: 12px;
    margin-bottom: 18px;
}

.completion-overview {
    padding: 25px 30px 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    margin-bottom: 24px;
}
.completion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.completion-header p {
    font-size: 13px;
    margin-top: 4px;
}
.completion-value {
    display: flex;
    align-items: baseline;
    gap: 14px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.completion-value strong {
    font-size: 38px;
    font-weight: 530;
    line-height: 1.2;
    color: var(--text);
}
.completion-value > span {
    font-size: 12px;
    color: var(--muted);
    max-width: 13ch;
}
.completion-track {
    display: flex;
    gap: 4px;
    margin: 20px 0 12px;
    height: 12px;
}
.completion-features { --completion-color: var(--pass); }
.completion-behavior { --completion-color: var(--java); }
.completion-performance { --completion-color: var(--unverified); }
.completion-evidence { --completion-color: var(--excluded-text); }
.completion-slot {
    background: var(--raised);
    min-width: 0;
    border-radius: 2px;
    overflow: hidden;
}
.completion-fill {
    display: block;
    height: 100%;
    background: var(--completion-color);
}
.completion-row {
    display: grid;
    grid-template-columns: minmax(230px, 1.15fr) minmax(70px, 1fr) 84px;
    gap: 25px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}
.completion-label strong,
.completion-label > span,
.completion-row-value strong,
.completion-row-value > span {
    display: block;
}
.completion-label strong {
    font-size: 14px;
    font-weight: 600;
}
.completion-label > span {
    font-size: 12px;
    color: var(--muted);
    margin-top: 2px;
}
.completion-meter {
    height: 6px;
    background: var(--raised);
    border-radius: 2px;
    overflow: hidden;
}
.completion-meter > span {
    display: block;
    height: 100%;
    background: var(--completion-color);
}
.completion-row-value {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.completion-row-value strong {
    font-size: 17px;
    font-weight: 600;
    color: var(--completion-color);
}
.completion-row-value > span {
    font-size: 12px;
    color: var(--muted);
}
.completion-freshness {
    margin: 15px 0 10px;
    font-size: 12px;
}
.completion-calculation summary {
    cursor: pointer;
    color: var(--pass);
    font-size: 13px;
    width: fit-content;
    padding: 5px 0;
}
.completion-explanation {
    padding-top: 15px;
    font-size: 13px;
}
.completion-explanation > p + p {
    margin-top: 12px;
}
.completion-blockers {
    margin: 20px 0;
    padding-left: 20px;
    color: var(--unverified);
}
.completion-blockers li + li { margin-top: 6px; }
.completion-breakdown {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 40px;
    margin-top: 22px;
}
.completion-group { min-width: 0; }
.completion-group > p { font-size: 12px; margin-top: 5px; }
.completion-group ul { padding: 0; list-style: none; margin: 12px 0 0; }
.completion-group li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4px 12px;
    border-top: 1px solid var(--line);
    padding: 9px 0;
    overflow-wrap: anywhere;
}
.completion-group li > span:first-child { flex: 1 1 160px; }
.completion-group li > span:nth-child(2) { font-size: 12px; }
.completion-group small { flex-basis: 100%; color: var(--muted); font-size: 12px; }
.completion-met { color: var(--pass); }
.completion-open { color: var(--unverified); }
@media (max-width: 760px) {
    .completion-overview { padding: 20px; }
    .completion-header { align-items: flex-start; gap: 14px; }
    .completion-value { display: block; flex-shrink: 0; }
    .completion-value strong { font-size: 30px; }
    .completion-value > span { display: block; font-size: 12px; }
    .completion-row { grid-template-columns: minmax(0, 1fr) 74px; gap: 7px 14px; }
    .completion-label { min-width: 0; }
    .completion-meter { grid-column: 1 / -1; grid-row: 2; }
    .completion-row-value { grid-column: 2; grid-row: 1; }
    .completion-breakdown { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
    .completion-overview { padding: 18px 16px; }
}

.completion-limit { font-size: 12px; margin-bottom: 6px; }

.native-overview { margin-bottom: 24px; padding: 25px 30px 20px; background: var(--surface); border-radius: var(--radius); }
.native-header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.native-header > strong { font-size: 15px; }
.native-intro { margin-top: 5px; font-size: 13px; }
.native-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 28px; margin: 22px 0 18px; }
.native-metric { display: flex; flex-direction: column; gap: 3px; }
.native-metric strong { font-size: 21px; font-variant-numeric: tabular-nums; }
.native-metric span, .native-note, .native-blockers, .native-boundaries { font-size: 13px; }
.native-blockers { padding-left: 20px; margin-bottom: 16px; }
.native-blockers li + li { margin-top: 6px; }
.native-overview summary { cursor: pointer; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.native-requirements { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 18px 0; }
.native-requirements li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 12px; border-top: 1px solid var(--line); padding: 12px 0; font-size: 13px; }
.native-requirements li > p, .native-requirements li > small { flex-basis: 100%; }
.native-requirements p, .native-note, .native-boundaries span, .native-boundaries small { color: var(--muted); }
.native-boundaries { padding-left: 20px; margin: 12px 0; }
.native-boundaries li + li { margin-top: 12px; }
.native-boundaries span, .native-boundaries small { display: block; margin-top: 4px; }
.native-note { margin-top: 16px; }
@media (max-width: 760px) {
    .native-overview { padding: 20px; }
    .native-header { align-items: flex-start; flex-direction: column; gap: 4px; }
    .native-requirements { grid-template-columns: minmax(0, 1fr); }
    .native-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
}
@media (max-width: 420px) { .native-overview { padding: 18px 16px; } }

.additional-tests { margin: 34px 0 42px; }
.additional-tests > h3 { margin: 28px 0 8px; font-size: 19px; }
.application-intro, .application-status { font-size: 14px; max-width: 75ch; margin: 10px 0; }
.application-table-wrap { overflow-x: auto; margin: 14px 0; }
.application-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; font-variant-numeric: tabular-nums; }
.application-table caption { text-align: left; color: var(--muted); padding-bottom: 10px; }
.application-table th, .application-table td { border-bottom: 1px solid var(--line); padding: 12px 16px 12px 0; vertical-align: top; }
.application-table thead th { color: var(--muted); font-weight: 400; }
.application-table tbody th { font-weight: 500; min-width: 160px; }
.application-table td { white-space: nowrap; }
.application-table th:last-child, .application-table td:last-child { padding-right: 0; }
.application-details { margin-top: 16px; font-size: 13px; max-width: 100%; }
.application-details summary { cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.application-details ul { list-style: none; padding: 0; margin: 16px 0; }
.application-details li { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; border-top: 1px solid var(--line); padding: 10px 0; }
.application-details code { overflow-wrap: anywhere; }
.application-details > p { max-width: 75ch; margin-top: 12px; color: var(--muted); }
@media (max-width: 760px) {
    .application-table { font-size: 12px; }
    .application-table th, .application-table td { padding-right: 14px; }
    .origin-table tbody th { min-width: 125px; }
    .origin-table td:last-child { white-space: normal; min-width: 115px; }
}

.application-quality { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 400; }