/* Shared accessibility and layout refinements. */
:root { --dk-color-link: #a34b08; --dk-color-focus: #a34b08; }
a { color: var(--dk-color-link); }
.dk-button--primary, .dk-button--primary:hover, .dk-button--primary:focus-visible { color: #1c1c1c; }
.dk-button--text { color: var(--dk-color-link); }
.dk-skip { position:fixed; inset-block-start: .5rem; inset-inline-start:1rem; transform:translateY(-200%); z-index:500; padding:.6rem 1rem; background:var(--dk-color-surface); }
.dk-skip:focus { transform:none; }
main { scroll-margin-block-start:6rem; }
section[id] { scroll-margin-block-start:6rem; }
.global-brand img { aspect-ratio:89.89 / 30.06; object-fit:contain; }
.global-search-result strong, .global-search-result small { font-size:var(--dk-font-size-md); }
.global-search-result strong { font-weight:700; }
.tax-primary-result dd, .salary-primary-result dd, .result-money-primary, .date-primary-value { font-size:var(--dk-font-size-md); font-weight:700; }
.tax-result-row dd, .result-money-primary, .result-money-secondary { overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.app-preview { overflow:auto; }
.dk-input, .dk-select-ui { min-width:0; max-width:100%; }
.global-footer-language-select-wrap, .dk-select-trigger { min-height:44px; }
@media(prefers-color-scheme:dark) { :root { --dk-color-link:#ffb570; --dk-color-focus:#ffb570; --dk-color-error:#ffb4ab; --dk-color-success:#8ed5b1; } }

.salary-text-link, .tax-text-link, .app-text-link, .date-text-link,
.global-footer-more, .global-footer-list a:hover, .dk-select-option[aria-selected="true"],
.docs-drawer-nav a[aria-current="page"], .desktop-sidebar a.active { color:var(--dk-color-link); }
@media (max-width:620px) { .salary-result-row, .tax-result-row { gap:.75rem; } }

@media (max-width:760px) {
 .global-nav { gap:.65rem; }
 .global-header-tools { flex:1; gap:.5rem; }
 .global-search { flex:1; min-width:0; width:auto; }
 .global-menu-button { flex-shrink:0; }
}

/* Fluid glass system: decorative ambient gradients; crisp control feedback. */
:root { --dk-font-size-xs:.875rem; --dk-font-size-sm:.9375rem; --dk-font-size-lg:1.125rem; --dk-radius-lg:1.25rem; --dk-radius-md:.8rem; --dk-glass:rgb(255 255 255 / .82); }
body { background:radial-gradient(ellipse 65% 32rem at 100% 0%,rgb(255 169 75 / .14),transparent 75%),radial-gradient(ellipse 65% 30rem at 0% 25%,rgb(65 205 189 / .10),transparent 75%),var(--dk-color-bg); }
.global-header, .global-footer { background:var(--dk-glass); }
.home-app-card, .dk-card { background:var(--dk-glass); }
@supports (backdrop-filter:blur(12px)) { .global-header { backdrop-filter:blur(16px); } .home-app-card { backdrop-filter:blur(8px); } }
.home-app-card { flex-direction:row; align-items:center; justify-content:flex-start; gap:1rem; min-height:7rem; padding:1.25rem; }
.home-app-card > div { min-width:0; }
.home-app-icon { width:2.75rem; height:2.75rem; flex:0 0 2.75rem; display:grid; place-items:center; border-radius:1rem; background:linear-gradient(135deg,rgb(230 126 34 / .13),rgb(58 184 170 / .09)); color:var(--dk-color-link); }
.home-app-icon svg { width:1.5rem; height:1.5rem; }
.home-app-card-title { font-size:1rem; line-height:1.65; font-weight:700; }
.home-app-card-meta { font-size:var(--dk-font-size-sm); line-height:1.7; }
.home-section-title, .tax-heading, .salary-heading, .app-heading, .date-heading { font-size:1.25rem; line-height:1.6; }
#home-title, .tax-title, .salary-title, .app-title, .date-title { font-size:clamp(1.5rem,3vw,1.75rem); line-height:1.5; }
.home-app-card:hover, .home-app-card:focus-visible, .dk-card--interactive:hover { border-color:var(--dk-color-primary); box-shadow:none; transform:none; }
.dk-input:hover, .dk-textarea:hover, .dk-select-trigger:hover { border-color:var(--dk-color-primary); }
.dk-input:focus, .dk-textarea:focus, .dk-select-trigger:focus-visible, .global-search:focus-within, .global-search-input:focus { border-color:var(--dk-color-primary); box-shadow:none; }
.dk-segmented, .dk-segmented-option input:checked + span { border-color:transparent; box-shadow:none; }
.dk-segmented-option input:checked + span { background:#fff; color:#222; }
.dk-segmented-option input:focus-visible + span { outline:2px solid var(--dk-color-text); outline-offset:2px; }
.tax-primary-results, .salary-primary-results { grid-template-columns:1fr; background:transparent; }
.tax-primary-result, .salary-primary-result { display:grid; grid-template-columns:1fr; gap:.4rem; padding:1.25rem; }
.tax-primary-result:first-child, .salary-primary-result:first-child { background:linear-gradient(115deg,rgb(230 126 34 / .08),rgb(58 184 170 / .05)); }
.tax-primary-result + .tax-primary-result, .salary-primary-result + .salary-primary-result { border-inline-start:0; border-top:1px solid var(--dk-color-border); }
.tax-primary-result dt, .salary-primary-result dt { font-size:var(--dk-font-size-sm); }
.tax-primary-result dd, .salary-primary-result dd, .result-money-primary { font-size:1rem; font-weight:700; line-height:1.7; margin:0; }
.tax-primary-result.tax-amount dd, .salary-primary-result#tax-amount-result dd { color:var(--dk-color-text); }
.result-money-secondary { font-size:var(--dk-font-size-sm); font-weight:400; line-height:1.7; }
.tax-result-row, .salary-result-row { font-size:1rem; }
.global-search-result small { font-size:var(--dk-font-size-sm); }
.global-footer { overflow:visible; }
.global-footer-bottom-row { padding-block:1rem; }
.global-footer-language-select-wrap .dk-select-menu { top:auto; inset-block-start:auto; bottom:calc(100% + .5rem); inset-block-end:calc(100% + .5rem); max-height:min(16rem,60vh); transform-origin:bottom center; }
.global-footer-copyright { font-size:var(--dk-font-size-xs); white-space:normal; }
@media(prefers-color-scheme:dark) {
 :root { --dk-color-bg:#101113; --dk-color-surface:#1b1d20; --dk-color-surface-soft:#25272b; --dk-color-border:#393c42; --dk-glass:rgb(27 29 32 / .9); }
 body { background:radial-gradient(ellipse 70% 34rem at 100% 0%,rgb(230 126 34 / .10),transparent 75%),radial-gradient(ellipse 60% 28rem at 0% 20%,rgb(49 204 188 / .08),transparent 75%),var(--dk-color-bg); }
 .home-app-icon { background:linear-gradient(135deg,rgb(230 126 34 / .17),rgb(58 184 170 / .12)); }
}
@media(max-width:620px) { .home-app-card { padding:1rem; min-height:6rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media(prefers-reduced-transparency:reduce) { .global-header,.global-footer,.home-app-card,.dk-card { background:var(--dk-color-surface); backdrop-filter:none; } body { background:var(--dk-color-bg); } }
h1.tax-heading, h1.salary-heading, h1.app-heading, h1.date-heading { font-size:clamp(1.5rem,3vw,1.75rem); }
.global-footer-language-select-wrap .dk-select-arrow { transform:rotate(180deg); }
.global-footer-language-select-wrap .dk-select-ui.is-open .dk-select-arrow { transform:rotate(0deg); }

/* Nested geometry: large surfaces, medium panels, smaller controls. */
:root { --dk-radius-sm:.5rem; --dk-radius-md:.75rem; --dk-radius-lg:1.25rem; }
.dk-card, .home-app-card { border-radius:var(--dk-radius-lg); }
.salary-optional-panel, .salary-exchange-group, .tax-exchange-group, .dk-select-menu { border-radius:1rem; }
.dk-input, .dk-select, .dk-textarea, .dk-select-trigger { border-radius:var(--dk-radius-md); }
.dk-segmented { border-radius:1rem; }
.dk-segmented-option span { border-radius:.7rem; }
.home-app-icon { border-radius:.875rem; }
.dk-select-option { border-radius:.625rem; }
.salary-optional-panel summary:focus-visible { outline:2px solid var(--dk-color-primary); outline-offset:-3px; border-radius:inherit; }

/* Directional chevron stays intact when translation updates link text. */
a[data-i18n="moreApps"], a[data-footer-all-apps] { display:inline-flex; align-items:center; gap:.5rem; }
a[data-i18n="moreApps"]::after, a[data-footer-all-apps]::after {
 content:""; display:block; width:.4rem; height:.4rem; flex:0 0 .4rem;
 border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
 transform:rotate(135deg); margin-inline:.15rem; pointer-events:none;
}

/* Shared documentation navigation chevron. */
a.dk-doc-link, a[data-footer-all-docs] { display:inline-flex; align-items:center; gap:.5rem; }
a.dk-doc-link::after, a[data-footer-all-docs]::after { content:""; display:block; width:.4rem; height:.4rem; flex:0 0 .4rem; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(135deg); margin-inline:.15rem; pointer-events:none; }