/* =========================================================
   CHESSREVEAL — ABOUT V2
   "Inside ChessReveal" / evidence-first product page
   Deliberately distinct from Home.
   2026-09-05
   ========================================================= */

.about-page-v2 {
    background:
        radial-gradient(
            circle at 72% 4%,
            rgba(255,43,214,.07),
            transparent 31rem
        ),
        #050505;
}

.about-v2-main {
    padding-top: 36px !important;
    padding-bottom: 84px !important;
}


/* =========================================================
   SHARED
   ========================================================= */

.about-v2-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;

    margin-bottom: 26px;
}

.about-v2-section-heading h2 {
    max-width: 850px;

    margin: 7px 0 0;

    color: #f5f5f7;

    font-size: clamp(31px, 3.6vw, 49px);
    font-weight: 735;
    line-height: .99;
    letter-spacing: -.048em;
}

.about-v2-section-heading > p {
    max-width: 500px;
    margin: 0;

    color: #72727b;

    font-size: 10.5px;
    line-height: 1.6;
    text-align: right;
}

.about-v2-section-label {
    display: grid;
    gap: 5px;
    align-content: start;
}

.about-v2-section-label > span {
    color: var(--accent);

    font-size: 30px;
    font-weight: 780;
    letter-spacing: -.04em;
}

.about-v2-section-label > small {
    color: #606069;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .095em;
    text-transform: uppercase;
}

.about-v2-primary,
.about-v2-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;

    min-height: 48px;
    min-width: 184px;

    padding: 0 15px;

    font-size: 9px;
    font-weight: 840;
    letter-spacing: .035em;
    text-decoration: none;
    text-transform: uppercase;

    transition:
        transform 150ms ease,
        border-color 150ms ease,
        background 150ms ease,
        color 150ms ease;
}

.about-v2-primary {
    border: 1px solid var(--accent);

    background: var(--accent);
    color: #090009;
}

.about-v2-primary:hover {
    transform: translateY(-1px);

    background: #ff55e1;
}

.about-v2-secondary {
    border: 1px solid #36363c;

    background: #0e0e11;
    color: #c2c2c9;
}

.about-v2-secondary:hover {
    transform: translateY(-1px);

    border-color: #56565e;
    color: #fff;
}

.about-v2-primary span,
.about-v2-secondary span {
    font-size: 15px;
}


/* =========================================================
   HERO
   ========================================================= */

.about-v2-hero {
    display: grid;
    grid-template-columns:
        minmax(0, .88fr)
        minmax(520px, 1.12fr);

    gap: clamp(64px, 7vw, 118px);
    align-items: center;

    min-height: 690px;

    padding: 52px 0 72px;
}

.about-v2-hero-copy h1 {
    max-width: 780px;

    margin: 15px 0 24px;

    color: #fff;

    font-size: clamp(52px, 5.8vw, 82px);
    font-weight: 775;
    line-height: .92;
    letter-spacing: -.062em;
}

.about-v2-hero-copy h1 span {
    display: block;

    margin-top: 7px;

    color: rgba(255,255,255,.28);
}

.about-v2-hero-copy > p {
    max-width: 700px;
    margin: 0;

    color: #8c8c95;

    font-size: 15px;
    line-height: 1.75;
}

.about-v2-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 28px;
}


/* Hero orbit diagram */

.about-v2-hero-diagram {
    position: relative;

    min-width: 0;

    padding: 17px;

    border: 1px solid #29292f;

    background:
        linear-gradient(
            145deg,
            rgba(255,43,214,.035),
            transparent 42%
        ),
        #0a0a0d;
}

.about-v2-hero-diagram::before {
    content: "";

    position: absolute;
    top: -1px;
    left: -1px;

    width: 88px;
    height: 2px;

    background: var(--accent);
}

.about-v2-diagram-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    padding-bottom: 14px;

    border-bottom: 1px solid #232328;
}

.about-v2-diagram-caption span {
    color: #5f5f68;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .085em;
    text-transform: uppercase;
}

.about-v2-diagram-caption strong {
    color: #b8b8c0;

    font-size: 9px;
    font-weight: 670;
}

