:root { --bip-green: #8edc00;
--bip-green-hover: #7acb00;
--bip-accent: #c8401a;  --bip-black: #000;
--bip-dark: #000;
--bip-mid: #000;
--bip-muted: #888;
--bip-light: #ccc;
--bip-faint: #eee; --bip-surface: #f7f9fb; --bip-surface-warm: #f7f4ef; --bip-surface-warm-border: #e8e3da; --bip-white: #fff; --bip-text: #000; --bip-text-on-dark: #f7f4ef; --bip-text-on-dark-muted: rgba(247,244,239,0.8);
--bip-link: #1a73e8; --bip-border-color: #000;
--bip-border-width: 2px;
--bip-border: var(--bip-border-width) solid var(--bip-border-color);
--bip-border-light: 1px solid var(--bip-faint); --bip-error: #d32f2f;
--bip-error-bg: #fff5f5;
--bip-error-border: #ef5350;
--bip-error-surface: #ffebee; --bip-battery-red: #e53935;
--bip-battery-orange: #fb8c00;
--bip-battery-green: #43a047; --bip-warm-border: #ece8e0;
--bip-warm-faint: #f3f0ea;
--bip-warm-muted: #a09888;
--bip-warm-hover: #efecea;
--bip-radius-sm: 4px;
--bip-win-bg: #edf7d6;
--bip-win-text: #4a7a1a;
--bip-lose-bg: #fce8e4;
--bip-lose-text: #a0351a; --bip-font-heading: 'Bebas Neue', sans-serif;
--bip-font-body: 'Abel', 'Nunito Sans', sans-serif;
--bip-tracking: 0.04em;
--bip-tracking-wide: 0.08em;
--bip-kicker-size: 18px; --bip-text-xs: 11px; --bip-text-sm: 14px; --bip-text-base: 17px; --bip-text-md: 18px; --bip-text-lg: 24px; --bip-text-xl: 32px; --bip-text-2xl: 42px;  --bip-max-width: 1024px;
--bip-content-width: 90%;
--bip-radius: 0; --bip-radius-soft: 0;  --bip-btn-padding: 0.65em 1.4em;
--bip-btn-padding-sm: 0.5em 1.2em;
} @media (max-width: 768px) {
.et_pb_section .et_pb_row,
.et_pb_section .et_pb_row .et_pb_column {
padding: 0 !important;
}
.et_pb_section .et_pb_row {
width: 100% !important;
max-width: 100% !important;
}
.et_pb_section .et_pb_module.et_pb_code .et_pb_code_inner {
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
}
.et_pb_section .bip-assessment-wrapper,
.et_pb_section .bip-team-results {
width: 95%;
max-width: none;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
}
.et_pb_module.et_pb_code .et_pb_code_inner {
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
}
.et_pb_module.et_pb_code .bip-assessment-wrapper,
.et_pb_module.et_pb_code .bip-team-results {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
} .bip-btn.et_pb_button,
.bip-button-start.et_pb_button,
.bip-button-next.et_pb_button,
.bip-button-back.et_pb_button,
.bip-button-get-results.et_pb_button,
.bip-cta-button.et_pb_button,
.bip-email-button.et_pb_button {
border: none !important;
outline: none !important;
}
.bip-btn.et_pb_button:hover,
.bip-button-start.et_pb_button:hover,
.bip-button-next.et_pb_button:hover,
.bip-button-back.et_pb_button:hover,
.bip-button-get-results.et_pb_button:hover,
.bip-email-button.et_pb_button:hover {
background-color: var(--bip-green) !important;
color: var(--bip-white) !important;
opacity: 1 !important;
visibility: visible !important;
}
.bip-btn.et_pb_button:hover:after,
.bip-button-start.et_pb_button:hover:after,
.bip-button-next.et_pb_button:hover:after,
.bip-button-back.et_pb_button:hover:after,
.bip-button-get-results.et_pb_button:hover:after,
.bip-email-button.et_pb_button:hover:after {
display: none !important;
} html {
scroll-behavior: smooth;
}
@media (max-width: 768px) {
html {
scroll-padding-top: 100px;
}
body {
-webkit-text-size-adjust: 100%;
}
.bip-assessment-wrapper,
.bip-team-results {
--bip-content-width: 95%;
-webkit-overflow-scrolling: touch;
width: 95%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
} .bip-assessment-wrapper,
.bip-team-results {
text-align: left;
width: 100%;
max-width: none;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
transition: opacity 0.15s ease-in-out;
}
.bip-team-results {
font-family: inherit;
} .bip-img-fluid {
width: 100%;
height: auto;
display: block;
}
.bip-img-fluid.bip-img-transparent {
background: transparent;
}
.bip-buttons {
text-align: center;
}
.bip-input-uppercase {
text-transform: uppercase;
}
.bip-font-inherit {
font-family: inherit;
} .bip-btn,
.bip-button-start,
.bip-button-next,
.bip-button-back,
.bip-button-get-results,
.bip-cta-button,
.bip-cta2-button,
.bip-email-button,
.bip-success-close,
.bip-hub-btn {
display: inline-block;
font-family: var(--bip-font-heading);
background-color: var(--bip-green);
color: var(--bip-black);
border: none;
outline: none;
font-size: 1.2em;
padding: var(--bip-btn-padding);
border-radius: var(--bip-radius);
cursor: pointer;
letter-spacing: var(--bip-tracking);
transition: color 0.2s ease-in-out;
text-decoration: none;
text-align: center;
margin: 0;
}
.bip-btn:hover,
.bip-button-start:hover,
.bip-button-next:hover,
.bip-button-back:hover,
.bip-button-get-results:hover,
.bip-cta-button:hover,
.bip-cta2-button:hover,
.bip-email-button:hover,
.bip-success-close:hover,
.bip-hub-btn:hover {
background-color: var(--bip-green);
color: var(--bip-white);
}
.bip-hub-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
} .bip-btn--small,
.bip-question-input-row .bip-button-next,
.bip-question-input-row .bip-button-back,
.bip-question-input-row .et_pb_button {
font-size: var(--bip-text-base);
padding: 0.5em 1.4em;
min-width: 100px;
} .bip-email-button.et_pb_button {
height: 38px;
padding: 0 1.4em;
font-size: var(--bip-text-md);
line-height: 1.2;
display: inline-flex;
align-items: center;
justify-content: center;
} @media (max-width: 768px) {
.bip-btn,
.bip-button-start,
.bip-button-next,
.bip-button-back,
.bip-button-get-results,
.bip-cta-button,
.bip-cta2-button,
.bip-email-button,
.bip-hub-btn,
.bip-question-input-row .et_pb_button,
.bip-question-input-row--bipolar .et_pb_button,
.bip-question-input-row--mcq .et_pb_button {
font-size: 16px !important;
padding: 10px 24px !important;
line-height: 1.4 !important;
height: auto !important;
min-height: 44px !important;
min-width: 110px;
}
} .bip-card,
.bip-questions-instructions,
.bip-intro-instructions,
.bip-start-instructions,
.bip-email-signup,
.bip-cta2-box,
#bip-category-bar-chart,
.bip-chart-box-doughnut,
.bip-chart-box-radar-overall,
.bip-chart-box-polar,
.bip-chart-box-horizontal {
width: var(--bip-content-width);
margin: 1.2rem auto;
border: var(--bip-border);
border-radius: var(--bip-radius-soft);
padding: 1rem;
box-sizing: border-box;
background-color: var(--bip-surface);
} .bip-chart-box-doughnut,
.bip-chart-box-polar { max-width: 500px; }
.bip-chart-box-radar-overall { max-width: 360px; padding: 0.5rem 0.5rem 0.25rem; } #bip-category-bar-chart { min-height: 380px; }
.bip-chart-box-horizontal { min-height: 380px; } .bip-questions-instructions,
.bip-intro-instructions,
.bip-start-instructions {
max-width: 90%;
text-align: center;
} .bip-email-signup,
.bip-cta2-box {
padding: 1.2em 1.5em 1em;
} .bip-card canvas,
.bip-chart-box-doughnut canvas,
.bip-chart-box-radar-overall canvas,
.bip-chart-box-polar canvas,
.bip-chart-box-horizontal canvas,
#bip-category-bar-chart canvas {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 768px) { .bip-chart-box-doughnut,
.bip-chart-box-polar,
.bip-chart-box-radar-overall,
.bip-chart-box-horizontal,
.bip-cta2-box,
.bip-email-signup {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.bip-chart-box-horizontal {
min-height: 320px;
}
}
@media (min-width: 769px) {
.bip-email-signup {
width: 70%;
max-width: 800px;
padding: 1em 1.5em;
}
#bip-category-bar-chart {
padding: 1.5rem;
min-height: 520px;
display: flex;
align-items: center;
justify-content: center;
}
} .bip-body-text,
.bip-intro-instructions,
.bip-questions-instructions,
.bip-results-text,
.bip-cta2-text,
.bip-email-text,
.bip-start-instructions,
.bip-start-below-fields,
.bip-intro-text,
.bip-cta-text {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
line-height: 1.4;
color: var(--bip-black);
-webkit-font-smoothing: antialiased;
} .bip-body-text p,
.bip-intro-instructions p,
.bip-questions-instructions p,
.bip-results-text p,
.bip-cta2-text p,
.bip-email-text p,
.bip-start-instructions p,
.bip-start-below-fields p,
.bip-intro-text p,
.bip-cta-text p {
margin: 0 0 0.6em 0;
padding: 0;
font-size: inherit;
line-height: inherit;
color: inherit;
font-family: inherit;
}
.bip-body-text p:last-child,
.bip-intro-instructions p:last-child,
.bip-questions-instructions p:last-child,
.bip-results-text p:last-child,
.bip-cta2-text p:last-child,
.bip-email-text p:last-child,
.bip-start-instructions p:last-child,
.bip-start-below-fields p:last-child,
.bip-intro-text p:last-child,
.bip-cta-text p:last-child {
margin-bottom: 0;
} .bip-body-text a,
.bip-intro-instructions a,
.bip-questions-instructions a,
.bip-results-text a,
.bip-cta2-text a,
.bip-email-text a {
color: var(--bip-link);
text-decoration: underline;
} .bip-body-text strong,
.bip-intro-instructions strong,
.bip-questions-instructions strong,
.bip-results-text strong,
.bip-cta2-text strong,
.bip-email-text strong {
font-weight: 700;
} .bip-body-text ul, .bip-body-text ol,
.bip-intro-instructions ul, .bip-intro-instructions ol,
.bip-questions-instructions ul, .bip-questions-instructions ol,
.bip-results-text ul, .bip-results-text ol,
.bip-cta2-text ul, .bip-cta2-text ol,
.bip-email-text ul, .bip-email-text ol {
margin: 0.3em 0 0.6em 1.4em;
padding: 0;
font-size: inherit;
line-height: inherit;
}
.bip-body-text li,
.bip-intro-instructions li,
.bip-questions-instructions li,
.bip-results-text li,
.bip-cta2-text li,
.bip-email-text li {
margin-bottom: 0.25em;
}  .bip-question-number,
.bip-question-label,
.bip-pairwise-prompt {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
font-weight: 400;
letter-spacing: var(--bip-tracking);
line-height: 1.1;
color: var(--bip-black);
} .bip-category-title {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
letter-spacing: var(--bip-tracking);
color: var(--bip-black);
}
.bip-category-definition,
.bip-label-list,
.bip-issue-text {
font-family: var(--bip-font-body);
} .bip-error-message,
.bip-fac-error {
color: #c8401a;
background: none;
border: none;
border-left: 2px solid #888;
border-radius: 0;
padding: 4px 0 4px 12px;
margin: 12px 0 4px;
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
line-height: 1.4;
letter-spacing: var(--bip-tracking);
text-align: left;
}
.bip-input-number.bip-input-error {
border-color: var(--bip-error);
border-width: var(--bip-border-width);
background-color: var(--bip-error-bg);
}  .bip-intro-text,
.bip-question-text,
.bip-bipolar-question,
.bip-results-issue,
.bip-input-textarea {
padding: 0 1rem;
margin: 0 0 0.3em;
font-size: var(--bip-text-base);
line-height: 1.4;
color: var(--bip-black);
}
.bip-results-text {
padding: 0.5em 1rem;
margin: 0 0 0.5em;
} .bip-intro-instructions,
.bip-questions-instructions,
.bip-start-instructions {
text-align: center;
} .bip-results-text,
.bip-cta2-text,
.bip-email-text {
text-align: left;
} .bip-intro-image img,
.bip-results-image img,
.bip-questions-image img,
.bip-results-bottom-image img,
.bip-email-signup-image img,
.bip-cta2-image img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
}
.bip-results-bottom-image {
width: 100%;
margin: 0.5em 0 2em 0;
}
.bip-results-image {
background: transparent;
}
.bip-email-signup-image {
width: 100%;
margin: 0 0 1.5em 0;
}
.bip-cta2-image {
width: 100%;
margin-bottom: 0.4em;
} .bip-intro-heading,
.bip-questions-heading,
.bip-start-heading,
.bip-results-subheading,
.bip-results-subheading-2,
.bip-email-heading,
.bip-cta2-heading,
.bip-battery-heading,
.bip-indicator-heading,
.bip-success-content h3 {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
letter-spacing: var(--bip-tracking);
line-height: 1.1;
text-align: center;
color: var(--bip-black);
margin: 0.3em 0 0.2em;
padding: 0;
background: transparent;
} .bip-results-heading {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-2xl);
letter-spacing: var(--bip-tracking);
line-height: 1.1;
text-align: center;
color: var(--bip-black);
margin: 0.3em 0 0.2em;
padding: 0;
background: transparent;
} .bip-results-kicker,
.bip-cta2-kicker,
.bip-chart-kicker,
.bip-pairwise-items-kicker,
.bip-setup-items-label,
.bip-setup-issue-label,
.bip-tr-header__kicker,
.bip-journey__step-kicker {
font-family: var(--bip-font-heading);
font-size: var(--bip-kicker-size);
letter-spacing: 0.18em;
color: var(--bip-accent);
text-transform: uppercase;
display: block;
margin: 0 0 10px 0;
padding: 0;
} .bip-results-kicker { margin-bottom: 5px; } .bip-results-divider {
border: none;
border-top: 2px solid var(--bip-black);
margin: 24px 0;
}
.bip-results-divider--grey {
border-top: 1px solid var(--bip-warm-border, #ece8e0);
}
.bip-results-divider--red {
border-top-color: var(--bip-accent);
} .bip-results-button-wrap {
text-align: center;
margin: 16px 0;
}
.bip-results-button--dark {
background: var(--bip-black) !important;
color: var(--bip-white) !important;
} .bip-results-issue {
text-align: center;
font-family: var(--bip-font-heading);
letter-spacing: var(--bip-tracking);
} .bip-input-textarea {
width: 70%;
max-width: 600px;
margin: 1.2em auto;
display: block;
height: 3.5em;
padding: 1em 1.2em;
border-radius: var(--bip-radius);
border: 1px solid var(--bip-border-color);
line-height: 1.5;
font-family: var(--bip-font-body);
background-color: var(--bip-white);
} .bip-intro-form .bip-input-textarea {
display: block;
margin: 1.2em auto;
padding: 1em 1.2em;
border-radius: var(--bip-radius-soft);
border: var(--bip-border);
height: auto;
line-height: 1.6;
font-family: var(--bip-font-body);
background-color: var(--bip-surface);
transition: width 0.3s ease;
box-sizing: border-box;
}
@media (max-width: 768px) {
.bip-intro-form .bip-input-textarea {
width: 100%;
}
}
@media (min-width: 769px) {
.bip-intro-form .bip-input-textarea {
width: 60%;
max-width: 720px;
}
}
.bip-intro-form .bip-field {
margin: 0 0 0.4em 0;
padding: 0;
}
.bip-intro-form .bip-buttons {
margin: 0;
padding: 0;
}
.bip-intro-form .bip-buttons button {
margin: 0;
display: inline-block;
} .bip-intro-btn-row {
display: flex;
justify-content: center;
gap: 0.75rem;
margin-top: 0.5em;
}
.bip-intro-btn-row button {
flex: 0 1 160px;
min-width: 120px;
text-align: center;
box-sizing: border-box;
} .bip-issue-heading {
text-align: center;
font-size: var(--bip-text-md);
font-weight: 400;
letter-spacing: var(--bip-tracking);
text-transform: uppercase;
color: var(--bip-black);
margin: 1.2em 0 0;
} .bip-issue-note {
text-align: center;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
font-weight: 400;
letter-spacing: var(--bip-tracking);
color: #333;
margin: 0.8em 0 0.6em;
padding: 0.15em 1.2rem 0.6em;
} .bip-results-issue-block {
margin-bottom: 12px !important;
padding-bottom: 12px;
border-bottom: 1px solid var(--bip-faint, #e8e8e8);
} .bip-results-issue-block .bip-setup-issue-label {
text-align: center;
} .bip-results-issue-block .bip-issue-note {
margin-top: 0 !important;
} .bip-question-header,
.bip-question-text,
.bip-question-input-row,
.bip-question-counter {
padding: 0 1rem;
}
.bip-question-header {
margin-bottom: 0.25em;
display: flex;
align-items: baseline;
gap: 0.3em;
}
.bip-question-line1 {
display: flex;
flex-direction: row;
gap: 0.3em;
align-items: baseline;
} @media (max-width: 768px) { .bip-question-header,
.bip-question-text,
.bip-question-input-row,
.bip-question-counter,
.bip-bipolar-question,
.bip-bipolar-wrap,
.bip-results-issue,
.bip-results-text,
.bip-intro-text,
.bip-input-textarea {
padding-left: 0;
padding-right: 0;
} .bip-questions-instructions,
.bip-intro-instructions,
.bip-start-instructions {
max-width: 100%;
}
}
.bip-question-content {
margin: 8px 0 8px;
}
.bip-question-input-row {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-wrap: wrap;
margin-top: 12px;
text-align: left;
min-height: 0;
}
@media (max-width: 768px) {
.bip-question-input-row {
min-height: 0;
margin-top: 8px;
margin-bottom: 0;
gap: 10px;
padding-bottom: env(safe-area-inset-bottom);
justify-content: flex-start;
}
}
.bip-question-axis-label {
font-size: var(--bip-text-xs);
letter-spacing: 3px;
text-transform: uppercase;
color: var(--bip-muted);
margin-top: 4px;
display: block;
}
.bip-input-number {
width: 100%;
max-width: 80px;
height: 34px;
font-size: var(--bip-text-base);
text-align: center;
border: 1px solid var(--bip-light);
border-radius: var(--bip-radius);
-webkit-appearance: none;
-moz-appearance: textfield;
box-sizing: border-box;
font-weight: 500;
}
@media (max-width: 768px) {
.bip-input-number {
font-size: var(--bip-text-base);
height: 38px;
touch-action: manipulation;
}
}
.bip-question-counter {
font-size: var(--bip-text-sm);
font-family: var(--bip-font-body);
letter-spacing: var(--bip-tracking);
color: var(--bip-black);
opacity: 1;
text-align: left;
margin-top: 0.25em;
}  #bip-radar-charts {
width: var(--bip-content-width);
margin: 1.2rem auto;
padding: 0;
box-sizing: border-box;
}
#bip-radar-charts .bip-radar-chart {
flex: 0 1 calc(50% - 0.5rem);
max-width: 360px;
background-color: var(--bip-surface);
border: var(--bip-border);
border-radius: var(--bip-radius-soft);
margin-bottom: 1rem;
padding: 0.5rem 0.5rem 0.25rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
#bip-radar-charts .bip-category-title {
text-align: center;
margin-top: 0.15em;
margin-bottom: 0;
display: block;
}
.bip-category-definition {
text-align: center;
font-size: 1em;
line-height: 1.1;
margin: 0.1em auto 0;
color: var(--bip-border-color);
}
#bip-radar-charts canvas {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: var(--bip-surface);
border-radius: var(--bip-radius-soft);
box-sizing: border-box;
}
@media (min-width: 769px) {
#bip-radar-charts {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
width: var(--bip-content-width);
margin: 1.5rem auto;
}
#bip-radar-charts .bip-radar-chart {
flex: 0 1 calc(50% - 0.5rem);
max-width: 360px;
margin-bottom: 1rem;
padding: 0.5rem 0.5rem 0.25rem;
}
#bip-radar-charts .bip-category-title {
margin-bottom: 0.08em;
}
.bip-category-definition {
font-size: var(--bip-text-sm);
margin: 0.04em auto 0.15em;
line-height: 1.2;
}
}
@media (max-width: 768px) {
#bip-radar-charts {
display: flex;
flex-direction: column;
align-items: center;
}
#bip-radar-charts .bip-radar-chart {
width: 100%;
max-width: 360px;
margin: 0 auto 1rem;
}
#bip-radar-charts .bip-category-title { }
.bip-category-definition {
font-size: var(--bip-text-sm);
}
} @media (min-width: 769px) {
.bip-assessment-wrapper,
.bip-team-results {
width: 100%;
max-width: var(--bip-max-width);
margin: 0 auto;
padding: 0;
overflow: visible;
} .bip-intro-heading,
.bip-questions-heading,
.bip-results-heading,
.bip-start-heading {
margin-bottom: 0.6em;
}
.bip-intro-image img,
.bip-results-image img {
max-width: 100%;
margin: 0.6em auto 1.2em;
} .bip-question-line1 {
flex-direction: row;
gap: 1rem;
align-items: baseline;
}
.bip-question-header,
.bip-question-text,
.bip-question-input-row,
.bip-question-counter {
margin-left: 0;
margin-right: 0;
}
.bip-question-text,
.bip-question-input-row {
padding-left: 0;
padding-right: 0;
}
.bip-question-input-row {
flex-direction: row;
align-items: center;
justify-content: flex-start;
min-height: 0;
margin-top: 0;
margin-bottom: 16px;
} .bip-question-text {
margin: 0 0 16px;
letter-spacing: 0.01em;
}
.bip-input-number {
width: 80px;
height: 38px;
font-size: var(--bip-text-base);
margin-right: 0.75em;
}
.bip-question-counter {
font-size: var(--bip-text-sm);
font-family: var(--bip-font-body);
letter-spacing: var(--bip-tracking);
color: var(--bip-black);
opacity: 1;
text-align: left;
margin-top: 0.5em;
}
.bip-question-header {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
} .bip-detailed-results {
margin-top: 0.5rem;
border-top: none;
padding-top: 0;
}
.bip-detailed-results .bip-category-block {
margin-bottom: 1.5rem;
}
.bip-detailed-results .bip-category-name {
margin: 0;
}
.bip-detailed-results .bip-category-description {
margin: 0;
}
.bip-detailed-results .bip-question-row {
padding: 8px 4px;
}
} .bip-category-defs {
width: var(--bip-content-width);
margin: 1.2rem auto;
padding: 0 4px;
box-sizing: border-box;
}
.bip-category-defs .bip-category-header {
margin-bottom: 10px;
} .bip-category-block {
margin-bottom: 1.8rem;
padding-bottom: 0;
border-bottom: none;
} .bip-category-header {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 6px;
padding: 0 4px;
}
.bip-category-dot {
width: 12px;
height: 12px;
flex-shrink: 0;
margin-top: 4px;
}
.bip-category-header-text {
display: flex;
flex-direction: column;
gap: 1px;
}
.bip-category-name {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
letter-spacing: var(--bip-tracking);
color: var(--bip-border-color);
margin: 0;
text-align: left;
line-height: 1.1;
}
.bip-category-description {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
line-height: 1.3;
color: var(--bip-muted);
margin: 0;
text-align: left;
} .bip-question-header-row {
display: flex;
align-items: center;
padding: 6px 4px;
border-bottom: 2px solid var(--bip-black);
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
color: var(--bip-muted);
text-transform: uppercase;
letter-spacing: var(--bip-tracking-wide);
}
.bip-question-header-row .bip-qh-question {
flex: 1;
min-width: 200px;
}
.bip-question-header-row .bip-qh-score {
width: 60px;
text-align: right;
} .bip-question-row,
.bip-question-row--bipolar {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
padding: 8px 4px;
border-bottom: 1px solid var(--bip-faint);
gap: 0.5rem;
}
.bip-question-row--bipolar {
gap: 8px;
}
.bip-question-left {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25rem;
min-width: 200px;
}
.bip-q-number,
.bip-q-label {
font-family: var(--bip-font-heading);
font-weight: 400;
color: var(--bip-black);
font-size: var(--bip-text-sm);
text-transform: uppercase;
letter-spacing: var(--bip-tracking);
}
.bip-q-text,
.bip-q-pole-left,
.bip-q-pole-right,
.bip-q-question-text {
font-family: var(--bip-font-body);
color: var(--bip-black);
font-size: var(--bip-text-base);
line-height: 1.4;
}
.bip-q-score {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-md);
font-weight: 400;
color: var(--bip-black);
text-align: right;
min-width: 50px;
flex-shrink: 0;
white-space: nowrap;
} .bip-question-row--bipolar .bip-q-number {
flex-shrink: 0;
min-width: 24px;
}
.bip-q-pole-right {
text-align: right;
}
.bip-q-question-text {
width: 100%;
font-weight: 600;
margin-bottom: 4px;
}
.bip-q-bipolar-summary {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 10px;
flex: 1;
}
.bip-q-answer-badge {
background: var(--bip-black);
color: var(--bip-text-on-dark);
border-radius: 50%;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.05rem;
font-weight: 700;
flex-shrink: 0;
} .bip-bipolar-pole-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 4px 4px 14px;
margin-bottom: 2px;
}
.bip-pole-label {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: var(--bip-muted);
min-width: 80px;
max-width: 140px;
line-height: 1.2;
}
.bip-pole-label--left {
text-align: right;
}
.bip-pole-label--right {
text-align: left;
}
.bip-pole-track {
flex: 1;
height: 6px;
background: var(--bip-faint);
position: relative;
min-width: 120px;
}
.bip-pole-tick {
position: absolute;
top: -3px;
width: 1px;
height: 12px;
background: var(--bip-light);
transform: translateX(-50%);
}
.bip-pole-marker {
position: absolute;
top: 50%;
width: 14px;
height: 14px;
background: var(--bip-black);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
@media (max-width: 768px) {
.bip-bipolar-pole-bar {
gap: 6px;
padding: 2px 4px 10px;
}
.bip-pole-label {
font-size: 0.7rem;
min-width: 60px;
max-width: 100px;
}
.bip-pole-track {
min-width: 80px;
}
}
@media (max-width: 768px) {
.bip-detailed-results {
border-top: var(--bip-border);
padding-top: 0.8rem;
width: 100%;
margin: 0.5rem 0 0 0;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
.bip-category-block {
padding-left: 0;
padding-right: 0;
margin-bottom: 1.2rem;
}
.bip-category-name {
font-size: 1.3rem;
}
.bip-category-header {
gap: 8px;
}
.bip-category-header-text {
flex-direction: column;
gap: 2px;
}
.bip-question-row,
.bip-question-row--bipolar {
flex-wrap: wrap;
align-items: flex-start;
padding: 6px 4px;
}
.bip-q-score {
width: auto;
text-align: right;
}
.bip-q-number,
.bip-q-label {
font-size: var(--bip-text-sm);
line-height: 1.2;
}
.bip-q-text,
.bip-q-pole-left,
.bip-q-pole-right,
.bip-q-question-text {
font-size: 1rem;
line-height: 1.25;
}
}  .bip-email-text {
margin-top: 0;
margin-bottom: 0.5em;
padding: 0;
}
.bip-email-form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 0.6em;
}
.bip-email-input {
flex: 1 1 auto;
font-size: 1rem;
padding: 0.4em 0.8em;
border: 1px solid var(--bip-border-color);
background: var(--bip-white);
height: 38px;
line-height: 1.2;
box-sizing: border-box;
}
.bip-email-consent {
flex: 0 0 100%;
margin-top: 0.8em;
display: block;
font-size: 0.75em;
text-align: left;
color: var(--bip-border-color);
line-height: 1.3;
}
.bip-email-consent input[type="checkbox"] {
accent-color: var(--bip-green);
width: 12px;
height: 12px;
margin-right: 6px;
vertical-align: middle;
background-color: var(--bip-white);
border: 1px solid var(--bip-border-color);
cursor: pointer;
}
.bip-email-consent label {
display: flex;
align-items: center;
gap: 0.4em;
background: transparent;
}
@media (max-width: 768px) {
.bip-email-form {
flex-direction: column;
gap: 0.6em;
}
.bip-email-input {
width: 90%;
margin: 0 auto;
height: 34px;
}
.bip-email-button.et_pb_button {
width: 100%;
height: 34px;
}
.bip-email-heading {
margin-bottom: 0.2em;
}
.bip-email-text {
font-size: 1em;
margin-bottom: 0.5em;
}
}  .bip-cta2-text {
margin-top: 0;
margin-bottom: 1em;
padding: 0;
}
.bip-cta2-text p {
margin-top: 0;
margin-bottom: 0.6em;
padding: 0;
}
.bip-cta2-button-wrapper {
text-align: center;
} .bip-success-modal {
display: none;
position: fixed;
z-index: 9999;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.bip-success-modal.active {
display: flex;
justify-content: center;
align-items: center;
}
.bip-success-content {
background: var(--bip-white);
border-radius: var(--bip-radius-soft);
max-width: 420px;
width: 90%;
padding: 30px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
font-family: var(--bip-font-body);
color: var(--bip-dark);
animation: bipFadeInUp 0.3s ease-out;
}
.bip-success-content h3 {
margin-bottom: 12px;
}
.bip-success-content p {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
line-height: 1.35;
margin-bottom: 20px;
}
@media (max-width: 600px) {
.bip-success-content p {
font-size: var(--bip-text-base);
line-height: 1.3;
}
}
.bip-success-close {
border-radius: 6px; }
@keyframes bipFadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
} .bip-battery-container {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: clamp(10px, 2vw, 24px);
margin: 0.4em auto 2rem;
max-width: 1000px;
padding: 0 5px;
box-sizing: border-box;
overflow: visible;
background: transparent;
}
.bip-battery-item {
flex: 0 0 clamp(150px, 18vw, 200px);
max-width: 200px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-sizing: border-box;
}
.bip-battery-heading {
margin-bottom: 0.8em;
}
.bip-battery-wrap {
position: relative;
width: clamp(90px, 11vw, 130px);
height: clamp(160px, 20vw, 240px);
display: flex;
justify-content: center;
align-items: flex-end;
}
.bip-battery {
position: relative;
width: 100%;
height: 100%;
border: 3px solid var(--bip-border-color);
border-radius: 14px;
background: linear-gradient(to bottom, #fafafa, #ececec);
overflow: visible;
}
.bip-battery-cap {
position: absolute;
top: -15px;
left: 30%;
width: 40%;
height: 15px;
background: var(--bip-border-color);
border-radius: 8px 8px 0 0;
z-index: 5;
}
.bip-battery-inner {
position: absolute;
inset: 8px;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 4px;
border-radius: 10px;
background: #f2f2f2;
padding: 8px;
}
.bip-battery-seg {
flex: 1;
min-height: 10px;
border-radius: 6px;
background: #ddd;
}
.bip-battery-seg.on-1,
.bip-battery-seg.on-2 { background: var(--bip-battery-red); }
.bip-battery-seg.on-3 { background: linear-gradient(to top, var(--bip-battery-red), var(--bip-battery-orange)); }
.bip-battery-seg.on-4,
.bip-battery-seg.on-5,
.bip-battery-seg.on-6 { background: var(--bip-battery-orange); }
.bip-battery-seg.on-7 { background: linear-gradient(to top, var(--bip-battery-orange), var(--bip-battery-green)); }
.bip-battery-seg.on-8,
.bip-battery-seg.on-9,
.bip-battery-seg.on-10 { background: var(--bip-battery-green); }
.bip-battery-progress-column {
position: absolute;
top: 12px;
bottom: 12px;
right: 6px;
width: 5px;
border-radius: 3px;
background: linear-gradient(to top, var(--bip-battery-red) 0%, var(--bip-battery-orange) 45%, var(--bip-battery-green) 100%);
opacity: 0.95;
}
.bip-battery-score {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: var(--bip-border-color);
margin-top: 0.4em;
text-align: center;
}
@media (max-width: 768px) {
.bip-battery-container {
flex-wrap: wrap;
justify-content: center;
gap: 16px 12px;
overflow-x: visible;
padding: 0;
}
.bip-battery-item {
flex: 0 0 calc(50% - 8px);
width: calc(50% - 8px);
min-width: 0;
max-width: 160px;
}
.bip-battery-wrap {
width: 80px;
height: 160px;
}
.bip-battery-heading {
font-size: var(--bip-text-sm);
margin-bottom: 0.5em;
}
.bip-battery-score {
font-size: var(--bip-text-sm);
}
} .bip-indicator-container {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: clamp(10px, 2vw, 24px);
margin: 0.4em auto 2rem;
max-width: 1000px;
padding: 0 5px;
box-sizing: border-box;
overflow: visible;
background: transparent;
}
.bip-indicator-item {
flex: 0 0 clamp(150px, 18vw, 220px);
max-width: 220px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-sizing: border-box;
}
.bip-indicator-heading {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
letter-spacing: var(--bip-tracking);
line-height: 1.1;
text-align: center;
color: var(--bip-black);
margin: 0.3em 0 0.2em;
padding: 0;
background: transparent;
margin-bottom: 0.3em;
}
.bip-indicator-svg {
display: block;
}
.bip-indicator-score {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: var(--bip-border-color);
margin-top: 0.2em;
text-align: center;
}
.bip-indicator-score-num {
font-size: var(--bip-text-sm);
font-weight: 700;
color: var(--bip-black);
}
.bip-indicator-score-max {
font-size: var(--bip-text-sm);
color: var(--bip-muted);
}
@media (max-width: 768px) {
.bip-indicator-container {
flex-wrap: wrap;
justify-content: center;
gap: 16px 12px;
overflow-x: visible;
padding: 0;
}
.bip-indicator-item {
flex: 0 0 calc(50% - 8px);
width: calc(50% - 8px);
min-width: 0;
max-width: 160px;
}
.bip-indicator-heading {
font-size: var(--bip-text-sm);
margin-bottom: 0.3em;
}
.bip-indicator-score {
font-size: var(--bip-text-sm);
}
.bip-indicator-score-num {
font-size: var(--bip-text-sm);
}
} .bip-reverse-indicator {
color: #e74c3c;
font-weight: bold;
margin-left: 3px;
cursor: help;
}
.bip-reverse-explanation {
font-size: var(--bip-text-sm);
color: #000;
margin-top: 0.25rem;
margin-bottom: 1rem;
margin-left: 1rem;
padding: 0;
text-align: left;
}
@media (min-width: 769px) {
.bip-reverse-explanation {
margin-left: 0;
}
}
.bip-reverse-explanation::before {
content: '* ';
color: #e74c3c;
font-weight: bold;
} .bip-bipolar-question {
text-align: center;
margin-bottom: 0;
font-size: var(--bip-text-md);
}
@media (max-width: 768px) {
.bip-bipolar-question {
text-align: left;
}
}
@media (max-width: 768px) {
.bip-bipolar-question {
text-align: left;
}
}
.bip-bipolar-wrap {
display: flex;
flex-direction: column;
gap: 12px;
margin: 20px 0;
}
.bip-poles-row {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: start;
gap: 20px;
}
.bip-pole {
font-size: var(--bip-text-base);
line-height: 1.4;
color: var(--bip-black);
}
.bip-pole-right {
text-align: right;
}
.bip-pole-divider {
font-size: var(--bip-text-xs);
letter-spacing: 2px;
color: var(--bip-black);
text-transform: uppercase;
padding-top: 4px;
font-weight: 600;
}
.bip-slider-wrap {
display: flex;
flex-direction: column;
gap: 10px;
}
.bip-slider-value-row {
display: flex;
justify-content: center;
align-items: baseline;
gap: 6px;
min-height: 36px;
}
.bip-slider-value {
font-size: 28px;
color: var(--bip-accent);
line-height: 1;
opacity: 0;
transition: opacity 0.2s;
}
.bip-slider-value--visible {
opacity: 1;
}
.bip-slider-value-label {
font-size: var(--bip-text-xs);
letter-spacing: 2px;
color: var(--bip-black);
opacity: 0;
transition: opacity 0.2s;
}
.bip-slider-value-label.bip-slider-value--visible {
opacity: 1;
}
.bip-slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 2px;
background: #d8d3ca;
outline: none;
cursor: pointer;
margin: 12px 0;
}
.bip-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--bip-black);
cursor: pointer;
transition: transform 0.15s ease, background 0.15s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.bip-slider::-webkit-slider-thumb:hover {
transform: scale(1.2);
background: var(--bip-accent);
}
.bip-slider::-moz-range-thumb {
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--bip-black);
cursor: pointer;
border: none;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.bip-slider-ticks {
display: flex;
justify-content: space-between;
padding: 0 2px;
}
.bip-slider-tick {
font-size: var(--bip-text-base);
letter-spacing: var(--bip-tracking);
color: var(--bip-black);
text-align: center;
width: 20px;
}
.bip-slider-hint {
font-size: var(--bip-text-xs);
color: var(--bip-muted);
text-align: center;
font-style: italic;
margin-top: 4px;
} .bip-question-input-row--bipolar {
display: flex;
justify-content: center;
gap: 0.75rem;
margin-top: 0.5em;
min-height: auto;
}
.bip-question-input-row.bip-question-input-row--bipolar .bip-button-next.et_pb_button,
.bip-question-input-row.bip-question-input-row--bipolar .bip-button-back.et_pb_button,
.bip-question-input-row.bip-question-input-row--bipolar .bip-button-next,
.bip-question-input-row.bip-question-input-row--bipolar .bip-button-back {
flex: 0 1 160px;
min-width: 120px;
box-sizing: border-box;
} .bip-chart-box-matrix {
width: 100%;
max-width: 520px;
margin: 20px auto 32px;
}  @media (max-width: 600px) {
.bip-poles-row {
grid-template-columns: 1fr;
gap: 12px;
}
.bip-pole-right {
text-align: left;
}
.bip-pole-divider {
display: none;
}
} .bip-mcq-wrap {
display: flex;
flex-direction: column;
gap: 16px;
margin: 20px 0;
}
.bip-mcq-question {
text-align: center;
margin-bottom: 0;
font-size: var(--bip-text-md);
line-height: 1.4;
color: var(--bip-black);
}
.bip-mcq-hint {
font-size: var(--bip-text-xs);
color: var(--bip-muted);
text-align: center;
font-style: italic;
margin: 0;
}
.bip-mcq-choices-wrap {
display: flex;
flex-direction: column;
gap: 0;
max-width: 600px;
margin: 0 auto;
width: 100%;
}
.bip-mcq-choice {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 20px;
border-bottom: 1px solid var(--bip-faint, #eee);
cursor: pointer;
transition: background 0.15s ease;
position: relative;
}
.bip-mcq-choice:first-child {
border-top: 1px solid var(--bip-faint, #eee);
}
.bip-mcq-choice:hover {
background: var(--bip-surface, #f7f9fb);
}
.bip-mcq-choice--selected {
background: var(--bip-surface, #f7f9fb);
}
.bip-mcq-radio {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.bip-mcq-indicator {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
min-width: 22px;
border: 2px solid var(--bip-mid, #888);
border-radius: 50%;
transition: border-color 0.15s ease, background 0.15s ease;
position: relative;
flex-shrink: 0;
}
.bip-mcq-indicator::after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--bip-black, #1a1a1a);
transform: scale(0);
transition: transform 0.15s ease;
}
.bip-mcq-radio:checked + .bip-mcq-indicator {
border-color: var(--bip-black, #1a1a1a);
}
.bip-mcq-radio:checked + .bip-mcq-indicator::after {
transform: scale(1);
}
.bip-mcq-choice-label {
font-size: var(--bip-text-base);
line-height: 1.4;
color: var(--bip-black);
} .bip-question-input-row--mcq {
display: flex;
justify-content: center;
gap: 0.75rem;
margin-top: 0.5em;
min-height: auto;
}
.bip-question-input-row.bip-question-input-row--mcq .bip-button-next.et_pb_button,
.bip-question-input-row.bip-question-input-row--mcq .bip-button-back.et_pb_button,
.bip-question-input-row.bip-question-input-row--mcq .bip-button-next,
.bip-question-input-row.bip-question-input-row--mcq .bip-button-back {
flex: 0 1 160px;
min-width: 120px;
box-sizing: border-box;
} @media (max-width: 600px) {
.bip-mcq-choice {
padding: 14px 16px;
gap: 12px;
}
.bip-mcq-choices-wrap {
max-width: 100%;
}
} .bip-result-card {
padding: 28px 32px;
margin-top: 3px;
}
.bip-result-card-label {
font-size: var(--bip-text-xs);
letter-spacing: 4px;
margin-bottom: 8px;
text-transform: uppercase;
}
.bip-result-card-text {
font-size: var(--bip-text-base);
line-height: 1.75;
max-width: 520px;
margin: 0;
} .bip-matrix-outer {
display: grid;
grid-template-columns: 28px 40px 1fr;
grid-template-rows: 1fr auto auto;
}
.bip-matrix-y-label {
grid-column: 1;
grid-row: 1;
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
}
.bip-matrix-y-label span {
font-size: var(--bip-text-md);
letter-spacing: 3px;
color: var(--bip-dark);
white-space: nowrap;
transform: rotate(-90deg);
display: block;
font-weight: 700;
text-transform: uppercase;
}
.bip-matrix-y-poles {
grid-column: 2;
grid-row: 1;
display: grid;
grid-template-rows: 1fr 1fr;
align-self: stretch;
padding-right: 8px;
}
.bip-matrix-pole-label {
font-size: var(--bip-text-xs);
letter-spacing: 3px;
color: var(--bip-muted);
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: 700;
}
.bip-matrix-pole-label--y {
justify-content: flex-end;
}
.bip-matrix-pole-label--x {
justify-content: center;
text-align: center;
}
.bip-matrix-grid {
grid-column: 3;
grid-row: 1;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 1px;
background: var(--bip-surface-warm-border);
border: 1px solid var(--bip-surface-warm-border);
aspect-ratio: 1;
position: relative;
}
.bip-matrix-cell {
position: relative;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 80px;
transition: opacity 0.3s;
}
.bip-matrix-ring {
position: absolute;
inset: 0;
pointer-events: none;
}
.bip-matrix-cell-name {
font-size: var(--bip-text-md);
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 4px;
}
.bip-matrix-cell-desc {
font-size: var(--bip-text-sm);
line-height: 1.5;
color: var(--bip-black);
max-width: 140px;
font-weight: 500;
}
.bip-matrix-svg {
position: absolute;
inset: 0;
pointer-events: none;
width: 100%;
height: 100%;
}
.bip-matrix-dot-label {
position: absolute;
font-size: var(--bip-text-xs);
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
white-space: nowrap;
pointer-events: none;
font-family: inherit;
line-height: 1;
background: rgba(255,255,255,0.75);
padding: 2px 5px;
border-radius: 2px;
} .bip-matrix-view-controls {
margin-top: 20px;
margin-bottom: 0;
} .bip-matrix-ind-dots-hidden .bip-matrix-ind-dot-group {
display: none;
}
.bip-matrix-x-poles {
grid-column: 3;
grid-row: 2;
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 8px;
}
.bip-matrix-x-label {
grid-column: 3;
grid-row: 3;
text-align: center;
font-size: var(--bip-text-md);
letter-spacing: 3px;
color: var(--bip-dark);
margin-top: 3px;
font-weight: 700;
text-transform: uppercase;
} .bip-matrix-result-card {
background: var(--bip-black);
color: var(--bip-text-on-dark);
padding: 28px 32px;
margin-top: 3px;
}
.bip-matrix-result-name {
font-size: var(--bip-text-xl);
margin-bottom: 14px;
line-height: 1;
font-weight: 300;
}
.bip-matrix-result-text {
font-size: var(--bip-text-base);
line-height: 1.75;
color: var(--bip-text-on-dark-muted);
max-width: 520px;
margin: 0;
} @media (max-width: 768px) {
.bip-chart-box-matrix {
max-width: 360px;
overflow: hidden;
}
.bip-matrix-outer {
grid-template-columns: 20px 28px 1fr;
}
.bip-matrix-y-label span {
font-size: var(--bip-text-sm);
letter-spacing: 2px;
}
.bip-matrix-cell {
padding: 10px;
min-height: 60px;
}
.bip-matrix-cell-name {
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
}
.bip-matrix-cell-desc {
font-size: var(--bip-text-xs);
max-width: none;
}
.bip-matrix-result-card {
padding: 20px 16px;
}
}  .bip-results,
.bip-team-results {
--bip-content-width: 100%;
}
@media (max-width: 768px) {
.bip-assessment-wrapper .bip-results,
.bip-team-results {
--bip-content-width: 95% !important;
width: 95% !important;
max-width: 95% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
}
.bip-tr-view-btn {
background: var(--bip-white);
color: var(--bip-dark);
}
.bip-tr-view-btn.bip-tr-view-active {
background: var(--bip-dark);
color: var(--bip-white);
}
.bip-team-header {
margin-bottom: 32px;
}
.bip-team-meta {
font-size: var(--bip-text-xs);
letter-spacing: 3px;
text-transform: uppercase;
color: var(--bip-muted);
margin-bottom: 6px;
}
.bip-team-name {
font-size: var(--bip-text-xl);
font-weight: 700;
margin: 0 0 4px 0;
letter-spacing: 2px;
text-transform: uppercase;
}
.bip-team-count {
font-size: var(--bip-text-sm);
color: #000;
margin: 0;
}
.bip-team-table-wrap {
margin-top: 32px;
overflow-x: auto;
}
.bip-team-table {
width: 100%;
border-collapse: collapse;
font-size: var(--bip-text-sm);
}
.bip-team-table th {
text-align: left;
padding: 10px 12px;
border-bottom: 2px solid var(--bip-black);
font-weight: 700;
letter-spacing: var(--bip-tracking);
text-transform: uppercase;
font-size: var(--bip-text-xs);
}
.bip-team-table td {
padding: 10px 12px;
border-bottom: var(--bip-border-light);
}
.bip-team-table tr:last-child td {
border-bottom: none;
}
.bip-team-lookup {
max-width: 480px;
margin: 40px auto;
text-align: center;
padding: 32px;
background: var(--bip-surface);
border: 1px solid #ddd;
}
.bip-team-lookup input[type="text"] {
width: 200px;
}
.bip-team-lookup p {
font-size: var(--bip-text-base);
margin-bottom: 16px;
}
.bip-team-lookup .bip-lookup-error {
color: #b32d2e;
}
.bip-team-lookup .bip-lookup-input {
padding: 12px 16px;
font-size: var(--bip-text-base);
width: 100%;
max-width: 360px;
margin: 0 auto 12px;
display: block;
} .bip-results-header {
margin-bottom: 24px;
}
.bip-results-header img {
width: 100%;
height: auto;
display: block;
margin-bottom: 20px;
}
.bip-results-header .bip-team-info {
margin: 12px 0 24px;
color: var(--bip-mid);
} .bip-results-cta {
margin: 32px 0;
}
.bip-results-cta img {
width: 100%;
height: auto;
display: block;
margin-bottom: 16px;
}
.bip-results-cta h3 {
margin-top: 0;
}
.bip-results-cta .bip-cta-btn {
display: inline-block;
margin-top: 12px;
} .bip-tr-table-wrap {
margin-bottom: 32px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.bip-tr-table {
width: 100%;
border-collapse: collapse;
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
table-layout: auto;
}
.bip-tr-table thead tr {
background: none;
border-bottom: 2px solid var(--bip-black);
}
.bip-tr-table th {
text-align: left;
padding: 6px 4px;
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
color: var(--bip-muted);
text-transform: uppercase;
letter-spacing: var(--bip-tracking-wide);
border-bottom: none;
font-weight: 400;
}
.bip-tr-table th.bip-col-center {
text-align: center;
}
.bip-tr-table tbody tr {
border-bottom: 1px solid var(--bip-faint);
}
.bip-tr-table td {
padding: 8px 4px;
}
.bip-tr-table td.bip-col-center {
text-align: center;
}
.bip-tr-table td.bip-col-name {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
text-transform: uppercase;
font-weight: 400;
}
.bip-tr-table .bip-tr-avg-row {
background: none;
font-weight: 700;
border-top: 2px solid var(--bip-black);
}
.bip-tr-table .bip-tr-avg-row td {
padding-top: 10px;
}
.bip-tr-table th.bip-col-avg,
.bip-tr-table td.bip-col-avg {
text-align: center;
font-weight: 700;
border-left: 2px solid var(--bip-black);
padding-left: 8px;
} .bip-tr-result-card {
padding: 28px 32px;
margin-top: 3px;
}
.bip-tr-result-card-label {
font-size: var(--bip-text-xs);
letter-spacing: 4px;
margin-bottom: 8px;
text-transform: uppercase;
}
.bip-tr-result-card-text {
font-size: var(--bip-text-base);
line-height: 1.75;
max-width: 520px;
margin: 0;
} .bip-tr-breakdown {
margin-bottom: 32px;
}
.bip-tr-controls {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.bip-tr-controls h3 {
margin: 0;
}
.bip-tr-btn-group {
display: flex;
border: 1px solid var(--bip-light);
border-radius: 4px;
overflow: hidden;
}
.bip-tr-view-btn {
padding: 6px 14px;
border: none;
cursor: pointer;
font-size: var(--bip-text-sm);
background: var(--bip-white);
color: var(--bip-dark);
}
.bip-tr-view-btn.bip-tr-view-active {
background: var(--bip-dark);
color: var(--bip-white);
} .bip-tr-group-block {
margin-bottom: 1.8rem;
}
.bip-tr-group-block h4 {
color: var(--bip-black);
background: none !important;
padding: 0;
margin: 0;
border-radius: 0;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
letter-spacing: var(--bip-tracking);
text-transform: uppercase;
line-height: 1.1;
}
.bip-tr-group-header {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 6px;
padding: 0 4px;
}
.bip-tr-group-header-text {
display: flex;
flex-direction: column;
gap: 1px;
}
.bip-tr-group-dot {
width: 12px;
height: 12px;
flex-shrink: 0;
margin-top: 4px;
}
.bip-tr-group-desc {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: var(--bip-muted);
}
.bip-tr-group-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.bip-tr-group-table {
width: 100%;
border-collapse: collapse;
border: none;
border-top: none;
table-layout: auto;
}
.bip-tr-group-table thead tr {
background: none;
border-bottom: 2px solid var(--bip-black);
}
.bip-tr-group-table th {
text-align: left;
padding: 6px 4px;
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
color: var(--bip-muted);
text-transform: uppercase;
letter-spacing: var(--bip-tracking-wide);
border-bottom: none;
font-weight: 400;
}
.bip-tr-group-table th.bip-col-center {
text-align: center;
}
.bip-tr-group-table th.bip-tr-col-group-th {
width: 65px;
padding: 6px 2px;
}
.bip-tr-group-table th.bip-tr-col-ind-th {
width: auto;
min-width: 36px;
max-width: 52px;
white-space: nowrap;
padding: 6px 2px;
font-size: 10px;
}
.bip-tr-group-table tbody tr {
border-bottom: 1px solid var(--bip-faint);
}
.bip-tr-group-table td {
padding: 8px 4px;
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
}
.bip-tr-group-table td:first-child {
min-width: 180px;
}
.bip-tr-group-table td.bip-col-center {
text-align: center;
padding: 8px 2px;
}
.bip-tr-group-table td.bip-col-center.bip-col-bold {
font-weight: 700;
white-space: nowrap;
}
.bip-tr-q-label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
text-transform: uppercase;
font-weight: 400;
} .bip-tr-group-table .bip-question-row--bipolar {
display: grid;
grid-template-columns: minmax(60px, 1fr) auto minmax(60px, 1fr);
align-items: center;
gap: 6px;
width: 100%;
} .bip-tr-bipolar-badges {
display: flex;
flex-wrap: wrap;
gap: 4px;
justify-content: center;
align-items: center;
} .bip-tr-group-table .bip-question-row--bipolar.has-number {
grid-template-columns: 24px minmax(60px, 1fr) auto minmax(60px, 1fr);
}
.bip-tr-group-table .bip-q-number {
font-size: var(--bip-text-base);
font-weight: 700;
color: var(--bip-mid);
min-width: 24px;
}
.bip-tr-group-table .bip-q-pole-left {
text-align: right;
font-size: var(--bip-text-sm);
color: var(--bip-dark);
padding-right: 4px;
min-width: 60px;
}
.bip-tr-group-table .bip-q-pole-right {
text-align: left;
font-size: var(--bip-text-sm);
color: var(--bip-dark);
padding-left: 4px;
min-width: 60px;
}
.bip-tr-group-table .bip-q-answer-badge {
flex: 0 0 auto;
min-width: 36px;
text-align: center;
color: var(--bip-white);
font-weight: 700;
padding: 4px 8px;
border-radius: 3px;
}
.bip-tr-group-table .bip-q-answer-badge--group {
background: var(--bip-dark);
font-size: var(--bip-text-sm);
}
.bip-tr-group-table .bip-q-answer-badge--ind {
font-size: var(--bip-text-sm);
padding: 4px 6px;
} .bip-tr-q-statement-row {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 6px;
width: 100%;
}
.bip-tr-q-statement-row .bip-q-number {
flex: 0 0 auto;
font-size: var(--bip-text-sm);
font-weight: 600;
color: var(--bip-dark);
min-width: 22px;
font-family: var(--bip-font-body);
letter-spacing: normal;
}
.bip-tr-q-question-text {
font-size: var(--bip-text-sm);
color: var(--bip-dark);
font-weight: 600;
} .bip-tr-q-statement-row .bip-tr-q-question-text {
flex: 1;
text-align: center;
margin-bottom: 0;
}
.bip-tr-placeholder {
padding: 0;
width: 0;
border: none;
} .bip-tr-bottom-img {
width: 100%;
height: auto;
display: block;
margin: 24px 0;
} .bip-team-results .bip-results-text {
margin-bottom: 32px;
} .bip-start-form {
width: 100%;
box-sizing: border-box;
} .bip-start-info-heading {
width: var(--bip-content-width);
margin: 0.3em auto 0.2em;
padding: 0;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
letter-spacing: var(--bip-tracking);
line-height: 1.1;
color: var(--bip-black);
text-align: center;
box-sizing: border-box;
}
.bip-start-info-box {
width: var(--bip-content-width);
margin: 0.5em auto 1.5em;
padding: 0;
box-sizing: border-box;
background: var(--bip-surface, #f7f9fb);
border: var(--bip-border, 2px solid #000);
border-radius: var(--bip-radius, 0);
overflow: hidden;
}
.bip-start-info-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
}
.bip-start-info-item {
display: flex;
flex-direction: column;
padding: 8px 16px;
border-bottom: 1px solid rgba(0,0,0,0.08);
border-right: 1px solid rgba(0,0,0,0.08);
}
.bip-start-info-item:nth-child(2n) {
border-right: none;
}
.bip-start-info-item:nth-last-child(-n+2) {
border-bottom: none;
}
.bip-start-info-item:last-child:nth-child(odd) {
grid-column: 1 / -1;
border-right: none;
}
.bip-start-info-label {
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted, #888);
margin-bottom: 2px;
line-height: 1.3;
}
.bip-start-info-value {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
font-weight: 500;
color: var(--bip-dark, #1a1a1a);
word-break: break-word;
line-height: 1.3;
}
@media (max-width: 480px) {
.bip-start-info-grid {
grid-template-columns: 1fr;
}
.bip-start-info-item {
border-right: none;
}
.bip-start-info-item:last-child {
border-bottom: none;
}
}  .bip-start-fields-heading {
width: var(--bip-content-width);
margin: 0.3em auto 0.2em;
padding: 0;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
letter-spacing: var(--bip-tracking);
line-height: 1.1;
color: var(--bip-black);
text-align: center;
box-sizing: border-box;
} .bip-start-fields {
width: var(--bip-content-width);
margin: 0.5em auto 1.5em;
padding: 0;
box-sizing: border-box;
}
@media (min-width: 769px) {
.bip-start-fields {
padding: 0;
}
} .bip-start-fields-card {
background: var(--bip-surface, #f7f9fb);
border: var(--bip-border, 2px solid #000);
border-radius: var(--bip-radius, 0);
padding: 20px 20px 8px;
box-sizing: border-box;
} .bip-start-fields-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0 16px;
}
@media (min-width: 769px) {
.bip-start-fields-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.bip-start-field-group {
margin-bottom: 14px;
}
.bip-start-field-label {
display: block;
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted, #888);
margin-bottom: 4px;
text-align: left;
line-height: 1.3;
}
.bip-start-field-required {
color: var(--bip-error, #d32f2f);
}
.bip-start-field-input {
display: block;
width: 100%;
box-sizing: border-box;
font-size: var(--bip-text-base, 15px);
padding: 10px 14px;
border: 1px solid #999;
border-radius: var(--bip-radius, 0);
background-color: #fff;
font-family: var(--bip-font-body);
color: #000;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
-webkit-appearance: none;
outline: none;
}
.bip-start-field-input:focus {
outline: none;
border-color: var(--bip-black, #000);
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.bip-start-field-input.bip-field-error {
border-color: var(--bip-error, #d32f2f);
background-color: var(--bip-error-bg, #fff5f5);
}
.bip-start-error {
margin: 0 0 1em;
width: var(--bip-content-width);
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) {
.bip-start-field-input {
font-size: var(--bip-text-base, 15px);
}
}
.bip-start-below-fields {
width: var(--bip-content-width);
max-width: 90%;
margin: 0 auto 1.2em;
padding: 0;
text-align: center;
} .bip-start-field-hint {
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
color: var(--bip-muted, #888);
letter-spacing: var(--bip-tracking);
line-height: 1.4;
margin-top: 5px;
text-align: left;
} .bip-anon-toggle {
display: flex;
align-items: center;
gap: 8px;
margin: 4px 0 14px;
cursor: pointer;
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
color: var(--bip-black);
line-height: 1.3;
user-select: none;
}
.bip-anon-toggle input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: var(--bip-accent);
cursor: pointer;
flex-shrink: 0;
}
@media (min-width: 769px) {
.bip-start-below-fields {
padding: 0;
}
} .bip-toggle-switch {
position: relative;
display: inline-block;
width: 40px;
height: 22px;
vertical-align: middle;
}
.bip-toggle-switch input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.bip-toggle-slider {
position: absolute;
cursor: pointer;
top: 0; left: 0; right: 0; bottom: 0;
background-color: var(--bip-light);
border-radius: 22px;
transition: background-color 0.2s;
}
.bip-toggle-slider:before {
position: absolute;
content: '';
height: 16px;
width: 16px;
left: 3px;
bottom: 3px;
background-color: var(--bip-white);
border-radius: 50%;
transition: transform 0.2s;
}
.bip-toggle-switch input:checked + .bip-toggle-slider {
background-color: #2271b1;
}
.bip-toggle-switch input:checked + .bip-toggle-slider:before {
transform: translateX(18px);
}
.bip-toggle-slider.bip-toggle-disabled {
opacity: 0.4;
cursor: not-allowed;
}
.bip-start-fields-table td,
.bip-start-fields-table th {
vertical-align: middle;
padding: 10px 8px;
}  .bip-q-mcq-status {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
min-width: 26px;
height: 26px;
border-radius: 50%;
font-size: 14px;
font-weight: 700;
line-height: 1;
flex-shrink: 0;
margin-left: auto;
}
.bip-q-mcq-status--correct {
background: rgba(58, 143, 0, 0.12);
color: #3a8f00;
}
.bip-q-mcq-status--wrong {
background: rgba(214, 54, 56, 0.10);
color: #d63638;
} .bip-q-mcq-results {
margin: 0;
padding-left: 4px;
display: flex;
flex-direction: column;
gap: 0;
}
.bip-q-mcq-result-choice {
display: flex;
align-items: center;
gap: 10px;
padding: 6px 4px 6px 24px;
border-bottom: 1px solid var(--bip-faint, #eee);
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: var(--bip-black, #1a1a1a);
transition: background 0.15s;
}
.bip-q-mcq-result-choice:first-child {
border-top: none;
}
.bip-q-mcq-result-choice:last-child {
border-bottom: 1px solid var(--bip-faint, #eee);
} .bip-q-mcq-result-choice--correct {
background: rgba(58, 143, 0, 0.08);
} .bip-q-mcq-result-choice--wrong {
background: rgba(214, 54, 56, 0.06);
} .bip-q-mcq-result-choice--correct-ref {
background: rgba(58, 143, 0, 0.04);
} .bip-q-mcq-result-marker {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
min-width: 22px;
height: 22px;
font-size: 14px;
font-weight: 700;
line-height: 1;
border-radius: 50%;
}
.bip-q-mcq-marker--correct {
color: #3a8f00;
background: rgba(58, 143, 0, 0.1);
}
.bip-q-mcq-marker--wrong {
color: #d63638;
background: rgba(214, 54, 56, 0.08);
}
.bip-q-mcq-result-text {
flex: 1;
line-height: 1.4;
} .bip-q-mcq-result-tag {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
padding: 2px 8px;
border-radius: 3px;
white-space: nowrap;
flex-shrink: 0;
}
.bip-q-mcq-result-tag--answer {
background: rgba(214, 54, 56, 0.08);
color: #d63638;
}
.bip-q-mcq-result-choice--correct .bip-q-mcq-result-tag--answer {
background: rgba(58, 143, 0, 0.1);
color: #3a8f00;
}
.bip-q-mcq-result-tag--correct {
background: rgba(58, 143, 0, 0.1);
color: #3a8f00;
}
.bip-q-mcq-result-explanation {
font-size: 0.82rem;
color: #666;
padding: 4px 4px 8px 60px;
font-style: italic;
line-height: 1.4;
} .bip-q-mcq-result-pct {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
min-width: 36px;
text-align: right;
color: var(--bip-muted, #888);
flex-shrink: 0;
} .bip-tr-mcq-question-row td,
.bip-tr-mcq-choices-row td {
padding: 0;
border-bottom: none;
}
.bip-tr-mcq-question-row .bip-question-row {
border-bottom: 1px solid var(--bip-faint, #eee);
}
.bip-tr-mcq-choices-row .bip-q-mcq-results {
margin-bottom: 0.4rem;
} .bip-tr-mcq-ind-detail {
display: none;
} .bip-mcq-overview-block {
text-align: center;
margin: 0.5rem auto 1.5rem;
max-width: 560px;
}
.bip-mcq-score-summary {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
margin-bottom: 1.2rem;
flex-wrap: wrap;
}
.bip-mcq-score-circle {
width: 110px;
height: 110px;
border-radius: 50%;
border: 4px solid var(--bip-border-color, #1a1a1a);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.bip-mcq-score-pct {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
line-height: 1;
color: var(--bip-black, #1a1a1a);
letter-spacing: var(--bip-tracking);
}
.bip-mcq-score-label {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: #666;
margin-top: 2px;
}
.bip-mcq-score-details {
display: flex;
gap: 1.8rem;
}
.bip-mcq-score-stat {
display: flex;
flex-direction: column;
align-items: center;
}
.bip-mcq-stat-num {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
line-height: 1;
color: var(--bip-black, #1a1a1a);
letter-spacing: var(--bip-tracking);
}
.bip-mcq-stat-label {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: #666;
margin-top: 2px;
}
.bip-chart-box-mcq-overview {
max-width: 300px;
margin: 0 auto;
} .bip-mcq-per-category-block {
margin: 0.5rem auto 1.5rem;
max-width: 640px;
}
.bip-mcq-cat-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.bip-mcq-cat-label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-md);
letter-spacing: var(--bip-tracking);
color: var(--bip-black, #1a1a1a);
min-width: 130px;
text-align: right;
flex-shrink: 0;
}
.bip-mcq-cat-bar-wrap {
flex: 1;
display: flex;
align-items: center;
gap: 10px;
}
.bip-mcq-cat-bar-track {
flex: 1;
height: 22px;
background: #f0f0f0;
border-radius: 4px;
overflow: hidden;
}
.bip-mcq-cat-bar-fill {
height: 100%;
border-radius: 4px;
transition: width 0.6s ease-out;
}
.bip-mcq-cat-stat {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: #555;
min-width: 90px;
white-space: nowrap;
}
.bip-chart-box-mcq-per-category {
margin-top: 1.2rem;
min-height: 200px;
} @media (max-width: 768px) {
.bip-q-mcq-results {
padding-left: 0;
}
.bip-q-mcq-result-choice {
gap: 8px;
padding: 6px 4px 6px 12px;
font-size: var(--bip-text-sm);
}
.bip-q-mcq-result-tag {
font-size: 0.6rem;
padding: 1px 6px;
}
.bip-mcq-score-summary {
gap: 1.2rem;
}
.bip-mcq-score-circle {
width: 90px;
height: 90px;
}
.bip-mcq-score-pct {
font-size: 2rem;
}
.bip-mcq-score-details {
gap: 1.2rem;
}
.bip-mcq-stat-num {
font-size: 1.5rem;
}
.bip-mcq-cat-row {
flex-wrap: wrap;
gap: 4px;
}
.bip-mcq-cat-label {
min-width: 100%;
text-align: left;
font-size: 1rem;
margin-bottom: 2px;
}
.bip-mcq-cat-bar-wrap {
width: 100%;
}
} .bip-hide-mobile { display: block; }
.bip-show-mobile { display: none;  }
@media (max-width: 768px) {
.bip-hide-mobile { display: none;  }
.bip-show-mobile { display: block; }
} .bip-table-block {
width: var(--bip-content-width);
margin: 1.2rem auto;
border: var(--bip-border);
border-radius: var(--bip-radius-soft);
box-sizing: border-box;
background-color: var(--bip-surface);
overflow: hidden;
}
.bip-table-block--no-border {
border: none;
background-color: transparent;
}
.bip-table-block--no-border .bip-table-block-cell {
border-bottom: none;
border-right: none;
}
.bip-table-block-grid {
display: grid;
}
.bip-table-block-grid--1col { grid-template-columns: 1fr; }
.bip-table-block-grid--2col { grid-template-columns: 1fr 1fr; }
.bip-table-block-grid--3col { grid-template-columns: 1fr 1fr 1fr; }
.bip-table-block-grid--4col { grid-template-columns: 1fr 1fr 1fr 1fr; }
@media (max-width: 480px) {
.bip-table-block-grid--2col,
.bip-table-block-grid--3col,
.bip-table-block-grid--4col {
grid-template-columns: 1fr 1fr;
}
}
.bip-table-block-cell {
display: flex;
flex-direction: column;
padding: 6px 16px;
border-bottom: 1px solid rgba(0,0,0,0.08);
border-right: 1px solid rgba(0,0,0,0.08);
box-sizing: border-box;
min-width: 0; }
.bip-table-block-cell:nth-child(2n)   { border-right: none; }
.bip-table-block-grid--1col .bip-table-block-cell                    { border-right: none; }
.bip-table-block-grid--3col .bip-table-block-cell:nth-child(2n)      { border-right: 1px solid rgba(0,0,0,0.08); }
.bip-table-block-grid--3col .bip-table-block-cell:nth-child(3n)      { border-right: none; }
.bip-table-block-grid--4col .bip-table-block-cell:nth-child(2n)      { border-right: 1px solid rgba(0,0,0,0.08); }
.bip-table-block-grid--4col .bip-table-block-cell:nth-child(4n)      { border-right: none; }
.bip-table-block-label {
display: block;
font-family: var(--bip-font-body);
font-size: var(--bip-text-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: var(--bip-tracking-wide);
color: #000 !important;
margin-bottom: 3px;
line-height: 1.3;
}
.bip-table-block-value {
display: block;
font-family: var(--bip-font-body);
font-size: var(--bip-text-base, 15px);
color: inherit;
line-height: 1.4;
word-break: break-word;
overflow-wrap: break-word;
}  .bip-tr-pw-breakdown .bip-tr-group-table-wrap {
overflow-x: auto;
} .bip-tr-pw-item-cell {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 12px 11px 0 !important;
min-width: 140px;
}
.bip-tr-pw-rank-badge {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-md);
line-height: 1;
color: #ccc;
min-width: 22px;
text-align: right;
flex-shrink: 0;
} .bip-tr-pw-table tbody tr:first-child .bip-tr-pw-rank-badge {
color: var(--bip-black);
} .bip-tr-pw-w {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: #1a7a4a;
}
.bip-tr-pw-l {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: #c0392b;
} .bip-tr-pw-ind-score {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
white-space: nowrap;
}
.bip-tr-pw-ind-w { color: #1a7a4a; }
.bip-tr-pw-ind-l { color: #c0392b; }    .bip-pw-detail-block {
padding: 0;
background: #fff;
border-radius: 12px;
border: 1px solid var(--bip-warm-border);
overflow: hidden;
} .bip-pw-detail-hdr {
display: none;
}
.bip-pw-detail-hcell {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted, #999);
font-weight: 400;
text-transform: uppercase;
}
.bip-pw-detail-hcell--num  { text-align: center; }
.bip-pw-detail-hcell--pair { padding-left: 0; } .bip-pw-detail-row {
display: flex;
align-items: center;
padding: 0.65rem 1rem;
border-bottom: 1px solid var(--bip-warm-faint);
gap: 0.6rem;
transition: background 0.12s;
}
.bip-pw-detail-row:hover { background: var(--bip-warm-faint); }
.bip-pw-detail-row--skipped { opacity: 0.45; } .bip-pw-detail-num {
font-family: var(--bip-font-heading);
font-size: 15px;
letter-spacing: var(--bip-tracking-wide);
color: #888;
min-width: 28px;
text-align: center;
flex-shrink: 0;
} .bip-pw-detail-pair {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
} .bip-pw-detail-vs {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: #888;
flex-shrink: 0;
text-transform: uppercase;
} .bip-pw-detail-badge {
flex: 1;
font-family: var(--bip-font-heading);
font-size: 12px;
letter-spacing: var(--bip-tracking-wide);
text-transform: uppercase;
padding: 6px 12px;
border-radius: 0;
text-align: center;
white-space: nowrap;
}
.bip-pw-detail-badge--winner {
background: #16a34a;
color: #fff;
}
.bip-pw-detail-badge--loser {
background: #dc2626;
color: #fff;
}
.bip-pw-detail-badge--skip {
background: #eee;
color: #bbb;
}
.bip-pw-detail-badge--tie {
background: #f59e0b;
color: #fff;
}  .bip-pairwise-items-screen {
padding: 8px 0 24px;
max-width: 620px;
margin: 0 auto;
} .bip-pw-entry-card {
background: var(--bip-white, #fff);
border: 1px solid var(--bip-faint, #e5e7eb);
border-radius: 12px;
padding: 28px 28px 20px;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
} .bip-pw-entry-header {
margin-bottom: 24px;
}
.bip-pw-entry-icon {
font-size: 28px;
line-height: 1;
margin-bottom: 10px;
}
.bip-pw-entry-heading {
font-size: var(--bip-text-lg);
margin: 0 0 6px;
color: var(--bip-black);
letter-spacing: 0.4px;
}
.bip-pw-entry-desc {
color: var(--bip-muted);
font-size: var(--bip-text-sm);
margin: 0;
line-height: 1.5;
} .bip-pw-entry-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 16px;
}
.bip-pw-entry-row {
display: flex;
align-items: center;
gap: 10px;
}
.bip-pw-entry-num {
width: 26px;
height: 26px;
min-width: 26px;
border-radius: 50%;
background: var(--bip-surface, #f3f4f6);
color: var(--bip-muted);
display: flex;
align-items: center;
justify-content: center;
font-size: var(--bip-text-sm);
font-family: var(--bip-font-heading);
flex-shrink: 0;
}
.bip-pw-entry-input {
flex: 1;
padding: 11px 14px;
border: 1px solid var(--bip-faint, #e5e7eb);
border-radius: 8px;
font-size: var(--bip-text-base);
font-family: var(--bip-font-body);
color: var(--bip-black);
background: var(--bip-white, #fff);
transition: border-color 0.15s, box-shadow 0.15s;
}
.bip-pw-entry-input:focus {
outline: none;
border-color: var(--bip-black);
box-shadow: 0 0 0 3px rgba(0,0,0,.07);
}
.bip-pw-entry-remove {
background: none;
border: 1px solid var(--bip-faint, #e5e7eb);
border-radius: 8px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--bip-muted);
font-size: 18px;
line-height: 1;
flex-shrink: 0;
transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.bip-pw-entry-remove:hover:not(:disabled) {
color: #c0392b;
border-color: #c0392b;
background: #fef2f2;
}
.bip-pw-entry-remove:disabled {
opacity: 0.25;
cursor: not-allowed;
} .bip-pw-entry-add-area {
padding-top: 4px;
margin-bottom: 18px;
}
.bip-pw-entry-add-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: none;
border: 1.5px dashed var(--bip-mid, #9ca3af);
border-radius: 8px;
padding: 9px 20px;
cursor: pointer;
color: var(--bip-muted);
font-size: var(--bip-text-sm);
font-family: var(--bip-font-body);
transition: color 0.15s, border-color 0.15s;
}
.bip-pw-entry-add-btn:hover {
color: var(--bip-black);
border-color: var(--bip-black);
}
.bip-pw-entry-add-icon {
font-size: 18px;
line-height: 1;
font-weight: 300;
} .bip-pw-entry-info-bar {
padding-top: 14px;
border-top: 1px solid var(--bip-faint, #e5e7eb);
}
.bip-pair-count {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: #555;
font-style: normal;
padding-top: 14px;
text-align: right;
width: 100%;
} .bip-pw-entry-error {
color: #c0392b;
font-size: var(--bip-text-sm);
margin: 10px 0 0;
padding: 10px 14px;
background: #fef2f2;
border-radius: 6px;
border: 1px solid #fca5a5;
}
.bip-pairwise-error {
color: #c0392b;
font-size: var(--bip-text-sm);
margin: 0;
}
.bip-question-input-row--pairwise {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 16px;
min-height: auto;
} .bip-pairwise-items-list-block {
max-width: 640px;
margin: 0 auto;
padding: 0 0 8px;
} .bip-pairwise-items-display-list {
list-style: none;
padding: 0;
margin: 0;
}
.bip-pairwise-items-display-item {
display: flex;
align-items: center;
gap: 18px;
padding: 17px 0;
border-bottom: 1px solid #e8e8e8;
}
.bip-pairwise-items-display-list .bip-pairwise-items-display-item:first-child {
border-top: 1px solid #e8e8e8;
}
.bip-pairwise-item-num {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
line-height: 1;
color: #e8e8e8;
width: 44px;
flex-shrink: 0;
text-align: right;
}
.bip-pairwise-item-bar {
width: 3px;
height: 30px;
background: var(--bip-black);
flex-shrink: 0;
}
.bip-pairwise-item-text {
font-family: var(--bip-font-body);
font-size: var(--bip-text-md);
color: var(--bip-black);
letter-spacing: var(--bip-tracking);
} .bip-pairwise-question-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
padding: 28px 0 16px;
max-width: 680px;
margin: 0 auto;
} .bip-pairwise-prompt {
text-align: left;
margin: 0 0 6px;
line-height: 1;
} .bip-pairwise-prompt-underline {
width: 60px;
height: 3px;
background: var(--bip-accent);
margin-bottom: 28px;
flex-shrink: 0;
} .bip-pairwise-progress-wrap {
width: 100%;
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 32px;
} .bip-pairwise-progress-track {
flex: 1;
height: 2px;
background: #e8e8e8;
position: relative;
}
.bip-pairwise-progress-bar {
position: absolute;
left: 0; top: 0; bottom: 0;
background: var(--bip-black);
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
min-width: 4px;
}
.bip-pairwise-progress-label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted);
white-space: nowrap;
flex-shrink: 0;
} .bip-pairwise-slide-panel {
width: 100%;
}
@keyframes bip-pw-slide-in {
from { transform: translateX(40px); opacity: 0; }
to   { transform: translateX(0);    opacity: 1; }
}
.bip-pairwise-slide-panel--entering {
animation: bip-pw-slide-in 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
} .bip-pairwise-card-area {
display: flex;
gap: 2px;
align-items: stretch;
width: 100%;
}
.bip-pairwise-card {
flex: 1 1 0;
min-width: 0;
word-wrap: break-word;
overflow-wrap: break-word;
min-height: 160px;
display: flex;
flex-direction: column;
align-items: center !important;
justify-content: space-between;
padding: 28px 24px;
border: 2px solid var(--bip-black);
border-radius: 0;
background-color: #fff;
cursor: pointer;
text-align: center !important;
transition: background-color 0.45s ease;
position: relative;
will-change: background-color;
}
.bip-pairwise-card:hover {
background-color: #f5f5f5;
transform: none;
box-shadow: none;
}
.bip-pairwise-card--selected {
border-color: var(--bip-black);
background-color: #000 !important;
}
.bip-pairwise-card--confirming {
animation: bip-pw-confirm 0.55s ease forwards;
}
@keyframes bip-pw-confirm {
0%   { transform: scale(1); }
40%  { transform: scale(1.015); }
100% { transform: scale(1); }
} .bip-pairwise-card-option-label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-base);
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted);
margin-bottom: 14px;
flex-shrink: 0;
text-align: center !important;
width: 100%;
}
.bip-pairwise-card--selected .bip-pairwise-card-option-label {
color: #666;
transition: color 0.4s ease;
}
.bip-pairwise-card-text {
font-size: 20px !important;
line-height: 1.4;
color: var(--bip-black);
font-family: var(--bip-font-body);
flex: 1;
text-align: center !important;
transition: color 0.4s ease;
}
@media (max-width: 600px) {
.bip-pairwise-card-text {
font-size: 22px !important;
text-align: center !important;
}
}
.bip-pairwise-card--selected .bip-pairwise-card-text {
color: #fff;
}
.bip-pairwise-card-tick {
font-family: var(--bip-font-heading);
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.15em;
color: var(--bip-green);
opacity: 0;
transition: opacity 0.45s ease 0.2s;
margin-top: 14px;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
width: 100%;
} .bip-pairwise-card-area .bip-pairwise-card:first-child .bip-pairwise-card-tick {
align-items: flex-start;
} .bip-pairwise-card-area .bip-pairwise-card:last-child .bip-pairwise-card-tick {
align-items: flex-end;
} .bip-pairwise-card-tick::before {
content: "✓";
display: block;
font-size: 42px !important;
line-height: 1;
font-weight: 700;
color: var(--bip-green);
} .bip-pairwise-card-tick { font-size: 0 !important;
}
.bip-pairwise-card-tick::after {
content: "SELECTED";
font-size: 11px;
font-weight: 700;
letter-spacing: 0.15em;
color: var(--bip-green);
}
.bip-pairwise-card--selected .bip-pairwise-card-tick {
opacity: 1;
}
.bip-pairwise-or {
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: #bbb;
text-transform: uppercase;
flex-shrink: 0;
min-width: 36px;
}
.bip-pairwise-skip {
opacity: 0.55;
font-size: var(--bip-text-sm) !important;
}
@media (max-width: 600px) {
.bip-pairwise-question-wrap {
padding: 20px 0 12px;
}
.bip-pairwise-card-area {
flex-direction: column;
gap: 2px;
}
.bip-pairwise-or {
min-width: auto;
padding: 6px 0;
}
.bip-pairwise-card {
min-height: 100px;
padding: 14px 18px 24px; }
.bip-pairwise-item-num {
font-size: 28px;
width: 34px;
}
.bip-pairwise-item-text {
font-size: var(--bip-text-base);
}
}  .bip-pw-ranked-block,
.bip-pw-list-block,
.bip-pw-winloss-block,
.bip-pw-pct-block {
padding: 8px 0 16px;
} .bip-pw-item-card {
display: flex;
align-items: stretch;
border: 1px solid var(--bip-warm-border);
border-radius: var(--bip-radius-sm);
background: var(--bip-white, #fff);
margin-bottom: 6px;
overflow: hidden;
transition: border-color 0.15s, box-shadow 0.15s;
}
.bip-pw-item-card:hover { box-shadow: 0 1px 6px rgba(0,0,0,0.05); } .bip-pw-item-card--top   { border-color: var(--bip-black); border-width: 2px; }
.bip-pw-item-card--top-2 { border-color: #555; border-width: 2px; }
.bip-pw-item-card--top-3 { border-color: #999; border-width: 1.5px; } .bip-pw-rank-strip {
width: 52px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--bip-warm-faint);
border-right: 1px solid var(--bip-warm-border);
}
.bip-pw-item-card--top .bip-pw-rank-strip {
background: var(--bip-black);
border-right-color: var(--bip-black);
}
.bip-pw-item-card--top-2 .bip-pw-rank-strip {
background: #555;
border-right-color: #555;
}
.bip-pw-item-card--top-3 .bip-pw-rank-strip {
background: #999;
border-right-color: #999;
}
.bip-pw-rank-strip-num {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
line-height: 1;
color: #ccc;
}
.bip-pw-item-card--top   .bip-pw-rank-strip-num { color: var(--bip-green); }
.bip-pw-item-card--top-2 .bip-pw-rank-strip-num { color: var(--bip-green-hover); }
.bip-pw-item-card--top-3 .bip-pw-rank-strip-num { color: #fff; } .bip-pw-card-body {
flex: 1;
padding: 12px 16px;
min-width: 0;
}
.bip-pw-card-name {
font-family: var(--bip-font-body);
font-size: var(--bip-text-md);
color: var(--bip-black);
margin-bottom: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bip-pw-card-bar-track {
height: 5px;
background: var(--bip-warm-faint);
border-radius: 3px;
position: relative;
overflow: hidden;
}
.bip-pw-card-bar-fill {
position: absolute;
left: 0; top: 0; bottom: 0;
border-radius: 3px;
transition: width 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.bip-pw-card-meta {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-warm-muted);
margin-top: 5px;
} .bip-pw-card-score {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
line-height: 1;
padding: 0 18px;
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
min-width: 72px;
color: #ccc;
}
.bip-pw-item-card--top   .bip-pw-card-score { color: var(--bip-black); }
.bip-pw-item-card--top-2 .bip-pw-card-score { color: #555; }
.bip-pw-item-card--top-3 .bip-pw-card-score { color: #888; } .bip-pw-list-block { padding: 8px 0 16px; }
.bip-pw-list-header {
display: grid;
grid-template-columns: 52px 1fr 60px;
padding: 6px 0;
border-top: 2px solid var(--bip-black);
border-bottom: 2px solid var(--bip-black);
margin-bottom: 4px;
}
.bip-pw-list-hcell {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted, #999);
font-weight: 400;
text-transform: uppercase;
}
.bip-pw-list-hcell--rank  { text-align: center; }
.bip-pw-list-hcell--item  { padding-left: 14px; }
.bip-pw-list-hcell--score { text-align: center; }
.bip-pw-list-row {
display: grid;
grid-template-columns: 52px 1fr 60px;
align-items: stretch;
border: 1px solid var(--bip-warm-border);
border-radius: var(--bip-radius-sm);
margin-bottom: 5px;
overflow: hidden;
transition: background 0.12s;
}
.bip-pw-list-row:hover { background: var(--bip-warm-faint); }
.bip-pw-list-row--top   { border-color: var(--bip-black); border-width: 2px; }
.bip-pw-list-row--top-2 { border-color: #555; border-width: 2px; }
.bip-pw-list-row--top-3 { border-color: #999; border-width: 1.5px; }
.bip-pw-list-strip {
background: var(--bip-warm-faint);
border-right: 1px solid var(--bip-warm-border);
display: flex;
align-items: center;
justify-content: center;
min-height: 46px;
}
.bip-pw-list-row--top .bip-pw-list-strip {
background: var(--bip-black); border-right-color: var(--bip-black);
}
.bip-pw-list-row--top-2 .bip-pw-list-strip {
background: #555; border-right-color: #555;
}
.bip-pw-list-row--top-3 .bip-pw-list-strip {
background: #999; border-right-color: #999;
}
.bip-pw-list-ranknum {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
line-height: 1;
color: #ccc;
}
.bip-pw-list-row--top   .bip-pw-list-ranknum { color: var(--bip-green); }
.bip-pw-list-row--top-2 .bip-pw-list-ranknum { color: var(--bip-green-hover); }
.bip-pw-list-row--top-3 .bip-pw-list-ranknum { color: #fff; }
.bip-pw-list-item {
font-family: var(--bip-font-body);
font-size: var(--bip-text-md);
color: var(--bip-black);
padding: 12px 0 12px 14px;
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bip-pw-list-score {
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid var(--bip-warm-border);
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: var(--bip-muted, #888);
} .bip-pw-wl-table { width: 100%; }
.bip-pw-wl-header {
display: grid;
grid-template-columns: 52px 1fr 56px 56px 90px;
border-top: 2px solid var(--bip-black);
border-bottom: 2px solid var(--bip-black);
padding: 7px 0;
}
.bip-pw-wl-header .bip-pw-wl-cell {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: var(--bip-muted);
text-align: center;
}
.bip-pw-wl-header .bip-pw-wl-name {
text-align: left; padding-left: 14px;
}
.bip-pw-wl-row {
display: grid;
grid-template-columns: 52px 1fr 56px 56px 90px;
border-bottom: 1px solid var(--bip-warm-border);
align-items: center;
transition: background 0.1s;
}
.bip-pw-wl-row:nth-child(odd) { background: var(--bip-warm-faint); }
.bip-pw-wl-row:hover { background: var(--bip-warm-hover); }
.bip-pw-wl-rank-cell {
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
background: var(--bip-warm-faint);
border-right: 1px solid var(--bip-warm-border);
font-family: var(--bip-font-heading);
font-size: var(--bip-text-base);
color: #ccc;
}
.bip-pw-wl-row:first-of-type .bip-pw-wl-rank-cell {
background: var(--bip-black);
color: var(--bip-green);
border-right-color: var(--bip-black);
}
.bip-pw-wl-cell { padding: 11px 12px; text-align: center; }
.bip-pw-wl-name {
text-align: left;
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: var(--bip-black);
padding-left: 14px;
}
.bip-pw-wl-w {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: var(--bip-win-text);
text-align: center;
}
.bip-pw-wl-l {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: var(--bip-lose-text);
text-align: center;
}
.bip-pw-wl-pct {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: var(--bip-black);
text-align: center;
} .bip-pw-wl-pill {
display: inline-block;
padding: 2px 10px;
border-radius: 100px;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking);
}
.bip-pw-pct-row { display: none; }
@media (max-width: 600px) {
.bip-pw-rank-strip { width: 40px; }
.bip-pw-rank-strip-num { font-size: var(--bip-text-base); }
.bip-pw-card-score { font-size: 24px; min-width: 54px; padding: 0 12px; }
.bip-pw-card-name { font-size: var(--bip-text-base); }
.bip-pw-wl-header,
.bip-pw-wl-row { grid-template-columns: 40px 1fr 44px 44px 70px; }
.bip-pw-wl-pct,
.bip-pw-wl-w,
.bip-pw-wl-l { font-size: var(--bip-text-base); }
}  .bip-ext-setup-wrap {
max-width: 780px;
margin: 0 auto;
padding: 32px 0 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
} .bip-setup-issue-wrap {
width: 100%;
margin-bottom: 36px;
text-align: center;
}  .bip-setup-issue-input {
display: block !important;
width: 100% !important;
background: transparent !important;
border: none !important;
border-bottom: 2px solid var(--bip-black) !important;
font-family: var(--bip-font-heading) !important;
font-size: var(--bip-text-lg) !important;
color: var(--bip-black) !important;
text-align: center !important;
padding: 10px 0 12px !important;
outline: none !important;
line-height: 1.4 !important;
resize: none !important;
box-sizing: border-box !important;
transition: border-color 0.15s;
box-shadow: none !important;
border-radius: 0 !important;
}
.bip-setup-issue-input:focus { border-bottom-color: var(--bip-accent) !important; }
.bip-setup-issue-input::placeholder { color: var(--bip-light); font-size: inherit; } .bip-setup-section-divider {
border: none;
border-top: 1px solid var(--bip-faint);
width: 100%;
margin: 0 0 28px;
} .bip-setup-items-wrap { width: 100%; } #bip-ext-item-list,
.bip-setup-items-wrap .bip-pairwise-items-display-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
#bip-ext-item-list li,
.bip-setup-items-wrap .bip-pairwise-items-display-item {
list-style: none !important;
padding-left: 0 !important;
}
#bip-ext-item-list li::before,
.bip-setup-items-wrap .bip-pairwise-items-display-item::before {
display: none !important;
content: none !important;
} .bip-pairwise-items-display-item.is-input {
padding: 10px 0;
}
.bip-setup-item-input {
flex: 1;
background: transparent;
border: none;
border-bottom: 1px solid transparent;
font-family: var(--bip-font-body);
font-size: var(--bip-text-md);
color: var(--bip-black);
padding: 6px 0;
outline: none;
letter-spacing: var(--bip-tracking);
min-width: 0;
transition: border-color 0.15s;
}
.bip-setup-item-input:focus { border-bottom-color: var(--bip-light); }
.bip-setup-item-input::placeholder { color: var(--bip-light); font-size: inherit; } .bip-setup-item-remove {
background: none;
border: none;
cursor: pointer;
font-size: 20px;
color: var(--bip-light);
padding: 0 4px;
line-height: 1;
flex-shrink: 0;
transition: color 0.15s;
}
.bip-setup-item-remove:hover { color: var(--bip-accent); }
.bip-setup-item-remove:disabled { opacity: 0.2; cursor: not-allowed; } .bip-setup-add-row {
display: flex;
align-items: center;
gap: 18px;
padding: 14px 0;
cursor: pointer;
background: none;
border: none;
border-bottom: 1px solid var(--bip-faint);
width: 100%;
text-align: left;
}
.bip-setup-add-num {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xl);
line-height: 1;
color: #d0d0d0;
width: 44px;
flex-shrink: 0;
text-align: right;
transition: color 0.15s;
}
.bip-setup-add-bar {
width: 3px;
height: 30px;
background: #888;
flex-shrink: 0;
transition: background 0.15s;
}
.bip-setup-add-label {
font-family: var(--bip-font-body);
font-size: var(--bip-text-md);
color: #555;
letter-spacing: var(--bip-tracking);
transition: color 0.15s;
}
.bip-setup-add-row:hover .bip-setup-add-num   { color: #888; }
.bip-setup-add-row:hover .bip-setup-add-bar   { background: var(--bip-black); }
.bip-setup-add-row:hover .bip-setup-add-label { color: var(--bip-black); }  .bip-setup-btn-row {
text-align: center;
width: 100%;
margin-top: 36px;
} @media (max-width: 600px) {
.bip-ext-setup-wrap { padding: 20px 0 40px; }
.bip-setup-add-num  { font-size: var(--bip-text-xl); width: 34px; }
.bip-setup-add-label { font-size: var(--bip-text-base); }
.bip-setup-item-input { font-size: var(--bip-text-base); }
.bip-setup-issue-input { font-size: var(--bip-text-md); }
} .bip-tr-header {
max-width: 900px;
margin: 0 auto 32px;
}
.bip-tr-header__top {
text-align: center;
margin-bottom: 28px;
padding-bottom: 28px;
border-bottom: 1px solid var(--bip-warm-border, #ece8e0);
} .bip-tr-header__title {
font-family: var(--bip-font-heading), sans-serif;
font-size: var(--bip-text-2xl);
font-weight: 400;
letter-spacing: var(--bip-tracking);
line-height: 1;
color: #000;
margin: 0 0 6px;
}
.bip-tr-header__count {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: #666;
margin: 0;
}
.bip-tr-header__info {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 28px;
padding-bottom: 28px;
border-bottom: 1px solid var(--bip-warm-border, #ece8e0);
}
.bip-tr-header__info-cell {
text-align: center;
}
.bip-tr-header__label {
display: block;
font-family: var(--bip-font-heading), sans-serif;
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking-wide);
text-transform: uppercase;
color: #000;
margin-bottom: 4px;
}
.bip-tr-header__value {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: #000;
}
.bip-tr-header__issue {
text-align: center;
margin-bottom: 28px;
padding-bottom: 28px;
border-bottom: 1px solid var(--bip-warm-border, #ece8e0);
} .bip-tr-header__issue-text {
font-family: var(--bip-font-body);
font-size: var(--bip-text-md);
color: #000;
margin: 0;
}
@media (max-width: 640px) {
.bip-tr-header__info {
grid-template-columns: 1fr;
gap: 12px;
}
.bip-tr-header__info-cell { text-align: left; }
}  .bip-journey__strip {
background: #000;
display: flex;
align-items: stretch;
width: 100%;
margin-bottom: 0;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.bip-journey__strip::-webkit-scrollbar { display: none; }
.bip-journey__strip-step {
flex: 1;
min-width: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 13px 8px;
position: relative;
opacity: 0.3;
transition: opacity 0.25s;
cursor: default;
}
.bip-journey__strip-step.is-done  { opacity: 0.55; }
.bip-journey__strip-step.is-done::after {
content: '✓';
position: absolute;
top: 8px; right: 8px;
font-size: 9px;
color: #8edc00;
font-family: sans-serif;
}
.bip-journey__strip-step.is-active { opacity: 1; }
.bip-journey__strip-step.is-active::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0; height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
}
.bip-journey__strip-num {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-lg);
color: #fff;
line-height: 1;
margin-bottom: 2px;
}
.bip-journey__strip-step.is-active .bip-journey__strip-num { color: #c8401a; }
.bip-journey__strip-label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-xs);
letter-spacing: var(--bip-tracking-wide);
color: rgba(255,255,255,0.7);
text-transform: uppercase;
text-align: center;
white-space: nowrap;
} .bip-journey { width: 100%; }
.bip-journey__body {
max-width: 680px;
margin: 0 auto;
padding: 48px 24px 80px;
}
.bip-journey__step         { display: none; }
.bip-journey__step.is-active { display: block; } .bip-journey__step-header {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 36px;
padding-bottom: 24px;
border-bottom: 1px solid #e8e8e8;
}
.bip-journey__step-ghost {
font-family: var(--bip-font-heading);
font-size: 80px;
line-height: 0.85;
color: #ebebeb;
flex-shrink: 0;
user-select: none;
margin-top: -4px;
}
.bip-journey__step-titles { flex: 1; min-width: 0; } .bip-journey__step-title {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-2xl);
font-weight: 400;
letter-spacing: var(--bip-tracking);
line-height: 1;
color: #000;
margin: 0;
}
.bip-journey__step-rule {
border: none;
border-top: 1px solid #e0e0e0;
margin: 10px 0;
}
.bip-journey__step-desc {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: #333;
line-height: 1.5;
margin: 0;
}
.bip-journey__step-body {
margin-bottom: 32px;
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
} .bip-journey__welcome-body {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 601px) {
.bip-journey__welcome-body {
width: var(--bip-wb-width, 70%);
}
}
.bip-journey__body-kicker {
text-align: center;
}
.bip-journey__content-img {
width: 100%; height: auto;
display: block;
margin-bottom: 24px;
}
.bip-journey__content-text {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
line-height: 1.6;
color: #333;
margin-bottom: 28px;
}
.bip-journey__content-text p {
margin: 0 0 0.6em 0 !important;
padding: 0 !important;
}
.bip-journey__content-text p:last-child {
margin-bottom: 0 !important;
} .bip-journey__input {
border: none !important;
border-bottom: 2px solid #ccc !important;
background: transparent !important;
font-family: var(--bip-font-body) !important;
font-size: var(--bip-text-base) !important;
color: #000 !important;
padding: 8px 0 !important;
outline: none !important;
width: 100% !important;
transition: border-color 0.15s;
box-shadow: none !important;
border-radius: 0 !important;
}
.bip-journey__input:focus        { border-bottom-color: #000 !important; }
.bip-journey__input::placeholder { color: #ccc !important; }
.bip-journey__input.bip-field-error { border-bottom-color: #c8401a !important; }
.bip-journey__field-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 28px;
margin-bottom: 4px;
}
.bip-journey__field { display: flex; flex-direction: column; gap: 6px; }
.bip-journey__field-label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking-wide);
text-transform: uppercase;
color: #000;
}
.bip-journey__required { color: var(--bip-accent, #c8401a); margin-left: 2px; }
.bip-journey__pf-wrap { overflow-x: auto; } .bip-journey__nav {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 28px;
border-top: 2px solid #000;
margin-top: 8px;
}
.bip-hub-btn--secondary {
background: var(--bip-black, #000) !important;
color: var(--bip-white, #fff) !important;
border: none !important;
}
.bip-hub-btn--secondary:hover {
background: #333 !important;
color: var(--bip-white, #fff) !important;
} @media (max-width: 640px) {
.bip-journey__field-grid { grid-template-columns: 1fr; }
}.bip-hub-wrapper {
display: flex;
flex-direction: row;
gap: 32px;
max-width: var(--bip-max-width, 1024px);
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
align-items: stretch;
} .bip-hub-panel {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
border: 2px solid #000;
padding: 36px 32px;
background: #f7f9fb;
box-sizing: border-box;
} .bip-hub-panel__heading {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-2xl);
font-weight: 400;
font-style: normal;
text-shadow: none;
text-align: center;
margin: 0;
line-height: 1.2;
color: #111;
letter-spacing: var(--bip-tracking);
} .bip-hub-panel__instructions {
font-size: 0.97rem;
color: #333;
margin: 0;
line-height: 1.5;
}   .bip-hub-code-input {
width: 100% !important;
padding: 10px 14px !important;
font-size: 1rem !important;
font-weight: 400 !important;
border: none !important;
border-radius: 3px !important;
box-sizing: border-box !important;
letter-spacing: 0.01em !important;
outline: none !important;
background: #fff !important;
background-color: #fff !important;
color: #111 !important;
text-align: left !important;
}
.bip-hub-code-input::placeholder {
color: #111 !important;
opacity: 1 !important;
font-weight: 400 !important;
}
.bip-hub-code-input::-webkit-input-placeholder {
color: #111 !important;
opacity: 1 !important;
}
.bip-hub-code-input::-moz-placeholder {
color: #111 !important;
opacity: 1 !important;
}
.bip-hub-code-input:focus {
border: none !important;
background: #fff !important;
background-color: #fff !important;
box-shadow: 0 0 0 2px rgba(0,0,0,0.06) !important;
} .bip-hub-panel__form {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
max-width: 360px;
margin: 0 auto;
width: 100%;
}
.bip-hub-btn {
display: inline-block;
font-family: var(--bip-font-heading);
font-size: var(--bip-text-md);
font-weight: 400;
background-color: #8edc00;
color: #000;
border: none;
border-radius: 0;
padding: 0.5em 2em;
cursor: pointer;
letter-spacing: var(--bip-tracking);
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
text-align: center;
width: auto;
}
.bip-hub-btn:hover {
background-color: #7acb00;
color: #000;
}
.bip-hub-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
} .bip-hub-error {
font-size: 0.88rem;
line-height: 1.2;
color: #b32d2e;
padding: 6px 0 0;
min-height: 1.2em;
} .bip-hub-panel__footer {
margin-top: 22px;
padding-top: 16px;
border-top: 1px solid #e0e0e0;
font-size: 0.87rem;
color: #555;
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
.bip-hub-panel__footer a {
color: #111;
text-decoration: underline;
}
.bip-hub-panel__footer a:hover {
color: #555;
} .bip-personal-results {
max-width: 600px;
margin: 40px auto;
}
.bip-personal-results__context {
font-size: 1rem;
color: #444;
margin-bottom: 24px;
}
.bip-personal-scores {
margin-top: 20px;
border: 2px solid #000;
padding: 24px 28px;
}
.bip-personal-score-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #e8e8e8;
font-size: 1rem;
}
.bip-personal-score-row:last-child {
border-bottom: none;
}
.bip-personal-score-label {
color: #222;
font-weight: 500;
}
.bip-personal-score-value {
font-weight: 700;
font-size: 1.05rem;
color: #111;
}
.bip-hub-error-block {
max-width: 500px;
margin: 40px auto;
padding: 20px 24px;
border: 2px solid #000;
color: #b32d2e;
}
.bip-hub-no-code {
max-width: 500px;
margin: 40px auto;
padding: 20px 24px;
border: 2px solid #000;
color: #333;
} .bip-hub-btn--loading {
opacity: 0.7;
cursor: wait;
} .bip-hub-fac-choice {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
animation: bipFadeIn 0.25s ease;
}
@keyframes bipFadeIn {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: translateY(0); }
}
.bip-hub-fac-choice__greeting {
font-size: 1.05rem;
color: #111;
margin: 0;
text-align: center;
line-height: 1.4;
}
.bip-hub-fac-choice__prompt {
font-size: 0.92rem;
color: #555;
margin: 0 0 6px;
text-align: center;
}
.bip-hub-fac-choice__buttons {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
max-width: 280px;
}
.bip-hub-btn--choice {
display: block;
text-align: center;
text-decoration: none;
width: 100%;
box-sizing: border-box;
padding: 0.55em 1.5em;
font-size: 1.1rem;
}
.bip-hub-btn--choice-alt {
background-color: #fff;
color: #111;
border: 2px solid #000;
}
.bip-hub-btn--choice-alt:hover {
background-color: #f0f0f0;
color: #111;
}
.bip-hub-fac-choice__back {
background: none;
border: none;
color: #666;
font-size: 0.82rem;
cursor: pointer;
padding: 6px 0 0;
text-decoration: underline;
font-family: inherit;
}
.bip-hub-fac-choice__back:hover {
color: #111;
} @media (max-width: 680px) {
.bip-hub-wrapper {
flex-direction: column;
gap: 24px;
margin: 24px auto;
padding: 0 16px;
}
.bip-hub-panel {
padding: 28px 20px 22px;
}
.bip-hub-panel--right {
order: 2;
}
.bip-hub-panel--left {
order: 1;
}
} .bip-dots-loading::after {
content: '';
display: inline-block;
width: 1.2em;
text-align: left;
animation: bipDots 1.4s steps(4, end) infinite;
}
@keyframes bipDots {
0%   { content: ''; }
25%  { content: '.'; }
50%  { content: '..'; }
75%  { content: '...'; }
100% { content: ''; }
}  .bip-combined-hub {
max-width: var(--bip-max-width, 1024px);
margin: 0 auto;
border: 3px solid #0d0b09;
font-family: var(--bip-font-body, 'Abel', sans-serif);
box-shadow: none !important;
outline: none !important;
overflow: hidden;
} .bip-combined-hub,
.bip-combined-hub > *,
* > .bip-combined-hub {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
} .bip-combined-hub .bip-combined-masthead {
display: none;
} .bip-combined-hub .bip-combined-hero {
position: relative;
height: 280px;
overflow: hidden;
border-bottom: 3px solid #0d0b09;
}
.bip-combined-hub .bip-combined-hero__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
display: block;
filter: sepia(0.10);
}
.bip-combined-hub .bip-combined-hero__placeholder {
width: 100%;
height: 100%;
min-height: 280px;
background: #e8e3da;
}
.bip-combined-hub .bip-combined-hero__grad {
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(13,11,9,0.72) 0%, rgba(13,11,9,0.15) 55%, transparent 100%);
}
.bip-combined-hub .bip-combined-hero__content {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 28px 32px;
gap: 8px;
}
.bip-combined-hub .bip-combined-hero__kicker {
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: 13px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--bip-accent, #c8401a);
display: block;
margin: 0;
}
.bip-combined-hub .bip-combined-hero__title {
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: clamp(46px, 6vw, 70px);
line-height: 0.88;
color: #fdf9f3;
letter-spacing: 0.01em;
font-weight: 400;
margin: 0;
text-shadow: none;
text-align: left;
} .bip-combined-hub .bip-combined-intro {
background: #ece5d8;
border-bottom: 2px solid #0d0b09;
padding: 16px 32px;
}
.bip-combined-hub .bip-combined-intro__text {
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 14px;
line-height: 1.60;
color: #555;
margin: 0;
text-align: left;
} .bip-combined-hub .bip-combined-panels {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr auto;
background: #0d0b09;
column-gap: 2px;
row-gap: 0;
}
.bip-combined-hub .bip-combined-cell {
padding-left: 32px;
padding-right: 32px;
box-sizing: border-box;
}
.bip-combined-hub .bip-combined-cell--l { background: #fdf9f3; }
.bip-combined-hub .bip-combined-cell--r { background: #f2ede3; } .bip-combined-hub .bip-combined-cell-header-l {
grid-column: 1; grid-row: 1;
padding-top: 28px; padding-bottom: 16px;
display: flex; flex-direction: column; gap: 8px; min-height: 90px;
}
.bip-combined-hub .bip-combined-cell-header-r {
grid-column: 2; grid-row: 1;
padding-top: 28px; padding-bottom: 16px;
display: flex; flex-direction: column; gap: 8px;
min-height: 90px;
} .bip-combined-hub .bip-combined-cell-form-l {
grid-column: 1; grid-row: 2;
padding-top: 20px; padding-bottom: 0;
display: flex; flex-direction: column; gap: 10px;
}
.bip-combined-hub .bip-combined-cell-form-r {
grid-column: 2; grid-row: 2;
padding-top: 20px; padding-bottom: 0;
display: flex; flex-direction: column; gap: 10px;
} .bip-combined-hub .bip-combined-cell-btn-l {
grid-column: 1; grid-row: 3;
padding-top: 16px; padding-bottom: 32px;
display: flex; flex-direction: column; gap: 10px;
}
.bip-combined-hub .bip-combined-cell-btn-r {
grid-column: 2; grid-row: 3;
padding-top: 16px; padding-bottom: 32px;
} .bip-combined-hub .bip-combined-dev-badge {
display: inline-flex;
align-items: center;
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 10px;
letter-spacing: 0.10em;
text-transform: uppercase;
padding: 3px 10px;
background: #8edc00;
color: #0d0b09;
line-height: 1.4;
margin: 0;
} .bip-combined-hub .bip-combined-entry-kicker {
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: 13px;
letter-spacing: 0.20em;
text-transform: uppercase;
color: var(--bip-accent, #c8401a);
line-height: 1.4;
margin: 0;
display: block;
text-align: left;
text-shadow: none;
font-weight: 400;
} .bip-combined-hub h2,
.bip-combined-hub h2::before,
.bip-combined-hub h2::after {
border: none !important;
border-bottom: none !important;
border-top: none !important;
box-shadow: none !important;
background: none !important;
margin: 0 !important;
padding: 0 !important;
text-shadow: none !important;
} .bip-combined-hub .bip-combined-panel__heading {
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif) !important;
font-size: 32px !important;
font-weight: 400 !important;
letter-spacing: 0.04em !important;
color: #0d0b09 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.0 !important;
text-align: left !important;
text-shadow: none !important;
border: none !important;
border-bottom: none !important;
background: none !important;
} .bip-combined-hub .bip-combined-panel__desc {
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 14px;
line-height: 1.65;
color: #555;
margin: 0;
text-align: left;
} .bip-combined-hub .bip-combined-panel__divider {
border: none;
height: 1px;
background: #d8d0c4;
margin: 0;
} .bip-combined-hub .bip-combined-select-label {
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 10px;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #9a9080;
display: block;
margin-bottom: -4px;
text-align: left;
} .bip-combined-hub .bip-combined-select {
width: 100%;
height: 44px;
padding: 0 14px;
font-size: 15px;
font-family: var(--bip-font-body, 'Abel', sans-serif);
border: 2px solid #0d0b09;
border-radius: 0;
color: #0d0b09;
appearance: none;
-webkit-appearance: none;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230d0b09'/%3E%3C/svg%3E") no-repeat right 12px center;
box-sizing: border-box;
cursor: pointer;
line-height: 44px;
}
.bip-combined-hub .bip-combined-select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(142, 220, 0, 0.30);
} .bip-combined-hub .bip-combined-select option[disabled] {
color: #9a9080;
} .bip-combined-hub .bip-hub-btn--dark {
background-color: #0d0b09 !important;
color: #fdf9f3 !important;
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif) !important;
font-size: 20px !important;
letter-spacing: 0.04em !important;
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 0.55em 0 !important;
border: none !important;
border-radius: 0 !important;
cursor: pointer;
transition: background-color 0.2s;
}
.bip-combined-hub .bip-hub-btn--dark:hover {
background-color: #2a2520 !important;
color: #fdf9f3 !important;
}
.bip-combined-hub .bip-hub-btn--dark:disabled {
opacity: 0.55;
cursor: not-allowed;
} .bip-combined-hub .bip-combined-token-result {
border: 2px solid #d8d0c4;
background: #f2ede3;
padding: 12px 14px;
}
.bip-combined-hub .bip-combined-token-label {
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #9a9080;
margin: 0 0 7px;
text-align: left;
}
.bip-combined-hub .bip-combined-token-row {
display: flex;
align-items: center;
gap: 10px;
}
.bip-combined-hub .bip-combined-token-code {
font-family: monospace;
font-size: 13px;
color: #0d0b09;
flex: 1;
word-break: break-all;
}
.bip-combined-hub .bip-combined-copy-btn {
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 5px 13px;
border: 2px solid #0d0b09;
background: #fdf9f3;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s;
}
.bip-combined-hub .bip-combined-copy-btn:hover { background: #ece5d8; } .bip-combined-hub .bip-hub-code-input {
width: 100% !important;
height: 44px !important;
padding: 0 14px !important;
font-size: 15px !important;
font-family: var(--bip-font-body, 'Abel', sans-serif) !important;
border: 2px solid #0d0b09 !important;
border-radius: 0 !important;
background: #fff !important;
color: #0d0b09 !important;
outline: none !important;
box-sizing: border-box !important;
letter-spacing: 0.02em !important;
text-align: left !important;
line-height: 44px !important;
}
.bip-combined-hub .bip-hub-code-input::placeholder {
color: #9a9080 !important;
opacity: 1 !important;
}
.bip-combined-hub .bip-hub-code-input:focus {
box-shadow: 0 0 0 3px rgba(142, 220, 0, 0.32) !important;
} .bip-combined-hub .bip-combined-cell-btn-r .bip-hub-btn {
display: block !important;
width: 100% !important;
padding: 0.55em 0 !important;
text-align: center !important;
font-size: 20px !important;
border-radius: 0 !important;
} .bip-combined-hub .bip-hub-error {
font-size: 13px;
color: var(--bip-accent, #c8401a);
min-height: 1.2em;
padding: 4px 0 0;
line-height: 1.2;
text-align: left;
} .bip-combined-hub .bip-combined-footer {
background: #0d0b09;
border-top: 3px solid #0d0b09;
padding: 12px 28px;
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(253, 249, 243, 0.70);
}
.bip-combined-hub .bip-combined-footer a {
color: rgba(253, 249, 243, 0.80);
text-decoration: underline;
}
.bip-combined-hub .bip-combined-footer a:hover { color: #8edc00; } @media (max-width: 680px) {
.bip-combined-hub .bip-combined-hero          { height: 200px; }
.bip-combined-hub .bip-combined-hero__title   { font-size: 38px !important; }
.bip-combined-hub .bip-combined-intro         { padding: 14px 20px; }
.bip-combined-hub .bip-combined-footer        { padding: 12px 20px; flex-direction: column; gap: 4px; text-align: center; }
.bip-combined-hub .bip-combined-panels {
grid-template-columns: 1fr;
grid-template-rows: auto;
} .bip-combined-hub .bip-combined-cell-header-r { grid-column: 1; grid-row: 1; }
.bip-combined-hub .bip-combined-cell-form-r    { grid-column: 1; grid-row: 2; }
.bip-combined-hub .bip-combined-cell-btn-r     { grid-column: 1; grid-row: 3; }
.bip-combined-hub .bip-combined-cell-header-l  { grid-column: 1; grid-row: 4; }
.bip-combined-hub .bip-combined-cell-form-l    { grid-column: 1; grid-row: 5; }
.bip-combined-hub .bip-combined-cell-btn-l     { grid-column: 1; grid-row: 6; }
.bip-combined-hub .bip-combined-cell { padding-left: 20px; padding-right: 20px; }
} .bip-pop-hub {
min-height: 100vh;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 24px;
} .bip-pop-hub__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
} .bip-pop-hub__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.65);
} .bip-pop-hub__dots {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.04) 1.5px, transparent 1.5px);
background-size: 6px 6px;
} .bip-pop-hub__block {
position: absolute;
z-index: 1;
pointer-events: none;
}
.bip-pop-hub__block--green {
width: 120px;
height: 120px;
background: var(--bip-primary, #8edc00);
opacity: 0.12;
top: 8%;
left: 5%;
transform: rotate(-8deg);
}
.bip-pop-hub__block--rust {
width: 80px;
height: 200px;
background: var(--bip-accent, #c8401a);
opacity: 0.1;
bottom: 10%;
right: 4%;
transform: rotate(5deg);
}
.bip-pop-hub__block--warm {
width: 200px;
height: 80px;
background: var(--bip-surface-warm, #f7f4ef);
opacity: 0.08;
top: 15%;
right: 8%;
transform: rotate(-3deg);
} .bip-pop-card {
position: relative;
z-index: 2;
width: 100%;
max-width: 500px;
border: 2px solid #000;
overflow: hidden;
} .bip-pop-card__hero {
position: relative;
height: 200px;
overflow: hidden;
}
.bip-pop-card__hero img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
}
.bip-pop-card__hero-wash {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(142, 220, 0, 0.15) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.bip-pop-card__hero-dots {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.18) 1px, transparent 1px);
background-size: 5px 5px;
mix-blend-mode: multiply;
}
.bip-pop-card__hero-text {
position: absolute;
bottom: 20px;
left: 28px;
z-index: 2;
}
.bip-pop-card__kicker {
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: 13px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--bip-accent, #c8401a);
display: block;
margin-bottom: 4px;
}
.bip-pop-card__title {
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: 42px;
line-height: 0.92;
color: var(--bip-surface-warm, #f7f4ef);
letter-spacing: -0.01em;
margin: 0;
font-weight: 400;
}
.bip-pop-card__title em {
font-style: normal;
color: var(--bip-primary, #8edc00);
} .bip-pop-card__body {
padding: 28px 28px 24px;
background: var(--bip-surface-warm, #f7f4ef);
}
.bip-pop-card__desc {
font-family: var(--bip-font-body, 'Abel', sans-serif);
font-size: 15px;
line-height: 1.55;
color: #000;
margin: 0 0 22px;
}
.bip-pop-card__input {
width: 100% !important;
padding: 12px 16px !important;
font-size: 16px !important;
font-family: var(--bip-font-body, 'Abel', sans-serif) !important;
border: 2px solid #000 !important;
background: #fff !important;
outline: none !important;
border-radius: 0 !important;
letter-spacing: 0.02em !important;
box-sizing: border-box !important;
color: #111 !important;
}
.bip-pop-card__input:focus {
box-shadow: 0 0 0 3px rgba(142, 220, 0, 0.25) !important;
}
.bip-pop-card__input::placeholder {
color: #888 !important;
opacity: 1 !important;
} .bip-pop-card__body .bip-hub-error {
font-size: 13px;
color: var(--bip-accent, #c8401a);
min-height: 1.3em;
margin-top: 6px;
letter-spacing: 0.04em;
} .bip-pop-card__btn.bip-hub-btn {
display: block;
width: 100%;
margin-top: 10px;
padding: 13px 0;
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
font-size: 20px;
letter-spacing: 0.04em;
background: var(--bip-primary, #8edc00);
color: #000;
border: none;
cursor: pointer;
transition: color 0.2s;
text-align: center;
}
.bip-pop-card__btn.bip-hub-btn:hover {
color: #fff;
background: var(--bip-primary, #8edc00);
} .bip-pop-card__footer {
background: #000;
color: var(--bip-surface-warm, #f7f4ef);
padding: 12px 28px;
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--bip-font-heading, 'Bebas Neue', sans-serif);
letter-spacing: 0.1em;
text-transform: uppercase;
}
.bip-pop-card__footer a {
color: var(--bip-surface-warm, #f7f4ef);
text-decoration: underline;
opacity: 0.5;
}
.bip-pop-card__footer a:hover {
opacity: 1;
} .bip-pop-card__body .bip-hub-fac-choice {
max-width: 100%;
} @media (max-width: 520px) {
.bip-pop-card__hero {
height: 160px;
}
.bip-pop-card__body {
padding: 22px 20px 18px;
}
.bip-pop-card__footer {
padding: 10px 20px;
flex-direction: column;
gap: 4px;
text-align: center;
}
}.bip-pj-team-info {
padding: 0;
margin-bottom: 28px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 24px;
}
.bip-pj-team-info__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px 32px;
}
.bip-pj-team-info__item {
display: flex;
flex-direction: column;
gap: 2px;
}
.bip-pj-team-info__label {
font-family: var(--bip-font-heading);
font-size: var(--bip-text-sm);
letter-spacing: var(--bip-tracking-wide);
text-transform: uppercase;
color: #000;
}
.bip-pj-team-info__value {
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: #333;
line-height: 1.3;
} .bip-pj-code-entry {
margin-bottom: 28px;
padding-bottom: 24px;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 480px) {
.bip-pj-team-info__grid {
grid-template-columns: 1fr;
gap: 12px;
}
} .bip-participant-journey .bip-journey__step-header {
margin-bottom: 16px;
padding-bottom: 16px;
}
.bip-participant-journey { width: 100%; } .bip-participant-journey:has(.bip-journey__step[data-type="results"].is-active) .bip-journey__body {
max-width: none;
padding-left: 0;
padding-right: 0;
} .bip-participant-journey:has(.bip-journey__step[data-type="results"].is-active) .bip-journey__step[data-type="results"] .bip-journey__step-header {
padding-left: 24px;
padding-right: 24px;
} .bip-participant-journey .bip-journey__nav--noborder {
border-top: none !important;
padding-top: 4px;
margin-top: 12px;
}
.bip-participant-journey .bip-journey__nav--centre {
justify-content: center;
gap: 16px;
} .bip-participant-journey .bip-journey__nav .bip-hub-btn {
font-size: 1rem !important;
padding: 0.4em 2em !important;
line-height: 1.5 !important;
height: auto !important;
min-height: 0 !important;
} .bip-participant-journey .bip-pj-fields {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 4px;
margin-bottom: 4px;
}
.bip-participant-journey .bip-journey__input.bip-field-error {
border-bottom-color: #c8401a !important;
} .bip-participant-journey .bip-setup-issue-wrap {
margin-top: 0 !important;
margin-bottom: 12px !important;
text-align: center !important;
}
.bip-participant-journey .bip-setup-issue-label {
text-align: center;
}
.bip-participant-journey .bip-setup-issue-input {
min-height: 0 !important;
height: auto !important;
overflow: hidden !important;
} .bip-participant-journey ol.bip-pairwise-items-list {
list-style: none;
padding-left: 0;
margin: 8px 0 0;
}
.bip-participant-journey .bip-setup-required { color: #c8401a; margin-left: 2px; } .bip-participant-journey .bip-setup-add-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0; margin: 0; border: none;
}
.bip-participant-journey .bip-setup-add-item-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: none;
border: none;
font-family: var(--bip-font-body);
font-size: var(--bip-text-base);
color: #444;
padding: 8px 0 8px 14px;
cursor: pointer;
transition: color 0.15s;
text-align: left;
letter-spacing: var(--bip-tracking);
}
.bip-participant-journey .bip-setup-add-item-btn:hover { color: #000; }
.bip-participant-journey .bip-setup-add-item-btn::before {
content: '+';
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px; height: 20px;
border: 1.5px solid #999;
border-radius: 50%;
font-size: 13px;
line-height: 1;
flex-shrink: 0;
transition: border-color 0.15s;
}
.bip-participant-journey .bip-setup-add-item-btn:hover::before { border-color: #000; }
.bip-participant-journey .bip-pair-count {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm);
color: #555;
letter-spacing: var(--bip-tracking);
white-space: nowrap;
text-align: right;
} .bip-participant-journey .bip-journey__content-text p {
margin: 0 0 0.6em 0 !important;
padding: 0 !important;
}
.bip-participant-journey .bip-journey__content-text p:last-child {
margin-bottom: 0 !important;
} .bip-pj-confirm-items { margin-bottom: 8px; }
.bip-pj-confirm-list  { list-style: none; padding-left: 0; margin: 0 0 8px; }
.bip-pj-confirm-count {
font-family: var(--bip-font-body);
font-size: var(--bip-text-sm); color: #555;
text-align: right; margin: 4px 0 0;
} .bip-participant-journey .bip-pj-js-mount { min-height: 120px; width: 100%; } .bip-participant-journey .bip-journey__step-body { margin-bottom: 0; }
.bip-participant-journey .bip-pairwise-question-wrap { padding-top: 8px; } @keyframes bip-pw-slide-in-left {
from { transform: translateX(-28px); opacity: 0; }
to   { transform: translateX(0);     opacity: 1; }
}
@keyframes bip-pw-slide-in-right {
from { transform: translateX(28px); opacity: 0; }
to   { transform: translateX(0);    opacity: 1; }
}
.bip-participant-journey .bip-pairwise-slide-panel--entering { animation: none !important; }
.bip-participant-journey .bip-pairwise-slide-panel--entering .bip-pairwise-card:first-child {
animation: bip-pw-slide-in-left  0.5s cubic-bezier(0.25,0.46,0.45,0.94) both;
}
.bip-participant-journey .bip-pairwise-slide-panel--entering .bip-pairwise-card:last-child {
animation: bip-pw-slide-in-right 0.5s cubic-bezier(0.25,0.46,0.45,0.94) both;
} .bip-participant-journey .bip-question-input-row--pairwise {
justify-content: center;
gap: 16px;
align-items: center;
}
.bip-participant-journey .bip-question-input-row--pairwise .bip-button-back,
.bip-participant-journey .bip-question-input-row--pairwise .bip-button-next {
min-width: 120px;
text-align: center;
font-size: 14px !important;
} @media (max-width: 640px) {
.bip-participant-journey .bip-pj-fields { gap: 16px; }
.bip-participant-journey .bip-journey__nav--centre { gap: 10px; }
.bip-participant-journey .bip-journey__nav .bip-hub-btn {
font-size: 0.95rem !important;
padding: 0.4em 1.4em !important;
}
} .bip-data-collection-notice {
margin-top: 24px;
padding: 12px 16px;
font-size: 12px;
line-height: 1.6;
color: var(--bip-muted, #888);
border-top: 1px solid var(--bip-faint, #eee);
text-align: center;
}
.bip-data-collection-notice a {
color: inherit;
text-decoration: underline;
}@font-face {
font-family: 'Abel';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://focussed-performance.com/wp-content/uploads/fonts/019284c36392a065dffd5c97ecaaa3fa/abel--v18-normal-400.woff2?c=1725605426) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Bebas Neue';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://focussed-performance.com/wp-content/uploads/fonts/019284c36392a065dffd5c97ecaaa3fa/bebas-neue--v14-normal-400.woff2?c=1725605426) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Bebas Neue';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://focussed-performance.com/wp-content/uploads/fonts/019284c36392a065dffd5c97ecaaa3fa/bebas-neue--v14-normal-400.woff2?c=1725605426) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}