.hp-header{--hp-gold:#e9bd65;font-family:HeeboStudy,Arial,sans-serif;line-height:1.55;direction:rtl}.hp-header *{box-sizing:border-box}.hp-header a{text-decoration:none}.hp-header button{font:inherit;cursor:pointer}.hp-header h2,.hp-header h3,.hp-header p{margin:0}.hp-header img{display:block;max-width:100%}.hp-header .lj-icon{width:24px;height:24px;flex-shrink:0;stroke-width:1.7}.hp-header a:focus-visible,.hp-header button:focus-visible{outline:3px solid #b98623;outline-offset:4px}

/* Shared header rules extracted from the approved home design. */
@font-face { font-family: HeeboStudy; src: url("../fonts/Heebo-loading-20261028.woff2") format("woff2"),url("../fonts/Heebo.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
.hp-container { width: min(1240px, 100% - 64px); margin-inline: auto; }
.hp-header { position: absolute; inset: 0px 0px auto; z-index: 10; height: 88px; background: rgba(6,30,44, 0.65); border-bottom: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(9px); color: rgb(255, 255, 255); }
.hp-header-inner { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 26px; }
.hp-brand { display: block; width: 156px; flex-shrink: 0; }
.hp-brand img { width: 156px; height: 74px; object-fit: contain; filter: brightness(0) invert(1); }
.hp-nav { display: flex; align-items: center; justify-content: center; gap: 27px; white-space: nowrap; font-size: 15px; }
.hp-nav a { position: relative; padding: 16px 0px; color: rgb(244, 241, 234); }
.hp-nav a[aria-current] { color: var(--hp-gold); font-weight: 700; }
.hp-nav a[aria-current]::after { content: ""; position: absolute; bottom: 7px; inset-inline: 0px; height: 2px; background: var(--hp-gold); }
.hp-header-actions { display: flex; align-items: center; gap: 16px; flex-direction: row-reverse; }
.hp-icon-button { display: grid; place-items: center; color: rgb(255, 255, 255); }
.hp-icon-button .lj-icon { width: 24px; height: 24px; }
.hp-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(110deg, rgb(235, 196, 111), rgb(224, 174, 82)); border: 0px; font-weight: 800; border-radius: 8px; min-height: 48px; padding: 10px 22px; white-space: nowrap; color: rgb(6,30,44) !important; }
.hp-register { border-radius: 40px; font-size: 16px; min-width: 200px; min-height: 44px; }
.hp-register .lj-icon { width: 18px; height: 18px; }
.hp-menu-button { display: none; }
@media (min-width: 1600px) {.hp-container { width: min(1400px, 100% - 96px); }}
@media (max-width: 1360px) {.hp-nav { gap: 18px; }
.hp-header-inner { gap: 18px; }
.hp-brand, .hp-brand img { width: 140px; }
.hp-register { min-width: 185px; font-size: 15px; }}
@media (max-width: 1100px) {.hp-nav { gap: 14px; font-size: 13px; }
.hp-brand, .hp-brand img { width: 120px; }
.hp-header-actions { gap: 12px; }
.hp-header-actions > .hp-icon-button { display: none; }
.hp-register { min-width: 170px; font-size: 14px; }}
@media (max-width: 800px) {.hp-container { width: calc(100% - 32px); }
.hp-header { height: 76px; }
.hp-header-inner { gap: 12px; }
.hp-brand, .hp-brand img { width: 128px; height: 65px; }
.hp-menu-button { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.27); border-radius: 6px; background: transparent; color: rgb(255, 255, 255); margin-inline-start: auto; }
.hp-menu-button .lj-icon { width: 23px; height: 23px; }
.hp-header-actions { flex: 0 0 auto; }
.hp-register { min-width: 0px; font-size: 13px; padding: 9px 13px; min-height: 38px; }
.hp-register .lj-icon { display: none; }
.hp-nav { display: none; position: absolute; top: 76px; right: 16px; left: 16px; border: 1px solid rgb(6,30,44); border-radius: 8px; background: rgb(6,30,44); padding: 14px; box-shadow: rgba(0, 0, 0, 0.267) 0px 14px 24px; white-space: normal; }
.hp-nav.is-open { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 20px; }
.hp-nav a { padding: 9px; font-size: 16px; }
.hp-nav a[aria-current]::after { display: none; }}
@media (max-width: 520px) {.hp-container { width: calc(100% - 28px); }
.hp-header-inner { gap: 8px; }
.hp-brand, .hp-brand img { width: 110px; }
.hp-register { font-size: 12px; padding: 9px 11px; }
.hp-menu-button { width: 35px; height: 36px; }}
@media (max-width: 800px) {.hp-menu-button { min-width: 44px; min-height: 44px; }
.hp-register { min-height: 44px; }}
.hp-header { height: 80px; background: rgba(6,30,44, 0.43); backdrop-filter: blur(5px); border-bottom-color: rgba(255, 255, 255, 0.07); }
.hp-header-inner { gap: 24px; }
.hp-brand, .hp-brand img { width: 140px; }
.hp-brand img { height: 68px; }
.hp-header-actions { flex-direction: row; gap: 17px; }
.hp-register { min-width: 190px; min-height: 42px; font-size: 15px; padding: 9px 20px; }
.hp-icon-button .lj-icon { width: 23px; height: 23px; }
.hp-nav { font-size: 14px; gap: 25px; }
@media (max-width: 1360px) {.hp-nav { gap: 18px; }
.hp-header-inner { gap: 18px; }
.hp-register { min-width: 180px; }}
@media (max-width: 1100px) {.hp-nav { gap: 14px; font-size: 13px; }
.hp-brand, .hp-brand img { width: 120px; }
.hp-register { min-width: 170px; font-size: 14px; }}
@media (max-width: 800px) {.hp-header { height: 76px; }
.hp-header-inner { gap: 12px; }
.hp-brand, .hp-brand img { width: 128px; height: 65px; }
.hp-nav { top: 76px; }
.hp-header-actions { gap: 12px; }
.hp-register { min-width: 0px; min-height: 44px; font-size: 13px; padding: 9px 13px; }}
@media (max-width: 520px) {.hp-header-inner { gap: 8px; }
.hp-brand, .hp-brand img { width: 110px; }
.hp-register { font-size: 12px; padding: 9px 11px; }}
.hp-header { position: fixed; z-index: 100; transition: background 0.18s, box-shadow 0.18s; }
.hp-header.is-scrolled { background: rgba(6,30,44, 0.96); box-shadow: rgba(6,30,44, 0.15) 0px 3px 14px; }
@media (max-width: 800px) {.hp-nav { max-height: calc(100dvh - var(--hp-sticky-clearance,92px)); overflow-y: auto; }}
.hp-fields-menu { display: none; }
@media (min-width: 801px) {.hp-fields-menu:not([hidden]) { display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: min(960px, -48px + 100vw); max-height: calc(100dvh - var(--hp-sticky-clearance,96px)); overflow-y: auto; overscroll-behavior: contain; background: rgb(243, 243, 243); color: rgb(32, 32, 32); border: 1px solid rgb(226, 226, 226); border-radius: 17px; box-shadow: rgba(6,30,44, 0.16) 0px 16px 34px; direction: rtl; white-space: normal; }
.hp-fields-menu-bar { display: flex; justify-content: space-between; align-items: center; gap: 24px; min-height: 58px; padding: 12px 18px; background: rgb(6,30,44); color: rgb(229, 232, 235); font-size: 15px; }
.hp-fields-menu-bar strong { display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 750; }
.hp-fields-menu-bar .lj-icon { width: 19px; height: 19px; color: rgb(217, 171, 75); }
.hp-fields-menu-bar > div { display: flex; gap: 18px; }
.hp-fields-menu-bar a { color: rgb(214, 221, 224); text-decoration: none; }
.hp-fields-menu-bar a:first-child { color: rgb(239, 191, 96); font-weight: 750; }
.hp-fields-menu-body { padding: 20px; }
.hp-fields-menu-title { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.hp-fields-menu-title h2 { font-size: 22px; line-height: 1.4; font-weight: 700; margin: 0px; }
.hp-fields-menu-title p { font-size: 14px; color: rgb(119, 119, 119); margin: 3px 0px 0px; }
.hp-fields-menu-title > a { display: flex; align-items: center; gap: 10px; color: rgb(41, 41, 41); font-size: 15px; text-decoration: none; }
.hp-fields-menu-title .lj-icon, .hp-fields-menu-all .lj-icon { width: 15px; height: 15px; }
.hp-fields-menu-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; }
.hp-fields-menu-card { background: rgb(255, 255, 255); border-radius: 14px; padding: 17px 16px; min-width: 0px; }
.hp-fields-menu-card h3 { margin: 0px 0px 9px; font-size: 16px; line-height: 1.5; font-weight: 650; }
.hp-fields-menu-card h3 a { display: flex; align-items: center; gap: 8px; color: rgb(34, 34, 34); text-decoration: none; }
.hp-fields-menu-card h3 .lj-icon { width: 18px; height: 18px; flex: 0 0 auto; color: rgb(189, 142, 48); stroke-width: 1.7; }
.hp-fields-menu-card ul { list-style: none; padding: 0px; margin: 0px; }
.hp-fields-menu-card li { margin: 0px; }
.hp-fields-menu-card li a { display: block; padding: 3px 0px; color: rgb(77, 88, 98); font-size: 14px; font-weight: 600; line-height: 1.7; text-decoration: none; }
.hp-fields-menu-all { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; color: rgb(34, 34, 34); font-size: 15px; text-decoration: none; }
.hp-fields-menu a:hover { color: rgb(155, 106, 19); text-decoration: underline; }
.hp-fields-menu a:focus-visible { outline: rgb(189, 142, 48) solid 2px; outline-offset: 3px; border-radius: 3px; }
.hp-nav-fields[aria-expanded="true"] { color: rgb(239, 198, 110); }}
.hp-information-menu, .hp-nav .hp-nav-information { display: none; }
@media (min-width: 801px) {.hp-nav .hp-nav-information { display: block; }
.hp-nav .hp-nav-reading, .hp-nav .hp-nav-news { display: none; }
.hp-information-menu:not([hidden]) { display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: min(850px, -48px + 100vw); max-height: calc(100dvh - var(--hp-sticky-clearance,96px)); overflow-y: auto; overscroll-behavior: contain; padding: 20px 18px 18px; background: rgb(243, 243, 243); border: 1px solid rgb(220, 220, 220); border-radius: 18px; box-shadow: rgba(6,30,44, 0.16) 0px 16px 34px; color: rgb(32, 32, 32); direction: rtl; white-space: normal; }
.hp-information-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 17px; }
.hp-information-heading h2 { font-size: 22px; line-height: 1.4; font-weight: 700; }
.hp-information-heading p { margin-top: 3px; color: rgb(136, 136, 136); font-size: 14px; }
.hp-information-heading > .lj-icon { width: 21px; height: 21px; color: rgb(189, 142, 48); }
.hp-information-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(110px, auto)); gap: 10px 14px; }
.hp-information-card { position: relative; display: grid; grid-template-columns: 38px minmax(0px, 1fr); align-content: start; align-items: start; gap: 0px 11px; background: rgb(255, 255, 255); border-radius: 14px; padding: 15px 14px 32px; min-width: 0px; }
.hp-information-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgb(248, 237, 214); color: rgb(168, 118, 33); }
.hp-information-icon .lj-icon { width: 20px; height: 20px; }
.hp-information-copy strong { display: block; color: rgb(32, 32, 32); font-size: 16px; font-weight: 650; line-height: 1.4; }
.hp-information-copy small { display: block; color: rgb(136, 136, 136); font-size: 12px; line-height: 1.5; margin-top: 5px; }
.hp-information-arrow { position: absolute; bottom: 13px; left: 15px; display: flex; color: rgb(195, 145, 53); }
.hp-information-arrow .lj-icon { width: 14px; height: 14px; }
.hp-information-grid .hp-information-assistant { grid-area: 1 / 3 / 3; display: flex; flex-direction: column; align-items: flex-start; padding: 16px 16px 17px; min-width: 0px; border-radius: 14px; background: rgb(6,30,44); color: rgb(246, 248, 250); }
.hp-information-assistant > .lj-icon { color: rgb(239, 198, 110); width: 25px; height: 25px; margin-bottom: 17px; }
.hp-information-assistant > strong { font-size: 18px; line-height: 1.4; font-weight: 750; }
.hp-information-assistant > p { margin-top: 10px; font-size: 14px; line-height: 1.6; color: rgb(201, 217, 225); }
.hp-information-assistant > span { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 15px; margin-top: auto; padding-top: 24px; color: rgb(239, 198, 110); font-size: 14px; font-weight: 700; }
.hp-information-assistant > span .lj-icon { width: 15px; height: 15px; }
.hp-information-card:hover { box-shadow: rgba(6,30,44, 0.07) 0px 3px 12px; }
.hp-information-card:hover strong { color: rgb(155, 106, 19); }
.hp-information-menu a:focus-visible { outline: rgb(189, 142, 48) solid 2px; outline-offset: 3px; }
.hp-nav-information[aria-expanded="true"] { color: rgb(239, 198, 110); }}
@media (min-width: 801px) {.hp-nav { font-size: 18px; }}
@media (min-width: 801px) and (max-width: 1100px) {.hp-nav { font-size: 16px; }}