.about-v2-orbit {
    position: relative;

    min-height: 460px;

    overflow: hidden;
}

.about-v2-orbit-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;

    width: 170px;
    height: 170px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255,43,214,.55);

    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(255,43,214,.12),
            transparent 68%
        ),
        #101013;

    box-shadow:
        0 0 55px rgba(255,43,214,.05);

    text-align: center;
}

.about-v2-orbit-core small {
    color: #686871;

    font-size: 7px;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-orbit-core strong {
    margin: 11px 0 7px;

    color: #fff;

    font-size: 29px;
    font-weight: 780;
    letter-spacing: -.045em;
}

.about-v2-orbit-core span {
    color: #6e6e77;

    font-size: 8px;
}

.orbit-ring {
    position: absolute;
    top: 50%;
    left: 50%;

    border: 1px solid #26262b;
    border-radius: 50%;

    transform: translate(-50%, -50%);

    pointer-events: none;
}

.ring-one {
    width: 300px;
    height: 300px;
}

.ring-two {
    width: 430px;
    height: 430px;

    border-color: #202025;
}

.about-v2-orbit-node {
    position: absolute;
    z-index: 4;

    width: 126px;
    min-height: 84px;

    padding: 12px;

    border: 1px solid #2c2c31;

    background: #0d0d10;
}

.about-v2-orbit-node > span {
    display: block;

    margin-bottom: 12px;

    color: var(--accent);

    font-size: 7px;
    font-weight: 900;
}

.about-v2-orbit-node strong {
    display: block;

    margin-bottom: 4px;

    color: #e9e9ed;

    font-size: 12px;
}

.about-v2-orbit-node small {
    color: #62626b;

    font-size: 7px;
}

.node-a {
    top: 11%;
    left: 8%;
}

.node-b {
    top: 8%;
    right: 7%;
}

.node-c {
    top: 48%;
    right: 2%;
}

.node-d {
    bottom: 7%;
    right: 18%;
}

.node-e {
    bottom: 9%;
    left: 9%;
}

.about-v2-diagram-foot {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));

    border-top: 1px solid #232328;
}

.about-v2-diagram-foot span {
    padding: 11px 9px;

    color: #55555e;

    font-size: 6.8px;
    font-weight: 760;
    letter-spacing: .045em;
    text-align: center;
    text-transform: uppercase;
}

.about-v2-diagram-foot span + span {
    border-left: 1px solid #232328;
}


/* =========================================================
   WHY IT EXISTS
   ========================================================= */

.about-v2-problem {
    display: grid;
    grid-template-columns:
        90px
        minmax(300px, .78fr)
        minmax(0, 1.22fr);

    gap: 38px;

    padding: 62px 0;

    border-top: 1px solid #202025;
    border-bottom: 1px solid #202025;
}

.about-v2-problem-copy h2 {
    max-width: 650px;

    margin: 0 0 16px;

    color: #f5f5f7;

    font-size: clamp(34px, 4vw, 56px);
    font-weight: 745;
    line-height: .98;
    letter-spacing: -.052em;
}

.about-v2-problem-copy h2 span {
    display: block;

    color: #76767f;
}

.about-v2-problem-copy p {
    max-width: 600px;
    margin: 0;

    color: #777780;

    font-size: 11px;
    line-height: 1.68;
}

.about-v2-problem-grid {
    display: grid;

    border: 1px solid #29292f;

    background: #29292f;

    gap: 1px;
}

.about-v2-problem-grid article {
    min-height: 118px;

    padding: 17px 18px;

    background: #0d0d10;
}

.about-v2-problem-grid span {
    display: block;

    margin-bottom: 10px;

    color: var(--accent);

    font-size: 7px;
    font-weight: 850;
    letter-spacing: .09em;
}

.about-v2-problem-grid strong {
    display: block;

    margin-bottom: 6px;

    color: #ececf0;

    font-size: 14px;
    font-weight: 690;
}

.about-v2-problem-grid p {
    margin: 0;

    color: #686871;

    font-size: 8.5px;
    line-height: 1.5;
}


/* =========================================================
   CLAIM LAB
   ========================================================= */

