/* Original frontier-model difficulty-ladder measurements. */
.frontier-measured__date { margin-top: 20px; color: var(--fg-3); font-family: var(--font-mono); font-size: .75rem; }
.frontier-measured__links { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 20px; }
.frontier-measured__block { min-width: 0; scroll-margin-top: 100px; }
.frontier-measured__block + .frontier-measured__block { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--line-strong); }
.frontier-measured__block h3 { margin: 0 0 16px; font-size: clamp(1.5rem, 3vw, 2rem); }
.frontier-measured__block h4 { margin: 34px 0 16px; font-family: var(--font-display); font-size: 1.15rem; line-height: 1.4; font-weight: 500; }
.frontier-measured__block > p { max-width: 1000px; margin: 16px 0; color: var(--fg-2); line-height: 1.75; }
.frontier-measured__scroll { overflow-x: auto; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--surface-1); }
.frontier-measured__scroll:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.frontier-measured__table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.frontier-measured__table caption { padding: 16px 20px; text-align: left; color: var(--fg-3); font-family: var(--font-mono); font-size: .73rem; line-height: 1.6; }
.frontier-measured__table th, .frontier-measured__table td { padding: 14px 18px; border-top: 1px solid var(--line); text-align: right; vertical-align: top; }
.frontier-measured__table thead th { background: var(--surface-2); color: var(--fg-2); font-size: .8rem; font-weight: 600; line-height: 1.5; }
.frontier-measured__table tbody th { color: var(--fg); font-size: .85rem; font-weight: 500; }
.frontier-measured__table td { color: var(--fg); font-family: var(--font-mono); font-size: .85rem; }
.frontier-measured__table tr > :first-child { text-align: left; }
.frontier-measured__table--ladder { min-width: 760px; }
.frontier-measured__table--ladder th:nth-child(1) { width: 14%; }
.frontier-measured__table--ladder th:nth-child(2) { width: 15%; }
.frontier-measured__table--ladder tr > :nth-child(3) { text-align: left; font-family: var(--font-body); line-height: 1.65; }
.frontier-measured__table--families { min-width: 900px; }
.frontier-measured__table--families th:first-child { width: 32%; }
.frontier-measured__table--families td { font-family: var(--font-body); }
.frontier-measured__size { display: block; margin-top: 4px; color: var(--fg-2); }
.frontier-measured__explanation { display: block; margin-top: 8px; color: var(--fg-3); font-size: .8rem; font-weight: 400; line-height: 1.6; }
#measured-strongest { scroll-margin-top: 100px; }
.frontier-measured__table--scores { min-width: 1050px; }
.frontier-measured__table--scores tbody th { white-space: nowrap; }
.frontier-measured__table--scores td { white-space: nowrap; }
.frontier-measured__table--strongest { min-width: 820px; }
.frontier-measured__table--depth { min-width: 980px; }
.frontier-measured__table--depth th:first-child { width: 34%; }
.frontier-measured__task { background: var(--surface-2); }
.frontier-measured__task th, .frontier-measured__task td { color: var(--blue); }
.frontier-measured__table--scale { min-width: 420px; }
.frontier-measured__table sup { margin-left: 2px; }
.frontier-measured__table sup a { color: var(--red); text-decoration: underline; }
.frontier-measured__list { max-width: 1040px; margin: 0; padding-left: 24px; color: var(--fg-2); line-height: 1.75; }
.frontier-measured__list li + li { margin-top: 14px; }
.frontier-measured__block > .frontier-measured__note { max-width: none; padding: 18px 22px; border: 1px solid var(--blue-edge); border-radius: 12px; background: var(--blue-wash); scroll-margin-top: 100px; }
.frontier-measured__block > .frontier-measured__scroll-hint { display: none; margin: 0 0 8px; color: var(--fg-3); font-size: .75rem; }
@media (max-width: 1100px) {
  .frontier-measured__block > .frontier-measured__scroll-hint { display: block; }
}
@media (max-width: 600px) {
  .frontier-measured__block + .frontier-measured__block { margin-top: 34px; padding-top: 30px; }
  .frontier-measured__table th, .frontier-measured__table td { padding: 12px 16px; }
  .frontier-measured__table caption { padding: 14px 16px; }
  .frontier-measured__block > .frontier-measured__note { padding: 16px; }
}