.hp-join-actions .hp-button .lj-icon { width: 18px; height: 18px; }

.hp-how > .hp-container { width: min(1140px, 100% - 64px); margin-inline: auto; }
@media (max-width: 800px) {.hp-how > .hp-container { width: calc(100% - 32px); }}
@media (max-width: 520px) {.hp-how > .hp-container { width: calc(100% - 28px); }}
@media (max-width: 600px) {.hp-mobile-footer-join .hp-button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; font-size: 15px; margin: 0px; color: rgb(6,30,44) !important; }}
.hp-mobile-register-link { display: none; }
@media (max-width: 600px) {.hp-header, .hp-header.is-scrolled { height: 64px; background: rgb(6,30,44); border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.hp-header-inner { display: grid; grid-template-columns: 44px minmax(0px, 1fr) 44px; direction: ltr; gap: 8px; }
.hp-menu-button { grid-area: 1 / 1; justify-self: start; display: grid; width: 44px; height: 44px; min-width: 44px; min-height: 44px; margin: 0px; padding: 0px; border: 0px; border-radius: 9px; background: rgba(255, 255, 255, 0.07); }
.hp-brand { grid-area: 1 / 2; justify-self: center; width: 134px; }
.hp-brand img { width: 134px; height: 62px; object-fit: contain; }
.hp-header-actions { grid-area: 1 / 3; display: flex; justify-content: flex-end; gap: 0px; }
.hp-header-actions > .hp-icon-button { display: none; }
.hp-header-actions > .hp-icon-button[href="#hp-search"] { display: grid; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0px; border: 0px; border-radius: 9px; background: rgba(255, 255, 255, 0.07); }
.hp-header-actions .hp-register { display: none; }
.hp-nav { top: 64px; right: 14px; left: 14px; direction: rtl; }
.hp-nav.is-open { display: flex; flex-direction: column; gap: 2px; }
.hp-nav a { display: flex; align-items: center; min-height: 44px; padding: 9px 12px; }
.hp-nav .hp-mobile-register-link { display: flex; justify-content: center; border: 1px solid rgb(216, 183, 106); border-radius: 6px; color: rgb(240, 203, 124); margin-top: 8px; font-weight: 750; }}
.hp-mobile-nav-heading, .hp-nav .hp-mobile-nav-icon { display: none; }
@media (max-width: 600px) {.hp-nav { position: fixed; top: 76px; right: 16px; left: 16px; max-width: 360px; margin-inline: auto; padding: 0px 16px 16px; border: 0px; border-radius: 17px; background: rgb(6,30,44); box-shadow: rgba(6,30,44, 0.19) 0px 12px 35px; max-height: calc(-92px + 100dvh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(83, 101, 112) rgb(6,30,44); }
.hp-nav.is-open { display: flex; flex-direction: column; gap: 0px; }
.hp-mobile-nav-heading { display: flex; align-items: center; justify-content: space-between; min-height: 62px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); color: rgb(220, 227, 232); font-size: 16px; font-weight: 750; }
.hp-mobile-nav-heading > span { display: flex; align-items: center; gap: 10px; }
.hp-mobile-nav-heading > span::before { content: ""; width: 12px; height: 7px; border-top: 1px solid rgb(239, 198, 110); border-bottom: 1px solid rgb(239, 198, 110); }
.hp-mobile-nav-close { display: grid; place-items: center; width: 44px; height: 44px; margin-left: -8px; border: 0px; border-radius: 6px; background: transparent; color: rgb(255, 255, 255); cursor: pointer; }
.hp-mobile-nav-close .lj-icon { width: 17px; height: 17px; }
.hp-nav > a { display: flex; align-items: center; gap: 12px; min-height: clamp(56px, 9.5dvh, 79px); padding: 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); color: rgb(246, 247, 249); font-size: 17px; line-height: 1.4; font-weight: 700; text-decoration: none; }
.hp-nav > a::after { content: "‹"; margin-inline-start: auto; color: rgb(255, 255, 255); font-size: 23px; font-weight: 400; line-height: 1; }
.hp-nav .hp-mobile-nav-icon { display: block; width: 20px; height: 20px; flex: 0 0 auto; color: rgb(239, 198, 110); stroke-width: 1.8; }
.hp-nav .hp-nav-home { display: none; }
.hp-nav .hp-nav-fields::after { content: "⌄"; font-size: 19px; }
.hp-nav .hp-mobile-register-link { display: flex; justify-content: center; gap: 8px; min-height: 50px; margin: 34px 0px 0px; padding: 12px; border: 0px; border-radius: 12px; background: rgb(239, 198, 110); color: rgb(6,30,44); font-size: 17px; font-weight: 750; }
.hp-nav .hp-mobile-register-link::after { display: none; }
.hp-mobile-register-link .lj-icon { width: 18px; height: 18px; }
.hp-nav a:focus-visible, .hp-mobile-nav-close:focus-visible { outline: rgb(239, 198, 110) solid 2px; outline-offset: -3px; }
.hp-nav > a:hover { color: rgb(239, 198, 110); }
.hp-nav .hp-mobile-register-link:hover { color: rgb(6,30,44); background: rgb(245, 212, 140); }}
@media (max-width: 600px) {.hp-nav.is-open { align-items: stretch; }
.hp-nav > a::after { content: ""; display: block; width: 7px; height: 7px; flex: 0 0 auto; border-left: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); transform: rotate(45deg); margin-inline-end: 4px; }
.hp-nav .hp-nav-fields::after { content: ""; transform: rotate(-45deg); }
.hp-nav .hp-mobile-register-link::after { display: none; }}
.hp-mobile-fields, .hp-mobile-nav-backdrop { display: none; }
@media (max-width: 600px) {.hp-nav { top: 0px; left: 0px; right: auto; width: min(360px, 88vw); max-width: none; height: 100dvh; max-height: none; margin: 0px; padding: 0px 14px 16px; border-radius: 0px 18px 18px 0px; box-shadow: rgba(0, 0, 0, 0.333) 8px 0px 32px; z-index: 102; }
.hp-mobile-nav-backdrop:not([hidden]) { display: block; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100dvh; background: rgba(6,30,44, 0.6); backdrop-filter: blur(3px); z-index: 101; }
.hp-mobile-nav-heading { position: relative; direction: ltr; justify-content: center; min-height: 80px; }
.hp-nav .hp-mobile-nav-brand { display: block; width: 134px; min-height: 0px; padding: 0px; border: 0px; }
.hp-mobile-nav-brand img { width: 134px; height: 64px; object-fit: contain; }
.hp-mobile-nav-close { position: absolute; right: 0px; left: auto; margin: 0px; background: rgba(255, 255, 255, 0.07); border-radius: 8px; }
.hp-nav > a { min-height: 48px; padding: 10px 2px; font-size: 16px; }
.hp-nav .hp-nav-home { display: flex; color: rgb(246, 247, 249); }
.hp-nav .hp-nav-home .lj-icon { color: rgb(239, 198, 110); }
.hp-nav .hp-nav-fields[aria-expanded="true"] { background: rgba(255, 255, 255, 0.043); border: 1px solid rgb(214, 177, 91); border-radius: 7px; color: rgb(239, 198, 110); padding-inline: 8px; }
.hp-mobile-fields:not([hidden]) { display: flex; flex-direction: column; gap: 0px; padding: 4px 10px 8px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(255, 255, 255, 0.125) rgba(255, 255, 255, 0.125); border-image: initial; border-radius: 0px 0px 8px 8px; background: rgba(255, 255, 255, 0.016); }
.hp-mobile-fields a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 8px 4px; border: 0px; color: rgb(220, 231, 237); font-size: 14px; font-weight: 550; text-decoration: none; }
.hp-mobile-fields a > span[aria-hidden] { direction: ltr; color: rgb(255, 255, 255); font-size: 21px; }
.hp-mobile-fields .hp-mobile-fields-all { justify-content: flex-start; color: rgb(243, 246, 248); }
.hp-mobile-fields-all .lj-icon { width: 19px; height: 19px; color: rgb(239, 198, 110); }
.hp-nav .hp-mobile-register-link { margin-top: 20px; flex: 0 0 auto; }
.hp-nav .hp-mobile-register-link .lj-icon { display: none; }
.hp-nav .hp-mobile-register-link::before { content: "+"; font-size: 22px; line-height: 1; }
.hp-nav a:focus-visible, .hp-mobile-fields a:focus-visible { outline: rgb(239, 198, 110) solid 2px; outline-offset: -2px; }}
@media (max-width: 600px) {.hp-mobile-nav-brand img { filter: brightness(0) invert(1); }
.hp-nav .hp-mobile-register-link > span { order: 1; }
.hp-nav .hp-mobile-register-link::before { order: 2; }}
@media (max-width: 600px) {.hp-mobile-fields a { border-radius: 5px; transition: background-color 0.16s, color 0.16s; }
.hp-mobile-fields a:hover, .hp-mobile-fields a:focus-visible { background: rgba(255, 255, 255, 0.063); color: rgb(239, 198, 110); }
.hp-mobile-fields a:active { background: rgba(239, 198, 110, 0.14); color: rgb(245, 213, 142); }}
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {.hp-mobile-fields a { transition: none; }}

