body.page-system-builder,
.splb-page {
    --splb-ink: #17252b;
    --splb-night: #172327;
    --splb-paper: #f4f0e8;
    --splb-surface: #fffdf8;
    --splb-white: #fff;
    --splb-muted: #626d70;
    --splb-line: #d8d1c5;
    --splb-accent: #c65325;
    --splb-green: #315f54;
    --splb-soft-green: #e8f0ed;
    --splb-warning: #8a542d;
    background: var(--splb-paper);
    color: var(--splb-ink);
}

body.page-system-builder .gh-main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.splb-page,
.splb-page * {
    box-sizing: border-box;
}

.splb-page {
    width: min(100%, 1440px);
    margin: 0 auto;
    background: var(--splb-paper);
}

.splb-breadcrumb {
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 18px clamp(20px, 4vw, 52px);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: var(--splb-night);
    color: #c7cfcd;
    font-size:var(--spl-text-secondary);
}

.splb-breadcrumb a {
    color: #fff;
}

.splb-hero {
    position: relative;
    display: grid;
    min-height: 520px;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 56px;
    align-items: center;
    overflow: hidden;
    padding: 72px clamp(24px, 6vw, 84px);
    background: var(--splb-night);
    color: #fff;
}

.splb-hero::after {
    position: absolute;
    right: -130px;
    top: 22px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 68px rgba(255, 255, 255, .035), 0 0 0 136px rgba(255, 255, 255, .02);
    content: '';
}

.splb-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 840px;
}

.splb-eyebrow {
    margin: 0 0 16px;
    color: #f39a73;
    font-size:var(--spl-text-secondary);
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.splb-hero h1 {
    margin: 0;
    color: #fff;
    font-size:var(--spl-text-display);
    line-height: .98;
    letter-spacing: -.065em;
}

.splb-hero h1 em {
    color: #efd7c6;
    font-family: Georgia, serif;
    font-weight: 400;
}

.splb-hero-copy > p:last-child {
    max-width: 760px;
    margin: 28px 0 0;
    color: #c9d2d0;
    font-size:var(--spl-text-card-title);
    line-height: 1.72;
}

.splb-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.splb-hero-action {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border: 1px solid rgba(255, 255, 255, .32);
    color: #fff;
    font-size:var(--spl-text-secondary);
    font-weight: 800;
    line-height: 1.25;
}

.splb-hero-action--primary {
    border-color: var(--splb-accent);
    background: var(--splb-accent);
}

.splb-hero-action:hover,
.splb-hero-action:focus-visible {
    opacity: 1;
    border-color: #fff;
}

.splb-hero-proof {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.splb-hero-proof div {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .045);
    backdrop-filter: blur(8px);
}

.splb-hero-proof strong {
    color: #fff;
    font-size:var(--spl-text-h1);
    line-height: 1;
}

.splb-hero-proof span {
    color: #bec9c6;
    font-size:var(--spl-text-secondary);
    line-height: 1.45;
}

.splb-method-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid var(--splb-line);
    background: #243337;
    color: #fff;
}

.splb-method-strip div {
    min-width: 0;
    padding: 22px clamp(18px, 3vw, 42px);
    border-right: 1px solid rgba(255, 255, 255, .12);
}

.splb-method-strip div:last-child {
    border-right: 0;
}

.splb-method-strip strong,
.splb-method-strip span {
    display: block;
}

.splb-method-strip strong {
    margin-bottom: 5px;
    color: #fff;
    font-size:var(--spl-text-body);
}

.splb-method-strip span {
    color: #b9c5c2;
    font-size:var(--spl-text-secondary);
    line-height: 1.5;
}

.splb-compare-context {
    display: grid;
    grid-template-columns: minmax(240px, .8fr) minmax(280px, 1.2fr) auto;
    gap: 24px;
    align-items: center;
    padding: 24px clamp(20px, 4vw, 58px);
    border-bottom: 1px solid var(--splb-line);
    background: var(--splb-soft-green);
}

.splb-compare-context span {
    display: block;
    margin-bottom: 4px;
    color: var(--splb-green);
    font-size:var(--spl-text-micro);
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.splb-compare-context h2,
.splb-compare-context p {
    margin: 0;
}

.splb-compare-context h2 {
    font-size:var(--spl-text-h3);
}

.splb-compare-context p {
    color: var(--splb-muted);
    line-height: 1.55;
}

.splb-compare-context a {
    color: var(--splb-green);
    font-weight: 800;
    white-space: nowrap;
}

.splb-workbench {
    display: grid;
    grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr);
    align-items: start;
}

