.yarpp-related{margin-bottom:1em;margin-top:1em}.yarpp-related a{font-weight:700;text-decoration:none}.yarpp-related .yarpp-thumbnail-title{font-size:96%;font-weight:700;text-align:left;text-decoration:none}.yarpp-related h3{font-size:125%;font-weight:700;margin:0;padding:0 0 5px;text-transform:capitalize}#gbz-tool {
--gbz-navy: #17394e;
--gbz-navy-dark: #102c3e;
--gbz-navy-light: #285a73;
--gbz-teal: #087d75;
--gbz-teal-dark: #075f59;
--gbz-gold: #e3b35e;
--gbz-gold-dark: #805619;
--gbz-ink: #203947;
--gbz-muted: #506674;
--gbz-border: #cbdde5;
--gbz-white: #ffffff;
--gbz-soft: #f2f8fa;
--gbz-mint: #e9f6f1;
--gbz-cream: #fff6e7;
--gbz-danger: #98313b;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 25px 0 42px;
padding: 26px;
box-sizing: border-box;
color: var(--gbz-ink);
background: linear-gradient(
180deg,
#f0f7fa 0%,
#ffffff 48%,
#f7fafb 100%
);
border: 1px solid var(--gbz-border);
border-radius: 19px;
box-shadow: 0 12px 35px rgba(16, 44, 62, 0.09);
font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
container-name: gbz-layout;
container-type: inline-size;
isolation: isolate;
}
#gbz-tool,
#gbz-tool *,
#gbz-tool *::before,
#gbz-tool *::after {
box-sizing: border-box;
}
#gbz-tool * {
min-width: 0;
}
#gbz-tool [hidden] {
display: none !important;
}
#gbz-tool :is(
p,
li,
label,
dt,
dd
) {
font-family: inherit;
font-size: 18px;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#gbz-tool p {
margin: 0 0 16px;
}
#gbz-tool p:last-child {
margin-bottom: 0;
}
#gbz-tool :is(h2, h3, h4) {
max-width: 100%;
margin: 0 0 14px;
padding: 0;
color: var(--gbz-navy);
font-family: inherit;
font-style: normal;
letter-spacing: -0.025em;
text-transform: none;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#gbz-tool h2 {
font-size: 34px;
font-weight: 750;
line-height: 1.25;
}
#gbz-tool h3 {
font-size: 25px;
font-weight: 700;
line-height: 1.35;
}
#gbz-tool h4 {
font-size: 21px;
font-weight: 700;
line-height: 1.4;
}
#gbz-tool :is(strong, b) {
font-weight: 750;
}
#gbz-tool :is(a, a:visited) {
color: #075b79;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
overflow-wrap: break-word;
}
#gbz-tool a:hover {
color: var(--gbz-teal-dark);
text-decoration-thickness: 2px;
}
#gbz-tool :is(
a,
button,
input,
select,
textarea,
summary
):focus-visible {
outline: 3px solid #d59a29 !important;
outline-offset: 3px;
}
#gbz-tool ::selection {
color: #102c3e;
background: #c6ebe4;
} #gbz-tool :is(
.gbz-hero-figure,
.gbz-feature-grid,
.gbz-feature-card,
.gbz-calculator-section,
.gbz-form,
.gbz-fieldset,
.gbz-fields,
.gbz-field,
.gbz-optional-source,
.gbz-optional-fields,
.gbz-results,
.gbz-result-highlight,
.gbz-result-data,
.gbz-result-data-item,
.gbz-result-assessment,
.gbz-result-hypothesis,
.gbz-result-next,
.gbz-result-warning,
.gbz-method-section,
.gbz-method-example,
.gbz-formula,
.gbz-formula-values,
.gbz-table-wrap,
.gbz-uncertainty-section,
.gbz-uncertainty-grid,
.gbz-uncertainty-card,
.gbz-conflict-section,
.gbz-conflict-example,
.gbz-research-section,
.gbz-research-steps,
.gbz-source-check-section,
.gbz-source-grid,
.gbz-source-card,
.gbz-documentation-section,
.gbz-faq-section,
.gbz-faq-list,
.gbz-faq-item,
.gbz-resources-section,
.gbz-resource-list,
.gbz-evidence-section,
.gbz-external-source,
.gbz-tool-footer
) {
width: 100%;
max-width: 100%;
min-width: 0;
}
#gbz-tool :is(
.gbz-feature-text,
.gbz-checkbox-text,
.gbz-assessment-text,
.gbz-hypothesis-text,
.gbz-next-text,
.gbz-warning-text,
.gbz-uncertainty-text,
.gbz-conflict-text,
.gbz-list-text,
.gbz-step-text,
.gbz-source-card-text,
.gbz-document-text,
.gbz-resource-text,
.gbz-external-source-text
) {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#gbz-tool :is(
.gbz-calculator-section,
.gbz-results,
.gbz-method-section,
.gbz-uncertainty-section,
.gbz-conflict-section,
.gbz-research-section,
.gbz-source-check-section,
.gbz-documentation-section,
.gbz-faq-section,
.gbz-resources-section,
.gbz-evidence-section
) {
margin-top: 32px;
} #gbz-tool .gbz-lead {
display: block;
margin: 0 0 24px;
padding: 28px 30px;
color: #ffffff;
background: linear-gradient(
125deg,
#102c3e 0%,
#20516a 60%,
#087d75 100%
);
border: 1px solid #2b6075;
border-left: 6px solid var(--gbz-gold);
border-radius: 15px;
box-shadow: 0 9px 24px rgba(16, 44, 62, 0.15);
font-size: 19px;
font-weight: 450;
line-height: 1.75;
} #gbz-tool .gbz-hero-figure {
display: block;
margin: 0 0 24px;
padding: 18px 16px;
background: #ffffff;
border: 1px solid var(--gbz-border);
border-radius: 15px;
box-shadow: 0 5px 18px rgba(16, 44, 62, 0.06);
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: #89a9b8 #e9f1f5;
}
#gbz-tool .gbz-timeline-svg {
display: block;
width: 920px !important;
max-width: none !important;
height: auto;
margin: 0 0 14px;
}
#gbz-tool .gbz-hero-figure figcaption {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 14px 0 0;
color: var(--gbz-muted);
border-top: 1px solid #dce8ed;
font-size: 16px;
line-height: 1.65;
} #gbz-tool .gbz-feature-grid {
display: grid;
grid-template-columns: repeat(
auto-fit,
minmax(min(100%, 310px), 1fr)
);
gap: 15px;
}
#gbz-tool .gbz-feature-card {
display: block;
margin: 0;
padding: 21px;
background: #ffffff;
border: 1px solid #cbdde5;
border-top: 5px solid #326b9c;
border-radius: 13px;
box-shadow: 0 4px 15px rgba(16, 44, 62, 0.05);
}
#gbz-tool .gbz-feature-card:nth-child(2) {
border-top-color: var(--gbz-teal);
}
#gbz-tool .gbz-feature-card:nth-child(3) {
border-top-color: #aa7838;
}
#gbz-tool .gbz-feature-text strong {
display: block;
margin-bottom: 9px;
color: var(--gbz-navy);
font-size: 19px;
line-height: 1.45;
}
#gbz-tool .gbz-feature-text p {
color: var(--gbz-muted);
} #gbz-tool .gbz-section-heading {
max-width: 100%;
margin: 0 0 22px;
padding-bottom: 18px;
border-bottom: 2px solid #d8e6ec;
}
#gbz-tool .gbz-section-heading h2 {
margin: 9px 0 12px;
}
#gbz-tool .gbz-section-heading p {
max-width: 100%;
color: var(--gbz-muted);
}
#gbz-tool .gbz-eyebrow {
display: inline-block;
max-width: 100%;
padding: 6px 12px;
color: #07564f;
background: #ddf1eb;
border: 1px solid #b7dfd5;
border-radius: 7px;
font-size: 16px;
font-weight: 750;
line-height: 1.45;
letter-spacing: 0.02em;
} #gbz-tool .gbz-form {
display: block;
margin: 0;
padding: 23px;
background: #ffffff;
border: 2px solid #afcbd6;
border-radius: 16px;
box-shadow: 0 7px 22px rgba(16, 44, 62, 0.07);
}
#gbz-tool .gbz-fieldset {
display: block;
min-width: 0;
max-width: 100%;
margin: 0 0 24px;
padding: 22px;
background: #f2f8fa;
border: 1px solid #c7dce5;
border-radius: 13px;
}
#gbz-tool .gbz-primary-fieldset {
border-top: 5px solid var(--gbz-teal);
}
#gbz-tool .gbz-secondary-fieldset {
background: #f4f7fb;
border-top: 5px solid #326b9c;
}
#gbz-tool .gbz-hypothesis-fieldset {
margin-bottom: 0;
background: #fffaf0;
border: 1px solid #e7d3a8;
border-top: 5px solid #ae7b38;
}
#gbz-tool .gbz-fieldset legend {
display: table;
width: auto;
max-width: 100%;
margin: 0 0 5px;
padding: 8px 14px;
color: #ffffff;
background: var(--gbz-navy);
border: 0;
border-radius: 7px;
font-size: 20px;
font-weight: 750;
line-height: 1.45;
}
#gbz-tool .gbz-fieldset-intro {
margin-bottom: 21px;
color: var(--gbz-muted);
}
#gbz-tool .gbz-fields {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
max-width: 100%;
}
#gbz-tool .gbz-fields-pair {
grid-template-columns: repeat(
auto-fit,
minmax(min(100%, 300px), 1fr)
);
gap: 17px;
}
#gbz-tool .gbz-field {
display: block;
margin: 0;
}
#gbz-tool .gbz-field label {
display: block;
margin: 0 0 9px;
color: var(--gbz-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.5;
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
) {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 51px;
margin: 0;
padding: 11px 14px;
color: #17394e !important;
background: #ffffff !important;
border: 2px solid #9ab9c7 !important;
border-radius: 9px;
font-family: inherit;
font-size: 18px !important;
font-weight: 500;
line-height: 1.5;
box-shadow: none;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#gbz-tool select {
padding-right: 34px;
cursor: pointer;
text-overflow: ellipsis;
}
#gbz-tool textarea {
min-height: 105px;
resize: vertical;
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
):hover {
border-color: #568ca2 !important;
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
):focus {
border-color: var(--gbz-teal) !important;
box-shadow: 0 0 0 3px rgba(8, 125, 117, 0.13);
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
)[aria-invalid="true"] {
border-color: #b13742 !important;
background: #fff8f8 !important;
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
):disabled {
color: #586b76 !important;
background: #edf2f4 !important;
cursor: not-allowed;
}
#gbz-tool .gbz-field-help {
margin: 9px 0 0;
color: var(--gbz-muted);
font-size: 16px;
line-height: 1.65;
} #gbz-tool .gbz-input-unit {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 7px;
width: 100%;
max-width: 100%;
min-width: 0;
}
#gbz-tool .gbz-input-unit input {
width: 100%;
max-width: 100%;
}
#gbz-tool .gbz-unit {
display: inline-block;
padding: 5px 10px;
color: #28566b;
background: #e0edf2;
border: 1px solid #c5dbe5;
border-radius: 6px;
font-size: 16px;
font-weight: 650;
line-height: 1.45;
} #gbz-tool .gbz-optional-source {
display: block;
margin: 17px 0 0;
padding: 18px;
background: #ffffff;
border: 1px solid #cbdde6;
border-left: 5px solid #477e9e;
border-radius: 12px;
box-shadow: 0 3px 12px rgba(16, 44, 62, 0.04);
}
#gbz-tool .gbz-optional-source + .gbz-optional-source {
margin-top: 17px;
}
#gbz-tool .gbz-checkbox-row {
display: grid;
grid-template-columns: 25px minmax(0, 1fr);
gap: 13px;
align-items: start;
width: 100%;
max-width: 100%;
min-height: 50px;
margin: 0;
padding: 0;
}
#gbz-tool input[type="checkbox"] {
display: block;
width: 23px;
height: 23px;
min-width: 23px;
min-height: 23px;
margin: 5px 0 0;
padding: 0;
accent-color: var(--gbz-teal);
cursor: pointer;
}
#gbz-tool .gbz-checkbox-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
min-width: 0;
max-width: 100%;
}
#gbz-tool .gbz-checkbox-text label {
display: block;
width: 100%;
min-height: 34px;
margin: 0;
color: var(--gbz-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.5;
cursor: pointer;
}
#gbz-tool .gbz-checkbox-text > span {
display: block;
color: var(--gbz-muted);
font-size: 16px;
line-height: 1.65;
}
#gbz-tool .gbz-optional-fields {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 17px;
margin-top: 18px;
padding: 18px;
background: #f4f8fa;
border: 1px solid #d4e3e9;
border-radius: 10px;
}
#gbz-tool .gbz-optional-fields .gbz-fields {
gap: 17px;
}
#gbz-tool .gbz-hypothesis-fieldset .gbz-optional-fields {
background: #fffdf8;
border-color: #ead8b5;
}
#gbz-tool .gbz-fieldset-note {
margin-top: 19px;
padding: 14px 16px;
color: #425f70;
background: #e9f2f7;
border-left: 4px solid #527f9c;
border-radius: 8px;
font-size: 16px;
line-height: 1.65;
} #gbz-tool .gbz-form-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 23px 0 16px;
}
#gbz-tool button {
display: inline-block;
max-width: 100%;
min-height: 50px;
margin: 0;
padding: 12px 19px;
border: 2px solid transparent;
border-radius: 9px;
font-family: inherit;
font-size: 18px;
font-weight: 750;
line-height: 1.45;
letter-spacing: 0;
text-align: center;
text-transform: none;
text-decoration: none;
cursor: pointer;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#gbz-tool .gbz-form-actions .gbz-button {
flex: 1 1 260px;
width: auto;
white-space: normal;
}
#gbz-tool .gbz-button-primary {
color: #ffffff !important;
background: var(--gbz-teal) !important;
border-color: var(--gbz-teal) !important;
box-shadow: 0 5px 15px rgba(8, 125, 117, 0.18);
}
#gbz-tool .gbz-button-primary:hover:not(:disabled) {
color: #ffffff !important;
background: var(--gbz-teal-dark) !important;
border-color: var(--gbz-teal-dark) !important;
}
#gbz-tool .gbz-button-secondary {
color: var(--gbz-navy) !important;
background: #ffffff !important;
border-color: #8badbd !important;
}
#gbz-tool .gbz-button-secondary:hover:not(:disabled) {
background: #e8f2f7 !important;
border-color: var(--gbz-navy-light) !important;
}
#gbz-tool button:disabled {
opacity: 0.65;
cursor: not-allowed;
box-shadow: none;
}
#gbz-tool .gbz-form-error {
margin: 12px 0 0;
padding: 13px 15px;
color: #86242e;
background: #fff0f0;
border: 1px solid #e7b6bb;
border-left: 5px solid #af3643;
border-radius: 8px;
font-size: 16px;
line-height: 1.6;
}
#gbz-tool .gbz-form-error:empty {
display: none;
}
#gbz-tool .gbz-form-note {
color: var(--gbz-muted);
font-size: 16px;
line-height: 1.65;
}
#gbz-tool .gbz-noscript {
margin-top: 15px;
padding: 15px;
color: #674917;
background: #fff5df;
border: 1px solid #e4cc93;
border-radius: 8px;
font-size: 16px;
line-height: 1.65;
} #gbz-tool .gbz-results {
display: block;
margin-top: 29px;
padding: 25px;
color: #ffffff;
background: linear-gradient(
145deg,
#102c3e 0%,
#174b60 100%
);
border: 2px solid #20576e;
border-radius: 17px;
box-shadow: 0 10px 28px rgba(16, 44, 62, 0.14);
}
#gbz-tool .gbz-result-header {
display: block;
margin-bottom: 20px;
}
#gbz-tool .gbz-result-header .gbz-eyebrow {
color: #164e49;
background: #d1eee7;
border-color: #b4ddd4;
}
#gbz-tool .gbz-result-header h2 {
margin: 13px 0;
color: #ffffff;
font-size: 32px;
}
#gbz-tool .gbz-result-header p {
color: #dfeef3;
}
#gbz-tool .gbz-result-highlight {
display: block;
margin: 0 0 18px;
padding: 25px;
color: #ffffff;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(225, 240, 244, 0.25);
border-left: 5px solid var(--gbz-gold);
border-radius: 13px;
}
#gbz-tool .gbz-result-kicker {
display: block;
margin-bottom: 9px;
color: #e5f2f5;
font-size: 16px;
font-weight: 750;
line-height: 1.5;
}
#gbz-tool .gbz-result-main {
display: block;
margin: 0 0 12px;
color: #ffffff;
font-size: 43px;
font-weight: 850;
line-height: 1.2;
overflow-wrap: break-word;
word-break: normal;
hyphens: none;
}
#gbz-tool #gbz-result-summary {
color: #f1f7f9;
font-size: 18px;
line-height: 1.7;
} #gbz-tool .gbz-result-data {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 0 0 18px;
padding: 0;
}
#gbz-tool .gbz-result-data-item {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 6px;
margin: 0;
padding: 17px 19px;
background: #ffffff;
border: 1px solid #d3e4e9;
border-radius: 10px;
}
#gbz-tool .gbz-result-data dt {
display: block;
margin: 0;
padding: 0;
color: var(--gbz-muted);
font-size: 16px;
font-weight: 650;
line-height: 1.5;
}
#gbz-tool .gbz-result-data dd {
display: block;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 0;
color: var(--gbz-navy);
font-size: 22px;
font-weight: 800;
line-height: 1.45;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#gbz-tool .gbz-result-data output {
display: inline;
max-width: 100%;
color: var(--gbz-navy);
font-size: 22px;
font-weight: 800;
line-height: 1.45;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
} #gbz-tool .gbz-result-assessment,
#gbz-tool .gbz-result-hypothesis,
#gbz-tool .gbz-result-next,
#gbz-tool .gbz-result-warning {
display: block;
margin: 0 0 14px;
padding: 20px;
border-radius: 11px;
}
#gbz-tool .gbz-result-assessment {
color: #164b43;
background: #e7f7f0;
border: 1px solid #b2dfcf;
border-left: 5px solid var(--gbz-teal);
}
#gbz-tool .gbz-result-hypothesis {
color: #58431f;
background: #fff4df;
border: 1px solid #e8d19d;
border-left: 5px solid #ae7830;
}
#gbz-tool .gbz-result-next {
color: #234f69;
background: #e9f3fb;
border: 1px solid #bad6e6;
border-left: 5px solid #326b9c;
}
#gbz-tool .gbz-result-warning {
color: #743a2c;
background: #fff0e9;
border: 1px solid #e9c5b6;
border-left: 5px solid #b35b43;
}
#gbz-tool :is(
.gbz-result-assessment,
.gbz-result-hypothesis,
.gbz-result-next,
.gbz-result-warning
) h3 {
margin: 0 0 10px;
font-size: 24px;
}
#gbz-tool .gbz-result-assessment h3 {
color: #16564c;
}
#gbz-tool .gbz-result-hypothesis h3 {
color: #76501e;
}
#gbz-tool .gbz-result-next h3 {
color: #24516b;
}
#gbz-tool .gbz-result-warning strong {
display: block;
margin: 0 0 10px;
color: #833e31;
font-size: 18px;
line-height: 1.5;
}
#gbz-tool .gbz-result-assessment p {
color: #245249;
}
#gbz-tool .gbz-result-hypothesis p {
color: #664f2d;
}
#gbz-tool .gbz-result-next p {
color: #31566b;
}
#gbz-tool .gbz-result-warning p {
color: #764538;
}
#gbz-tool .gbz-live-status {
margin: 15px 0 0;
padding: 12px 14px;
color: #e2f1f4;
background: rgba(255, 255, 255, 0.07);
border-radius: 8px;
font-size: 16px;
line-height: 1.6;
} #gbz-tool .gbz-method-example {
display: block;
margin: 0 0 20px;
padding: 23px;
background: #eaf7f2;
border: 1px solid #b6ddd0;
border-left: 5px solid var(--gbz-teal);
border-radius: 14px;
}
#gbz-tool .gbz-method-example-secondary {
background: #eef5fa;
border-color: #bed5e3;
border-left-color: #326b9c;
}
#gbz-tool .gbz-method-example h3 {
margin-bottom: 16px;
color: var(--gbz-navy);
}
#gbz-tool .gbz-formula {
display: block;
margin: 0 0 19px;
padding: 20px;
background: #ffffff;
border: 1px solid #c7dfd9;
border-radius: 11px;
}
#gbz-tool .gbz-formula-title {
margin-bottom: 15px;
color: var(--gbz-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.55;
}
#gbz-tool .gbz-formula-values {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
#gbz-tool .gbz-formula-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
min-width: 0;
max-width: 100%;
padding: 15px;
background: #f1f7fa;
border: 1px solid #d5e5eb;
border-radius: 9px;
}
#gbz-tool .gbz-formula-label {
display: block;
color: var(--gbz-muted);
font-size: 16px;
font-weight: 650;
line-height: 1.5;
}
#gbz-tool .gbz-formula-item strong {
display: block;
color: var(--gbz-navy);
font-size: 22px;
line-height: 1.4;
overflow-wrap: break-word;
word-break: normal;
} #gbz-tool .gbz-example-table {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 18px 0 20px;
padding: 0;
background: transparent;
border: 0;
border-collapse: separate;
border-spacing: 0;
font-size: 17px;
line-height: 1.6;
}
#gbz-tool .gbz-example-table caption {
display: block;
width: 100%;
margin: 0 0 13px;
padding: 0;
color: var(--gbz-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.5;
text-align: left;
}
#gbz-tool .gbz-example-table thead {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
#gbz-tool .gbz-example-table tbody {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
#gbz-tool .gbz-example-table tbody tr {
display: block;
width: 100%;
min-width: 0;
margin: 0;
background: #ffffff;
border: 1px solid #c8dce6;
border-radius: 11px;
box-shadow: 0 3px 12px rgba(16, 44, 62, 0.05);
}
#gbz-tool .gbz-example-table tbody th {
display: block;
width: 100%;
padding: 15px 17px;
color: #ffffff;
background: var(--gbz-navy);
border: 0;
border-radius: 10px 10px 0 0;
font-size: 18px;
font-weight: 750;
line-height: 1.5;
text-align: left;
overflow-wrap: break-word;
word-break: normal;
}
#gbz-tool .gbz-example-table tbody td {
display: block;
width: 100%;
margin: 0;
padding: 12px 17px;
color: var(--gbz-ink);
background: transparent;
border: 0;
border-top: 1px solid #dce8ed;
font-size: 17px;
font-weight: 650;
line-height: 1.55;
text-align: left;
overflow-wrap: break-word;
word-break: normal;
}
#gbz-tool .gbz-example-table tbody td::before {
display: block;
margin-bottom: 3px;
color: var(--gbz-muted);
font-size: 16px;
font-weight: 650;
line-height: 1.45;
}
#gbz-tool .gbz-example-table tbody td:nth-child(2)::before {
content: "Ereignisjahr";
}
#gbz-tool .gbz-example-table tbody td:nth-child(3)::before {
content: "Alter";
}
#gbz-tool .gbz-example-table tbody td:nth-child(4)::before {
content: "Mögliche Geburtsjahre";
}
#gbz-tool .gbz-example-table .gbz-example-result-row {
border-color: #a4d6c8;
background: #f0faf5;
}
#gbz-tool .gbz-example-table .gbz-example-result-row th {
background: var(--gbz-teal);
}
#gbz-tool .gbz-example-table .gbz-example-result-row td {
color: #126257;
font-size: 21px;
font-weight: 800;
}
#gbz-tool .gbz-example-table .gbz-example-result-row td::before {
display: none;
content: none;
} #gbz-tool .gbz-uncertainty-grid {
display: grid;
grid-template-columns: repeat(
auto-fit,
minmax(min(100%, 310px), 1fr)
);
gap: 15px;
}
#gbz-tool .gbz-uncertainty-card {
display: block;
margin: 0;
padding: 22px;
background: #ffffff;
border: 1px solid #ccdde5;
border-top: 5px solid var(--gbz-teal);
border-radius: 13px;
box-shadow: 0 4px 15px rgba(16, 44, 62, 0.05);
}
#gbz-tool .gbz-uncertainty-card:nth-child(2) {
border-top-color: #326b9c;
}
#gbz-tool .gbz-uncertainty-card:nth-child(3) {
border-top-color: #b17b35;
}
#gbz-tool .gbz-uncertainty-text h3 {
margin-bottom: 12px;
font-size: 23px;
}
#gbz-tool .gbz-uncertainty-text p {
color: var(--gbz-muted);
}
#gbz-tool .gbz-uncertainty-text strong {
display: block;
margin-top: 14px;
padding: 11px 13px;
color: #135c52;
background: #e5f5ee;
border: 1px solid #b6ddd0;
border-radius: 8px;
font-size: 18px;
line-height: 1.5;
}
#gbz-tool .gbz-uncertainty-note {
margin-top: 17px;
padding: 17px 19px;
color: #624d2b;
background: #fff5e5;
border: 1px solid #ead4aa;
border-left: 5px solid #ac792f;
border-radius: 10px;
font-size: 17px;
line-height: 1.7;
} #gbz-tool .gbz-conflict-section {
padding: 23px;
background: #fff8f2;
border: 1px solid #ead4bd;
border-radius: 15px;
}
#gbz-tool .gbz-conflict-example {
display: block;
margin: 19px 0;
padding: 20px;
background: #ffffff;
border: 1px solid #e8cec0;
border-left: 5px solid #b8734d;
border-radius: 11px;
}
#gbz-tool .gbz-conflict-text h3 {
color: #76502d;
}
#gbz-tool .gbz-conflict-checklist {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 19px 0 0;
padding: 0;
list-style: none;
}
#gbz-tool .gbz-conflict-checklist li {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
gap: 14px;
align-items: start;
margin: 0;
padding: 17px;
background: #ffffff;
border: 1px solid #ead8c4;
border-radius: 10px;
}
#gbz-tool .gbz-list-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #ffffff;
background: #a66b3e;
border-radius: 10px;
font-size: 18px;
font-weight: 800;
line-height: 1;
}
#gbz-tool .gbz-list-text {
display: flex;
flex-direction: column;
gap: 5px;
}
#gbz-tool .gbz-list-text strong {
display: block;
color: var(--gbz-navy);
font-size: 18px;
line-height: 1.5;
}
#gbz-tool .gbz-list-text > span {
display: block;
color: var(--gbz-muted);
font-size: 17px;
line-height: 1.65;
} #gbz-tool .gbz-research-steps {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 13px;
margin: 0;
padding: 0;
list-style: none;
}
#gbz-tool .gbz-research-step {
display: grid;
grid-template-columns: 43px minmax(0, 1fr);
gap: 15px;
align-items: start;
margin: 0;
padding: 20px;
background: #ffffff;
border: 1px solid var(--gbz-border);
border-radius: 12px;
box-shadow: 0 4px 14px rgba(16, 44, 62, 0.05);
}
#gbz-tool .gbz-step-number {
display: flex;
align-items: center;
justify-content: center;
width: 43px;
height: 43px;
color: #ffffff;
background: var(--gbz-teal);
border-radius: 10px;
font-size: 19px;
font-weight: 800;
line-height: 1;
}
#gbz-tool .gbz-step-text h3 {
margin-bottom: 8px;
font-size: 23px;
}
#gbz-tool .gbz-step-text p {
color: var(--gbz-muted);
} #gbz-tool .gbz-source-grid {
display: grid;
grid-template-columns: repeat(
auto-fit,
minmax(min(100%, 310px), 1fr)
);
gap: 15px;
}
#gbz-tool .gbz-source-card {
display: block;
margin: 0;
padding: 21px;
background: #ffffff;
border: 1px solid #cadde5;
border-left: 5px solid #477d99;
border-radius: 12px;
box-shadow: 0 4px 13px rgba(16, 44, 62, 0.04);
}
#gbz-tool .gbz-source-card:nth-child(even) {
border-left-color: var(--gbz-teal);
}
#gbz-tool .gbz-source-card h3 {
margin-bottom: 10px;
font-size: 23px;
}
#gbz-tool .gbz-source-card p {
color: var(--gbz-muted);
} #gbz-tool .gbz-documentation-section {
padding: 23px;
background: #ebf7f2;
border: 1px solid #b8ded0;
border-radius: 15px;
}
#gbz-tool .gbz-documentation-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 11px;
margin: 19px 0 0;
padding: 0;
list-style: none;
}
#gbz-tool .gbz-documentation-list li {
display: grid;
grid-template-columns: 29px minmax(0, 1fr);
gap: 13px;
align-items: start;
margin: 0;
padding: 15px;
background: #ffffff;
border: 1px solid #c8e2d7;
border-radius: 10px;
}
#gbz-tool .gbz-document-icon {
display: flex;
align-items: center;
justify-content: center;
width: 29px;
height: 29px;
margin-top: 2px;
color: #ffffff;
background: var(--gbz-teal);
border-radius: 50%;
font-size: 17px;
font-weight: 800;
line-height: 1;
}
#gbz-tool .gbz-document-text {
display: flex;
flex-direction: column;
gap: 4px;
}
#gbz-tool .gbz-document-text strong {
display: block;
color: var(--gbz-navy);
font-size: 18px;
line-height: 1.5;
}
#gbz-tool .gbz-document-text > span {
display: block;
color: var(--gbz-muted);
font-size: 17px;
line-height: 1.65;
} #gbz-tool .gbz-faq-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
#gbz-tool .gbz-faq-item {
display: block;
margin: 0;
background: #ffffff;
border: 1px solid #c8dce4;
border-radius: 11px;
box-shadow: 0 3px 12px rgba(16, 44, 62, 0.04);
}
#gbz-tool .gbz-faq-item summary {
position: relative;
display: block;
min-height: 58px;
padding: 17px 53px 17px 19px;
color: var(--gbz-navy);
background: #f0f7fa;
border-radius: 10px;
font-family: inherit;
font-size: 18px;
font-weight: 750;
line-height: 1.5;
cursor: pointer;
list-style: none;
overflow-wrap: break-word;
word-break: normal;
}
#gbz-tool .gbz-faq-item summary::-webkit-details-marker {
display: none;
}
#gbz-tool .gbz-faq-item summary::after {
content: "+";
position: absolute;
top: 50%;
right: 17px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
color: #ffffff;
background: var(--gbz-teal);
border-radius: 7px;
font-size: 23px;
font-weight: 700;
line-height: 1;
}
#gbz-tool .gbz-faq-item summary:hover {
background: #e1f0f4;
}
#gbz-tool .gbz-faq-item[open] {
border-color: #80b8ae;
}
#gbz-tool .gbz-faq-item[open] summary {
color: #ffffff;
background: var(--gbz-navy);
border-radius: 10px 10px 0 0;
}
#gbz-tool .gbz-faq-item[open] summary:hover {
background: #204e65;
}
#gbz-tool .gbz-faq-item[open] summary::after {
content: "−";
color: var(--gbz-navy);
background: #d5eee5;
}
#gbz-tool .gbz-faq-answer {
display: block;
padding: 19px 21px 22px;
border-top: 1px solid #d8e7eb;
}
#gbz-tool .gbz-faq-answer p {
color: var(--gbz-ink);
line-height: 1.75;
} #gbz-tool .gbz-resources-section {
padding: 23px;
background: linear-gradient(
135deg,
#eaf7f2,
#f1f8fb
);
border: 1px solid #bfded6;
border-radius: 15px;
}
#gbz-tool .gbz-resource-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
#gbz-tool .gbz-resource-list li {
display: block;
margin: 0;
padding: 18px 20px;
background: #ffffff;
border: 1px solid #cce1db;
border-left: 4px solid var(--gbz-teal);
border-radius: 9px;
}
#gbz-tool .gbz-resource-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 7px;
}
#gbz-tool .gbz-resource-text strong {
display: block;
color: var(--gbz-navy);
font-size: 18px;
line-height: 1.5;
}
#gbz-tool .gbz-resource-text > span {
display: block;
color: var(--gbz-muted);
font-size: 17px;
line-height: 1.65;
}
#gbz-tool .gbz-resource-text a {
display: inline-block;
margin-top: 4px;
color: #075b79;
font-size: 17px;
font-weight: 750;
line-height: 1.55;
} #gbz-tool .gbz-evidence-section {
padding: 23px;
background: #eef5f8;
border: 1px solid #c8dce5;
border-radius: 15px;
}
#gbz-tool .gbz-external-source {
display: block;
margin-top: 19px;
padding: 20px;
background: #ffffff;
border: 1px solid #c8dce5;
border-left: 5px solid #477e9e;
border-radius: 10px;
}
#gbz-tool .gbz-external-source-text strong {
display: block;
margin-bottom: 8px;
color: var(--gbz-navy);
font-size: 18px;
line-height: 1.5;
}
#gbz-tool .gbz-external-source-text p {
color: var(--gbz-muted);
}
#gbz-tool .gbz-external-source-text a {
display: inline-block;
margin-top: 5px;
color: #075b79;
font-size: 17px;
font-weight: 750;
line-height: 1.6;
} #gbz-tool .gbz-tool-footer {
display: block;
margin-top: 29px;
padding: 21px 23px;
color: #e7f1f5;
background: var(--gbz-navy-dark);
border: 1px solid #315a6d;
border-left: 5px solid var(--gbz-gold);
border-radius: 12px;
}
#gbz-tool .gbz-tool-footer p {
margin: 0 0 13px;
color: #e7f1f5;
font-size: 16px;
line-height: 1.7;
}
#gbz-tool .gbz-tool-footer p:last-child {
margin-bottom: 0;
}
#gbz-tool .gbz-tool-footer strong {
color: #ffffff;
font-size: 16px;
line-height: 1.6;
} #gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 20px 0 !important;
padding: 19px 21px !important;
color: #203947 !important;
background: #ffffff !important;
border: 2px solid #a7c7d3 !important;
border-radius: 12px !important;
box-shadow: 0 5px 17px rgba(16, 44, 62, 0.07);
font-family: inherit;
font-size: 17px !important;
line-height: 1.65;
}
#gbz-tool .lwptoc .lwptoc_i {
max-width: 100%;
padding: 0;
color: #203947 !important;
background: transparent !important;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(
p,
li,
span,
.toc_title,
.ez-toc-title,
.lwptoc_title
) {
color: #203947 !important;
font-size: 17px !important;
line-height: 1.65;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(a, a:visited) {
color: #075b79 !important;
background: transparent !important;
font-size: 17px !important;
font-weight: 650;
line-height: 1.6;
text-decoration: underline !important;
text-decoration-thickness: 1.5px !important;
text-underline-offset: 3px;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a:hover {
color: #07564f !important;
text-decoration-thickness: 2px !important;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a:focus-visible {
color: #102c3e !important;
background: #ffedbd !important;
outline: 3px solid #b57d20 !important;
outline-offset: 3px;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(ul, ol) {
max-width: 100%;
margin: 9px 0 9px 15px;
padding-left: 16px;
} @container gbz-layout (min-width: 850px) {
#gbz-tool .gbz-example-table {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
border: 1px solid #c8dce6;
border-radius: 12px;
}
#gbz-tool .gbz-example-table caption {
display: table-caption;
caption-side: top;
}
#gbz-tool .gbz-example-table thead {
position: static;
display: table-header-group;
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: visible;
clip-path: none;
white-space: normal;
}
#gbz-tool .gbz-example-table thead tr {
display: table-row;
}
#gbz-tool .gbz-example-table thead th {
display: table-cell;
padding: 16px 13px;
color: #ffffff;
background: var(--gbz-navy);
border: 0;
font-size: 16px;
font-weight: 750;
line-height: 1.5;
text-align: left;
vertical-align: top;
}
#gbz-tool .gbz-example-table tbody {
display: table-row-group;
}
#gbz-tool .gbz-example-table tbody tr {
display: table-row;
width: auto;
background: #ffffff;
border: 0;
border-radius: 0;
box-shadow: none;
}
#gbz-tool .gbz-example-table tbody tr:nth-child(even) {
background: #f0f7fa;
}
#gbz-tool .gbz-example-table tbody th {
display: table-cell;
width: 35%;
padding: 15px 13px;
color: var(--gbz-navy);
background: transparent;
border: 0;
border-bottom: 1px solid #dce7ed;
border-radius: 0;
font-size: 17px;
font-weight: 750;
line-height: 1.5;
vertical-align: top;
}
#gbz-tool .gbz-example-table tbody td {
display: table-cell;
width: auto;
padding: 15px 13px;
color: var(--gbz-ink);
background: transparent;
border: 0;
border-bottom: 1px solid #dce7ed;
font-size: 17px;
font-weight: 650;
line-height: 1.55;
vertical-align: top;
}
#gbz-tool .gbz-example-table tbody td::before {
display: none;
content: none;
}
#gbz-tool .gbz-example-table .gbz-example-result-row th {
color: #ffffff;
background: var(--gbz-teal);
}
#gbz-tool .gbz-example-table .gbz-example-result-row td {
color: #145e54;
background: #e9f7f1;
font-size: 18px;
font-weight: 800;
}
} @container gbz-layout (max-width: 480px) {
#gbz-tool .gbz-form {
padding: 16px;
}
#gbz-tool .gbz-fieldset {
padding: 16px 13px;
}
#gbz-tool .gbz-optional-source {
padding: 14px;
}
#gbz-tool .gbz-optional-fields {
padding: 14px;
}
#gbz-tool .gbz-results {
padding: 17px;
}
#gbz-tool .gbz-result-highlight {
padding: 17px;
}
#gbz-tool .gbz-conflict-checklist li {
grid-template-columns: 33px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#gbz-tool .gbz-list-icon {
width: 33px;
height: 33px;
font-size: 16px;
}
#gbz-tool .gbz-research-step {
grid-template-columns: 35px minmax(0, 1fr);
gap: 11px;
padding: 15px;
}
#gbz-tool .gbz-step-number {
width: 35px;
height: 35px;
font-size: 17px;
}
#gbz-tool .gbz-documentation-list li {
grid-template-columns: 25px minmax(0, 1fr);
gap: 11px;
padding: 13px;
}
#gbz-tool .gbz-document-icon {
width: 25px;
height: 25px;
font-size: 15px;
}
} @media (max-width: 900px) {
#gbz-tool {
padding: 21px;
font-size: 17px;
}
#gbz-tool :is(p, li, label, dt, dd) {
font-size: 17px;
}
#gbz-tool h2 {
font-size: 30px;
}
#gbz-tool h3 {
font-size: 23px;
}
#gbz-tool h4 {
font-size: 21px;
}
#gbz-tool .gbz-lead {
padding: 24px;
font-size: 18px;
}
#gbz-tool .gbz-feature-text strong {
font-size: 18px;
}
#gbz-tool .gbz-fieldset legend {
font-size: 19px;
}
#gbz-tool .gbz-field label,
#gbz-tool .gbz-checkbox-text label {
font-size: 17px;
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
) {
font-size: 17px !important;
}
#gbz-tool button {
font-size: 17px;
}
#gbz-tool .gbz-result-header h2 {
font-size: 30px;
}
#gbz-tool .gbz-result-main {
font-size: 38px;
}
#gbz-tool #gbz-result-summary {
font-size: 17px;
}
#gbz-tool .gbz-result-data dd,
#gbz-tool .gbz-result-data output {
font-size: 21px;
}
#gbz-tool .gbz-result-assessment h3,
#gbz-tool .gbz-result-hypothesis h3,
#gbz-tool .gbz-result-next h3,
#gbz-tool .gbz-uncertainty-text h3,
#gbz-tool .gbz-step-text h3,
#gbz-tool .gbz-source-card h3 {
font-size: 22px;
}
#gbz-tool .gbz-formula-item strong {
font-size: 21px;
}
#gbz-tool .gbz-faq-item summary {
font-size: 17px;
}
#gbz-tool .gbz-example-table tbody th,
#gbz-tool .gbz-example-table tbody td,
#gbz-tool .gbz-list-text > span,
#gbz-tool .gbz-document-text > span,
#gbz-tool .gbz-resource-text > span,
#gbz-tool .gbz-resource-text a,
#gbz-tool .gbz-external-source-text a {
font-size: 17px;
}
} @media (max-width: 640px) {
#gbz-tool {
margin: 18px 0 30px;
padding: 14px;
border-radius: 14px;
font-size: 16px;
}
#gbz-tool :is(p, li, label, dt, dd) {
font-size: 16px;
line-height: 1.7;
}
#gbz-tool h2 {
font-size: 27px;
line-height: 1.3;
}
#gbz-tool h3 {
font-size: 21px;
line-height: 1.4;
}
#gbz-tool h4 {
font-size: 20px;
}
#gbz-tool .gbz-lead {
padding: 19px 17px;
border-left-width: 5px;
border-radius: 11px;
font-size: 17px;
}
#gbz-tool .gbz-hero-figure {
padding: 12px;
}
#gbz-tool .gbz-hero-figure figcaption {
font-size: 16px;
}
#gbz-tool .gbz-feature-grid,
#gbz-tool .gbz-uncertainty-grid,
#gbz-tool .gbz-source-grid {
grid-template-columns: minmax(0, 1fr);
}
#gbz-tool .gbz-feature-card,
#gbz-tool .gbz-uncertainty-card,
#gbz-tool .gbz-source-card {
padding: 18px;
}
#gbz-tool .gbz-feature-text strong {
font-size: 17px;
}
#gbz-tool .gbz-eyebrow {
font-size: 16px;
}
#gbz-tool .gbz-form {
padding: 17px;
border-radius: 12px;
}
#gbz-tool .gbz-fieldset {
padding: 16px 14px;
}
#gbz-tool .gbz-fieldset legend {
font-size: 17px;
}
#gbz-tool .gbz-field label,
#gbz-tool .gbz-checkbox-text label {
font-size: 16px;
}
#gbz-tool :is(
input:not([type="checkbox"]),
select,
textarea
) {
min-height: 49px;
padding: 10px 12px;
font-size: 16px !important;
}
#gbz-tool .gbz-field-help,
#gbz-tool .gbz-fieldset-note,
#gbz-tool .gbz-form-note,
#gbz-tool .gbz-checkbox-text > span,
#gbz-tool .gbz-unit {
font-size: 16px;
}
#gbz-tool .gbz-checkbox-row {
grid-template-columns: 23px minmax(0, 1fr);
gap: 11px;
}
#gbz-tool .gbz-optional-source,
#gbz-tool .gbz-optional-fields {
padding: 14px;
}
#gbz-tool .gbz-form-actions {
display: flex;
flex-direction: column;
align-items: stretch;
}
#gbz-tool .gbz-form-actions .gbz-button {
flex: 0 0 auto;
width: 100%;
min-height: 49px;
font-size: 16px;
}
#gbz-tool .gbz-results {
padding: 17px;
border-radius: 12px;
}
#gbz-tool .gbz-result-header h2 {
font-size: 27px;
}
#gbz-tool .gbz-result-main {
font-size: 31px;
}
#gbz-tool #gbz-result-summary {
font-size: 16px;
}
#gbz-tool .gbz-result-highlight {
padding: 18px;
}
#gbz-tool .gbz-result-data {
grid-template-columns: minmax(0, 1fr);
}
#gbz-tool .gbz-result-data-item {
grid-template-columns: minmax(0, 1fr);
padding: 15px;
}
#gbz-tool .gbz-result-data dd,
#gbz-tool .gbz-result-data output {
font-size: 19px;
}
#gbz-tool .gbz-result-assessment,
#gbz-tool .gbz-result-hypothesis,
#gbz-tool .gbz-result-next,
#gbz-tool .gbz-result-warning {
padding: 17px;
}
#gbz-tool .gbz-result-assessment h3,
#gbz-tool .gbz-result-hypothesis h3,
#gbz-tool .gbz-result-next h3 {
font-size: 21px;
}
#gbz-tool .gbz-result-warning strong {
font-size: 16px;
}
#gbz-tool .gbz-method-example,
#gbz-tool .gbz-conflict-section,
#gbz-tool .gbz-documentation-section,
#gbz-tool .gbz-resources-section,
#gbz-tool .gbz-evidence-section {
padding: 17px;
}
#gbz-tool .gbz-formula {
padding: 15px;
}
#gbz-tool .gbz-formula-title {
font-size: 16px;
}
#gbz-tool .gbz-formula-label {
font-size: 16px;
}
#gbz-tool .gbz-formula-item strong {
font-size: 19px;
}
#gbz-tool .gbz-uncertainty-text h3,
#gbz-tool .gbz-source-card h3,
#gbz-tool .gbz-step-text h3 {
font-size: 21px;
}
#gbz-tool .gbz-uncertainty-text strong {
font-size: 16px;
}
#gbz-tool .gbz-uncertainty-note {
font-size: 16px;
}
#gbz-tool .gbz-conflict-checklist li {
grid-template-columns: 33px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#gbz-tool .gbz-list-icon {
width: 33px;
height: 33px;
font-size: 16px;
}
#gbz-tool .gbz-list-text strong,
#gbz-tool .gbz-list-text > span {
font-size: 16px;
}
#gbz-tool .gbz-research-step {
grid-template-columns: 35px minmax(0, 1fr);
gap: 11px;
padding: 15px;
}
#gbz-tool .gbz-step-number {
width: 35px;
height: 35px;
font-size: 17px;
}
#gbz-tool .gbz-documentation-list li {
grid-template-columns: 25px minmax(0, 1fr);
gap: 11px;
padding: 13px;
}
#gbz-tool .gbz-document-icon {
width: 25px;
height: 25px;
font-size: 15px;
}
#gbz-tool .gbz-document-text strong,
#gbz-tool .gbz-document-text > span {
font-size: 16px;
}
#gbz-tool .gbz-faq-item summary {
min-height: 54px;
padding: 15px 47px 15px 15px;
font-size: 16px;
}
#gbz-tool .gbz-faq-answer {
padding: 16px;
}
#gbz-tool .gbz-faq-answer p {
font-size: 16px;
}
#gbz-tool .gbz-resource-list li {
padding: 15px;
}
#gbz-tool .gbz-resource-text strong,
#gbz-tool .gbz-resource-text > span,
#gbz-tool .gbz-resource-text a {
font-size: 16px;
}
#gbz-tool .gbz-external-source {
padding: 16px;
}
#gbz-tool .gbz-external-source-text strong,
#gbz-tool .gbz-external-source-text a {
font-size: 16px;
}
#gbz-tool .gbz-tool-footer {
padding: 17px;
}
#gbz-tool .gbz-tool-footer p,
#gbz-tool .gbz-tool-footer strong {
font-size: 16px;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) {
padding: 16px !important;
font-size: 16px !important;
}
#gbz-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(
p,
li,
span,
a,
.ez-toc-title,
.toc_title,
.lwptoc_title
) {
font-size: 16px !important;
}
} @media (prefers-reduced-motion: reduce) {
#gbz-tool button,
#gbz-tool input,
#gbz-tool select,
#gbz-tool textarea {
transition: none;
}
}