.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}#fjv-tool {
--fjv-navy: #142f47;
--fjv-navy-dark: #0d2336;
--fjv-teal: #096a73;
--fjv-teal-dark: #07525b;
--fjv-teal-light: #e8f5f5;
--fjv-green: #176747;
--fjv-green-light: #e8f6ed;
--fjv-orange: #a34d14;
--fjv-orange-light: #fff2e4;
--fjv-gold: #e5ad52;
--fjv-ink: #20384b;
--fjv-muted: #526678;
--fjv-border: #cbdce5;
--fjv-soft: #f2f7fa;
--fjv-white: #ffffff;
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 24px 0 40px;
padding: 0;
container-type: inline-size;
box-sizing: border-box;
background: var(--fjv-soft);
color: var(--fjv-ink);
border: 1px solid #c6dce6;
border-radius: 20px;
box-shadow:
0 12px 32px rgba(16, 45, 67, 0.11),
0 3px 8px rgba(16, 45, 67, 0.04);
font-family: system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.7;
letter-spacing: normal;
text-align: left;
text-transform: none;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#fjv-tool,
#fjv-tool *,
#fjv-tool *::before,
#fjv-tool *::after {
box-sizing: border-box;
}
#fjv-tool [hidden] {
display: none !important;
}
#fjv-tool section,
#fjv-tool header,
#fjv-tool footer,
#fjv-tool form,
#fjv-tool fieldset,
#fjv-tool details,
#fjv-tool div {
min-width: 0;
max-width: 100%;
}
#fjv-tool p,
#fjv-tool li,
#fjv-tool label,
#fjv-tool input,
#fjv-tool select,
#fjv-tool textarea,
#fjv-tool button,
#fjv-tool summary,
#fjv-tool output {
font-family: inherit;
font-size: 18px;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#fjv-tool p {
margin: 0 0 17px;
padding: 0;
color: inherit;
}
#fjv-tool p:last-child {
margin-bottom: 0;
}
#fjv-tool h2,
#fjv-tool h3,
#fjv-tool h4 {
margin: 0 0 16px;
padding: 0;
font-family: inherit;
color: var(--fjv-navy);
font-style: normal;
font-weight: 750;
text-transform: none;
letter-spacing: -0.4px;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#fjv-tool h2 {
font-size: 34px;
line-height: 1.28;
}
#fjv-tool h3 {
font-size: 26px;
line-height: 1.35;
}
#fjv-tool h4 {
font-size: 21px;
line-height: 1.4;
}
#fjv-tool strong {
font-weight: 750;
}
#fjv-tool a,
#fjv-tool a:visited {
color: #075b79;
font-size: inherit;
font-weight: 650;
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
overflow-wrap: break-word;
word-break: normal;
}
#fjv-tool a:hover {
color: #063d54;
text-decoration-thickness: 2px;
}
#fjv-tool a:focus-visible,
#fjv-tool button:focus-visible,
#fjv-tool input:focus-visible,
#fjv-tool textarea:focus-visible,
#fjv-tool select:focus-visible,
#fjv-tool summary:focus-visible,
#fjv-tool .fjv-svg-container:focus-visible {
outline: 3px solid #e3a039;
outline-offset: 3px;
}
#fjv-tool ul,
#fjv-tool ol {
margin: 0;
}
#fjv-tool svg {
display: block;
max-width: 100%;
}
#fjv-tool code {
font-family: Consolas, Monaco, monospace;
font-size: 16px;
line-height: 1.65;
overflow-wrap: break-word;
word-break: normal;
} #fjv-tool .fjv-header {
padding: 38px 34px 40px;
background: linear-gradient(
135deg,
#10283e 0%,
#16465f 54%,
#086b72 100%
);
color: #ffffff;
border-radius: 19px 19px 0 0;
}
#fjv-tool .fjv-header::before {
content: "";
display: block;
width: 80px;
height: 5px;
margin-bottom: 23px;
background: var(--fjv-gold);
border-radius: 5px;
}
#fjv-tool .fjv-eyebrow {
display: inline-block;
margin: 0 0 18px;
padding: 7px 12px;
background: rgba(255, 255, 255, 0.13);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 8px;
color: #ffffff;
font-size: 16px;
font-weight: 750;
line-height: 1.45;
}
#fjv-tool .fjv-header h2 {
margin-bottom: 22px;
color: #ffffff;
font-size: 34px;
}
#fjv-tool .fjv-header p {
color: #f0f8fb;
font-size: 18px;
line-height: 1.75;
}
#fjv-tool .fjv-header .fjv-header-note {
margin-top: 25px;
padding: 17px 20px;
background: rgba(255, 255, 255, 0.11);
border-left: 4px solid var(--fjv-gold);
border-radius: 0 10px 10px 0;
color: #ffffff;
font-size: 16px;
line-height: 1.7;
} #fjv-tool .fjv-benefits,
#fjv-tool .fjv-guide,
#fjv-tool .fjv-calculator,
#fjv-tool .fjv-method,
#fjv-tool .fjv-tips,
#fjv-tool .fjv-faq,
#fjv-tool .fjv-related {
min-width: 0;
max-width: 100%;
margin: 24px;
padding: 28px;
background: #ffffff;
border: 1px solid var(--fjv-border);
border-radius: 16px;
box-shadow: 0 3px 12px rgba(20, 47, 71, 0.035);
}
#fjv-tool .fjv-guide {
background: #edf6fa;
border-color: #bdd7e4;
}
#fjv-tool .fjv-calculator {
background: #ffffff;
border: 2px solid #87c3ca;
}
#fjv-tool .fjv-method {
background: #f8fbfe;
}
#fjv-tool .fjv-tips {
background: #f4faf6;
border-color: #bcdcc9;
}
#fjv-tool .fjv-related {
background: #f8fbfd;
} #fjv-tool .fjv-benefits-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
margin-top: 22px;
}
#fjv-tool .fjv-benefit {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: start;
gap: 15px;
min-width: 0;
padding: 20px;
background: #edf7fa;
border: 1px solid #c3dfe8;
border-radius: 12px;
}
#fjv-tool .fjv-benefit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: var(--fjv-teal);
color: #ffffff;
border-radius: 12px;
font-size: 24px;
font-weight: 800;
line-height: 1;
}
#fjv-tool .fjv-benefit-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-benefit-text h3 {
margin-bottom: 8px;
font-size: 22px;
}
#fjv-tool .fjv-benefit-text p {
color: #365366;
font-size: 17px;
line-height: 1.7;
} #fjv-tool .fjv-steps {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
margin-top: 21px;
padding: 0;
list-style: none;
}
#fjv-tool .fjv-step {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
align-items: start;
gap: 15px;
min-width: 0;
padding: 20px;
background: #ffffff;
border: 1px solid #c7dce7;
border-radius: 12px;
list-style: none;
}
#fjv-tool .fjv-step-number {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: var(--fjv-navy);
color: #ffffff;
border-radius: 50%;
font-size: 21px;
font-weight: 800;
line-height: 1;
}
#fjv-tool .fjv-step-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-step-text strong {
display: block;
margin-bottom: 7px;
color: var(--fjv-navy);
font-size: 20px;
line-height: 1.45;
}
#fjv-tool .fjv-step-text p {
color: #385367;
font-size: 17px;
line-height: 1.7;
} #fjv-tool .fjv-form {
width: 100%;
max-width: 100%;
min-width: 0;
margin-top: 25px;
}
#fjv-tool .fjv-fieldset {
width: 100%;
min-width: 0;
max-width: 100%;
margin: 0 0 25px;
padding: 24px 22px 22px;
background: #f3f8fb;
border: 2px solid #c4dbe5;
border-radius: 14px;
}
#fjv-tool .fjv-fieldset legend {
max-width: 100%;
padding: 9px 15px;
margin: 0;
background: var(--fjv-navy);
color: #ffffff;
border: 0;
border-radius: 9px;
font-family: inherit;
font-size: 20px;
font-weight: 750;
line-height: 1.5;
overflow-wrap: break-word;
word-break: normal;
}
#fjv-tool .fjv-present-fieldset {
background: #effaf5;
border-color: #a4d2b8;
}
#fjv-tool .fjv-present-fieldset legend {
background: var(--fjv-green);
}
#fjv-tool .fjv-input-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 19px;
}
#fjv-tool .fjv-input-group {
min-width: 0;
max-width: 100%;
margin-bottom: 19px;
}
#fjv-tool .fjv-input-group:last-child {
margin-bottom: 0;
}
#fjv-tool .fjv-input-group > label {
display: block;
width: 100%;
min-width: 0;
margin-bottom: 10px;
color: var(--fjv-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.5;
}
#fjv-tool .fjv-input-group > input,
#fjv-tool .fjv-input-group > textarea,
#fjv-tool .fjv-number-input input {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 50px;
margin: 0;
padding: 12px 15px;
background: #ffffff;
color: #20384b;
border: 2px solid #98b6c6;
border-radius: 10px;
box-shadow: none;
font-family: inherit;
font-size: 18px;
font-weight: 550;
line-height: 1.55;
text-align: left;
text-transform: none;
letter-spacing: normal;
}
#fjv-tool .fjv-input-group > textarea {
min-height: 115px;
resize: vertical;
font-weight: 450;
}
#fjv-tool .fjv-input-group > input:focus,
#fjv-tool .fjv-input-group > textarea:focus,
#fjv-tool .fjv-number-input input:focus {
background: #ffffff;
border-color: var(--fjv-teal);
box-shadow: 0 0 0 3px rgba(9, 106, 115, 0.12);
}
#fjv-tool .fjv-input-group input::placeholder,
#fjv-tool .fjv-input-group textarea::placeholder {
color: #586b7c;
opacity: 1;
font-size: 16px;
}
#fjv-tool .fjv-input-group input[aria-invalid="true"],
#fjv-tool .fjv-input-group textarea[aria-invalid="true"] {
border-color: #b33d30;
background: #fff7f5;
}
#fjv-tool .fjv-field-help {
margin-top: 9px;
color: var(--fjv-muted);
font-size: 16px;
line-height: 1.65;
}
#fjv-tool .fjv-number-input {
display: flex;
align-items: stretch;
width: 100%;
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-number-input input {
flex: 1 1 auto;
width: 100%;
min-width: 0;
border-radius: 10px 0 0 10px;
}
#fjv-tool .fjv-input-unit {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 94px;
padding: 10px 12px;
background: #e2f0f4;
color: #244f62;
border: 2px solid #98b6c6;
border-left: 0;
border-radius: 0 10px 10px 0;
font-size: 16px;
font-weight: 750;
line-height: 1.4;
white-space: nowrap;
} #fjv-tool .fjv-info-box,
#fjv-tool .fjv-input-note,
#fjv-tool .fjv-copy-tip {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: start;
gap: 14px;
min-width: 0;
padding: 19px;
background: #e8f3fa;
border-left: 4px solid #337d9b;
border-radius: 0 11px 11px 0;
}
#fjv-tool .fjv-info-box {
margin-top: 19px;
}
#fjv-tool .fjv-input-note {
margin-top: 23px;
background: #e4f5e9;
border-left-color: var(--fjv-green);
}
#fjv-tool .fjv-copy-tip {
margin-top: 22px;
background: #fff3e5;
border-left-color: var(--fjv-orange);
}
#fjv-tool .fjv-info-icon,
#fjv-tool .fjv-input-note-icon,
#fjv-tool .fjv-copy-tip-icon {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
background: #286f90;
color: #ffffff;
border-radius: 50%;
font-size: 19px;
font-weight: 800;
line-height: 1;
}
#fjv-tool .fjv-input-note-icon {
background: var(--fjv-green);
}
#fjv-tool .fjv-copy-tip-icon {
background: var(--fjv-orange);
}
#fjv-tool .fjv-info-text,
#fjv-tool .fjv-input-note-text,
#fjv-tool .fjv-copy-tip-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-info-text strong,
#fjv-tool .fjv-input-note-text strong,
#fjv-tool .fjv-copy-tip-text strong {
display: block;
margin-bottom: 7px;
color: var(--fjv-navy);
font-size: 18px;
line-height: 1.45;
}
#fjv-tool .fjv-info-text p,
#fjv-tool .fjv-input-note-text p,
#fjv-tool .fjv-copy-tip-text p {
color: #365268;
font-size: 16px;
line-height: 1.7;
} #fjv-tool .fjv-custom-details {
width: 100%;
min-width: 0;
max-width: 100%;
margin-top: 23px;
background: #f2edfa;
border: 2px solid #c8b9df;
border-radius: 12px;
}
#fjv-tool .fjv-custom-details > summary {
padding: 19px 21px;
color: #433459;
font-size: 18px;
font-weight: 650;
line-height: 1.6;
cursor: pointer;
}
#fjv-tool .fjv-custom-details > summary:hover {
background: #e9e1f5;
border-radius: 10px;
}
#fjv-tool .fjv-custom-details[open] > summary {
background: #e7def5;
border-bottom: 1px solid #cabce0;
border-radius: 10px 10px 0 0;
}
#fjv-tool .fjv-summary-text {
display: inline-flex;
flex-direction: column;
gap: 5px;
min-width: 0;
max-width: 100%;
vertical-align: middle;
}
#fjv-tool .fjv-summary-text strong {
display: block;
color: #44315e;
font-size: 19px;
line-height: 1.45;
}
#fjv-tool .fjv-summary-text > span {
display: block;
color: #625471;
font-size: 16px;
line-height: 1.6;
}
#fjv-tool .fjv-custom-content {
min-width: 0;
padding: 21px;
background: #ffffff;
border-radius: 0 0 10px 10px;
}
#fjv-tool .fjv-custom-content > p {
font-size: 17px;
}
#fjv-tool .fjv-custom-note {
margin-top: 19px;
padding: 17px 19px;
background: #f3eff9;
border-left: 4px solid #8065a5;
border-radius: 0 9px 9px 0;
}
#fjv-tool .fjv-custom-note strong {
display: block;
margin-bottom: 6px;
color: #493760;
font-size: 17px;
line-height: 1.5;
}
#fjv-tool .fjv-custom-note p {
color: #514663;
font-size: 16px;
line-height: 1.7;
} #fjv-tool .fjv-format-examples {
margin-top: 24px;
padding: 20px;
background: #ffffff;
border: 1px solid #c9ddd4;
border-radius: 12px;
}
#fjv-tool .fjv-format-examples h3 {
font-size: 23px;
margin-bottom: 18px;
}
#fjv-tool .fjv-format-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 13px;
}
#fjv-tool .fjv-format-item {
min-width: 0;
max-width: 100%;
padding: 17px;
background: #f2f8f5;
border: 1px solid #d0e5d7;
border-radius: 10px;
}
#fjv-tool .fjv-format-text {
display: block;
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-format-text strong {
display: block;
margin-bottom: 9px;
color: #23543d;
font-size: 18px;
line-height: 1.45;
}
#fjv-tool .fjv-format-text code {
display: block;
width: 100%;
min-width: 0;
margin-bottom: 10px;
padding: 11px 13px;
background: #ffffff;
border: 1px solid #d0e2d5;
border-radius: 7px;
color: #274735;
font-size: 16px;
font-weight: 650;
line-height: 1.6;
white-space: normal;
}
#fjv-tool .fjv-format-text p {
color: #456354;
font-size: 16px;
line-height: 1.65;
} #fjv-tool .fjv-form-actions,
#fjv-tool .fjv-copy-actions {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 13px;
min-width: 0;
max-width: 100%;
margin-top: 25px;
}
#fjv-tool .fjv-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 0;
max-width: 100%;
min-height: 54px;
padding: 14px 21px;
margin: 0;
appearance: none;
font-family: inherit;
font-size: 18px;
font-weight: 750;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
text-decoration: none;
text-transform: none !important;
border: 2px solid transparent;
border-radius: 11px;
box-shadow: none;
cursor: pointer;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
#fjv-tool .fjv-button-primary {
flex: 1 1 270px;
background: var(--fjv-teal);
border-color: var(--fjv-teal);
color: #ffffff;
}
#fjv-tool .fjv-button-primary:hover {
background: var(--fjv-teal-dark);
border-color: var(--fjv-teal-dark);
color: #ffffff;
}
#fjv-tool .fjv-button-secondary {
flex: 1 1 220px;
background: #ffffff;
border-color: #97b5c3;
color: var(--fjv-navy);
}
#fjv-tool .fjv-button-secondary:hover {
background: #e7f2f6;
border-color: #4e7b90;
color: var(--fjv-navy);
}
#fjv-tool .fjv-button-copy {
flex: 1 1 250px;
background: var(--fjv-green);
border-color: var(--fjv-green);
color: #ffffff;
}
#fjv-tool .fjv-button-copy:hover {
background: #105033;
border-color: #105033;
color: #ffffff;
}
#fjv-tool .fjv-button:disabled {
opacity: 0.55;
cursor: not-allowed;
}
#fjv-tool .fjv-error {
margin-top: 19px;
padding: 17px 19px;
background: #fff0ed;
border: 2px solid #c65a4f;
border-radius: 10px;
color: #842c25;
font-size: 16px;
font-weight: 650;
line-height: 1.7;
}
#fjv-tool .fjv-input-warning {
margin-top: 19px;
padding: 17px 19px;
background: #fff5e6;
border: 1px solid #d7a04e;
border-left: 4px solid var(--fjv-orange);
border-radius: 9px;
color: #774313;
font-size: 16px;
line-height: 1.7;
}
#fjv-tool .fjv-privacy-note {
margin-top: 20px;
padding: 17px 20px;
background: #e8f6ee;
border-left: 4px solid var(--fjv-green);
border-radius: 0 10px 10px 0;
color: #25543c;
font-size: 16px;
line-height: 1.7;
} #fjv-tool .fjv-results {
min-width: 0;
max-width: 100%;
margin: 27px 0;
padding: 34px 28px;
background: linear-gradient(
150deg,
#10283d 0%,
#17475b 100%
);
border-top: 5px solid var(--fjv-gold);
border-bottom: 5px solid var(--fjv-teal);
color: #ffffff;
}
#fjv-tool .fjv-results-header {
min-width: 0;
margin-bottom: 25px;
}
#fjv-tool .fjv-results-header h2 {
color: #ffffff;
font-size: 34px;
}
#fjv-tool .fjv-results-header p {
color: #e9f2f7;
font-size: 18px;
line-height: 1.7;
}
#fjv-tool .fjv-result-summary {
display: block;
min-width: 0;
max-width: 100%;
padding: 24px;
background: #eaf8f0;
border: 2px solid #8cc8a5;
border-left: 6px solid var(--fjv-green);
border-radius: 13px;
color: #244838;
}
#fjv-tool .fjv-result-summary-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-result-summary h3 {
margin-bottom: 13px;
color: #145b3c;
font-size: 26px;
}
#fjv-tool .fjv-result-summary p {
color: #2d5140;
font-size: 18px;
line-height: 1.7;
} #fjv-tool .fjv-metrics {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
min-width: 0;
max-width: 100%;
margin-top: 23px;
}
#fjv-tool .fjv-metric {
display: block;
min-width: 0;
max-width: 100%;
padding: 22px 24px;
background: #ffffff;
border: 1px solid #c7dbe5;
border-left: 5px solid var(--fjv-teal);
border-radius: 12px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
#fjv-tool .fjv-metric:nth-child(2) {
border-left-color: var(--fjv-green);
}
#fjv-tool .fjv-metric:nth-child(3) {
border-left-color: var(--fjv-orange);
}
#fjv-tool .fjv-metric:nth-child(4) {
border-left-color: #4279ab;
}
#fjv-tool .fjv-metric-text {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-metric h3 {
margin-bottom: 10px;
color: #365166;
font-size: 19px;
font-weight: 750;
}
#fjv-tool .fjv-metric output {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
margin-bottom: 9px;
color: #075d66;
font-size: 32px;
font-weight: 800;
line-height: 1.35;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: manual;
}
#fjv-tool .fjv-metric p {
color: var(--fjv-muted);
font-size: 16px;
line-height: 1.65;
} #fjv-tool .fjv-progress-section,
#fjv-tool .fjv-visual,
#fjv-tool .fjv-lists,
#fjv-tool .fjv-copy-section,
#fjv-tool .fjv-validation {
min-width: 0;
max-width: 100%;
margin-top: 25px;
padding: 25px;
background: #ffffff;
border: 1px solid #cbdde6;
border-radius: 14px;
color: var(--fjv-ink);
}
#fjv-tool .fjv-progress-section h3,
#fjv-tool .fjv-visual h3,
#fjv-tool .fjv-lists h3,
#fjv-tool .fjv-copy-section h3,
#fjv-tool .fjv-validation h3 {
font-size: 26px;
color: var(--fjv-navy);
}
#fjv-tool .fjv-progress-layout,
#fjv-tool .fjv-progress-information {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-progress-information {
padding: 20px;
background: #edf7f4;
border: 1px solid #c5dfd1;
border-radius: 11px;
}
#fjv-tool .fjv-progress-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px 16px;
margin-bottom: 14px;
}
#fjv-tool .fjv-progress-heading span {
color: #244a38;
font-size: 18px;
font-weight: 750;
line-height: 1.5;
}
#fjv-tool .fjv-progress-heading strong {
color: var(--fjv-green);
font-size: 28px;
font-weight: 800;
line-height: 1.4;
}
#fjv-tool .fjv-progress-information progress {
display: block;
width: 100%;
height: 24px;
margin: 0 0 15px;
appearance: none;
background: #d3e1e7;
border: 1px solid #b8ced3;
border-radius: 20px;
accent-color: var(--fjv-green);
overflow: hidden;
}
#fjv-tool .fjv-progress-information progress::-webkit-progress-bar {
background: #d3e1e7;
border-radius: 20px;
}
#fjv-tool .fjv-progress-information progress::-webkit-progress-value {
background: var(--fjv-green);
border-radius: 20px;
}
#fjv-tool .fjv-progress-information progress::-moz-progress-bar {
background: var(--fjv-green);
border-radius: 20px;
}
#fjv-tool .fjv-progress-information p {
color: #355846;
font-size: 17px;
line-height: 1.7;
} #fjv-tool .fjv-visual {
background: #f7fbfd;
}
#fjv-tool .fjv-visual > p {
color: #344f63;
font-size: 18px;
line-height: 1.7;
}
#fjv-tool .fjv-legend {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 21px 0;
padding: 17px;
background: #ffffff;
border: 1px solid #d0e0e8;
border-radius: 11px;
}
#fjv-tool .fjv-legend-item {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
align-items: start;
gap: 13px;
min-width: 0;
padding: 7px 0;
}
#fjv-tool .fjv-legend-symbol {
display: block;
width: 20px;
height: 20px;
margin-top: 5px;
border: 2px solid #ffffff;
border-radius: 5px;
box-shadow: 0 0 0 1px #a9bbc7;
}
#fjv-tool .fjv-legend-owned {
background: var(--fjv-green);
}
#fjv-tool .fjv-legend-missing {
background: var(--fjv-orange);
}
#fjv-tool .fjv-legend-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-legend-text strong {
display: block;
margin-bottom: 4px;
color: var(--fjv-navy);
font-size: 18px;
line-height: 1.45;
}
#fjv-tool .fjv-legend-text span {
display: block;
color: var(--fjv-muted);
font-size: 16px;
line-height: 1.65;
}
#fjv-tool .fjv-svg-container {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
padding: 15px;
background: #ffffff;
border: 1px solid #d2e1e8;
border-radius: 11px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #7699aa #e7f0f5;
}
#fjv-tool .fjv-issue-svg {
display: block;
width: 100%;
min-width: 680px;
max-width: none;
height: auto;
margin: 0 auto;
background: #ffffff;
}
#fjv-tool .fjv-issue-svg text {
font-family: system-ui, Arial, sans-serif;
letter-spacing: normal;
pointer-events: none;
}
#fjv-tool .fjv-svg-caption {
margin-top: 17px;
padding: 15px 18px;
background: #e9f3f8;
border-radius: 9px;
color: #344f62;
font-size: 16px;
line-height: 1.7;
} #fjv-tool .fjv-lists-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin-top: 21px;
}
#fjv-tool .fjv-list-card {
display: block;
min-width: 0;
max-width: 100%;
padding: 20px;
border: 1px solid #cbdfe5;
border-radius: 12px;
}
#fjv-tool .fjv-list-card-owned {
background: #edf8f1;
border-color: #b6dac3;
border-top: 4px solid var(--fjv-green);
}
#fjv-tool .fjv-list-card-missing {
background: #fff5eb;
border-color: #e6c8a8;
border-top: 4px solid var(--fjv-orange);
}
#fjv-tool .fjv-list-card-header {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: start;
gap: 13px;
min-width: 0;
margin-bottom: 16px;
}
#fjv-tool .fjv-list-icon {
display: flex;
align-items: center;
justify-content: center;
width: 39px;
height: 39px;
background: var(--fjv-green);
color: #ffffff;
border-radius: 10px;
font-size: 21px;
font-weight: 800;
line-height: 1;
}
#fjv-tool .fjv-list-card-missing .fjv-list-icon {
background: var(--fjv-orange);
}
#fjv-tool .fjv-list-card-title {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-list-card-title h4 {
margin-bottom: 6px;
color: var(--fjv-navy);
font-size: 21px;
}
#fjv-tool .fjv-list-card-title p {
color: #4d6472;
font-size: 16px;
line-height: 1.5;
}
#fjv-tool .fjv-issue-list {
margin: 0;
padding: 17px;
background: #ffffff;
border: 1px solid #d5e5de;
border-radius: 9px;
color: #284a3b;
font-size: 18px;
font-weight: 650;
line-height: 1.8;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#fjv-tool .fjv-list-card-missing .fjv-issue-list {
color: #774019;
border-color: #ecd4bc;
} #fjv-tool .fjv-copy-section {
background: #f7fbfe;
}
#fjv-tool .fjv-copy-card {
display: block;
min-width: 0;
max-width: 100%;
margin-top: 22px;
padding: 22px;
background: #ffffff;
border: 2px solid #b8d6e2;
border-radius: 12px;
}
#fjv-tool .fjv-copy-text {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 190px;
padding: 17px;
background: #f3f8fb;
border: 2px solid #aac6d4;
border-radius: 10px;
color: #263e51;
font-family: inherit;
font-size: 17px;
font-weight: 450;
line-height: 1.7;
resize: vertical;
white-space: pre-wrap;
overflow-wrap: break-word;
word-break: normal;
}
#fjv-tool .fjv-copy-status {
margin-top: 15px;
padding: 12px 15px;
background: #e9f5ee;
border-radius: 8px;
color: #245b3e;
font-size: 16px;
line-height: 1.6;
}
#fjv-tool .fjv-validation {
background: #f2f7fa;
}
#fjv-tool .fjv-validation > p {
font-size: 17px;
line-height: 1.7;
}
#fjv-tool .fjv-validation-help {
margin-top: 16px;
padding: 15px 17px;
background: #ffffff;
border-left: 4px solid #5386a1;
border-radius: 0 9px 9px 0;
color: var(--fjv-muted);
font-size: 16px;
} #fjv-tool .fjv-method-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 17px;
margin-top: 23px;
}
#fjv-tool .fjv-method-item {
min-width: 0;
max-width: 100%;
padding: 23px;
background: #ffffff;
border: 1px solid #c9dde6;
border-top: 4px solid var(--fjv-teal);
border-radius: 12px;
}
#fjv-tool .fjv-method-item h3 {
font-size: 23px;
color: var(--fjv-navy);
}
#fjv-tool .fjv-method-item p {
font-size: 17px;
line-height: 1.7;
}
#fjv-tool .fjv-formula {
display: block;
margin: 17px 0;
padding: 16px 18px;
background: #eaf5f8;
border-left: 4px solid var(--fjv-teal);
border-radius: 0 9px 9px 0;
color: #194b5d;
font-size: 17px;
font-weight: 750;
line-height: 1.7;
}
#fjv-tool .fjv-method-note {
margin-top: 22px;
padding: 19px 21px;
background: #fff4e7;
border-left: 4px solid var(--fjv-orange);
border-radius: 0 10px 10px 0;
}
#fjv-tool .fjv-method-note strong {
display: block;
margin-bottom: 7px;
color: #783f16;
font-size: 18px;
line-height: 1.45;
}
#fjv-tool .fjv-method-note p {
color: #65482b;
font-size: 16px;
line-height: 1.7;
} #fjv-tool .fjv-tips-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 13px;
min-width: 0;
max-width: 100%;
margin: 22px 0 0;
padding: 0;
list-style: none;
}
#fjv-tool .fjv-tip-item {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
align-items: start;
gap: 14px;
min-width: 0;
padding: 19px;
background: #ffffff;
border: 1px solid #c7dfd0;
border-radius: 11px;
list-style: none;
}
#fjv-tool .fjv-tip-symbol {
display: flex;
align-items: center;
justify-content: center;
width: 33px;
height: 33px;
background: var(--fjv-green);
border-radius: 50%;
color: #ffffff;
font-size: 19px;
font-weight: 800;
line-height: 1;
}
#fjv-tool .fjv-tip-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-tip-text strong {
display: block;
margin-bottom: 8px;
color: #24573e;
font-size: 19px;
line-height: 1.45;
}
#fjv-tool .fjv-tip-text > span {
display: block;
color: #385747;
font-size: 17px;
line-height: 1.7;
} #fjv-tool .fjv-faq-items {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin-top: 22px;
}
#fjv-tool .fjv-faq-item {
min-width: 0;
max-width: 100%;
background: #f3f8fb;
border: 1px solid #c6dce7;
border-radius: 11px;
}
#fjv-tool .fjv-faq-item > summary {
padding: 18px 21px;
color: var(--fjv-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.6;
cursor: pointer;
}
#fjv-tool .fjv-faq-item > summary:hover {
background: #e5f1f7;
border-radius: 10px;
}
#fjv-tool .fjv-faq-item[open] {
background: #ffffff;
border-color: #86b8cd;
}
#fjv-tool .fjv-faq-item[open] > summary {
background: #e8f3f8;
border-bottom: 1px solid #c9dee8;
border-radius: 10px 10px 0 0;
}
#fjv-tool .fjv-faq-answer {
min-width: 0;
padding: 20px 22px;
}
#fjv-tool .fjv-faq-answer p {
color: #344e61;
font-size: 17px;
line-height: 1.75;
} #fjv-tool .fjv-related-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
margin-top: 22px;
}
#fjv-tool .fjv-related-card {
min-width: 0;
max-width: 100%;
padding: 21px;
background: #ffffff;
border: 1px solid #c6dce7;
border-top: 4px solid var(--fjv-teal);
border-radius: 12px;
}
#fjv-tool .fjv-related-text {
min-width: 0;
max-width: 100%;
}
#fjv-tool .fjv-related-card h3 {
margin-bottom: 10px;
font-size: 21px;
line-height: 1.45;
}
#fjv-tool .fjv-related-card h3 a,
#fjv-tool .fjv-related-card h3 a:visited {
color: #075b79;
font-size: 21px;
font-weight: 750;
line-height: 1.45;
text-decoration: underline;
text-underline-offset: 3px;
}
#fjv-tool .fjv-related-card h3 a:hover {
color: #063d54;
}
#fjv-tool .fjv-related-card p {
color: var(--fjv-muted);
font-size: 17px;
line-height: 1.7;
} #fjv-tool .fjv-footer {
min-width: 0;
max-width: 100%;
margin: 24px;
padding: 23px 25px;
background: #e6eff5;
border: 1px solid #c4d6e2;
border-left: 5px solid #45748d;
border-radius: 12px;
}
#fjv-tool .fjv-footer p {
color: #365268;
font-size: 16px;
line-height: 1.75;
}
#fjv-tool .fjv-footer strong {
color: var(--fjv-navy);
}
#fjv-tool .fjv-noscript {
margin: 20px 24px;
padding: 18px 20px;
background: #fff4e6;
border: 1px solid #e0bd88;
border-radius: 10px;
color: #694821;
font-size: 16px;
line-height: 1.7;
} #fjv-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%;
min-width: 0;
max-width: 100%;
margin: 22px 0;
padding: 20px 22px;
background: #f0f8fd !important;
color: #213c50 !important;
border: 2px solid #a9cddd !important;
border-radius: 12px;
box-shadow: none;
font-family: inherit;
font-size: 18px !important;
line-height: 1.7;
opacity: 1 !important;
}
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(
.toc_title,
.ez-toc-title,
.lwptoc_title,
.rank-math-toc-title,
.lwptoc_header
) {
color: #173d55 !important;
font-size: 22px !important;
font-weight: 750 !important;
line-height: 1.45;
}
#fjv-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, ul, ol) {
color: #213c50 !important;
font-size: 18px !important;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a,
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a:visited {
color: #075575 !important;
background: transparent !important;
opacity: 1 !important;
font-size: 18px !important;
font-weight: 650;
line-height: 1.65;
text-decoration: underline !important;
text-underline-offset: 3px;
}
#fjv-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: #083d56 !important;
background: #dfedf7 !important;
}
#fjv-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: #163d53 !important;
background: #ffedbd !important;
outline: 3px solid #cf901d !important;
outline-offset: 3px;
}
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(button, .ez-toc-toggle, .ez-toc-btn) {
color: #16465d !important;
font-size: 16px !important;
line-height: 1.5;
opacity: 1 !important;
} @container (min-width: 820px) {
#fjv-tool .fjv-input-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#fjv-tool .fjv-benefits-grid,
#fjv-tool .fjv-related-grid {
grid-template-columns: repeat(
auto-fit,
minmax(320px, 1fr)
);
}
#fjv-tool .fjv-format-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#fjv-tool .fjv-legend {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @container (max-width: 640px) {
#fjv-tool .fjv-header {
padding: 30px 24px 32px;
}
#fjv-tool .fjv-benefits,
#fjv-tool .fjv-guide,
#fjv-tool .fjv-calculator,
#fjv-tool .fjv-method,
#fjv-tool .fjv-tips,
#fjv-tool .fjv-faq,
#fjv-tool .fjv-related {
margin: 17px;
padding: 21px;
}
#fjv-tool .fjv-results {
padding: 28px 19px;
}
#fjv-tool .fjv-fieldset {
padding: 20px 16px;
}
#fjv-tool .fjv-progress-section,
#fjv-tool .fjv-visual,
#fjv-tool .fjv-lists,
#fjv-tool .fjv-copy-section,
#fjv-tool .fjv-validation {
padding: 20px;
}
#fjv-tool .fjv-result-summary {
padding: 20px;
}
#fjv-tool .fjv-input-grid,
#fjv-tool .fjv-benefits-grid,
#fjv-tool .fjv-format-grid,
#fjv-tool .fjv-metrics,
#fjv-tool .fjv-lists-grid,
#fjv-tool .fjv-method-grid,
#fjv-tool .fjv-related-grid {
grid-template-columns: minmax(0, 1fr);
}
#fjv-tool .fjv-form-actions,
#fjv-tool .fjv-copy-actions {
flex-direction: column;
}
#fjv-tool .fjv-form-actions .fjv-button,
#fjv-tool .fjv-copy-actions .fjv-button {
width: 100%;
flex: 0 1 auto;
}
#fjv-tool .fjv-copy-card {
padding: 17px;
}
#fjv-tool .fjv-footer {
margin: 17px;
padding: 20px;
}
} @container (max-width: 400px) {
#fjv-tool .fjv-header {
padding: 25px 18px 28px;
}
#fjv-tool .fjv-benefits,
#fjv-tool .fjv-guide,
#fjv-tool .fjv-calculator,
#fjv-tool .fjv-method,
#fjv-tool .fjv-tips,
#fjv-tool .fjv-faq,
#fjv-tool .fjv-related {
margin: 12px;
padding: 16px;
}
#fjv-tool .fjv-results {
padding: 23px 12px;
}
#fjv-tool .fjv-fieldset {
padding: 17px 12px;
}
#fjv-tool .fjv-fieldset legend {
padding: 8px 11px;
font-size: 17px;
}
#fjv-tool .fjv-result-summary,
#fjv-tool .fjv-metric,
#fjv-tool .fjv-progress-section,
#fjv-tool .fjv-visual,
#fjv-tool .fjv-lists,
#fjv-tool .fjv-copy-section,
#fjv-tool .fjv-validation {
padding: 16px;
}
#fjv-tool .fjv-benefit {
grid-template-columns: 40px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#fjv-tool .fjv-benefit-icon {
width: 40px;
height: 40px;
font-size: 20px;
}
#fjv-tool .fjv-step {
grid-template-columns: 38px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#fjv-tool .fjv-step-number {
width: 38px;
height: 38px;
font-size: 18px;
}
#fjv-tool .fjv-info-box,
#fjv-tool .fjv-input-note,
#fjv-tool .fjv-copy-tip {
grid-template-columns: 30px minmax(0, 1fr);
gap: 10px;
padding: 13px;
}
#fjv-tool .fjv-info-icon,
#fjv-tool .fjv-input-note-icon,
#fjv-tool .fjv-copy-tip-icon {
width: 29px;
height: 29px;
font-size: 16px;
}
#fjv-tool .fjv-format-examples,
#fjv-tool .fjv-copy-card {
padding: 14px;
}
#fjv-tool .fjv-list-card {
padding: 15px;
}
#fjv-tool .fjv-list-card-header {
grid-template-columns: 34px minmax(0, 1fr);
gap: 10px;
}
#fjv-tool .fjv-list-icon {
width: 33px;
height: 33px;
font-size: 18px;
}
#fjv-tool .fjv-tip-item {
grid-template-columns: 29px minmax(0, 1fr);
gap: 10px;
padding: 14px;
}
#fjv-tool .fjv-tip-symbol {
width: 28px;
height: 28px;
font-size: 16px;
}
#fjv-tool .fjv-input-unit {
min-width: 75px;
padding: 8px;
}
#fjv-tool .fjv-footer {
margin: 12px;
padding: 17px;
}
} @media (max-width: 1024px) {
#fjv-tool {
font-size: 17px;
}
#fjv-tool p,
#fjv-tool li,
#fjv-tool label,
#fjv-tool input,
#fjv-tool select,
#fjv-tool textarea,
#fjv-tool button,
#fjv-tool summary,
#fjv-tool output {
font-size: 17px;
}
#fjv-tool h2,
#fjv-tool .fjv-header h2,
#fjv-tool .fjv-results-header h2 {
font-size: 31px;
}
#fjv-tool h3 {
font-size: 25px;
}
#fjv-tool h4 {
font-size: 21px;
}
#fjv-tool .fjv-header p,
#fjv-tool .fjv-results-header p,
#fjv-tool .fjv-result-summary p,
#fjv-tool .fjv-visual > p {
font-size: 17px;
}
#fjv-tool .fjv-benefit-text h3,
#fjv-tool .fjv-format-examples h3,
#fjv-tool .fjv-method-item h3 {
font-size: 22px;
}
#fjv-tool .fjv-benefit-text p,
#fjv-tool .fjv-step-text p,
#fjv-tool .fjv-method-item p,
#fjv-tool .fjv-tip-text > span,
#fjv-tool .fjv-related-card p,
#fjv-tool .fjv-faq-answer p {
font-size: 17px;
}
#fjv-tool .fjv-field-help,
#fjv-tool .fjv-privacy-note,
#fjv-tool .fjv-format-text p,
#fjv-tool .fjv-format-text code,
#fjv-tool .fjv-info-text p,
#fjv-tool .fjv-input-note-text p,
#fjv-tool .fjv-copy-tip-text p,
#fjv-tool .fjv-footer p,
#fjv-tool .fjv-error,
#fjv-tool .fjv-input-warning {
font-size: 16px;
}
#fjv-tool .fjv-input-group > label,
#fjv-tool .fjv-input-group > input,
#fjv-tool .fjv-input-group > textarea,
#fjv-tool .fjv-number-input input,
#fjv-tool .fjv-button,
#fjv-tool .fjv-faq-item > summary {
font-size: 17px;
}
#fjv-tool .fjv-metric output {
font-size: 29px;
}
#fjv-tool .fjv-metric h3 {
font-size: 19px;
}
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
),
#fjv-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, ul, ol, a) {
font-size: 17px !important;
}
} @media (max-width: 640px) {
#fjv-tool {
font-size: 16px;
}
#fjv-tool p,
#fjv-tool li,
#fjv-tool label,
#fjv-tool input,
#fjv-tool select,
#fjv-tool textarea,
#fjv-tool button,
#fjv-tool summary,
#fjv-tool output {
font-size: 16px;
line-height: 1.65;
}
#fjv-tool h2,
#fjv-tool .fjv-header h2,
#fjv-tool .fjv-results-header h2 {
font-size: 27px;
line-height: 1.3;
}
#fjv-tool h3 {
font-size: 23px;
}
#fjv-tool h4 {
font-size: 20px;
}
#fjv-tool .fjv-header p,
#fjv-tool .fjv-results-header p,
#fjv-tool .fjv-result-summary p,
#fjv-tool .fjv-visual > p {
font-size: 16px;
}
#fjv-tool .fjv-result-summary h3,
#fjv-tool .fjv-progress-section h3,
#fjv-tool .fjv-visual h3,
#fjv-tool .fjv-lists h3,
#fjv-tool .fjv-copy-section h3,
#fjv-tool .fjv-validation h3 {
font-size: 22px;
}
#fjv-tool .fjv-benefit-text h3,
#fjv-tool .fjv-format-examples h3,
#fjv-tool .fjv-method-item h3,
#fjv-tool .fjv-related-card h3,
#fjv-tool .fjv-related-card h3 a,
#fjv-tool .fjv-related-card h3 a:visited {
font-size: 20px;
}
#fjv-tool .fjv-benefit-text p,
#fjv-tool .fjv-step-text p,
#fjv-tool .fjv-method-item p,
#fjv-tool .fjv-tip-text > span,
#fjv-tool .fjv-related-card p,
#fjv-tool .fjv-faq-answer p,
#fjv-tool .fjv-issue-list,
#fjv-tool .fjv-formula {
font-size: 16px;
}
#fjv-tool .fjv-field-help,
#fjv-tool .fjv-privacy-note,
#fjv-tool .fjv-format-text p,
#fjv-tool .fjv-format-text code,
#fjv-tool .fjv-info-text p,
#fjv-tool .fjv-input-note-text p,
#fjv-tool .fjv-copy-tip-text p,
#fjv-tool .fjv-footer p,
#fjv-tool .fjv-error,
#fjv-tool .fjv-input-warning,
#fjv-tool .fjv-svg-caption,
#fjv-tool .fjv-copy-status {
font-size: 16px;
}
#fjv-tool .fjv-input-group > label,
#fjv-tool .fjv-input-group > input,
#fjv-tool .fjv-input-group > textarea,
#fjv-tool .fjv-number-input input,
#fjv-tool .fjv-button,
#fjv-tool .fjv-faq-item > summary {
font-size: 16px;
}
#fjv-tool .fjv-button {
min-height: 50px;
}
#fjv-tool .fjv-input-group > input,
#fjv-tool .fjv-number-input input {
min-height: 48px;
}
#fjv-tool .fjv-metric output {
font-size: 26px;
}
#fjv-tool .fjv-progress-heading strong {
font-size: 25px;
}
#fjv-tool .fjv-copy-text {
font-size: 16px;
}
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
),
#fjv-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, ul, ol, a) {
font-size: 16px !important;
}
#fjv-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(
.toc_title,
.ez-toc-title,
.lwptoc_title,
.rank-math-toc-title,
.lwptoc_header
) {
font-size: 20px !important;
}
} @media (prefers-reduced-motion: reduce) {
#fjv-tool .fjv-button {
transition: none;
animation: none;
}
}