:root{--c-dark:#262626;--c-red:#8c182a;--c-light:#eaeaea;--c-grey:#999}
    *{box-sizing:border-box}
    body{margin:0;background:var(--c-dark);color:var(--c-light);
         font-family:'Tajawal',system-ui,sans-serif;
         line-height:1.75;-webkit-font-smoothing:antialiased}
    .lgl-wrap{max-inline-size:820px;margin-inline:auto;
              padding:clamp(48px,10vw,96px) clamp(20px,5vw,40px) calc(96px + env(safe-area-inset-bottom,0px))}
    .lgl-back{display:inline-flex;align-items:center;gap:8px;color:var(--c-grey);
              text-decoration:none;font-size:12.5px;font-weight:800;letter-spacing:2px;
              text-transform:uppercase;margin-block-end:32px}
    .lgl-back:hover{color:var(--c-red)}
    .lgl-tag{display:inline-block;background:var(--c-red);color:#fff;padding:8px 16px;
             border-radius:4px;font-size:11.5px;font-weight:800;letter-spacing:2px;
             text-transform:uppercase;margin-block-end:20px}
    h1{font-size:clamp(1.9rem,5.5vw,2.9rem);font-weight:900;line-height:1.1;margin:0 0 12px;color:#fff}
    .lgl-upd{color:var(--c-grey);font-size:13px;margin-block-end:44px}
    h2{font-size:clamp(1.1rem,3vw,1.35rem);font-weight:800;color:#fff;
       margin:44px 0 12px;padding-inline-start:14px;border-inline-start:3px solid var(--c-red)}
    p,li{font-size:15.6px;color:var(--c-light)}
    ul{padding-inline-start:22px}li{margin-block-end:8px}
    a{color:var(--c-red)}
    .lgl-note{border:1px solid rgba(140,24,42,.5);background:rgba(140,24,42,.08);
              padding:16px 18px;border-radius:4px;margin:28px 0;font-size:14px;color:#f0c9d0}
    table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
    th,td{text-align:left;padding:10px 12px;
          border-block-end:1px solid rgba(255,255,255,.12);vertical-align:top}
    th{color:#fff;font-weight:800;font-size:12.5px;letter-spacing:1px;text-transform:uppercase}
    /* Narrow screens: the table scrolls inside its own box so the PAGE never
       scrolls horizontally. Verified failing case: cookies @320px overflowed 57px. */
    .lgl-scroll{display:block;max-inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    table{display:block;max-inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    @media (max-width:420px){
      th,td{padding:8px 10px;font-size:13.5px;}
      .lgl-wrap{padding-left:16px;padding-right:16px;}
    }