/* Datakar Docs — app-specific documentation layer. Uses the shared Datakar design system. */
:root{--docs-content:760px;--docs-shell:1240px;--docs-marker-w:5px;--docs-marker-h:16px}
html{scroll-padding-top:92px}
.docs-skip{position:fixed;top:8px;right:8px;z-index:500;background:var(--dk-color-text);color:var(--dk-color-bg);padding:.5rem .75rem;border-radius:var(--dk-radius-md);transform:translateY(-160%)}
.docs-skip:focus{transform:none}
.docs-layout{width:100%;max-width:var(--docs-shell);margin:0 auto;padding:0 var(--dk-page-gutter) var(--dk-space-8)}
.doc-content{min-width:0;max-width:var(--docs-content);margin:0 auto}.desktop-sidebar,.page-toc{display:none}
.docs-breadcrumb{display:flex;gap:.5rem;align-items:center;margin-top:var(--dk-space-5);font-size:var(--dk-font-size-sm);color:var(--dk-color-muted)}
.docs-breadcrumb a{text-decoration:none}.docs-breadcrumb a:hover{color:var(--dk-color-primary)}
.doc-hero{padding:var(--dk-space-6) 0 var(--dk-space-5);border-bottom:1px solid var(--dk-color-border)}
.eyebrow{margin:0 0 .3rem;color:var(--dk-color-primary);font-size:var(--dk-font-size-sm);font-weight:700}
.doc-title,.docs-home-title,.doc-section h2{display:flex;align-items:center;gap:.65rem}
.doc-title::before,.docs-home-title::before,.doc-section h2::before{content:"";width:var(--docs-marker-w);height:var(--docs-marker-h);border-radius:2px;background:var(--dk-color-primary);flex:0 0 auto}
.doc-title{margin:0;font-size:clamp(1.75rem,5vw,2.35rem);line-height:1.35}.lead{margin:.8rem 0 0;color:var(--dk-color-muted);line-height:1.9}
.hero-actions{margin-top:var(--dk-space-5);display:flex;gap:var(--dk-space-3);align-items:center;flex-wrap:wrap}.language-label{min-height:var(--dk-control-min-height);display:inline-flex;align-items:center;padding:.55rem .9rem;border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-pill);color:var(--dk-color-muted);background:var(--dk-color-surface)}
.mobile-toc{margin-top:var(--dk-space-5);border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface);overflow:hidden}.mobile-toc summary{min-height:48px;padding:.7rem 1rem;cursor:pointer;font-weight:700}.mobile-toc nav{padding:.2rem 1rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.25rem .8rem}.mobile-toc a{padding:.3rem 0;text-decoration:none;color:var(--dk-color-muted);font-size:var(--dk-font-size-sm)}.mobile-toc a:hover{color:var(--dk-color-primary)}
.doc-section{padding:var(--dk-space-7) 0 .25rem}.doc-section h2{margin:0 0 var(--dk-space-3);font-size:var(--dk-font-size-xl);line-height:1.5}.doc-section p{margin:0 0 .9rem;line-height:1.9}.doc-section strong{font-weight:700}
.note-card{margin:var(--dk-space-5) 0;padding:1.1rem;border:1px solid var(--dk-color-border);border-inline-start:4px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface)}.note-card p{margin:.3rem 0 0;color:var(--dk-color-muted)}
.rate-list{margin-top:var(--dk-space-5);border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);overflow:hidden;background:var(--dk-color-surface)}.rate-item{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--dk-color-border)}.rate-item:last-child{border-bottom:0}.rate-item>div{display:flex;flex-direction:column}.rate-range{font-weight:700}.rate-caption{color:var(--dk-color-muted);font-size:var(--dk-font-size-xs)}.rate-item>strong{direction:ltr;color:var(--dk-color-primary);font-size:var(--dk-font-size-md);max-width:46%;text-align:left;overflow-wrap:anywhere}
.formula-block{margin:.9rem 0;padding:.9rem 1rem;border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface-soft);text-align:left;overflow-x:auto}.formula-label{display:block;margin-bottom:.3rem;color:var(--dk-color-muted);font-family:Arial,sans-serif;font-size:var(--dk-font-size-xs)}.formula-block code,.calculation-line code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.9rem;white-space:nowrap}.calculation-line{overflow-x:auto;margin:.8rem 0;padding:.65rem .8rem;border-radius:var(--dk-radius-md);background:var(--dk-color-surface-soft);text-align:left}
.example-card{margin:1rem 0;padding:1.1rem;border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface)}.example-heading{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;margin-bottom:.6rem}.example-heading span{color:var(--dk-color-muted);font-size:var(--dk-font-size-sm)}.example-card p{color:var(--dk-color-muted)}.mini-result{margin:.7rem 0 0}.mini-result>div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid var(--dk-color-border)}.mini-result dt{color:var(--dk-color-muted)}.mini-result dd{margin:0;font-weight:700}
.clean-list{margin:0;padding-inline-start:1.35rem}.clean-list li{margin:.45rem 0}.source-links{display:grid;gap:.5rem;margin:.9rem 0}.source-links a{display:block;padding:.7rem .85rem;border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface);text-decoration:none}.source-links a:hover{border-color:var(--dk-color-primary);color:var(--dk-color-primary)}.updated{color:var(--dk-color-muted);font-size:var(--dk-font-size-sm)}
/* Documentation navigation: intentionally preserved as a dedicated layer. */
.docs-menu-button{display:grid}.docs-nav-backdrop{position:fixed;inset:0;z-index:var(--dk-z-backdrop);background:var(--dk-color-overlay);opacity:0;transition:opacity var(--dk-duration-normal) var(--dk-ease-standard)}.docs-nav-backdrop.is-visible{opacity:1}.docs-nav-drawer{position:fixed;top:0;right:0;z-index:var(--dk-z-drawer);width:min(86vw,340px);height:100dvh;padding:1.1rem;background:var(--dk-color-surface);box-shadow:var(--dk-shadow-md);transform:translateX(105%);transition:transform var(--dk-duration-normal) var(--dk-ease-standard);display:flex;flex-direction:column}.docs-nav-drawer.is-open{transform:translateX(0)}.docs-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid var(--dk-color-border)}.docs-drawer-header img{height:30px;width:auto}.docs-drawer-close{width:44px;height:44px;border:0;background:transparent;border-radius:var(--dk-radius-pill);font-size:1.7rem;cursor:pointer;color:var(--dk-color-muted)}.docs-drawer-close:hover{background:var(--dk-color-surface-soft)}.docs-drawer-nav{padding:1.1rem 0;overflow-y:auto}.docs-drawer-nav a,.desktop-sidebar a{display:block;padding:.55rem .7rem;border-radius:var(--dk-radius-md);text-decoration:none;color:var(--dk-color-text-soft)}.docs-drawer-nav a:hover,.desktop-sidebar a:hover{background:var(--dk-color-surface-soft)}.docs-drawer-nav a[aria-current="page"],.desktop-sidebar a.active{background:color-mix(in srgb,var(--dk-color-primary) 12%,var(--dk-color-surface));color:var(--dk-color-primary);font-weight:700}.nav-group-title{margin:1.2rem .7rem .35rem;font-size:var(--dk-font-size-xs);color:var(--dk-color-muted);font-weight:700}.docs-drawer-footer{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--dk-color-border);font-size:var(--dk-font-size-sm);color:var(--dk-color-muted)}body.docs-drawer-open{overflow:hidden}
/* Docs home */
.docs-home{max-width:860px;margin:0 auto;padding:var(--dk-space-8) var(--dk-page-gutter)}.docs-home-title{margin:0;font-size:clamp(1.7rem,5vw,2.25rem)}.docs-home .lead{max-width:680px}.docs-grid{display:grid;gap:.85rem;margin-top:var(--dk-space-6)}.doc-card{display:block;padding:1.1rem;border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface);text-decoration:none;transition:transform var(--dk-duration-fast) var(--dk-ease-standard),border-color var(--dk-duration-fast) var(--dk-ease-standard),background-color var(--dk-duration-fast) var(--dk-ease-standard)}.doc-card:hover{transform:translateY(-2px);border-color:var(--dk-color-primary);background:var(--dk-color-surface-soft)}.doc-card strong{display:block;font-size:1.04rem}.doc-card span{display:block;margin-top:.2rem;color:var(--dk-color-muted);font-size:var(--dk-font-size-sm)}
@media(min-width:700px){.docs-grid{grid-template-columns:repeat(2,1fr)}.lead{font-size:1.04rem}.doc-section{padding-top:3rem}.mobile-toc{display:none}}
@media(min-width:1024px){.docs-menu-button{display:none!important}.docs-layout{display:grid;grid-template-columns:190px minmax(0,var(--docs-content)) 180px;gap:42px;align-items:start;padding-inline:28px}.doc-content{width:100%}.desktop-sidebar,.page-toc{display:block;position:sticky;top:92px;max-height:calc(100vh - 116px);overflow-y:auto}.desktop-sidebar{padding-top:1.4rem}.desktop-sidebar nav{font-size:var(--dk-font-size-sm)}.page-toc{padding-top:2rem;font-size:var(--dk-font-size-sm)}.page-toc>p{margin:0 0 .5rem;font-weight:700}.page-toc nav{padding-inline-start:.7rem;border-inline-start:1px solid var(--dk-color-border)}.page-toc a{display:block;padding:.3rem 0;text-decoration:none;color:var(--dk-color-muted);transition:color var(--dk-duration-fast) ease}.page-toc a:hover,.page-toc a.active{color:var(--dk-color-primary)}.page-toc a.active{font-weight:700}.docs-breadcrumb{margin-top:2rem}}
@media(max-width:520px){.rate-item{align-items:flex-start}.rate-item>strong{max-width:44%;font-size:.85rem}.mobile-toc nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.docs-nav-drawer,.docs-nav-backdrop,.doc-card{transition:none!important}}

