@font-face { font-family: Heebo; src: url('/fonts/heebo-hebrew.woff2') format('woff2'); font-display: swap; }
:root { color-scheme: light; font-family: Heebo, Arial, sans-serif; color: #142e35; background: #f8fbfa; line-height: 1.8; }
* { box-sizing: border-box; }
body { margin: 0; }
.skip-link { position: fixed; inset-block-start: 12px; inset-inline-start: 12px; z-index: 10; padding: 10px 16px; background: #fff; border: 2px solid #126953; border-radius: 8px; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
header, main, footer { max-width: 960px; margin-inline: auto; padding-inline: 24px; }
header { display: flex; align-items: center; gap: 24px; min-height: 88px; border-bottom: 1px solid #d9e5e1; }
header a { font: 800 28px Arial, sans-serif; letter-spacing: 2px; text-decoration: none; color: #17574c; }
header span, footer { color: #475d63; }
main { padding-block: 60px; }
.eyebrow { color: #17614f; font-weight: 700; }
h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.25; letter-spacing: -.03em; margin-block: 12px 24px; }
.intro { font-size: 1.25rem; max-width: 680px; }
.notice { padding: 16px 20px; background: #eaf3f0; border-inline-start: 3px solid #277661; border-radius: 8px; }
nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-block: 32px; }
a { color: #0a6455; text-underline-offset: 4px; }
a:hover { color: #063e35; }
:focus-visible { outline: 3px solid #126953; outline-offset: 4px; }
section { padding-block: 24px; scroll-margin-top: 20px; border-top: 1px solid #d9e5e1; }
h2 { font-size: 1.65rem; margin-block: 4px 16px; }
h3 { font-size: 1.15rem; margin-top: 28px; }
code { direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Consolas, monospace; font-size: .88em; overflow-wrap: anywhere; }
pre { direction: ltr; text-align: left; overflow-x: auto; padding: 22px; border-radius: 12px; background: #142e35; color: #f4fbf7; line-height: 1.7; }
pre code { display: block; white-space: pre; overflow-wrap: normal; }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; text-align: right; }
th, td { padding: 14px 12px; border-bottom: 1px solid #d9e5e1; vertical-align: top; }
th { background: #edf4f1; }
td code { white-space: nowrap; }
li { margin-block: 10px; }
footer { padding-block: 24px 40px; border-top: 1px solid #d9e5e1; font-size: .9rem; }
body.finly-clarity-site > footer { margin-inline: auto; }
.finly-clarity-site > footer a { color: inherit; }
@media (max-width: 600px) { header, main, footer { padding-inline: 18px; } main { padding-block: 36px; } pre { padding: 16px; font-size: .88rem; } th, td { padding: 10px 8px; } }