/* NDIGIT v2 · תקנון והצהרת נגישות. אותה שפה של עמודי העבודות: פתיחה צבעונית, ואז טקסט בעמודה קריאה
   עם תוכן עניינים דביק בצד (בדסקטופ) ופס סעיפים שמחליקים (במובייל). הטקסט מילה במילה מהאתר החי */
.lg { --pc: #1d1f1a; }
.lg-hero { padding-bottom: 72px; }
.lg-hero .wrap { position: relative; }
.lg-hero .cs-h { margin: 20px 0 24px; }
.lg-hero .cs-lead { max-width: 56ch; }
.lg-body { display: grid; grid-template-columns: minmax(200px, .32fr) minmax(0, 1fr); gap: 72px; padding-top: 72px; padding-bottom: 72px; align-items: start; }
.lg-toc { position: sticky; top: 96px; display: grid; gap: 2px; }
.lg-toc a { display: flex; gap: 12px; align-items: baseline; min-height: 44px; padding: 10px 12px; border-radius: 12px; color: var(--soft); text-decoration: none; font: 600 15px/1.3 var(--text); transition: background .2s, color .2s; }
.lg-toc a span { font: 400 13px/1 Anton, sans-serif; color: var(--lime); letter-spacing: .06em; direction: ltr; }
.lg-toc a:hover, .lg-toc a.on { background: rgba(255,255,255,.05); color: var(--bone); }
.lg-toc a:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
.lg-text { max-width: 68ch; }
.lg-sec { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 20px; padding: 36px 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.lg-sec:first-child { border-top: 0; padding-top: 0; }
.lg-n { font: 400 28px/1 Anton, sans-serif; color: var(--lime); direction: ltr; text-align: right; }
.lg-sec h2 { margin: 0 0 16px; font: 700 clamp(32px, 3vw, 44px)/1 var(--display); color: var(--bone); }
.lg-sec p { margin: 0 0 16px; font-size: 17px; line-height: 1.8; color: var(--soft); }
.lg-sec p:last-child { margin-bottom: 0; }
.lg-sec p b { color: var(--bone); font-weight: 700; }
.lg-sec a { color: var(--lime); text-underline-offset: 3px; }
@media (max-width: 760px) {
  .lg-hero { padding-bottom: 36px; }
  .lg-body { display: block; padding-top: 0; padding-bottom: 36px; }
  .lg-toc { position: sticky; top: 64px; z-index: 5; display: flex; gap: 8px; margin: 0 -20px 24px; padding: 12px 20px; overflow-x: auto; scrollbar-width: none; background: var(--coal); border-bottom: 1px solid var(--line); }
  .lg-toc::-webkit-scrollbar { display: none; }
  .lg-toc a { flex: none; padding: 0 14px; align-items: center; border: 1px solid var(--line); border-radius: 99px; font-size: 14px; white-space: nowrap; }
  .lg-sec { grid-template-columns: 1fr; padding: 36px 0; scroll-margin-top: 140px; }
  .lg-n { font-size: 16px; text-align: right; margin-bottom: 8px; }
  .lg-sec h2 { font-size: var(--t2, 40px); }
  .lg-sec p { font-size: 16px; }
}
.nf-go { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 24px; }