body.lawj-shared-navigation{padding-top:80px}body.lawj-shared-navigation .hp-header{background:#061e2c}body.lawj-shared-navigation :is(section[id],h2[id],#main){scroll-margin-top:var(--hp-sticky-clearance,96px)}
@media(max-width:600px){body.lawj-shared-navigation{padding-top:64px}}

@media(max-width:800px){.hp-nav .hp-nav-information{display:flex}.hp-nav .hp-nav-information::after{content:'';display:block;width:7px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.hp-mobile-information a{text-decoration:none}}
@media(min-width:801px){.hp-nav-information>.hp-mobile-nav-icon,.hp-mobile-information{display:none!important}.hp-nav .hp-mobile-nav-icon{display:none}}
@media(max-width:600px){.hp-nav a[aria-current]::after{height:7px;inset-inline:auto;position:static;background:transparent}.hp-nav .hp-nav-home::after{display:none}}

/* Desktop portal-registration destination in the common navigation. */
.hp-nav .hp-nav-join{display:none}@media(min-width:801px){.hp-nav .hp-nav-join{display:block}}

/* Keep the close control reachable while the expanded phone menu scrolls. */
@media(max-width:600px){.hp-nav .hp-mobile-nav-heading{position:sticky;top:0;z-index:3;flex-shrink:0;background:#061e2c}}

/* Overflowing phone navigation must start at its scroll origin, not above it. */
@media(max-width:600px){.hp-nav.is-open{justify-content:flex-start}.hp-nav>*{flex-shrink:0}.hp-nav{overflow-y:auto;touch-action:pan-y;scroll-padding-top:80px}}

/* Shared footer brand color also applies on registration/account pages. */
.lawj-shared-navigation .site-footer{--lj-navy:#061e2c;background-color:#061e2c}

/* Match the assistant's fixed-height viewport to the shared header's real clearance.
   The shared clearance includes 16px scroll spacing and any visible admin toolbar.
   At 601-767px the shell reserves 4px more space than the 76px header.
   Keep the assistant's existing keyboard and short-window modes intact. */
@media(max-width:767px){
 body.lawj-assistant-app.lawj-shared-navigation:not(.lawj-assistant-keyboard):not(.assistant-short-window) .assistant-page{height:calc(var(--assistant-height,100dvh) - var(--hp-sticky-clearance,96px) + 12px)}
}
@media(max-width:600px){
 body.lawj-assistant-app.lawj-shared-navigation:not(.lawj-assistant-keyboard):not(.assistant-short-window) .assistant-page{height:calc(var(--assistant-height,100dvh) - var(--hp-sticky-clearance,80px) + 16px)}
}

/* Owner-approved phone header: menu on the right, search on the left. */
.hp-menu-label{display:none}
@media(max-width:600px){
 .hp-header-inner{grid-template-columns:90px minmax(0,1fr) 90px}
 .hp-menu-button{grid-area:1 / 3;justify-self:end;display:flex;align-items:center;justify-content:center;direction:rtl;gap:6px;box-sizing:border-box;width:90px;min-width:90px;padding:0 8px;border:1px solid rgba(233,189,101,.65);color:#e9bd65;background:rgba(255,255,255,.07);font:inherit;font-size:15px;font-weight:700;line-height:1;white-space:nowrap}
 .hp-menu-button .lj-icon{width:21px;height:21px;flex:none}
 .hp-menu-label{display:inline}
 .hp-header-actions{grid-area:1 / 1;justify-content:flex-start;justify-self:start}
 .hp-header-actions>a[aria-label="מעבר לחיפוש"]{display:grid;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:#fff}
 .hp-header-inner>.hp-brand{max-width:100%}
 .hp-header-inner>.hp-brand img{width:100%;max-width:134px}
 .hp-menu-button:focus-visible{outline:2px solid #e9bd65;outline-offset:3px}
}