/* Findings: plain-language cards, the data behind a click (2026-10-15). */
.fm-findings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.fm-findings--home { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fm-finding { min-width: 0; padding: 26px 26px 22px; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--surface-1); scroll-margin-top: 100px; }
.fm-finding__n { display: block; color: var(--fg-3); font-family: var(--font-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.frontier-measured__block .fm-finding h3 { margin: 10px 0 0; font-size: clamp(1.15rem, 1.8vw, 1.35rem); line-height: 1.3; }
.fm-finding p { margin: 14px 0 0; color: var(--fg-2); font-size: .95rem; line-height: 1.7; }
.fm-finding .fm-finding__stat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.fm-finding__stat strong { color: var(--red); font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 600; line-height: 1.15; white-space: nowrap; }
.fm-finding__stat span { flex: 1 1 180px; color: var(--fg-2); font-size: .88rem; line-height: 1.5; }
.fm-finding .fm-finding__so { padding: 12px 16px; border-left: 3px solid var(--blue); border-radius: 0 10px 10px 0; background: var(--blue-wash); color: var(--fg); }
.fm-finding .fm-finding__tested { color: var(--fg-3); font-family: var(--font-mono); font-size: .72rem; line-height: 1.6; }
.fm-data > summary { cursor: pointer; color: var(--blue); font-size: .9rem; font-weight: 500; }
.fm-table { min-width: 560px; }
.fm-table th, .fm-table td { text-align: left; }
.fm-table td { white-space: nowrap; }
.fm-table--text td { font-family: var(--font-body); text-align: left; }
.fm-table--wide { min-width: 980px; }
.fm-table caption code, .fm-finding code { font-family: var(--font-mono); font-size: .9em; }
.fm-data > summary { display: inline-block; padding: 12px 20px; border: 1px solid var(--line-strong); border-radius: 999px; }
.fm-data[open] > summary { margin-bottom: 8px; }
.fm-data .frontier-measured__block { margin-top: 32px; padding-top: 0; border-top: 0; scroll-margin-top: 100px; }
.fm-data .frontier-measured__scroll + .frontier-measured__scroll { margin-top: 16px; }
.frontier-measured__block > .frontier-measured__scroll { margin-top: 20px; }
.fm-more { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 24px; }
.fm-rows { display: grid; gap: 36px; }
.fm-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 36px; padding: 30px; position: relative; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--surface-1); scroll-margin-top: 100px; }
.fm-row::after { content: ""; position: absolute; top: -90px; right: -90px; width: 200px; height: 200px; background: radial-gradient(circle at center, var(--red-glow), transparent 68%); pointer-events: none; }
.fm-row > * { position: relative; z-index: 1; }
.fm-row--key { border-color: var(--red-edge); }
#measured-findings > .fm-row { margin-bottom: 36px; }
.frontier-measured__block .fm-row h3 { margin: 10px 0 0; font-size: clamp(1.35rem, 2.6vw, 1.9rem); line-height: 1.25; }
.fm-row p { margin: 14px 0 0; color: var(--fg-2); font-size: .95rem; line-height: 1.7; }
.fm-row__body > :first-child { margin-top: 0; }
.fm-row .fm-finding__stat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-top: 18px; }
.fm-row .fm-row__bold { color: var(--fg); font-size: 1.08rem; line-height: 1.55; }
.fm-row .frontier-measured__scroll { margin-top: 14px; }
.fm-row .fm-table { min-width: 0; }
.fm-row .fm-table td { white-space: normal; }
.fm-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 10px; margin-top: 22px; }
.fm-vs__side { display: grid; align-content: start; gap: 2px; padding: 14px 16px; position: relative; overflow: hidden; border: 1px solid var(--red-edge); border-radius: 12px; background: var(--surface-1); }
.fm-vs__side::after { content: ""; position: absolute; top: -45px; right: -45px; width: 100px; height: 100px; background: radial-gradient(circle at center, var(--red-glow), transparent 68%); pointer-events: none; }
.fm-vs__side > * { position: relative; z-index: 1; }
.fm-vs__name { color: var(--red); font-family: var(--font-display); font-size: 1rem; font-weight: 600; line-height: 1.25; }
.fm-vs__score { color: var(--red); font-family: var(--font-display); font-size: clamp(1.8rem, 3.2vw, 2.4rem); font-weight: 600; line-height: 1.1; }
.fm-vs__sub { color: var(--fg-2); font-family: var(--font-mono); font-size: .72rem; line-height: 1.5; }
.fm-vs__vs { align-self: center; color: var(--fg); font-family: var(--font-display); font-size: 1.5rem; font-style: italic; font-weight: 800; letter-spacing: -.02em; }
.fm-row .fm-vs__note { margin: 8px 0 0; color: var(--fg-3); font-family: var(--font-mono); font-size: .72rem; line-height: 1.5; }
.fm-row .fm-finding__so { padding: 12px 16px; border-left: 3px solid var(--blue); border-radius: 0 10px 10px 0; background: var(--blue-wash); color: var(--fg); }
.fm-row .fm-finding__tested { color: var(--fg-3); font-family: var(--font-mono); font-size: .72rem; line-height: 1.6; }
@media (max-width: 900px) { .fm-row { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 22px 18px 20px; } }
@media (max-width: 1100px) { .fm-findings--home { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .fm-findings { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .fm-finding { padding: 20px 18px 18px; } }
