/* DF Toolkit shared styles. Colours, type and spacing come from the active theme's
   presets (theme.json) with sensible fallbacks, so the blocks suit any theme. */
.dftk{
--dftk-fb-bg:transparent;--dftk-fb-ink:currentColor;--dftk-fb-mute:color-mix(in srgb,currentColor 68%,transparent);--dftk-fb-line:color-mix(in srgb,currentColor 18%,transparent);--dftk-fb-acc:#29265f;--dftk-fb-on-acc:#fff;--dftk-fb-field:color-mix(in srgb,currentColor 55%,transparent);--dftk-fb-error:#a61b1b;--dftk-fb-ok:#1d6a43
}
.dftk{
--dftk-bg:var(--wp--preset--color--base,var(--dftk-fb-bg));
--dftk-ink:var(--wp--preset--color--contrast,var(--dftk-fb-ink));
--dftk-mute:var(--wp--preset--color--muted,var(--dftk-fb-mute));
--dftk-line:var(--wp--preset--color--line,var(--dftk-fb-line));
--dftk-acc:var(--wp--preset--color--accent,var(--dftk-fb-acc));
--dftk-surface:var(--df-surface,var(--dftk-fb-bg));
--dftk-field:var(--df-field,var(--dftk-fb-field));
--dftk-error:var(--df-error,var(--dftk-fb-error));
--dftk-ok:var(--df-ok,var(--dftk-fb-ok));
--dftk-on-acc:var(--df-on-accent,var(--dftk-fb-on-acc));
--dftk-hover:var(--df-hover,var(--dftk-ink));
--dftk-small:var(--wp--preset--font-size--small,.875rem);
--dftk-gap:var(--wp--preset--spacing--60,2.5rem);
display:grid;gap:var(--dftk-gap);align-items:start;color:var(--dftk-ink)
}
.dftk[hidden],.dftk [hidden]{display:none!important}
@media (min-width:900px){.dftk-tool{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.dftk-tool>.dftk-result{position:sticky;top:24px}}
@media (scripting:enabled){.dftk [data-df-nojs]{display:none}}
.dftk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dftk-label{margin:0;font-size:var(--dftk-small);font-weight:600;letter-spacing:.02em;text-transform:none}
.dftk-hint{margin:0;font-size:var(--dftk-small);color:var(--dftk-mute)}
.dftk-notice{margin:0;border-inline-start:2px solid var(--dftk-ink);padding:2px 0 2px 16px;max-width:40em}
.dftk-form{display:grid;gap:20px;max-width:var(--wp--style--global--content-size,680px)}
.dftk-fields{display:grid;gap:20px}
@media (min-width:560px){.dftk-fields{grid-template-columns:1fr 1fr}}
.dftk-field{display:grid;gap:6px;align-content:start}
.dftk-field>label{font-weight:600}
.dftk-affix{display:flex}
.dftk-affix>span{display:inline-flex;align-items:center;padding-inline:12px;border:1px solid var(--dftk-field);color:var(--dftk-mute);background:var(--dftk-bg)}
.dftk-affix>span:first-child{border-inline-end:0}
.dftk-affix>span:last-child{border-inline-start:0}
.dftk-input,.dftk-cell{font:inherit;color:var(--dftk-ink);background:var(--dftk-surface);border:1px solid var(--dftk-field);border-radius:0;padding:9px 12px;min-height:44px;width:100%;min-width:0;flex:1;box-sizing:border-box}
.dftk-input:hover,.dftk-cell:hover{border-color:var(--dftk-ink)}
.dftk-input:focus-visible,.dftk-cell:focus-visible{outline:2px solid var(--dftk-acc);outline-offset:-1px;border-color:var(--dftk-acc)}
[aria-invalid="true"].dftk-input,[aria-invalid="true"].dftk-cell{border-color:var(--dftk-error);box-shadow:inset 3px 0 0 var(--dftk-error)}
.dftk-actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.dftk-btn{font:inherit;font-weight:600;color:var(--dftk-on-acc);background:var(--dftk-acc);border:1px solid var(--dftk-acc);border-radius:0;padding:10px 18px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.dftk-btn:hover{background:var(--dftk-hover);border-color:var(--dftk-hover);color:var(--dftk-on-acc)}
.dftk-btn:focus-visible{outline:2px solid var(--dftk-acc);outline-offset:2px}
.dftk-btn:active{transform:translateY(1px)}
.dftk-btn--quiet{background:none;color:var(--dftk-ink);border-color:var(--dftk-ink)}
.dftk-btn--quiet:hover{background:var(--dftk-ink);color:var(--dftk-bg);border-color:var(--dftk-ink)}
.dftk-btn--link{background:none;border:0;padding:0;min-height:24px;font-weight:400;color:var(--dftk-acc);text-decoration:underline}
.dftk-btn--link:hover{background:none;color:var(--dftk-hover)}
.dftk-status{margin:0;border-inline-start:2px solid var(--dftk-ok);padding:4px 0 4px 12px;font-weight:600}
.dftk-status:empty{position:absolute;margin:0;padding:0;border:0}
.dftk-result{display:grid;gap:12px}
.dftk-result p{margin:0}
.dftk-figures{margin:0}
.dftk-figures>div{display:flex;justify-content:space-between;gap:16px;padding-block:9px;border-block-end:1px solid var(--dftk-line);font-variant-numeric:tabular-nums}
.dftk-figures dt{color:var(--dftk-mute)}
.dftk-figures dd{margin:0;text-align:end}
.dftk-figures .dftk-total{border-block-end-color:var(--dftk-ink);padding-block:14px}
.dftk-figures .dftk-total dt{color:var(--dftk-ink);font-weight:600}
.dftk-figures .dftk-total dd{font-size:var(--wp--preset--font-size--x-large,1.75rem);font-weight:600;line-height:1.1}
.dftk-figures .is-negative dd{color:var(--dftk-error)}
@media (prefers-reduced-motion:reduce){.dftk *{transition:none!important}}