.splb-panel {
    min-width: 0;
    padding: 48px clamp(22px, 4vw, 58px) 64px;
}

.splb-input-panel {
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
    border-right: 1px solid var(--splb-line);
    background: var(--splb-paper);
}

.splb-results-panel {
    min-height: 900px;
    background: var(--splb-surface);
}

.splb-section-heading {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 32px;
}

.splb-section-heading > span {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--splb-line);
    color: var(--splb-accent);
    font-size:var(--spl-text-micro);
    font-weight: 800;
}

.splb-section-heading p {
    margin: 0 0 4px;
    color: var(--splb-accent);
    font-size:var(--spl-text-micro);
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.splb-section-heading h2 {
    margin: 0;
    color: var(--splb-ink);
    font-size:var(--spl-text-h2);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.splb-field,
.splb-fieldset {
    display: block;
    min-width: 0;
    margin: 0 0 22px;
}

.splb-field > span,
.splb-fieldset > legend {
    display: block;
    margin-bottom: 8px;
    color: var(--splb-ink);
    font-size:var(--spl-text-compact);
    font-weight: 780;
    line-height: 1.4;
}

.splb-fieldset {
    padding: 0;
    border: 0;
}

.splb-fieldset legend {
    width: 100%;
}

.splb-fieldset legend small {
    float: right;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    font-weight: 500;
}

.splb-field select,
.splb-field input,
.splb-field textarea {
    width: 100%;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid #cfc6b8;
    border-radius: 0;
    background: #fff;
    color: var(--splb-ink);
    font: inherit;
    font-size:var(--spl-text-body);
    line-height: 1.45;
}

.splb-field textarea {
    min-height: 92px;
    resize: vertical;
}

.splb-field select:focus,
.splb-field input:focus,
.splb-field textarea:focus,
.splb-check input:focus-visible + span,
.splb-inline-check input:focus-visible + span {
    outline: 3px solid rgba(198, 83, 37, .25);
    outline-offset: 1px;
    border-color: var(--splb-accent);
}

.splb-field small {
    display: block;
    margin-top: 7px;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.5;
}

.splb-fields-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.splb-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.splb-check,
.splb-inline-check {
    position: relative;
    display: block;
    cursor: pointer;
}

.splb-check input,
.splb-inline-check input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.splb-check span,
.splb-inline-check span {
    display: flex;
    min-height: 43px;
    align-items: center;
    padding: 9px 11px;
    border: 1px solid var(--splb-line);
    background: rgba(255, 255, 255, .62);
    color: #425055;
    font-size:var(--spl-text-secondary);
    line-height: 1.35;
}

.splb-check input:checked + span,
.splb-inline-check input:checked + span {
    border-color: var(--splb-green);
    background: var(--splb-soft-green);
    color: var(--splb-green);
    font-weight: 750;
}

.splb-inline-check {
    margin: -9px 0 22px;
}

.splb-inline-check span::before,
.splb-check span::before {
    display: inline-grid;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    place-items: center;
    margin-right: 8px;
    border: 1px solid #aaa296;
    background: #fff;
    content: '';
    font-size:var(--spl-text-micro);
}

.splb-inline-check input:checked + span::before,
.splb-check input:checked + span::before {
    border-color: var(--splb-green);
    background: var(--splb-green);
    color: #fff;
    content: '✓';
}

.splb-advanced {
    margin: 24px 0;
    border-top: 1px solid var(--splb-line);
    border-bottom: 1px solid var(--splb-line);
}

.splb-advanced summary,
.splb-bundle-details summary,
.splb-component-scores details summary {
    cursor: pointer;
    color: var(--splb-ink);
    font-size:var(--spl-text-secondary);
    font-weight: 780;
}

.splb-advanced summary {
    padding: 15px 0;
}

.splb-advanced[open] {
    padding-bottom: 18px;
}

.splb-advanced p {
    margin: 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.55;
}

.splb-actions {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

.splb-submit,
.splb-reset {
    min-height: 50px;
    border: 0;
    font: inherit;
    font-size:var(--spl-text-compact);
    font-weight: 800;
    cursor: pointer;
}

.splb-submit {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 16px;
    background: var(--splb-night);
    color: #fff;
}

.splb-submit b {
    color: #f4a27d;
    font-size:var(--spl-text-h3);
}

.splb-reset {
    padding: 12px 15px;
    border: 1px solid var(--splb-line);
    background: transparent;
    color: var(--splb-muted);
}

.splb-privacy {
    margin: 12px 0 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.5;
}

.splb-empty {
    display: grid;
    min-height: 600px;
    place-content: center;
    padding: 40px;
    border: 1px dashed var(--splb-line);
    text-align: center;
}

.splb-empty > strong {
    color: var(--splb-accent);
    font-size:var(--spl-text-display);
    line-height: 1;
}

.splb-empty h3 {
    max-width: 580px;
    margin: 18px auto 10px;
    font-size:var(--spl-text-h2);
    line-height: 1.15;
}

.splb-empty p {
    max-width: 600px;
    margin: 0 auto;
    color: var(--splb-muted);
    font-size:var(--spl-text-body);
    line-height: 1.7;
}

.splb-empty ol {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.splb-empty li {
    padding: 7px 10px;
    border: 1px solid var(--splb-line);
    color: #4c5c60;
    font-size:var(--spl-text-micro);
}

.splb-match-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    margin-bottom: 12px;
    padding: 22px 24px;
    border: 1px solid var(--splb-line);
    background: #f6f1e8;
}

.splb-match-card span,
.splb-variant,
.splb-role,
.splb-brand {
    color: var(--splb-accent);
    font-size:var(--spl-text-micro);
    font-weight: 820;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.splb-match-card h3 {
    margin: 6px 0;
    font-size:var(--spl-text-h2);
    line-height: 1.15;
}

.splb-match-card p {
    margin: 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-secondary);
    line-height: 1.55;
}

.splb-match-card dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(76px, 1fr));
    gap: 1px;
    margin: 0;
    background: var(--splb-line);
}

.splb-match-card dl div {
    padding: 10px;
    background: #fff;
    text-align: center;
}

.splb-match-card dt {
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.25;
}

.splb-match-card dd {
    margin: 4px 0 0;
    font-size:var(--spl-text-h3);
    font-weight: 820;
}

.splb-filter-line {
    margin: 0 0 22px;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.5;
}

.splb-bundle-list {
    display: grid;
    gap: 22px;
}

.splb-bundle {
    border: 1px solid var(--splb-line);
    background: #fff;
}

.splb-bundle.is-featured {
    border-color: var(--splb-night);
    box-shadow: 6px 6px 0 var(--splb-night);
}

.splb-bundle-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 116px;
    gap: 22px;
    align-items: center;
    padding: 24px;
}