.about-v2-claim-lab {
    scroll-margin-top: 20px;

    padding: 70px 0;

    border-bottom: 1px solid #202025;
}

.about-v2-lab {
    display: grid;
    grid-template-columns:
        minmax(255px, .38fr)
        minmax(0, 1.62fr);

    border: 1px solid #2b2b31;

    background: #0a0a0d;
}

.about-v2-lab-claims {
    border-right: 1px solid #2b2b31;

    background: #09090c;
}

.about-v2-claim-button {
    position: relative;

    width: 100%;
    min-height: 92px;

    display: grid;
    grid-template-columns: 30px minmax(0,1fr);
    gap: 10px;
    align-items: center;

    padding: 13px 15px;

    border: 0;
    border-bottom: 1px solid #222227;

    background: transparent;
    color: inherit;

    text-align: left;
}

.about-v2-claim-button:last-child {
    border-bottom: 0;
}

.about-v2-claim-button:hover {
    background: #101013;
}

.about-v2-claim-button.active {
    background:
        linear-gradient(
            90deg,
            rgba(255,43,214,.07),
            transparent 78%
        ),
        #101013;
}

.about-v2-claim-button.active::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 2px;

    background: var(--accent);
}

.about-v2-claim-button > span {
    color: #55555e;

    font-size: 8px;
    font-weight: 900;
}

.about-v2-claim-button.active > span {
    color: var(--accent);
}

.about-v2-claim-button strong {
    display: block;

    margin-bottom: 4px;

    color: #c9c9cf;

    font-size: 11px;
    font-weight: 680;
}

.about-v2-claim-button.active strong {
    color: #fff;
}

.about-v2-claim-button small {
    color: #5d5d66;

    font-size: 7px;
}

.about-v2-lab-stage {
    min-width: 0;

    padding: 25px;
}

.about-v2-lab-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;

    padding-bottom: 20px;

    border-bottom: 1px solid #26262b;
}

