.site-footer{background-color:var(--color-surface-container-lowest);border-top:var(--border-ghost);padding:var(--space-8) 0;.inner{max-width:calc(var(--page-width) + 2 * var(--space-5));margin:0 auto;padding-inline:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);@media(min-width:768px){flex-direction:row-reverse;justify-content:space-between;align-items:center}}.brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);@media(min-width:768px){align-items:flex-start}}.row{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.title{font-family:var(--font-hebrew);font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--color-primary)}.logo{width:2rem;height:2rem;opacity:.8}.copyright{font-family:var(--font-body);font-size:var(--text-label-sm);color:var(--color-on-surface-variant);text-align:center;@media(min-width:768px){text-align:right}}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);font-family:var(--font-hebrew);font-size:var(--text-body-md)}.link{white-space:nowrap;color:var(--color-on-surface-variant);transition:color .2s ease;&:hover{color:var(--color-primary)}}}.theme-toggle{--track-width: 4.25rem;--track-height: 1.75rem;--knob-width: 2.6rem;--knob-height: 2.1rem;display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:0;font-family:var(--font-hebrew);font-size:var(--text-body-lg);font-weight:var(--weight-medium);color:var(--color-on-surface-variant);background:none;border:0;cursor:pointer;&.row{justify-content:space-between;width:100%}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-full)}.track{position:relative;flex:none;width:var(--track-width);height:var(--track-height);border-radius:var(--radius-full);background-color:var(--color-primary-fixed);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-shade) 18%,transparent);transition:background-color .3s ease}.end{position:absolute;top:50%;translate:0 -50%;font-size:1rem;color:var(--color-on-primary-fixed-variant);&.day{inset-inline-start:.4rem}&.night{inset-inline-end:.4rem}}--knob-travel: calc(var(--track-width) - var(--knob-width) + .4rem);.knob{position:absolute;top:50%;inset-inline-start:-.2rem;display:grid;width:var(--knob-width);height:var(--knob-height);translate:0 -50%;transition:translate .4s cubic-bezier(.16,1,.3,1);& img{grid-area:1 / 1;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}}.asleep{opacity:0}&:hover .knob{scale:1.06}}:root[data-theme=dark] .theme-toggle{.track{background-color:var(--color-secondary-container)}.end{color:var(--color-on-secondary-container)}.knob{translate:calc(-1 * var(--knob-travel)) -50%}&:dir(ltr) .knob{translate:var(--knob-travel) -50%}.awake{opacity:0}.asleep{opacity:1}}@media(prefers-reduced-motion:reduce){.theme-toggle :is(.track,.knob,.knob img){transition:none}}.navbar{&.desktop{display:none;position:relative;z-index:50;background-color:color-mix(in srgb,var(--color-surface) 80%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-surface-dim);@media(min-width:768px){display:block}.inner{display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--page-width) + 2 * var(--space-5));margin:0 auto;padding:var(--space-4) var(--space-5)}.links{display:flex;align-items:center;gap:var(--space-5);font-family:var(--font-hebrew);font-size:var(--text-body-md);font-weight:var(--weight-medium);letter-spacing:.02em;white-space:nowrap;@media(max-width:1023px){gap:var(--space-3)}}.social{display:flex;align-items:center;gap:var(--space-4);@media(max-width:1023px){.social-link,.divider{display:none}}}.divider{width:1px;height:1.5rem;background-color:var(--color-outline-variant)}}&.mobile{position:fixed;top:var(--space-2);left:var(--space-2);z-index:50;display:flex;flex-direction:column;width:min(85vw,14rem);height:45px;background-color:color-mix(in srgb,var(--color-surface) 90%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-surface-dim);border-radius:24px;clip-path:inset(0 calc(100% - 45px) 0 0 round 24px);transition:clip-path .13s cubic-bezier(.16,1,.3,1);&.expanding{height:auto;clip-path:inset(0 0 calc(100% - 45px) 0 round 24px)}&.show-menu{clip-path:inset(0 round 24px);transition:clip-path .36s cubic-bezier(.16,1,.3,1)}@media(min-width:768px){top:var(--space-4);left:var(--space-4);translate:0 calc(-100% - var(--space-4));transition:translate .2s cubic-bezier(.16,1,.3,1),clip-path .13s cubic-bezier(.16,1,.3,1);&.visible{translate:0 0}}.top-row{display:flex;align-items:center;justify-content:space-between;height:45px;direction:ltr}.burger-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:42px;height:42px;flex-shrink:0;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.line{display:block;width:20px;height:2px;background-color:var(--color-primary);border-radius:1px;transition:transform .25s ease,opacity .25s ease}&.open .line{&:nth-child(1){transform:translateY(7px) rotate(45deg)}&:nth-child(2){opacity:0}&:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}}.brand{gap:var(--space-2);padding:0 var(--space-3);opacity:0;pointer-events:none;transition:opacity .3s ease}&.show-brand .brand{opacity:1;pointer-events:auto}.logo{width:2.25rem;height:2.25rem;flex-shrink:0}.title{font-family:var(--font-hebrew);font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-primary);white-space:nowrap}.menu-content{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) 0 0 0;visibility:hidden;transition:visibility 0s linear .25s}&.show-menu .menu-content{visibility:visible;transition-delay:0s}.menu-content :is(.link,.group-label,.social,.theme){opacity:0;translate:0 -6px;transition:opacity .15s ease,translate .15s ease,color .2s ease}&.show-menu .menu-content :is(.link,.group-label,.social,.theme){opacity:1;translate:0 0;transition:opacity .25s ease calc(60ms + var(--index, 0) * 30ms),translate .35s cubic-bezier(.16,1,.3,1) calc(60ms + var(--index, 0) * 30ms),color .2s ease}.links{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-3);font-family:var(--font-hebrew);font-size:var(--text-body-lg);font-weight:var(--weight-medium)}.social{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-top:1px solid var(--color-surface-dim)}.theme{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-surface-dim)}}.brand{display:flex;align-items:center;gap:var(--space-3)}.logo{width:3rem;height:3rem;object-fit:contain}.title{font-family:var(--font-hebrew);font-size:1.5rem;font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.03em}.link{color:var(--color-on-surface-variant);transition:color .2s ease;&:hover{color:var(--color-primary)}&.active{color:var(--color-primary);font-weight:var(--weight-bold);text-decoration:underline;text-underline-offset:.4em;text-decoration-color:var(--color-primary-container);text-decoration-thickness:2px}}.social-link{color:var(--color-primary);transition:opacity .2s ease;&:hover{opacity:.7}}}.navbar-home{display:none;position:fixed;top:var(--space-2);right:var(--space-2);z-index:50;width:45px;height:45px;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:color-mix(in srgb,var(--color-surface) 90%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-surface-dim);box-shadow:0 4px 16px color-mix(in srgb,var(--color-shade) 8%,transparent);& img{width:30px;height:30px;object-fit:contain}@media(max-width:767px){display:flex}}.navbar-overlay{display:none;position:fixed;inset:0;z-index:49;&.active{display:block}}.navbar.desktop .link-group{position:relative}.navbar.desktop .link.has-children{display:inline-flex;align-items:center;gap:.2rem;background:none;border:none;padding:0;font:inherit;cursor:pointer}.navbar.desktop .link.has-children .chev{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.navbar.desktop .link-group:hover .chev,.navbar.desktop .link-group:focus-within .chev{transform:rotate(180deg)}.navbar.desktop .dropdown{position:absolute;top:100%;inset-inline-start:0;margin-top:.5rem;min-width:13rem;display:flex;flex-direction:column;gap:.15rem;padding:var(--space-2);background:var(--color-surface-container-lowest);border:var(--border-ghost);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:60}.navbar.desktop .link-group:hover .dropdown,.navbar.desktop .link-group:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.navbar.desktop .dropdown-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-on-surface);white-space:nowrap;transition:background-color .2s ease,color .2s ease}.navbar.desktop .dropdown-item:hover{background:var(--color-primary-fixed);color:var(--color-primary)}.navbar.desktop .dropdown-item.active{color:var(--color-primary);font-weight:var(--weight-bold)}.navbar.mobile .link-subgroup{display:flex;flex-direction:column;gap:var(--space-2)}.navbar.mobile .group-label{font-size:var(--text-label-md);font-weight:var(--weight-bold);color:var(--color-on-surface-variant);opacity:.65}.navbar.mobile .sub-link{padding-inline-start:var(--space-3)}@media(prefers-reduced-motion:reduce){.navbar.mobile,.navbar.mobile *,.navbar.mobile .menu-content :is(.link,.group-label,.social,.theme){transition-duration:0s!important;transition-delay:0s!important}}.site-layout{display:flex;flex-direction:column;min-height:100dvh}.site-content{flex:1}.site-content:focus{outline:none}.skip-link{position:absolute;top:0;inset-inline-start:50%;transform:translate(50%,-120%);z-index:1000;padding:.75rem 1.25rem;background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-body);font-weight:var(--weight-bold);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-ambient);transition:transform .2s ease}.skip-link:focus{transform:translate(50%);outline:3px solid var(--color-on-primary);outline-offset:2px}