.splb-bundle-head h3 {
    margin: 5px 0 7px;
    font-size:var(--spl-text-h2);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.splb-bundle-head p {
    margin: 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-secondary);
    line-height: 1.55;
}

.splb-fit {
    --score-accent: #756b55;
}

.splb-fit.is-high {
    --score-accent: #5d887b;
}

.splb-fit.is-good {
    --score-accent: #788a73;
}

.splb-fit.is-conditional {
    --score-accent: #a46b36;
}

.splb-bundle-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--splb-line);
    border-bottom: 1px solid var(--splb-line);
    background: #f7f4ee;
}

.splb-bundle-meta span {
    padding: 11px 14px;
    border-right: 1px solid var(--splb-line);
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.4;
}

.splb-bundle-meta span:last-child {
    border-right: 0;
}

.splb-bundle-meta b {
    display: block;
    color: var(--splb-ink);
    font-size:var(--spl-text-secondary);
}

.splb-path {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 15px 24px;
    border-bottom: 1px solid var(--splb-line);
    background: var(--splb-night);
    color: #fff;
    font-size:var(--spl-text-micro);
}

.splb-path > span {
    margin-right: 5px;
    color: #f0a07b;
    font-size:var(--spl-text-micro);
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.splb-path i {
    color: #9bb0ab;
    font-style: normal;
}

.splb-components {
    display: grid;
}

.splb-component {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 230px);
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid #ece7de;
}