.about-v2-lab-top > div > span {
    display: block;

    margin-bottom: 6px;

    color: var(--accent);

    font-size: 7px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.about-v2-lab-top h3 {
    max-width: 680px;

    margin: 0;

    color: #fff;

    font-size: clamp(24px, 2.7vw, 37px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.about-v2-strength {
    flex: 0 0 auto;

    padding: 7px 9px;

    border: 1px solid #34343a;

    color: #a7a7ae;

    font-size: 7px;
    font-weight: 820;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.about-v2-strength.is-high {
    border-color: rgba(116,200,138,.34);
    color: #82d099;
}

.about-v2-strength.is-medium {
    border-color: rgba(229,181,94,.34);
    color: #dfb86b;
}

.about-v2-strength.is-context {
    border-color: rgba(255,43,214,.34);
    color: #ff79e7;
}

.about-v2-evidence-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 1px;

    margin-top: 20px;

    border: 1px solid #28282e;

    background: #28282e;
}

.about-v2-evidence-columns article {
    min-height: 230px;

    padding: 18px;

    background: #0d0d10;
}

.about-v2-evidence-columns article > span {
    display: block;

    margin-bottom: 14px;

    color: #64646d;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-evidence-columns ul {
    display: grid;
    gap: 10px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.about-v2-evidence-columns li {
    position: relative;

    padding-left: 15px;

    color: #a5a5ad;

    font-size: 9px;
    line-height: 1.5;
}

.about-v2-evidence-columns .is-supports li::before,
.about-v2-evidence-columns .is-not-enough li::before {
    content: "";

    position: absolute;
    left: 0;
    top: 6px;

    width: 5px;
    height: 5px;
}

.about-v2-evidence-columns .is-supports li::before {
    background: #74c88a;
}

.about-v2-evidence-columns .is-not-enough li::before {
    background: #5b5b64;
}

.about-v2-lab-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    padding-top: 18px;
}

.about-v2-lab-footer > div {
    display: grid;
    gap: 4px;
}

.about-v2-lab-footer > div span {
    color: #5f5f68;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-lab-footer > div strong {
    color: #c6c6cc;

    font-size: 10px;
}

.about-v2-lab-footer > a {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    color: #e1e1e6;

    font-size: 9px;
    font-weight: 760;
    text-decoration: none;
}

.about-v2-lab-footer > a span {
    color: var(--accent);

    font-size: 14px;
}


/* =========================================================
   SAMPLE LENS
   ========================================================= */

.about-v2-sample-section {
    padding: 70px 0;

    border-bottom: 1px solid #202025;
}

.about-v2-sample-lab {
    display: grid;
    grid-template-columns:
        minmax(250px, .38fr)
        minmax(0, 1.62fr);

    gap: 1px;

    border: 1px solid #29292f;

    background: #29292f;
}

.about-v2-sample-controls,
.about-v2-sample-readout {
    background: #0d0d10;
}

.about-v2-sample-controls {
    display: grid;
    align-content: center;
    gap: 24px;

    padding: 24px;
}

.about-v2-control-group > span {
    display: block;

    margin-bottom: 10px;

    color: #606069;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-control-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));

    gap: 4px;
}

.about-v2-control-row button {
    min-height: 38px;

    border: 1px solid #303036;

    background: #111114;
    color: #8a8a93;

    font-size: 8px;
    font-weight: 760;
}

.about-v2-control-row button:hover {
    border-color: #505058;
    color: #fff;
}

.about-v2-control-row button.active {
    border-color: rgba(255,43,214,.55);

    background: rgba(255,43,214,.07);
    color: var(--accent);
}

.about-v2-sample-readout {
    padding: 23px;
}

.about-v2-readout-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;

    padding-bottom: 18px;

    border-bottom: 1px solid #26262b;
}

.about-v2-readout-header > div {
    display: grid;
    gap: 4px;
}

.about-v2-readout-header span,
.about-v2-readout-header small {
    color: #606069;

    font-size: 7px;
    font-weight: 820;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-readout-header strong {
    color: #f0f0f3;

    font-size: 17px;
}

.about-v2-confidence-meter {
    display: grid;
    gap: 10px;

    padding: 19px 0;
}

.about-v2-confidence-meter > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.about-v2-confidence-meter span {
    color: #6d6d76;

    font-size: 8px;
    font-weight: 760;
    text-transform: uppercase;
}

.about-v2-confidence-meter strong {
    color: #fff;

    font-size: 10px;
}

.about-v2-confidence-meter > i {
    display: block;

    height: 5px;

    overflow: hidden;

    background: #232328;
}

.about-v2-confidence-meter > i > b {
    display: block;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            #7f0066,
            var(--accent)
        );

    transition: width 260ms ease;
}

.about-v2-sample-readout > p {
    max-width: 760px;

    margin: 0;

    color: #7a7a83;

    font-size: 10px;
    line-height: 1.65;
}

.about-v2-sample-notes {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 1px;

    margin-top: 18px;

    border: 1px solid #26262b;

    background: #26262b;
}

.about-v2-sample-notes > div {
    padding: 13px;

    background: #0a0a0d;
}

.about-v2-sample-notes span {
    display: block;

    margin-bottom: 5px;

    color: #5e5e67;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.about-v2-sample-notes strong {
    color: #bdbdc4;

    font-size: 9px;
    font-weight: 650;
}


/* =========================================================
   REPORT ANATOMY
   ========================================================= */

.about-v2-anatomy {
    display: grid;
    grid-template-columns:
        90px
        minmax(0, 1fr);

    gap: 38px;

    padding: 68px 0;

    border-bottom: 1px solid #202025;
}

.about-v2-anatomy-main {
    display: grid;
    grid-template-columns:
        minmax(280px, .58fr)
        minmax(0, 1.42fr);

    gap: 42px;
}

.about-v2-anatomy-copy h2 {
    margin: 0 0 14px;

    color: #f5f5f7;

    font-size: clamp(32px, 3.8vw, 52px);
    line-height: .99;
    letter-spacing: -.05em;
}

.about-v2-anatomy-copy p {
    max-width: 560px;
    margin: 0;

    color: #76767f;

    font-size: 10.5px;
    line-height: 1.68;
}

.about-v2-anatomy-track {
    border-top: 1px solid #29292f;
}

.about-v2-anatomy-track article {
    display: grid;
    grid-template-columns:
        42px
        minmax(150px, .55fr)
        minmax(0, 1.45fr);

    gap: 14px;
    align-items: center;

    min-height: 86px;

    padding: 12px 0;

    border-bottom: 1px solid #29292f;
}

.about-v2-anatomy-track article > span {
    color: var(--accent);

    font-size: 8px;
    font-weight: 900;
}

.about-v2-anatomy-track article > div {
    display: contents;
}

.about-v2-anatomy-track small {
    color: #5e5e67;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-anatomy-track strong {
    color: #e8e8ec;

    font-size: 12px;
    font-weight: 690;
}

.about-v2-anatomy-track p {
    margin: 0;

    color: #6d6d76;

    font-size: 8.5px;
    line-height: 1.5;
}


/* =========================================================
   BOUNDARIES
   ========================================================= */

.about-v2-boundaries {
    padding: 70px 0;

    border-bottom: 1px solid #202025;
}

.about-v2-boundary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));

    border: 1px solid #29292f;

    background: #29292f;

    gap: 1px;
}

