/* F. BINSABBAR STOREFRONT - legal view styles (namespaced .lgl-*).
   MONOCHROME, long-form readable prose consistent with the v4 kit.
   Reuses kit tokens (--ink, --grey, --hair, --fdisp, --far); RTL-safe. */

/* ---------- INDEX ---------- */
.lgl-index{padding-top:6px;}
.lgl-ihead{max-width:64ch;margin-bottom:clamp(34px,5vw,58px);}
.lgl-ihead .ey{display:block;margin-bottom:16px;}
.lgl-ihead .h2{margin:0 0 16px;}
.lgl-ihead .lead{max-width:52ch;}

.lgl-groups{display:flex;flex-direction:column;gap:clamp(30px,4vw,50px);}
.lgl-group{border-top:1px solid var(--hair);padding-top:22px;}
.lgl-gtitle{font-family:var(--fdisp);font-size:var(--ty-over);line-height:var(--ty-over-lh);font-weight:400;letter-spacing:var(--ty-track-over);text-transform:uppercase;color:var(--grey);margin:0 0 6px;}
#site.ar .lgl-gtitle{font-family:var(--far);}

.lgl-list{list-style:none;margin:0;padding:0;}
.lgl-item{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--hair-soft);color:inherit;transition:padding-inline-start .25s var(--e1);}
.lgl-list li:last-child .lgl-item{border-bottom:0;}
.lgl-item:hover{padding-inline-start:8px;}
.lgl-itext{flex:1;min-width:0;}
.lgl-nm{display:block;font-size:var(--ty-h-sm);line-height:var(--ty-h-sm-lh);letter-spacing:var(--ty-track);color:var(--ink);}
.lgl-scope-sm{display:block;margin-top:6px;font-size:var(--ty-compact);line-height:var(--ty-compact-lh);color:var(--grey);max-width:70ch;}
.lgl-chev{width:18px;height:18px;color:var(--grey);flex:none;transition:transform .25s var(--e1),color .25s;}
.lgl-item:hover .lgl-chev{color:var(--ink);transform:translateX(4px);}
#site.ar .lgl-item:hover .lgl-chev{transform:translateX(-4px);}

/* ---------- DOCUMENT ---------- */
.lgl-docwrap{padding-top:6px;}
.lgl-doc{max-width:74ch;margin-inline:auto;}
.lgl-prose{color:var(--ink-warm);font-size:var(--ty-body);line-height:var(--ty-body-lh);}

.lgl-prose h1{font-family:var(--fdisp);font-weight:400;font-size:var(--ty-h-sec);line-height:var(--ty-h-sec-lh);letter-spacing:var(--ty-track);color:var(--ink);margin:0 0 18px;}
.lgl-prose h2{font-family:var(--fdisp);font-weight:400;font-size:var(--ty-h-sm);line-height:var(--ty-h-sm-lh);letter-spacing:var(--ty-track);color:var(--ink);margin:48px 0 14px;padding-top:26px;border-top:1px solid var(--hair);}
.lgl-prose h3{font-family:var(--fdisp);font-weight:400;font-size:var(--ty-body);line-height:var(--ty-body-lh);letter-spacing:var(--ty-track);color:var(--ink);margin:32px 0 10px;}
#site.ar .lgl-prose h1,#site.ar .lgl-prose h2,#site.ar .lgl-prose h3{font-family:var(--far);}

.lgl-prose p{margin:0 0 1.15em;}
.lgl-prose strong{font-weight:400;color:var(--ink);}
.lgl-prose em{font-style:italic;}
.lgl-prose u{text-decoration:underline;text-underline-offset:2px;}
.lgl-prose a{color:var(--ink);border-bottom:1px solid var(--hair);text-underline-offset:2px;transition:border-color .2s;overflow-wrap:break-word;word-break:break-word;}
.lgl-prose a:hover{border-bottom-color:var(--ink);}

.lgl-prose ul{list-style:none;margin:0 0 1.15em;padding:0;}
.lgl-prose li{position:relative;padding-inline-start:22px;margin-bottom:.5em;}
.lgl-prose li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:5px;height:5px;border-radius:999px;background:var(--grey);}
.lgl-prose li ul{margin:.5em 0 .2em;}
.lgl-prose li ul li{padding-inline-start:22px;}
.lgl-prose li ul li::before{background:transparent;border:1px solid var(--grey);}

/* injected "Where it applies" caption (under the H1) */
.lgl-scope{margin:0 0 30px !important;padding:16px 0 22px;border-bottom:1px solid var(--hair);font-size:var(--ty-compact);line-height:var(--ty-compact-lh);letter-spacing:var(--ty-track);color:var(--grey);}

.lgl-docfoot{margin-top:clamp(40px,6vw,64px);padding-top:26px;border-top:1px solid var(--hair);}
.lgl-docfoot .lcta .ico{width:16px;height:16px;}

/* ---------- LOADING / NOTE (calm, no red) ---------- */
.lgl-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:clamp(40px,8vw,90px) 0;color:var(--grey);}
.lgl-bar{width:120px;height:1px;background:var(--hair);position:relative;overflow:hidden;}
.lgl-bar::after{content:"";position:absolute;inset-block:0;inset-inline-start:-40%;width:40%;background:var(--ink);animation:lglSlide 1.15s var(--e1) infinite;}
.lgl-loadtxt{font-family:var(--fdisp);font-size:var(--ty-over);line-height:var(--ty-over-lh);letter-spacing:var(--ty-track-over);text-transform:uppercase;}
#site.ar .lgl-loadtxt{font-family:var(--far);}
@keyframes lglSlide{0%{inset-inline-start:-40%;}100%{inset-inline-start:100%;}}

.lgl-note{max-width:60ch;margin-inline:auto;padding:26px 28px;border:1px solid var(--hair);background:var(--cream);color:var(--ink-warm);font-size:var(--ty-compact);line-height:var(--ty-compact-lh);text-align:center;}

@media(prefers-reduced-motion:reduce){
  .lgl-bar::after{animation:none;inset-inline-start:0;width:100%;opacity:.4;}
  .lgl-item,.lgl-chev{transition:none;}
}