.splb-component:last-child {
    border-bottom: 0;
}

.splb-component h4 {
    margin: 3px 0 6px;
    font-size:var(--spl-text-h3);
    line-height: 1.15;
}

.splb-component-main > p:not(.splb-brand) {
    margin: 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.55;
}

.splb-brand {
    margin: 7px 0 0;
}

.splb-mini-links {
    display: grid;
    gap: 10px;
    margin-top: 11px;
}

.splb-internal-links,
.splb-buy-links,
.splb-buy-more > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 13px;
}

.splb-buy-links {
    padding-top: 9px;
    border-top: 1px solid var(--splb-line);
}

.splb-buy-links > small {
    flex-basis: 100%;
    color: var(--splb-muted);
    font-size:var(--spl-text-secondary);
    line-height: 1.5;
}

.splb-buy-more {
    flex-basis: 100%;
}

.splb-buy-more > summary {
    cursor: pointer;
    color: var(--splb-green);
    font-size:var(--spl-text-secondary);
    font-weight: 740;
}

.splb-buy-more > div {
    margin-top: 8px;
}

.splb-mini-links a,
.splb-detail-grid a,
.splb-decision-log > a,
.splb-no-match a,
.splb-load-error a {
    color: var(--splb-green);
    font-size:var(--spl-text-secondary);
    font-weight: 740;
    text-underline-offset: 3px;
}

.splb-component-scores {
    min-width: 0;
    border-left: 1px solid var(--splb-line);
    padding-left: 18px;
}

.splb-price {
    display: block;
    margin-bottom: 10px;
    color: var(--splb-ink);
    font-size:var(--spl-text-body);
}

.splb-score-components {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 14px;
}

.splb-score-components .spl-score-component {
    min-width: 7.25rem;
    max-width: 9rem;
    flex: 1 1 7.25rem;
    overflow: visible;
}

.splb-fallback-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.splb-fallback-links a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid var(--splb-line);
    border-radius: 9px;
    background: #fff;
    color: var(--splb-green);
    font-weight: 740;
}

.splb-component-scores details summary {
    font-size:var(--spl-text-micro);
}

.splb-score-detail {
    margin-top: 12px;
    padding: 12px;
    background: #f7f4ee;
}

.splb-score-detail h5 {
    margin: 10px 0 8px;
    font-size:var(--spl-text-micro);
}

.splb-score-detail h5:first-child {
    margin-top: 0;
}

.splb-score-detail p {
    margin: 9px 0 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.5;
}

.splb-score-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px 24px;
    gap: 6px;
    align-items: center;
    margin: 5px 0;
    font-size:var(--spl-text-micro);
}

.splb-score-row i {
    display: block;
    height: 4px;
    background: #ddd8cf;
}

.splb-score-row i b {
    display: block;
    height: 100%;
    background: var(--splb-green);
}

.splb-owned {
    grid-template-columns: minmax(0, 1fr) auto;
    background: #f4f7f5;
}

.splb-owned p {
    margin: 5px 0 0;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
}

.splb-rationale-grid,
.splb-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid var(--splb-line);
    background: var(--splb-line);
}

.splb-rationale-grid section,
.splb-detail-grid section {
    padding: 20px 24px;
    background: #faf8f3;
}

.splb-rationale-grid h4,
.splb-detail-grid h4 {
    margin: 0 0 8px;
    color: var(--splb-ink);
    font-size:var(--spl-text-secondary);
}

.splb-rationale-grid p,
.splb-rationale-grid li,
.splb-detail-grid p,
.splb-detail-grid li {
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.58;
}

.splb-rationale-grid p {
    margin: 0;
}

.splb-rationale-grid ul,
.splb-detail-grid ul {
    margin: 0;
    padding-left: 17px;
}

.splb-brand-note {
    margin-top: 9px !important;
    color: var(--splb-warning) !important;
}

.splb-bundle-details {
    border-top: 1px solid var(--splb-line);
}

.splb-bundle-details > summary {
    padding: 15px 24px;
}

.splb-detail-grid li {
    margin-bottom: 7px;
}

.splb-detail-grid li span {
    display: block;
}

.splb-decision-log {
    margin-top: 26px;
    border: 1px solid var(--splb-line);
}