.about-v2-boundary-grid article {
    min-height: 230px;

    padding: 20px;

    background: #0d0d10;
}

.about-v2-boundary-grid article > span {
    display: block;

    margin-bottom: 26px;

    color: var(--accent);

    font-size: 8px;
    font-weight: 900;
}

.about-v2-boundary-grid strong {
    display: block;

    margin-bottom: 9px;

    color: #ededf1;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.about-v2-boundary-grid p {
    margin: 0;

    color: #6f6f78;

    font-size: 9px;
    line-height: 1.58;
}


/* =========================================================
   GLOSSARY
   ========================================================= */

.about-v2-glossary {
    display: grid;
    grid-template-columns:
        minmax(280px, .55fr)
        minmax(0, 1.45fr);

    gap: 44px;

    padding: 70px 0;

    border-bottom: 1px solid #202025;
}

.about-v2-glossary-copy h2 {
    max-width: 510px;

    margin: 8px 0 12px;

    color: #f5f5f7;

    font-size: clamp(34px, 4vw, 54px);
    line-height: .99;
    letter-spacing: -.05em;
}

.about-v2-glossary-copy p {
    margin: 0;

    color: #74747d;

    font-size: 10px;
}

.about-v2-glossary-panel {
    display: grid;
    grid-template-columns:
        minmax(170px, .42fr)
        minmax(0, 1.58fr);

    border: 1px solid #29292f;

    background: #0a0a0d;
}

.about-v2-glossary-tabs {
    border-right: 1px solid #29292f;

    background: #09090c;
}

.about-v2-glossary-tabs button {
    width: 100%;
    min-height: 54px;

    padding: 0 13px;

    border: 0;
    border-bottom: 1px solid #232328;

    background: transparent;
    color: #777780;

    font-size: 8px;
    font-weight: 730;
    text-align: left;
}

.about-v2-glossary-tabs button:hover {
    background: #101013;
    color: #fff;
}

.about-v2-glossary-tabs button.active {
    background: rgba(255,43,214,.055);
    color: var(--accent);

    box-shadow:
        inset 2px 0 0 var(--accent);
}

.about-v2-glossary-definition {
    padding: 22px;
}