.docs-language-links{display:flex;gap:1rem;margin-block:1rem;font-size:.9375rem}.docs-language-links a[aria-current="page"]{font-weight:700}.doc-content pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.doc-content .tax-table-wrap{overflow:auto}.doc-content .tax-table{width:100%;border-collapse:collapse;min-width:32rem}.doc-content .tax-table td,.doc-content .tax-table th{padding:.8rem;text-align:start;border-bottom:1px solid var(--dk-color-border)}

/* Same type scale as public apps; content roles remain distinct. */
.doc-title,.docs-home-title{font-size:clamp(1.5rem,3vw,1.75rem);line-height:1.5}
.doc-content,.docs-home{font-size:var(--dk-font-size-md)}
.doc-section h2,.docs-home h2{font-size:1.25rem;line-height:1.6}
.doc-section h3{font-size:1.125rem;line-height:1.6}
.lead,.doc-card strong,.mini-result dd{font-size:1rem}
.example-heading strong,.formula-block code,.calculation-line code{font-size:1rem}
.example-card,.source-links a{border-radius:var(--dk-radius-lg)}
.source-links a{overflow-wrap:anywhere;line-height:1.8}
.doc-card:hover{transform:none;box-shadow:none}
@media(min-width:700px) and (max-width:1023px){.mobile-toc{display:block}}
@media(max-width:520px){.example-heading{flex-wrap:wrap}.mini-result>div{gap:.75rem}.mini-result dd{max-width:60%;overflow-wrap:anywhere}}
.example-heading strong{white-space:nowrap}.mini-result dd{font-variant-numeric:tabular-nums}
.source-links a:focus-visible{outline:2px solid var(--dk-color-focus);outline-offset:2px}
@media(max-width:420px){}