.splb-decision-log header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 16px;
    background: var(--splb-night);
    color: #fff;
    font-size:var(--spl-text-micro);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.splb-decision-log header b {
    color: #a6b9b4;
}

.splb-decision-log ul {
    margin: 0;
    padding: 8px 16px;
    list-style: none;
}

.splb-decision-log li {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 9px;
    padding: 9px 0;
    border-bottom: 1px solid #ece7de;
    color: var(--splb-muted);
    font-size:var(--spl-text-micro);
    line-height: 1.5;
}

.splb-decision-log li:last-child {
    border-bottom: 0;
}

.splb-decision-log i {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border: 1px solid #9bb9ae;
    color: var(--splb-green);
    font-style: normal;
}

.splb-decision-log > a {
    display: block;
    padding: 14px 16px;
    border-top: 1px solid var(--splb-line);
    background: #f7f4ee;
}

.splb-no-match,
.splb-load-error {
    padding: 48px 28px;
    border: 1px dashed var(--splb-line);
    text-align: center;
}

.splb-no-match h3,
.splb-load-error h2 {
    margin: 0 0 10px;
    font-size:var(--spl-text-h2);
}

.splb-no-match p,
.splb-load-error p {
    max-width: 620px;
    margin: 0 auto 18px;
    color: var(--splb-muted);
    font-size:var(--spl-text-compact);
    line-height: 1.65;
}

.splb-methodology {
    padding: 58px clamp(24px, 6vw, 84px) 72px;
    border-top: 1px solid var(--splb-line);
    background: #ebe5dc;
}

.splb-methodology > div {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    gap: 56px;
}

.splb-methodology h2 {
    margin: 0 0 14px;
    font-size:var(--spl-text-h1);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.splb-methodology p,
.splb-methodology li {
    color: #526064;
    font-size:var(--spl-text-body);
    line-height: 1.7;
}

.splb-methodology ol {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.splb-methodology li {
    padding: 17px 18px;
    border-left: 3px solid var(--splb-accent);
    background: #fff;
}

.splb-methodology li strong {
    color: var(--splb-ink);
}

@media (max-width: 1080px) {
    .splb-compare-context {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .splb-compare-context a {
        white-space: normal;
    }

    .splb-workbench {
        grid-template-columns: 1fr;
    }

    .splb-input-panel {
        position: static;
        max-height: none;
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid var(--splb-line);
    }

    .splb-match-card {
        grid-template-columns: 1fr;
    }

    .splb-match-card dl {
        max-width: 420px;
    }
}

@media (max-width: 760px) {
    .splb-hero {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 52px 20px;
    }

    .splb-hero::after {
        right: -270px;
        opacity: .55;
    }

    .splb-hero h1 {
        font-size:var(--spl-text-display);
    }

    .splb-hero-copy > p:last-child {
        font-size:var(--spl-text-body);
    }

    .splb-hero-proof {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .splb-hero-proof div {
        display: block;
        padding: 14px 9px;
        text-align: center;
    }

    .splb-hero-proof strong {
        display: block;
        font-size:var(--spl-text-h2);
    }

    .splb-hero-proof span {
        font-size:var(--spl-text-micro);
    }

    .splb-method-strip {
        grid-template-columns: 1fr;
    }

    .splb-method-strip div {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .splb-panel {
        padding: 38px 16px 48px;
    }

    .splb-fields-2,
    .splb-check-grid,
    .splb-rationale-grid,
    .splb-detail-grid,
    .splb-methodology > div {
        grid-template-columns: 1fr;
    }

    .splb-bundle-head {
        grid-template-columns: 1fr;
        padding: 20px 16px;
    }

    .splb-bundle-meta {
        grid-template-columns: 1fr;
    }

    .splb-bundle-meta span {
        border-right: 0;
        border-bottom: 1px solid var(--splb-line);
    }

    .splb-component,
    .splb-owned {
        grid-template-columns: 1fr;
        padding: 20px 16px;
    }

    .splb-component-scores {
        border-top: 1px solid var(--splb-line);
        border-left: 0;
        padding: 14px 0 0;
    }

    .splb-path,
    .splb-rationale-grid section,
    .splb-detail-grid section {
        padding-inline: 16px;
    }

    .splb-methodology {
        padding: 46px 20px 58px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .splb-page * {
        scroll-behavior: auto !important;
    }
}