.about-v2-glossary-definition > span {
    display: block;

    margin-bottom: 7px;

    color: var(--accent);

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-v2-glossary-definition h3 {
    margin: 0 0 11px;

    color: #fff;

    font-size: 25px;
    letter-spacing: -.03em;
}

.about-v2-glossary-definition > p {
    max-width: 720px;
    margin: 0;

    color: #777780;

    font-size: 10px;
    line-height: 1.65;
}

.about-v2-term-example {
    margin-top: 18px;
    padding: 13px 14px;

    border-left: 2px solid var(--accent);

    background:
        linear-gradient(
            90deg,
            rgba(255,43,214,.045),
            transparent 60%
        ),
        #0d0d10;

    color: #a8a8b0;

    font-size: 9px;
    line-height: 1.5;
}


/* =========================================================
   MANIFESTO
   ========================================================= */

.about-v2-manifesto {
    display: grid;
    grid-template-columns:
        minmax(280px, .64fr)
        minmax(0, 1.36fr);

    gap: 52px;

    padding: 70px 0;

    border-bottom: 1px solid #202025;
}

.about-v2-manifesto h2 {
    margin: 8px 0 0;

    color: #fff;

    font-size: clamp(38px, 4.8vw, 64px);
    line-height: .95;
    letter-spacing: -.055em;
}

.about-v2-manifesto h2 span {
    display: block;

    color: #7b7b84;
}

.about-v2-manifesto-lines {
    border-top: 1px solid #29292f;
}

.about-v2-manifesto-lines p {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 10px;
    align-items: center;

    min-height: 68px;

    margin: 0;

    border-bottom: 1px solid #29292f;

    color: #cfcfd5;

    font-size: 13px;
    font-weight: 620;
}

.about-v2-manifesto-lines span {
    color: var(--accent);

    font-size: 8px;
    font-weight: 900;
}


/* =========================================================
   FINAL
   ========================================================= */

.about-v2-final {
    display: grid;
    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap: 44px;
    align-items: end;

    margin-top: 66px;
    padding: 35px 37px;

    border: 1px solid #2b2b31;
    border-top-color: rgba(255,43,214,.62);

    background:
        radial-gradient(
            circle at 14% 0,
            rgba(255,43,214,.07),
            transparent 30rem
        ),
        #0b0b0e;
}

.about-v2-final h2 {
    max-width: 850px;

    margin: 8px 0 13px;

    color: #fff;

    font-size: clamp(36px, 4.4vw, 61px);
    line-height: .96;
    letter-spacing: -.052em;
}

.about-v2-final h2 span {
    display: block;

    color: #7d7d86;
}

.about-v2-final p {
    max-width: 730px;
    margin: 0;

    color: #777780;

    font-size: 10.5px;
    line-height: 1.65;
}

.about-v2-final-actions {
    display: grid;
    gap: 8px;

    min-width: 205px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1120px) {

    .about-v2-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .about-v2-hero-diagram {
        max-width: 820px;
    }

    .about-v2-problem {
        grid-template-columns:
            70px
            minmax(0, .8fr)
            minmax(0, 1.2fr);
    }

    .about-v2-boundary-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}


@media (max-width: 900px) {

    .about-v2-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .about-v2-section-heading > p {
        text-align: left;
    }

    .about-v2-problem {
        grid-template-columns: 60px 1fr;
    }

    .about-v2-problem-grid {
        grid-column: 2;
    }

    .about-v2-lab,
    .about-v2-sample-lab,
    .about-v2-glossary-panel {
        grid-template-columns: 1fr;
    }

    .about-v2-lab-claims,
    .about-v2-glossary-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(150px,1fr));

        overflow-x: auto;

        border-right: 0;
        border-bottom: 1px solid #29292f;
    }

    .about-v2-claim-button {
        min-width: 170px;

        border-right: 1px solid #222227;
        border-bottom: 0;
    }

    .about-v2-glossary-tabs button {
        min-width: 150px;

        border-right: 1px solid #232328;
        border-bottom: 0;
    }

    .about-v2-anatomy {
        grid-template-columns: 60px 1fr;
    }

    .about-v2-anatomy-main,
    .about-v2-glossary,
    .about-v2-manifesto {
        grid-template-columns: 1fr;
    }

    .about-v2-final {
        grid-template-columns: 1fr;
    }

    .about-v2-final-actions {
        display: flex;
        flex-wrap: wrap;
    }
}


