.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}#dfkw-tool {
--dfkw-navy: #142e45;
--dfkw-navy-dark: #0d2235;
--dfkw-teal: #086d76;
--dfkw-teal-dark: #07535b;
--dfkw-teal-light: #e8f6f5;
--dfkw-blue-light: #edf5fb;
--dfkw-gold: #e4a33c;
--dfkw-gold-light: #fff5e5;
--dfkw-green: #237550;
--dfkw-green-light: #e8f7ee;
--dfkw-ink: #20364a;
--dfkw-muted: #516477;
--dfkw-border: #ccdae5;
--dfkw-white: #ffffff;
--dfkw-soft: #f3f7fb;
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 24px 0 40px;
padding: 0;
box-sizing: border-box;
container-type: inline-size;
background: var(--dfkw-soft);
color: var(--dfkw-ink);
border: 1px solid #d3e1e9;
border-radius: 22px;
box-shadow:
0 12px 34px rgba(16, 43, 67, 0.10),
0 3px 8px rgba(16, 43, 67, 0.05);
font-family: system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.7;
text-align: left;
letter-spacing: normal;
text-transform: none;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#dfkw-tool,
#dfkw-tool *,
#dfkw-tool *::before,
#dfkw-tool *::after {
box-sizing: border-box;
}
#dfkw-tool [hidden] {
display: none !important;
}
#dfkw-tool section,
#dfkw-tool header,
#dfkw-tool footer,
#dfkw-tool form,
#dfkw-tool fieldset,
#dfkw-tool details,
#dfkw-tool article,
#dfkw-tool div {
min-width: 0;
max-width: 100%;
}
#dfkw-tool p,
#dfkw-tool li,
#dfkw-tool label,
#dfkw-tool input,
#dfkw-tool select,
#dfkw-tool textarea,
#dfkw-tool button,
#dfkw-tool summary,
#dfkw-tool output {
font-family: inherit;
font-size: 18px;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#dfkw-tool p {
margin: 0 0 17px;
color: inherit;
}
#dfkw-tool p:last-child {
margin-bottom: 0;
}
#dfkw-tool h2,
#dfkw-tool h3,
#dfkw-tool h4 {
margin: 0 0 15px;
padding: 0;
color: var(--dfkw-navy);
font-family: inherit;
font-style: normal;
font-weight: 750;
letter-spacing: -0.4px;
text-transform: none;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#dfkw-tool h2 {
font-size: 34px;
line-height: 1.25;
}
#dfkw-tool h3 {
font-size: 26px;
line-height: 1.35;
}
#dfkw-tool h4 {
font-size: 21px;
line-height: 1.4;
}
#dfkw-tool strong {
font-weight: 750;
}
#dfkw-tool a,
#dfkw-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;
}
#dfkw-tool a:hover {
color: #063e56;
text-decoration-thickness: 2px;
}
#dfkw-tool a:focus-visible,
#dfkw-tool button:focus-visible,
#dfkw-tool input:focus-visible,
#dfkw-tool select:focus-visible,
#dfkw-tool textarea:focus-visible,
#dfkw-tool summary:focus-visible,
#dfkw-tool .dfkw-table-scroll:focus-visible {
outline: 3px solid #e7a23a;
outline-offset: 4px;
}
#dfkw-tool ul,
#dfkw-tool ol {
margin: 0;
}
#dfkw-tool svg {
display: block;
max-width: 100%;
}
#dfkw-tool svg text {
font-family: system-ui, Arial, sans-serif;
} #dfkw-tool .dfkw-header {
position: relative;
padding: 38px 34px 40px;
background: linear-gradient(
135deg,
#112b42 0%,
#165169 58%,
#086d76 100%
);
color: #ffffff;
border-radius: 21px 21px 0 0;
}
#dfkw-tool .dfkw-header::before {
content: "";
display: block;
width: 78px;
height: 5px;
margin-bottom: 22px;
border-radius: 5px;
background: var(--dfkw-gold);
}
#dfkw-tool .dfkw-header h2 {
max-width: 850px;
margin-bottom: 21px;
color: #ffffff;
font-size: 34px;
}
#dfkw-tool .dfkw-header p {
max-width: 900px;
color: #f0f8fb;
font-size: 18px;
line-height: 1.75;
}
#dfkw-tool .dfkw-eyebrow {
display: inline-block;
margin: 0 0 17px;
padding: 6px 12px;
background: rgba(255, 255, 255, 0.13);
border: 1px solid rgba(255, 255, 255, 0.26);
border-radius: 8px;
color: #ffffff;
font-size: 15.5px;
font-weight: 750;
line-height: 1.4;
letter-spacing: 0.4px;
}
#dfkw-tool .dfkw-header .dfkw-intro-note {
margin-top: 25px;
padding: 17px 19px;
background: rgba(255, 255, 255, 0.11);
border-left: 4px solid var(--dfkw-gold);
border-radius: 0 10px 10px 0;
color: #ffffff;
font-size: 16px;
line-height: 1.7;
} #dfkw-tool .dfkw-benefits,
#dfkw-tool .dfkw-guide,
#dfkw-tool .dfkw-calculator,
#dfkw-tool .dfkw-method,
#dfkw-tool .dfkw-before-buying,
#dfkw-tool .dfkw-faq,
#dfkw-tool .dfkw-related {
min-width: 0;
max-width: 100%;
margin: 24px;
padding: 28px;
background: #ffffff;
border: 1px solid var(--dfkw-border);
border-radius: 17px;
box-shadow: 0 3px 12px rgba(20, 46, 69, 0.035);
}
#dfkw-tool .dfkw-benefits > h2,
#dfkw-tool .dfkw-guide > h2,
#dfkw-tool .dfkw-calculator > h2,
#dfkw-tool .dfkw-method > h2,
#dfkw-tool .dfkw-before-buying > h2,
#dfkw-tool .dfkw-faq > h2,
#dfkw-tool .dfkw-related > h2 {
margin-bottom: 20px;
}
#dfkw-tool .dfkw-guide {
background: #edf6fa;
border-color: #bcd5e4;
}
#dfkw-tool .dfkw-calculator {
border: 2px solid #84c4c9;
background: #ffffff;
}
#dfkw-tool .dfkw-method {
background: #f9fcff;
}
#dfkw-tool .dfkw-before-buying {
background: #f4faf7;
border-color: #bedecb;
}
#dfkw-tool .dfkw-related {
background: #f8fbfe;
} #dfkw-tool .dfkw-benefit-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
#dfkw-tool .dfkw-benefit {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
align-items: start;
gap: 15px;
min-width: 0;
padding: 20px;
background: #f0f7fa;
border: 1px solid #c5dee8;
border-radius: 13px;
}
#dfkw-tool .dfkw-benefit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
flex-shrink: 0;
background: var(--dfkw-teal);
border-radius: 13px;
color: #ffffff;
font-size: 25px;
font-weight: 750;
line-height: 1;
}
#dfkw-tool .dfkw-benefit-text {
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-benefit-text h3 {
margin-bottom: 8px;
font-size: 21px;
line-height: 1.35;
}
#dfkw-tool .dfkw-benefit-text p {
font-size: 17px;
line-height: 1.65;
} #dfkw-tool .dfkw-steps {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
padding: 0;
list-style: none;
}
#dfkw-tool .dfkw-step {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
align-items: start;
gap: 16px;
min-width: 0;
padding: 20px;
background: #ffffff;
border: 1px solid #c5dce8;
border-radius: 12px;
list-style: none;
}
#dfkw-tool .dfkw-step-number {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background: var(--dfkw-navy);
border-radius: 50%;
color: #ffffff;
font-size: 21px;
font-weight: 750;
line-height: 1;
}
#dfkw-tool .dfkw-step-text {
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-step-text strong {
display: block;
margin-bottom: 6px;
color: var(--dfkw-navy);
font-size: 20px;
line-height: 1.4;
}
#dfkw-tool .dfkw-step-text p {
font-size: 17px;
line-height: 1.65;
} #dfkw-tool .dfkw-form {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 25px 0 0;
}
#dfkw-tool .dfkw-fieldset {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 0 22px;
padding: 24px 22px 22px;
background: #f4f9fb;
border: 2px solid #c5dce2;
border-radius: 15px;
}
#dfkw-tool .dfkw-fieldset legend {
max-width: 100%;
margin: 0;
padding: 9px 15px;
background: var(--dfkw-navy);
border: 0;
border-radius: 9px;
color: #ffffff;
font-size: 20px;
font-weight: 750;
line-height: 1.45;
overflow-wrap: break-word;
word-break: normal;
}
#dfkw-tool .dfkw-deadline-fieldset {
background: #fffaf0;
border-color: #e5c894;
}
#dfkw-tool .dfkw-deadline-fieldset legend {
background: #875414;
}
#dfkw-tool .dfkw-optional-fieldset {
margin: 18px 0 0;
background: #f5f3fa;
border-color: #d4c8e4;
}
#dfkw-tool .dfkw-optional-fieldset legend {
background: #62477e;
}
#dfkw-tool .dfkw-input-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
#dfkw-tool .dfkw-input-group {
min-width: 0;
max-width: 100%;
margin-bottom: 18px;
}
#dfkw-tool .dfkw-input-group:last-child {
margin-bottom: 0;
}
#dfkw-tool .dfkw-input-group > label,
#dfkw-tool .dfkw-range-area > label {
display: block;
width: 100%;
min-width: 0;
margin-bottom: 10px;
color: var(--dfkw-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.5;
}
#dfkw-tool .dfkw-input-unit {
display: flex;
align-items: stretch;
width: 100%;
max-width: 100%;
min-width: 0;
background: #ffffff;
border: 2px solid #9bb8c8;
border-radius: 11px;
}
#dfkw-tool .dfkw-input-unit:focus-within {
border-color: var(--dfkw-teal);
outline: 3px solid #e9b34b;
outline-offset: 2px;
}
#dfkw-tool .dfkw-input-unit input {
display: block;
flex: 1 1 auto;
width: 100%;
min-width: 0;
min-height: 52px;
margin: 0;
padding: 12px 14px;
background: transparent;
border: 0;
border-radius: 9px 0 0 9px;
box-shadow: none;
color: var(--dfkw-ink);
font-size: 18px;
font-weight: 650;
line-height: 1.5;
text-align: left;
text-transform: none;
}
#dfkw-tool .dfkw-input-unit input:focus,
#dfkw-tool .dfkw-input-unit input:focus-visible {
outline: none;
border: 0;
box-shadow: none;
}
#dfkw-tool .dfkw-unit {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 65px;
padding: 10px 13px;
background: #e5f2f5;
border-left: 1px solid #c3d9e2;
border-radius: 0 9px 9px 0;
color: #244c60;
font-size: 16px;
font-weight: 750;
line-height: 1.4;
white-space: nowrap;
}
#dfkw-tool .dfkw-field-help {
margin-top: 9px;
color: var(--dfkw-muted);
font-size: 16px;
line-height: 1.65;
}
#dfkw-tool .dfkw-assumption {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: start;
gap: 14px;
min-width: 0;
margin-top: 22px;
padding: 18px;
background: var(--dfkw-blue-light);
border-left: 4px solid #377b9a;
border-radius: 10px;
}
#dfkw-tool .dfkw-assumption-icon {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background: #286c8c;
border-radius: 50%;
color: #ffffff;
font-size: 18px;
font-weight: 750;
line-height: 1;
}
#dfkw-tool .dfkw-assumption-text {
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-assumption-text strong {
display: block;
margin-bottom: 5px;
color: var(--dfkw-navy);
font-size: 18px;
line-height: 1.45;
}
#dfkw-tool .dfkw-assumption-text p {
font-size: 16px;
line-height: 1.65;
} #dfkw-tool .dfkw-range-area {
min-width: 0;
max-width: 100%;
margin-top: 23px;
padding: 19px;
background: #ffffff;
border: 1px solid #e2c991;
border-radius: 12px;
}
#dfkw-tool .dfkw-range-area input[type="range"] {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 44px;
margin: 8px 0 4px;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
accent-color: var(--dfkw-teal);
cursor: pointer;
}
#dfkw-tool .dfkw-range-area input[type="range"]:focus-visible {
outline: 3px solid #e7a23a;
outline-offset: 3px;
}
#dfkw-tool .dfkw-range-labels {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 6px;
color: #63512c;
font-size: 15.5px;
font-weight: 650;
line-height: 1.5;
}
#dfkw-tool .dfkw-range-area .dfkw-field-help {
margin-top: 15px;
} #dfkw-tool .dfkw-optional {
width: 100%;
min-width: 0;
max-width: 100%;
margin: 0 0 24px;
}
#dfkw-tool .dfkw-optional > summary {
padding: 19px 21px;
background: #eee8f7;
border: 2px solid #c7b6dd;
border-radius: 12px;
color: #3f3153;
font-size: 18px;
line-height: 1.6;
cursor: pointer;
}
#dfkw-tool .dfkw-optional > summary:hover {
background: #e4d9f2;
}
#dfkw-tool .dfkw-optional[open] > summary {
background: #e4d9f2;
border-color: #8f70b2;
}
#dfkw-tool .dfkw-summary-text {
display: inline-flex;
flex-direction: column;
gap: 4px;
min-width: 0;
max-width: 100%;
vertical-align: middle;
}
#dfkw-tool .dfkw-summary-text strong {
display: block;
color: #44315b;
font-size: 19px;
line-height: 1.5;
}
#dfkw-tool .dfkw-summary-text > span {
display: block;
color: #5f5170;
font-size: 16px;
line-height: 1.6;
}
#dfkw-tool .dfkw-optional-note {
margin-top: 15px;
padding: 12px 15px;
background: #f2edf8;
border-radius: 8px;
color: #504262;
font-size: 16px;
line-height: 1.65;
} #dfkw-tool .dfkw-form-actions {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 13px;
min-width: 0;
max-width: 100%;
margin-top: 24px;
}
#dfkw-tool .dfkw-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
min-width: 0;
max-width: 100%;
padding: 14px 22px;
appearance: none;
border: 2px solid transparent;
border-radius: 11px;
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;
box-shadow: none;
cursor: pointer;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
#dfkw-tool .dfkw-button-primary {
flex: 1 1 270px;
background: var(--dfkw-teal);
border-color: var(--dfkw-teal);
color: #ffffff;
}
#dfkw-tool .dfkw-button-primary:hover {
background: var(--dfkw-teal-dark);
border-color: var(--dfkw-teal-dark);
color: #ffffff;
box-shadow: 0 5px 14px rgba(8, 109, 118, 0.20);
}
#dfkw-tool .dfkw-button-secondary {
flex: 1 1 230px;
background: #ffffff;
border-color: #a3bdc9;
color: var(--dfkw-navy);
}
#dfkw-tool .dfkw-button-secondary:hover {
background: #e9f2f7;
border-color: #537c91;
color: var(--dfkw-navy);
}
#dfkw-tool .dfkw-button:active {
transform: translateY(1px);
}
#dfkw-tool .dfkw-button:disabled {
opacity: 0.55;
cursor: not-allowed;
transform: none;
}
#dfkw-tool .dfkw-error {
margin: 19px 0 0;
padding: 17px 19px;
background: #fff0ed;
border: 2px solid #cc6960;
border-radius: 10px;
color: #8b2924;
font-size: 16px;
font-weight: 650;
line-height: 1.65;
}
#dfkw-tool .dfkw-form-note {
margin-top: 19px;
padding: 16px 19px;
background: #eaf7f0;
border-left: 4px solid var(--dfkw-green);
border-radius: 0 10px 10px 0;
color: #24543a;
font-size: 16px;
line-height: 1.65;
} #dfkw-tool .dfkw-results {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 27px 0;
padding: 34px 28px;
background: linear-gradient(
155deg,
#10283d 0%,
#17475c 100%
);
color: #ffffff;
border-top: 5px solid var(--dfkw-gold);
border-bottom: 5px solid var(--dfkw-teal);
}
#dfkw-tool .dfkw-results-header {
min-width: 0;
margin-bottom: 25px;
}
#dfkw-tool .dfkw-results-header h2 {
color: #ffffff;
font-size: 34px;
}
#dfkw-tool .dfkw-results-header p {
color: #e8f2f7;
font-size: 18px;
line-height: 1.7;
}
#dfkw-tool .dfkw-results-header .dfkw-eyebrow {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.28);
}
#dfkw-tool .dfkw-result-summary {
min-width: 0;
padding: 24px;
background: #ecf9f3;
border: 2px solid #7ac39d;
border-left: 6px solid var(--dfkw-green);
border-radius: 14px;
color: #203d31;
}
#dfkw-tool .dfkw-result-summary h3 {
margin-bottom: 13px;
color: #17593d;
font-size: 26px;
}
#dfkw-tool .dfkw-result-summary p {
color: #29483a;
font-size: 18px;
line-height: 1.7;
} #dfkw-tool .dfkw-metrics {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
min-width: 0;
max-width: 100%;
margin-top: 23px;
}
#dfkw-tool .dfkw-metric {
display: block;
min-width: 0;
max-width: 100%;
padding: 23px 24px;
background: #ffffff;
border: 1px solid #c5d9e4;
border-left: 5px solid var(--dfkw-teal);
border-radius: 12px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.055);
}
#dfkw-tool .dfkw-metric:nth-child(2) {
border-left-color: #2e8b60;
}
#dfkw-tool .dfkw-metric:nth-child(3) {
border-left-color: #b77c21;
}
#dfkw-tool .dfkw-metric:nth-child(4) {
border-left-color: #457db5;
}
#dfkw-tool .dfkw-metric-text {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
}
#dfkw-tool .dfkw-metric h3 {
margin-bottom: 10px;
color: #334c60;
font-size: 19px;
font-weight: 750;
line-height: 1.45;
}
#dfkw-tool .dfkw-metric output {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 0 8px;
color: #075b65;
font-size: 28px;
font-weight: 800;
line-height: 1.4;
letter-spacing: -0.3px;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: manual;
}
#dfkw-tool .dfkw-metric p {
color: var(--dfkw-muted);
font-size: 16px;
line-height: 1.65;
} #dfkw-tool .dfkw-comparison,
#dfkw-tool .dfkw-chart-section,
#dfkw-tool .dfkw-interpretation {
min-width: 0;
max-width: 100%;
margin-top: 25px;
padding: 25px;
background: #ffffff;
border: 1px solid #cbdce5;
border-radius: 14px;
color: var(--dfkw-ink);
}
#dfkw-tool .dfkw-comparison h3,
#dfkw-tool .dfkw-chart-section h3,
#dfkw-tool .dfkw-interpretation h3 {
color: var(--dfkw-navy);
font-size: 26px;
}
#dfkw-tool .dfkw-comparison > p,
#dfkw-tool .dfkw-chart-section > p,
#dfkw-tool .dfkw-interpretation > p {
color: var(--dfkw-ink);
font-size: 18px;
line-height: 1.7;
}
#dfkw-tool .dfkw-table-scroll {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 20px 0;
border: 1px solid #cbdce5;
border-radius: 11px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #7795a6 #e7eff4;
scrollbar-width: thin;
}
#dfkw-tool .dfkw-table {
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
background: #ffffff;
color: var(--dfkw-ink);
font-size: 16px;
line-height: 1.55;
}
#dfkw-tool .dfkw-table caption {
padding: 14px 15px;
background: #eef5f9;
color: #294b61;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
text-align: left;
caption-side: top;
}
#dfkw-tool .dfkw-table thead {
background: var(--dfkw-navy);
}
#dfkw-tool .dfkw-table th,
#dfkw-tool .dfkw-table td {
padding: 13px 12px;
border: 0;
border-bottom: 1px solid #dce7ee;
font-size: 16px;
line-height: 1.55;
text-align: left;
vertical-align: top;
overflow-wrap: normal;
word-break: normal;
hyphens: auto;
}
#dfkw-tool .dfkw-table thead th {
background: var(--dfkw-navy);
color: #ffffff;
font-size: 16px;
font-weight: 750;
line-height: 1.45;
}
#dfkw-tool .dfkw-table tbody th {
background: #edf6f8;
color: #234a61;
font-size: 16px;
font-weight: 750;
}
#dfkw-tool .dfkw-table tbody tr:nth-child(even) td {
background: #f5f9fc;
}
#dfkw-tool .dfkw-table tbody tr:last-child th,
#dfkw-tool .dfkw-table tbody tr:last-child td {
border-bottom: 0;
}
#dfkw-tool .dfkw-table-note {
margin-top: 14px;
color: var(--dfkw-muted);
font-size: 16px;
line-height: 1.65;
} #dfkw-tool .dfkw-chart-section {
background: #f7fbfd;
}
#dfkw-tool .dfkw-chart-legend {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
margin: 22px 0;
padding: 17px;
background: #ffffff;
border: 1px solid #d2e1e9;
border-radius: 11px;
}
#dfkw-tool .dfkw-legend-item {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
align-items: start;
gap: 13px;
min-width: 0;
max-width: 100%;
padding: 9px 0;
}
#dfkw-tool .dfkw-legend-marker {
display: block;
width: 18px;
height: 18px;
margin-top: 5px;
border: 2px solid #ffffff;
border-radius: 50%;
box-shadow: 0 0 0 1px #cbd7e1;
}
#dfkw-tool .dfkw-legend-direct {
background: #245d85;
}
#dfkw-tool .dfkw-legend-loan {
background: #247852;
}
#dfkw-tool .dfkw-legend-service {
background: #7546a5;
}
#dfkw-tool .dfkw-legend-deadline {
background: #bb6a18;
border-radius: 3px;
}
#dfkw-tool .dfkw-legend-text {
display: block;
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-legend-text strong {
display: block;
margin-bottom: 4px;
color: #263e52;
font-size: 17px;
line-height: 1.45;
}
#dfkw-tool .dfkw-legend-text span {
display: block;
color: var(--dfkw-muted);
font-size: 16px;
line-height: 1.6;
}
#dfkw-tool .dfkw-chart-container {
width: 100%;
max-width: 100%;
min-width: 0;
padding: 15px;
background: #ffffff;
border: 1px solid #d3e1e9;
border-radius: 12px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #7795a6 #e7eff4;
scrollbar-width: thin;
}
#dfkw-tool .dfkw-chart {
display: block;
width: 100%;
min-width: 570px;
max-width: none;
height: auto;
margin: 0 auto;
background: #ffffff;
}
#dfkw-tool .dfkw-chart-grid {
stroke: #dce6ec;
}
#dfkw-tool .dfkw-chart-axes {
stroke: #526778;
}
#dfkw-tool .dfkw-chart-direct-group,
#dfkw-tool .dfkw-chart-loan-group,
#dfkw-tool .dfkw-chart-service-group,
#dfkw-tool .dfkw-chart-deadline {
transition: opacity 0.2s ease;
}
#dfkw-tool .dfkw-chart-caption {
margin-top: 17px;
padding: 14px 17px;
background: #eaf3f8;
border-radius: 9px;
color: #314e62;
font-size: 16px;
line-height: 1.65;
} #dfkw-tool .dfkw-interpretation-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
min-width: 0;
max-width: 100%;
margin-top: 20px;
}
#dfkw-tool .dfkw-interpretation-item {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
align-items: start;
gap: 15px;
min-width: 0;
padding: 19px;
background: #f1f7fa;
border: 1px solid #d0e0e9;
border-radius: 11px;
}
#dfkw-tool .dfkw-interpretation-symbol {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: #dceef3;
border-radius: 11px;
color: #165d74;
font-size: 22px;
font-weight: 750;
line-height: 1;
}
#dfkw-tool .dfkw-interpretation-text {
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-interpretation-text h4 {
margin-bottom: 9px;
color: var(--dfkw-navy);
font-size: 21px;
}
#dfkw-tool .dfkw-interpretation-text p {
color: #334d60;
font-size: 17px;
line-height: 1.7;
} #dfkw-tool .dfkw-method-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 17px;
margin-top: 23px;
}
#dfkw-tool .dfkw-method-item {
min-width: 0;
max-width: 100%;
padding: 23px;
background: #ffffff;
border: 1px solid #cbdfe9;
border-top: 4px solid var(--dfkw-teal);
border-radius: 12px;
}
#dfkw-tool .dfkw-method-item h3 {
color: var(--dfkw-navy);
font-size: 23px;
}
#dfkw-tool .dfkw-method-item p {
font-size: 17px;
line-height: 1.7;
}
#dfkw-tool .dfkw-formula {
display: block;
margin: 17px 0;
padding: 16px 18px;
background: #eaf5f8;
border-left: 4px solid #28788c;
border-radius: 0 9px 9px 0;
color: #1c4960;
font-size: 17px;
font-weight: 750;
line-height: 1.65;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#dfkw-tool .dfkw-method-note {
margin-top: 20px;
padding: 17px 20px;
background: #fff6e8;
border-left: 4px solid #ba7c23;
border-radius: 0 9px 9px 0;
color: #62451d;
font-size: 16px;
line-height: 1.7;
} #dfkw-tool .dfkw-checklist {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 13px;
min-width: 0;
max-width: 100%;
margin: 20px 0 24px;
padding: 0;
list-style: none;
}
#dfkw-tool .dfkw-check-item {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
align-items: start;
gap: 14px;
min-width: 0;
padding: 18px;
background: #ffffff;
border: 1px solid #c7dfd0;
border-radius: 11px;
list-style: none;
}
#dfkw-tool .dfkw-check-symbol {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: var(--dfkw-green);
border-radius: 50%;
color: #ffffff;
font-size: 18px;
font-weight: 800;
line-height: 1;
}
#dfkw-tool .dfkw-check-text {
display: block;
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-check-text strong {
display: block;
margin-bottom: 7px;
color: #24543b;
font-size: 19px;
line-height: 1.45;
}
#dfkw-tool .dfkw-check-text > span {
display: block;
color: #334c42;
font-size: 17px;
line-height: 1.7;
}
#dfkw-tool .dfkw-info-box {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
align-items: start;
gap: 15px;
min-width: 0;
padding: 22px;
background: #eaf4fb;
border: 1px solid #bbd5e5;
border-left: 5px solid #2e779c;
border-radius: 12px;
}
#dfkw-tool .dfkw-info-symbol {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: #246c90;
border-radius: 50%;
color: #ffffff;
font-size: 20px;
font-weight: 800;
line-height: 1;
}
#dfkw-tool .dfkw-info-text {
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-info-text h3 {
margin-bottom: 12px;
color: #174c68;
font-size: 22px;
}
#dfkw-tool .dfkw-info-text p {
font-size: 17px;
line-height: 1.7;
} #dfkw-tool .dfkw-faq-items {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
min-width: 0;
max-width: 100%;
margin-top: 22px;
}
#dfkw-tool .dfkw-faq-item {
min-width: 0;
max-width: 100%;
background: #f4f9fc;
border: 1px solid #c6dbe7;
border-radius: 11px;
}
#dfkw-tool .dfkw-faq-item > summary {
padding: 18px 20px;
color: var(--dfkw-navy);
font-size: 18px;
font-weight: 750;
line-height: 1.6;
cursor: pointer;
}
#dfkw-tool .dfkw-faq-item > summary:hover {
background: #e8f2f8;
border-radius: 11px;
}
#dfkw-tool .dfkw-faq-item[open] {
background: #ffffff;
border-color: #88b8cd;
}
#dfkw-tool .dfkw-faq-item[open] > summary {
background: #e9f4f8;
border-radius: 11px 11px 0 0;
}
#dfkw-tool .dfkw-faq-answer {
min-width: 0;
padding: 20px 22px;
border-top: 1px solid #d5e5eb;
}
#dfkw-tool .dfkw-faq-answer p {
font-size: 17px;
line-height: 1.75;
} #dfkw-tool .dfkw-related-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
min-width: 0;
max-width: 100%;
margin-top: 22px;
}
#dfkw-tool .dfkw-related-card {
display: block;
min-width: 0;
max-width: 100%;
padding: 21px;
background: #ffffff;
border: 1px solid #c7dce7;
border-top: 4px solid var(--dfkw-teal);
border-radius: 12px;
}
#dfkw-tool .dfkw-related-text {
min-width: 0;
max-width: 100%;
}
#dfkw-tool .dfkw-related-card h3 {
margin-bottom: 10px;
font-size: 21px;
line-height: 1.45;
}
#dfkw-tool .dfkw-related-card h3 a,
#dfkw-tool .dfkw-related-card h3 a:visited {
color: #095d77;
font-size: 21px;
font-weight: 750;
line-height: 1.45;
text-decoration: underline;
text-underline-offset: 3px;
}
#dfkw-tool .dfkw-related-card h3 a:hover {
color: #063d55;
}
#dfkw-tool .dfkw-related-card p {
color: var(--dfkw-muted);
font-size: 17px;
line-height: 1.7;
} #dfkw-tool .dfkw-footer {
min-width: 0;
max-width: 100%;
margin: 24px;
padding: 23px 25px;
background: #e6eff5;
border: 1px solid #c4d6e2;
border-left: 5px solid #426d89;
border-radius: 12px;
}
#dfkw-tool .dfkw-footer p {
color: #365066;
font-size: 16px;
line-height: 1.75;
}
#dfkw-tool .dfkw-footer strong {
color: var(--dfkw-navy);
}
#dfkw-tool .dfkw-noscript {
margin: 20px 24px;
padding: 18px 20px;
background: #fff5e5;
border: 1px solid #e3c189;
border-radius: 10px;
color: #64491e;
font-size: 16px;
line-height: 1.7;
} #dfkw-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: 22px 0;
padding: 20px 22px;
background: #f0f8fd !important;
border: 2px solid #a9ccdd !important;
border-radius: 12px;
color: #203c50 !important;
opacity: 1 !important;
font-family: inherit;
font-size: 18px !important;
line-height: 1.7;
box-shadow: none;
}
#dfkw-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(.lwptoc_i, .ez-toc-title-container, .ez-toc-list) {
max-width: 100%;
min-width: 0;
background: transparent;
}
#dfkw-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
) {
color: #173d55 !important;
font-size: 22px !important;
font-weight: 750 !important;
line-height: 1.4;
}
#dfkw-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: #203c50 !important;
font-size: 18px !important;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#dfkw-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a,
#dfkw-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-decoration-thickness: 1.5px !important;
text-underline-offset: 3px;
}
#dfkw-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: #083c56 !important;
background: #deedf7 !important;
opacity: 1 !important;
}
#dfkw-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: #173d55 !important;
background: #ffedb8 !important;
outline: 3px solid #d99018 !important;
outline-offset: 3px;
text-decoration: underline !important;
}
#dfkw-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: #16455d !important;
font-size: 16px !important;
line-height: 1.5;
opacity: 1 !important;
} @container (min-width: 780px) {
#dfkw-tool .dfkw-benefit-grid {
grid-template-columns: repeat(
auto-fit,
minmax(300px, 1fr)
);
}
#dfkw-tool .dfkw-input-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#dfkw-tool .dfkw-related-grid {
grid-template-columns: repeat(
auto-fit,
minmax(300px, 1fr)
);
}
} @container (max-width: 640px) {
#dfkw-tool .dfkw-header {
padding: 30px 25px 32px;
}
#dfkw-tool .dfkw-benefits,
#dfkw-tool .dfkw-guide,
#dfkw-tool .dfkw-calculator,
#dfkw-tool .dfkw-method,
#dfkw-tool .dfkw-before-buying,
#dfkw-tool .dfkw-faq,
#dfkw-tool .dfkw-related {
margin: 18px;
padding: 22px;
}
#dfkw-tool .dfkw-results {
padding: 28px 20px;
}
#dfkw-tool .dfkw-comparison,
#dfkw-tool .dfkw-chart-section,
#dfkw-tool .dfkw-interpretation {
padding: 20px;
}
#dfkw-tool .dfkw-fieldset {
padding: 20px 17px;
}
#dfkw-tool .dfkw-benefit-grid,
#dfkw-tool .dfkw-input-grid,
#dfkw-tool .dfkw-method-grid,
#dfkw-tool .dfkw-related-grid {
grid-template-columns: minmax(0, 1fr);
}
#dfkw-tool .dfkw-metrics,
#dfkw-tool .dfkw-interpretation-grid {
grid-template-columns: minmax(0, 1fr);
} #dfkw-tool .dfkw-table-scroll {
overflow-x: auto;
overflow-y: visible;
border: 0;
border-radius: 0;
}
#dfkw-tool .dfkw-table {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
border-spacing: 0;
}
#dfkw-tool .dfkw-table caption {
display: block;
padding: 13px 15px;
border-radius: 9px;
}
#dfkw-tool .dfkw-table thead {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
#dfkw-tool .dfkw-table tbody {
display: block;
width: 100%;
}
#dfkw-tool .dfkw-table tbody tr {
display: block;
width: 100%;
min-width: 0;
margin: 14px 0;
padding: 0;
background: #ffffff;
border: 1px solid #cedee7;
border-radius: 11px;
box-shadow: 0 2px 6px rgba(20, 46, 69, 0.04);
}
#dfkw-tool .dfkw-table tbody th {
display: block;
width: 100%;
padding: 16px;
background: var(--dfkw-navy);
border: 0;
border-radius: 10px 10px 0 0;
color: #ffffff;
font-size: 18px;
font-weight: 750;
line-height: 1.5;
}
#dfkw-tool .dfkw-table tbody td {
display: block;
width: 100%;
min-width: 0;
padding: 12px 16px;
background: #ffffff;
border-bottom: 1px solid #e0e9ef;
color: var(--dfkw-ink);
font-size: 17px;
line-height: 1.6;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#dfkw-tool .dfkw-table tbody tr:nth-child(even) td {
background: #ffffff;
}
#dfkw-tool .dfkw-table tbody td::before {
display: block;
margin-bottom: 4px;
color: var(--dfkw-muted);
font-size: 15.5px;
font-weight: 750;
line-height: 1.4;
}
#dfkw-tool .dfkw-table tbody td:nth-of-type(1)::before {
content: "Gesamtkosten";
}
#dfkw-tool .dfkw-table tbody td:nth-of-type(2)::before {
content: "Wartezeit";
}
#dfkw-tool .dfkw-table tbody td:nth-of-type(3)::before {
content: "Friststatus";
}
#dfkw-tool .dfkw-table tbody td:nth-of-type(4)::before {
content: "Ersparnis gegenüber Direktkauf";
}
#dfkw-tool .dfkw-table tbody td:last-child {
border-bottom: 0;
border-radius: 0 0 10px 10px;
}
#dfkw-tool .dfkw-footer {
margin: 18px;
padding: 20px;
}
} @container (max-width: 400px) {
#dfkw-tool .dfkw-header {
padding: 24px 18px 27px;
}
#dfkw-tool .dfkw-header h2,
#dfkw-tool .dfkw-results-header h2 {
font-size: 27px;
line-height: 1.3;
}
#dfkw-tool .dfkw-benefits,
#dfkw-tool .dfkw-guide,
#dfkw-tool .dfkw-calculator,
#dfkw-tool .dfkw-method,
#dfkw-tool .dfkw-before-buying,
#dfkw-tool .dfkw-faq,
#dfkw-tool .dfkw-related {
margin: 12px;
padding: 16px;
}
#dfkw-tool .dfkw-results {
padding: 22px 12px;
}
#dfkw-tool .dfkw-result-summary,
#dfkw-tool .dfkw-metric,
#dfkw-tool .dfkw-comparison,
#dfkw-tool .dfkw-chart-section,
#dfkw-tool .dfkw-interpretation {
padding: 17px;
}
#dfkw-tool .dfkw-fieldset {
padding: 17px 12px;
}
#dfkw-tool .dfkw-fieldset legend {
padding: 8px 11px;
font-size: 17px;
}
#dfkw-tool .dfkw-benefit {
grid-template-columns: 40px minmax(0, 1fr);
gap: 12px;
padding: 15px;
}
#dfkw-tool .dfkw-benefit-icon {
width: 40px;
height: 40px;
font-size: 21px;
}
#dfkw-tool .dfkw-step {
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
padding: 15px;
}
#dfkw-tool .dfkw-step-number {
width: 38px;
height: 38px;
font-size: 18px;
}
#dfkw-tool .dfkw-assumption,
#dfkw-tool .dfkw-info-box {
grid-template-columns: 32px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#dfkw-tool .dfkw-info-symbol,
#dfkw-tool .dfkw-assumption-icon {
width: 30px;
height: 30px;
font-size: 17px;
}
#dfkw-tool .dfkw-check-item {
grid-template-columns: 30px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#dfkw-tool .dfkw-check-symbol {
width: 28px;
height: 28px;
font-size: 16px;
}
#dfkw-tool .dfkw-interpretation-item {
grid-template-columns: 34px minmax(0, 1fr);
gap: 11px;
padding: 14px;
}
#dfkw-tool .dfkw-interpretation-symbol {
width: 34px;
height: 34px;
font-size: 18px;
}
#dfkw-tool .dfkw-metric output {
font-size: 24px;
}
#dfkw-tool .dfkw-form-actions {
flex-direction: column;
}
#dfkw-tool .dfkw-button {
flex: 0 1 auto;
width: 100%;
max-width: 100%;
min-height: 52px;
font-size: 16px;
}
#dfkw-tool .dfkw-unit {
min-width: 54px;
padding: 9px;
}
#dfkw-tool .dfkw-range-area {
padding: 14px;
}
#dfkw-tool .dfkw-range-labels {
font-size: 15.5px;
}
#dfkw-tool .dfkw-footer {
margin: 12px;
padding: 17px;
}
} @media (max-width: 1024px) {
#dfkw-tool {
font-size: 17px;
}
#dfkw-tool p,
#dfkw-tool li,
#dfkw-tool label,
#dfkw-tool input,
#dfkw-tool select,
#dfkw-tool textarea,
#dfkw-tool button,
#dfkw-tool summary,
#dfkw-tool output {
font-size: 17px;
}
#dfkw-tool h2 {
font-size: 31px;
}
#dfkw-tool h3 {
font-size: 25px;
}
#dfkw-tool h4 {
font-size: 21px;
}
#dfkw-tool .dfkw-header h2,
#dfkw-tool .dfkw-results-header h2 {
font-size: 31px;
}
#dfkw-tool .dfkw-header p,
#dfkw-tool .dfkw-results-header p,
#dfkw-tool .dfkw-result-summary p,
#dfkw-tool .dfkw-comparison > p,
#dfkw-tool .dfkw-chart-section > p,
#dfkw-tool .dfkw-interpretation > p {
font-size: 17px;
}
#dfkw-tool .dfkw-field-help,
#dfkw-tool .dfkw-form-note,
#dfkw-tool .dfkw-table-note,
#dfkw-tool .dfkw-chart-caption,
#dfkw-tool .dfkw-footer p,
#dfkw-tool .dfkw-faq-answer p,
#dfkw-tool .dfkw-noscript,
#dfkw-tool .dfkw-error {
font-size: 16px;
}
#dfkw-tool .dfkw-input-group > label,
#dfkw-tool .dfkw-range-area > label,
#dfkw-tool .dfkw-input-unit input,
#dfkw-tool .dfkw-button,
#dfkw-tool .dfkw-faq-item > summary {
font-size: 17px;
}
#dfkw-tool .dfkw-input-unit input {
min-height: 50px;
}
#dfkw-tool .dfkw-result-summary h3 {
font-size: 25px;
}
#dfkw-tool .dfkw-metric output {
font-size: 27px;
}
#dfkw-tool .dfkw-table caption,
#dfkw-tool .dfkw-table th,
#dfkw-tool .dfkw-table td {
font-size: 16px;
}
#dfkw-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
),
#dfkw-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) {
#dfkw-tool {
font-size: 16px;
}
#dfkw-tool p,
#dfkw-tool li,
#dfkw-tool label,
#dfkw-tool input,
#dfkw-tool select,
#dfkw-tool textarea,
#dfkw-tool button,
#dfkw-tool summary,
#dfkw-tool output {
font-size: 16px;
line-height: 1.65;
}
#dfkw-tool h2 {
font-size: 27px;
line-height: 1.3;
}
#dfkw-tool h3 {
font-size: 22px;
line-height: 1.4;
}
#dfkw-tool h4 {
font-size: 20px;
line-height: 1.45;
}
#dfkw-tool .dfkw-header h2,
#dfkw-tool .dfkw-results-header h2 {
font-size: 27px;
}
#dfkw-tool .dfkw-header p,
#dfkw-tool .dfkw-results-header p,
#dfkw-tool .dfkw-result-summary p,
#dfkw-tool .dfkw-comparison > p,
#dfkw-tool .dfkw-chart-section > p,
#dfkw-tool .dfkw-interpretation > p {
font-size: 16px;
line-height: 1.7;
}
#dfkw-tool .dfkw-result-summary h3,
#dfkw-tool .dfkw-comparison h3,
#dfkw-tool .dfkw-chart-section h3,
#dfkw-tool .dfkw-interpretation h3 {
font-size: 22px;
}
#dfkw-tool .dfkw-benefit-text h3,
#dfkw-tool .dfkw-method-item h3,
#dfkw-tool .dfkw-info-text h3,
#dfkw-tool .dfkw-related-card h3,
#dfkw-tool .dfkw-related-card h3 a,
#dfkw-tool .dfkw-related-card h3 a:visited {
font-size: 20px;
}
#dfkw-tool .dfkw-interpretation-text h4 {
font-size: 20px;
}
#dfkw-tool .dfkw-field-help,
#dfkw-tool .dfkw-form-note,
#dfkw-tool .dfkw-table-note,
#dfkw-tool .dfkw-chart-caption,
#dfkw-tool .dfkw-footer p,
#dfkw-tool .dfkw-noscript,
#dfkw-tool .dfkw-error,
#dfkw-tool .dfkw-optional-note,
#dfkw-tool .dfkw-method-note {
font-size: 16px;
}
#dfkw-tool .dfkw-input-group > label,
#dfkw-tool .dfkw-range-area > label,
#dfkw-tool .dfkw-input-unit input,
#dfkw-tool .dfkw-button,
#dfkw-tool .dfkw-faq-item > summary {
font-size: 16px;
}
#dfkw-tool .dfkw-input-unit input {
min-height: 48px;
}
#dfkw-tool .dfkw-button {
width: 100%;
flex: 1 1 100%;
min-height: 50px;
font-size: 16px;
}
#dfkw-tool .dfkw-benefit-text p,
#dfkw-tool .dfkw-step-text p,
#dfkw-tool .dfkw-interpretation-text p,
#dfkw-tool .dfkw-method-item p,
#dfkw-tool .dfkw-check-text > span,
#dfkw-tool .dfkw-info-text p,
#dfkw-tool .dfkw-faq-answer p,
#dfkw-tool .dfkw-related-card p,
#dfkw-tool .dfkw-formula {
font-size: 16px;
}
#dfkw-tool .dfkw-metric h3 {
font-size: 18px;
}
#dfkw-tool .dfkw-metric output {
font-size: 24px;
}
#dfkw-tool .dfkw-table caption,
#dfkw-tool .dfkw-table th,
#dfkw-tool .dfkw-table td {
font-size: 16px;
}
#dfkw-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) {
padding: 16px;
font-size: 16px !important;
}
#dfkw-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;
}
#dfkw-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
) {
font-size: 20px !important;
}
} @media (prefers-reduced-motion: reduce) {
#dfkw-tool .dfkw-button,
#dfkw-tool .dfkw-chart-direct-group,
#dfkw-tool .dfkw-chart-loan-group,
#dfkw-tool .dfkw-chart-service-group,
#dfkw-tool .dfkw-chart-deadline {
transition: none;
animation: none;
}
}