@media (max-width: 700px) {

    .about-v2-main {
        padding-top: 26px !important;
    }

    .about-v2-hero {
        gap: 38px;

        padding: 34px 0 54px;
    }

    .about-v2-hero-copy h1 {
        font-size: clamp(45px, 13vw, 66px);
    }

    .about-v2-orbit {
        min-height: 390px;
    }

    .about-v2-orbit-core {
        width: 138px;
        height: 138px;
    }

    .ring-one {
        width: 250px;
        height: 250px;
    }

    .ring-two {
        width: 350px;
        height: 350px;
    }

    .about-v2-orbit-node {
        width: 106px;
        min-height: 72px;

        padding: 9px;
    }

    .node-c {
        right: 0;
    }

    .about-v2-diagram-foot {
        grid-template-columns: 1fr;
    }

    .about-v2-diagram-foot span + span {
        border-top: 1px solid #232328;
        border-left: 0;
    }

    .about-v2-problem,
    .about-v2-anatomy {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .about-v2-problem-grid {
        grid-column: auto;
    }

    .about-v2-evidence-columns {
        grid-template-columns: 1fr;
    }

    .about-v2-lab-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .about-v2-sample-notes {
        grid-template-columns: 1fr;
    }

    .about-v2-anatomy-track article {
        grid-template-columns:
            34px
            minmax(110px, .55fr)
            minmax(0, 1.45fr);
    }

    .about-v2-boundary-grid {
        grid-template-columns: 1fr;
    }

    .about-v2-boundary-grid article {
        min-height: 0;
    }

    .about-v2-final {
        padding: 27px 22px;
    }

    .about-v2-final-actions {
        display: grid;
    }

    .about-v2-primary,
    .about-v2-secondary {
        width: 100%;
    }
}


@media (max-width: 500px) {

    .about-v2-hero-actions {
        display: grid;
    }

    .about-v2-orbit-node {
        width: 94px;
    }

    .about-v2-orbit-node strong {
        font-size: 10px;
    }

    .about-v2-anatomy-track article {
        grid-template-columns: 28px 1fr;
        gap: 8px;
    }

    .about-v2-anatomy-track article > div {
        display: block;
    }

    .about-v2-anatomy-track small {
        display: block;

        margin-bottom: 4px;
    }

    .about-v2-anatomy-track p {
        grid-column: 2;

        margin-top: 4px;
    }

    .about-v2-manifesto-lines p {
        font-size: 11px;
    }
}


/* =========================================================
   ABOUT V2.2 — REPORT ANATOMY LAYOUT FIX
   Wider, cleaner 01–05 rows
   ========================================================= */

.about-page-v2 .about-v2-anatomy-track article {
    grid-template-columns:
        54px
        minmax(0, 1fr) !important;

    gap: 18px !important;

    min-height: 96px;

    padding: 15px 0 !important;
}

.about-page-v2 .about-v2-anatomy-track article > span {
    align-self: start;

    padding-top: 3px;

    font-size: 10px;
}

.about-page-v2 .about-v2-anatomy-track article > div {
    display: grid !important;

    grid-template-columns:
        150px
        minmax(0, 1fr);

    grid-template-areas:
        "label title"
        "label description";

    column-gap: 28px;
    row-gap: 7px;

    align-items: start;

    min-width: 0;
}

.about-page-v2 .about-v2-anatomy-track small {
    grid-area: label;

    padding-top: 3px;

    color: #686872;

    font-size: 7px;
    font-weight: 850;
    letter-spacing: .09em;
    line-height: 1.35;
    text-transform: uppercase;
}

.about-page-v2 .about-v2-anatomy-track strong {
    grid-area: title;

    color: #f2f2f5;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.about-page-v2 .about-v2-anatomy-track p {
    grid-area: description;

    max-width: 760px;

    margin: 0 !important;

    color: #71717a;

    font-size: 9px;
    line-height: 1.55;
}


/* Give the right side more room on wide screens. */
@media (min-width: 1000px) {

    .about-page-v2 .about-v2-anatomy-main {
        grid-template-columns:
            minmax(300px, .50fr)
            minmax(0, 1.50fr) !important;

        gap: 52px !important;
    }
}


@media (max-width: 760px) {

    .about-page-v2 .about-v2-anatomy-track article {
        grid-template-columns:
            38px
            minmax(0, 1fr) !important;

        gap: 12px !important;
    }

    .about-page-v2 .about-v2-anatomy-track article > div {
        grid-template-columns: 1fr;

        grid-template-areas:
            "label"
            "title"
            "description";

        gap: 5px;
    }
}